.problem-head{display:grid;gap:22px;max-width:960px}.problem-line{font:800 clamp(1.25rem,1.05rem + .7vw,1.6rem)/1.3 var(--text)}.modes{display:grid;gap:clamp(18px,2.4vw,32px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(40px,5vw,64px)}.mode{border-radius:var(--r-xl);display:flex;flex-direction:column;gap:22px;min-width:0;padding:clamp(22px,3vw,40px)}.mode-bad{background:var(--field-coral)}.mode-good{background:var(--field-green)}.mode-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between}.mode-top>div{flex:1 1 260px;min-width:0}.mode-sub{color:var(--ink-soft);font-size:17px;margin-top:6px}.mode-name{flex:none}.mode-bad .mode-name{background:var(--coral);color:var(--on-bright)}.mode-good .mode-name{background:var(--green);color:var(--on-bright)}.mode-shot{align-items:center;display:flex;flex:1;flex-direction:column;gap:14px;justify-content:flex-start}.mode-tally{font-size:16px;font-weight:700;line-height:1.4;max-width:420px;text-align:center;text-wrap:balance}.act{isolation:isolate;position:relative;white-space:nowrap}.act:after{background:var(--green);border-radius:.2em;content:"";inset-inline:-.08em;bottom:.02em;height:.38em;opacity:.6;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition:transform .42s var(--ease-out);z-index:-1}[dir=rtl] .act:after{transform-origin:100% 50%}.act.is-on:after{transform:scaleX(1)}.chat{background:var(--chat-bg);border-radius:26px;box-shadow:var(--shadow);max-width:440px;overflow:hidden;width:100%}.chat-head{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:12px;padding:12px 16px}.chat-ava{background:var(--tile-dark);border-radius:50%;color:var(--band-ink);display:grid;flex:none;font:800 14px/1 var(--display);height:38px;place-items:center;width:38px}.chat-head b{display:block;font-size:15px;line-height:1.25}.chat-head small{color:var(--ink-soft);display:block;font-size:13px;line-height:1.3}.msgs{display:flex;flex-direction:column;gap:10px;padding:18px 16px 22px}.msg{border-radius:16px;box-shadow:var(--shadow-xs);font-size:15px;line-height:1.4;max-width:84%;padding:8px 12px 6px;rotate:var(--tilt,0deg)}.msg.in{align-self:flex-start;background:var(--bubble-in);border-start-start-radius:5px}.msg.out{align-self:flex-end;background:var(--bubble-out);border-start-end-radius:5px}.msg time{color:var(--ink-soft);display:block;font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;margin-top:3px;text-align:end}.msgs.is-armed{overflow:hidden}.msgs.is-armed .msg{rotate:var(--spin,0deg);translate:0 var(--drop,-480px)}.msgs.is-falling .msg{animation:brick .82s linear var(--d,0s) both}.msgs.is-armed .msg:first-child,.msgs.is-falling .msg:first-child{animation:none;position:relative;rotate:var(--tilt,0deg);translate:none;z-index:1}@keyframes brick{0%{animation-timing-function:cubic-bezier(.4,.12,.9,.55);rotate:var(--spin,0deg);translate:0 var(--drop,-480px)}56%{animation-timing-function:cubic-bezier(.22,1,.36,1);rotate:calc(var(--tilt, 0deg) + var(--kick, 4deg));translate:0 0}74%{animation-timing-function:cubic-bezier(.55,0,1,.45);rotate:calc(var(--tilt, 0deg) - var(--kick, 4deg)*.45);translate:0 -12px}87%{animation-timing-function:cubic-bezier(.22,1,.36,1);rotate:calc(var(--tilt, 0deg) + var(--kick, 4deg)*.2);translate:0 0}94%{translate:0 -3px}to{rotate:var(--tilt,0deg);translate:0 0}}.chat.is-thud{animation:thud .26s var(--ease-out)}@keyframes thud{0%,to{translate:0 0}30%{translate:0 3px}}.sheet{background:var(--sheet-bg);border-radius:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:440px;overflow:hidden;width:100%}.sheet-bar{align-items:center;border-bottom:1px solid var(--line);display:grid;font-size:15px;gap:8px;grid-template-columns:1fr auto 1fr;padding:13px 16px}.sheet-bar span{color:var(--ink-soft)}.sheet-bar b{font-weight:800}.sheet-bar .i{color:var(--ink-soft);justify-self:end}.sheet-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:18px 18px 16px}.sheet-hi{font-size:16px;line-height:1.45}.sheet-facts{display:grid;gap:8px}.sheet-facts li{align-items:center;color:var(--ink-soft);display:flex;font-size:15px;gap:10px;line-height:1.35}.sheet-facts .i{color:var(--ink);height:18px;width:18px}.sheet-q{font-size:16px;font-weight:800}.sheet fieldset{border:0;margin:0;min-width:0;padding:0}.sheet legend{margin-bottom:8px;padding:0}.opts{display:grid;gap:8px}.opt{align-items:center;background:var(--sheet-bg);border:2px solid var(--line);border-radius:14px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:space-between;min-height:48px;padding:0 14px;position:relative;transition:border-color .16s ease,background-color .16s ease}.opt input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.opt:has(input:checked){background:var(--field-green);border-color:var(--green)}.opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.dot{border:2px solid var(--line-strong);border-radius:50%;flex:none;height:22px;transition:background-color .16s ease,border-color .16s ease;width:22px}.opt:has(input:checked) .dot{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 4px var(--field-green)}@media (hover:hover) and (pointer:fine){.opt:hover{border-color:var(--line-strong)}.opt:has(input:checked):hover{border-color:var(--green)}}.opt-trace{height:calc(100% + 4px);inset:-2px;overflow:visible;pointer-events:none;position:absolute;width:calc(100% + 4px)}[dir=rtl] .opt-trace{transform:scaleX(-1)}.opt-trace rect{fill:none;stroke:var(--green);stroke-dasharray:100;stroke-dashoffset:100;stroke-width:2}.opt.is-tracing:has(input:checked){border-color:var(--line)}.opt.is-revealing:has(input:checked){background:var(--sheet-bg)}.opt.is-revealing:has(input:checked) .dot{background:transparent;border-color:var(--line-strong);box-shadow:none}.sheet-sel{display:grid;gap:8px}.select{display:block;position:relative}.select select{appearance:none;-webkit-appearance:none;background:var(--sheet-bg);border:2px solid var(--line);border-radius:14px;color:var(--ink);cursor:pointer;font:700 16px/1.2 var(--text);min-height:48px;padding-block:0;padding-inline:14px 42px;transition:border-color .16s ease;width:100%}.select:after{border-bottom:2.5px solid var(--ink-soft);border-right:2.5px solid var(--ink-soft);content:"";height:8px;inset-inline-end:18px;pointer-events:none;position:absolute;rotate:45deg;top:50%;translate:0 -70%;width:8px}.select select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.select select:hover{border-color:var(--line-strong)}}.sheet-btn{align-items:center;background:var(--green);border:0;border-radius:999px;color:var(--wa-ink);cursor:pointer;display:flex;font:800 16px/1 var(--text);justify-content:center;min-height:50px;transition:transform .16s var(--ease-out),background-color .2s ease;width:100%}.sheet-btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.sheet-btn:hover{background:var(--wa-bg-hover)}}.sheet-foot{color:var(--ink-soft);font-size:12px;text-align:center}.sheet-done{gap:16px;justify-content:center}.done-head{align-items:center;display:flex;font:800 19px/1.25 var(--text);gap:12px}.done-head .tick{background:var(--green);border-radius:50%;color:var(--on-bright);display:grid;flex:none;place-items:center}.done-head .tick .i{height:18px;width:18px}.done-head .tick{height:34px;width:34px}.done-label{color:var(--ink-soft);font:700 13px/1.2 var(--text);margin-bottom:6px}.cap{border:1px solid var(--line);border-radius:14px;overflow:hidden}.cap>div{align-items:baseline;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:92px minmax(0,1fr);padding:10px 12px}.cap>div:last-child{border-bottom:0}.cap dt{color:var(--ink-soft);font:500 13px/1.3 var(--mono)}.cap dd{font-size:15px;font-weight:700;overflow-wrap:anywhere}.trig{display:grid;gap:9px}.trig li{align-items:center;display:flex;font-size:15px;font-weight:700;gap:10px;line-height:1.35}.trig .i{background:var(--green);border-radius:50%;color:var(--on-bright);height:24px;padding:4px;width:24px}.sheet-again{align-self:center;background:transparent;border:0;border-radius:999px;color:var(--accent-ink);cursor:pointer;font:700 15px/1 var(--text);justify-self:center;min-height:44px;padding:0 14px;text-decoration:underline;text-underline-offset:.25em}.sheet-done.is-in .cap>div,.sheet-done.is-in .trig li{animation:rise .32s var(--ease-out) both;animation-delay:calc(var(--k, 0)*90ms + .14s)}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes ready{0%,to{scale:1}45%{scale:1.03}}@keyframes pop-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (prefers-reduced-motion:no-preference){.sheet.is-armed .ord,.sheet.is-armed+.mode-tally{opacity:0;translate:0 10px}.sheet.is-ordering .ord,.sheet.is-ordering+.mode-tally{animation:rise .34s var(--ease-out) both;animation-delay:calc(var(--k, 0)*70ms)}.sheet.is-ordering .opt:has(input:checked) .dot{animation:pop-in .38s var(--ease-pop) both;animation-delay:1.12s}.sheet.is-ordering .sheet-btn{animation:ready .52s var(--ease-out) 1.36s}}.points{display:grid;gap:10px}.points li{align-items:flex-start;display:flex;font-size:17px;font-weight:700;gap:12px;line-height:1.4}.points .i{border-radius:50%;height:26px;padding:5px;width:26px}.mode-bad .points .i{background:var(--coral);color:var(--on-bright)}.mode-good .points .i{background:var(--green);color:var(--on-bright)}.tags{display:flex;flex-wrap:wrap;gap:8px}.mode-bad .tags .tag{background:transparent;border:2px solid var(--coral)}.mode-good .tags .tag{background:var(--green);color:var(--on-bright)}@media (max-width:959px){.modes{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.mode{padding:18px}.msg{max-width:90%}}@media (prefers-reduced-motion:reduce){.sheet-btn:active{transform:none}.act:after{transition:none}.sheet-done.is-in .cap>div,.sheet-done.is-in .trig li{animation:fade-in .2s ease both}}