body:has(.check-form){background:var(--slate-3)}@media (prefers-color-scheme:dark){body:has(.check-form){background:var(--slate-1)}.check .check-task,.sheet{border-color:var(--line-strong)}}.check{--focus:var(--brand-ink);--ease-out:cubic-bezier(.4, 0, .2, 1);--sheet-shadow:0 1px 2px #1018280d, 0 12px 32px -20px #10182838;--t-text:1.0625rem;--lh-text:26px;--t-small:.9375rem;--lh-small:22px;--t-letter:1.25rem;padding-block:8px var(--space);gap:32px;display:grid}.check>*{min-inline-size:0}.check h1{font-size:var(--step-2);font-weight:600;line-height:1.1}.check b,.check .card-name{font-weight:600}.check-lead{font-size:var(--t-text);line-height:var(--lh-text);color:var(--ink-2);margin-block-start:8px}.gate{gap:32px;max-inline-size:46rem}.check-form{font-size:var(--t-text);line-height:var(--lh-text);gap:24px;display:grid}.check-form>*{min-inline-size:0}.check-picks{gap:24px;display:grid}.check-label{font-size:var(--t-text);color:var(--ink);align-items:center;gap:12px;margin-block-end:12px;padding:0;font-weight:600;line-height:1.25;display:flex}.num{background:var(--brand-soft);block-size:26px;inline-size:26px;color:var(--brand-ink);font-size:var(--t-small);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.check-mode .check-label{margin:0}.mode-tabs{isolation:isolate;background:var(--slate-4);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;max-inline-size:36rem;padding:4px;display:grid;position:relative}.mode-tabs:before{content:"";z-index:-1;background:var(--surface);inline-size:calc(50% - 6px);transition:translate .35s var(--ease-out);border-radius:10px;position:absolute;inset-block:4px;inset-inline-start:4px;box-shadow:0 1px 2px #1018281f,0 2px 8px -2px #10182824}.mode-tabs:has(label:last-child input:checked):before{translate:calc(100% + 4px)}.mode-tabs label{cursor:pointer;position:relative}.mode-tabs input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.mode-tabs span{text-align:center;min-block-size:44px;color:var(--ink-2);border-radius:10px;place-items:center;padding:4px 16px;font-weight:600;line-height:1.25;transition:background-color .2s,color .2s,box-shadow .2s;display:grid}@media (hover:hover){.mode-tabs label:hover span{color:var(--ink)}}.mode-tabs label:has(input:checked) span{color:var(--ink)}.mode-tabs label:has(input:focus-visible) span{outline:3px solid var(--focus);outline-offset:2px}.free-line{color:var(--ink-2);max-inline-size:70ch}@media (prefers-color-scheme:dark){.mode-tabs{background:var(--slate-3)}.mode-tabs:before{background:var(--slate-6)}}.check-form :is(.level-tabs,.ex-tabs){gap:8px;margin:0;padding:0}.check-form .level-tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid;box-shadow:0 1px 2px #1018280d}.check-form .level-tabs span{border:0;border-radius:10px;min-inline-size:64px}.check-form .level-tabs{isolation:isolate;--i:0;position:relative}.check-form .level-tabs:has(label:nth-child(2) input:checked){--i:1}.check-form .level-tabs:has(label:nth-child(3) input:checked){--i:2}.check-form .level-tabs:has(label:nth-child(4) input:checked){--i:3}.check-form .level-tabs:before{content:"";z-index:-1;inline-size:calc(25% - 5px);translate:calc(var(--i) * (100% + 4px));background:var(--brand-soft);box-shadow:inset 0 0 0 1.5px var(--brand);transition:translate .35s var(--ease-out);border-radius:10px;position:absolute;inset-block:4px;inset-inline-start:4px}.check-form :is(.level-tabs,.ex-tabs) span{font-size:var(--t-text);font-weight:600;line-height:1.25}.check-form .ex-tabs span{background:var(--surface);border-color:var(--line);color:var(--ink);align-items:center;padding-inline:16px;display:inline-flex}.check-form :is(.mode-tabs,.level-tabs) span{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.check-form .ex-tabs label:has(input:checked) span{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}@media (hover:hover){.check-form :is(.level-tabs,.ex-tabs) label:not(:has(input:checked)):hover span{background:var(--tint);border-color:var(--line-strong);color:var(--ink)}}.check-form :is(.level-tabs,.ex-tabs) label:has(input:checked) span{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}.check-form .level-tabs label:has(input:checked) span{box-shadow:none;background:0 0}.check-form :is(.level-tabs,.ex-tabs) label:has(input:focus-visible) span{outline:3px solid var(--focus);outline-offset:2px}.stack{display:grid}.stack>*{grid-area:1/1;align-self:start;transition:opacity .2s ease-out 50ms,visibility}.stack>[inert]{opacity:0;visibility:hidden;transition:opacity .1s ease-in,visibility 0s .1s}@media (prefers-reduced-motion:reduce){.check-form *,.check-form :before{transition:none!important}}.check-form{-webkit-tap-highlight-color:transparent}.check-level .hint{font-size:var(--t-small);line-height:var(--lh-small);margin-block:8px 0}.check-level .hint b{color:var(--ink)}.check-form .error{font-size:var(--t-small);line-height:var(--lh-small);font-weight:600}.check-form .error.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--tint);color:var(--ink);margin:0;padding:12px 16px;font-weight:400}@media (width<=599px){.check{gap:16px}.check-lead{display:none}.check-form,.check-picks{gap:16px}.check-label{margin-block-end:8px}.check-mode{gap:8px;display:grid}.mode-tabs span{padding-inline:8px}.check-form .ex-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stack>.ex-tabs[inert]{display:none}.stack>.ex-tabs:not([inert]){transition-delay:.2s}@starting-style{.stack>.ex-tabs:not([inert]){opacity:0}}.check-count{flex-basis:100%}.check-form .ex-tabs{grid-auto-rows:1fr}.check-form .ex-tabs label{display:grid}.check-form .ex-tabs label:last-child:nth-child(odd){grid-column:1/-1}.check-form .ex-tabs span{border-radius:12px;block-size:100%;padding:8px 12px}.check-form .level-tabs{display:grid}.check-form .level-tabs span{min-inline-size:0}}.check-task,.sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sheet-shadow)}.check .check-task{font-size:var(--t-small);line-height:var(--lh-small);align-content:start;gap:8px;padding:16px 24px 24px;display:grid;position:static}.check-task p{max-inline-size:none;padding:0}.check-task :is(.tp-text,.tp-gloss,.task-card){line-height:var(--lh-small)}.check-task .tp-gloss{font-size:var(--t-small)}.check-task .task-lead{margin:0}.check-task-title{font-weight:600;font-size:var(--t-text);color:var(--ink);line-height:1.25}.check-task-box{border:0}.check-task-box summary{min-block-size:52px;font-size:var(--t-text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px 16px;font-weight:600}.check-task-box[open] summary{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.check-task-box[open] .check-task{box-shadow:none;border-start-start-radius:0;border-start-end-radius:0}.check-task-box[open] .if-closed,.check-task-box:not([open]) .if-open{display:none}.check-empty{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.check-empty .bubble{font-size:var(--t-text);line-height:var(--lh-text);align-self:stretch;font-weight:400}.check-empty .bubble-error{border-color:var(--err);color:var(--err-ink);font-weight:600}.check-empty img{inline-size:120px;margin-inline-end:24px}.check-editor{flex-direction:column;min-inline-size:0;display:flex}.sheet{flex-direction:column;flex:1 0 auto;display:flex}.sheet:has(textarea:focus-visible){outline:3px solid var(--focus);outline-offset:2px}:is(.sheet:has([aria-invalid=true]),.sheet:has([aria-invalid=true]:focus-visible)){border-color:var(--err);outline-color:var(--err)}.check .btn{font-weight:600}.check .btn:focus-visible{outline-color:var(--focus)}.sheet-head{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:12px 24px;display:flex}.sheet-head .check-label{min-block-size:26px;margin:0}.check-count{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-2)}.check-count b{color:var(--ink)}.check-count.count-ok b{color:var(--brand-ink)}.check-count.count-ok b:before{content:none}.sheet textarea{font:inherit;font-size:var(--t-letter);color:var(--ink);resize:none;field-sizing:fixed;inline-size:100%;block-size:var(--editor-min,12rem);background:0 0;border:0;outline:0;flex:1 0 auto;padding:16px 24px;line-height:1.6;overflow-y:auto}.sheet textarea::placeholder{color:var(--ink-2)}.sheet-foot{border-block-start:1px solid var(--line);background:var(--surface);border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:0 24px;padding:16px 24px;display:flex}.sheet-foot .ts-box{flex-basis:100%}.ts-box[data-shown]{margin-block-start:12px}.check-free-note{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-2);flex:16rem;padding-block:8px}.ts-box:empty{display:none}.btn:disabled{opacity:.6;cursor:progress;translate:none}.check-after{gap:12px;margin-block-start:-12px;display:grid}.check-note{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-2);max-inline-size:70ch}@media (width<=899px){.check{--t-small:1rem}.check-empty picture{display:none}.check-empty .bubble{color:var(--ink-2);background:0 0;border:0;margin:0;padding:0}.check-empty .bubble-error{color:var(--err-ink)}.check-empty .bubble:after{content:none}.check-task-area:empty{display:none}.sheet-head,.sheet textarea,.sheet-foot{padding-inline:16px}}@media (width<=599px){.check{padding-block-end:32px}.check-after{margin-block-start:0}.check-free-note{padding-block:12px 0}}@media (width>=900px){.check-form{--editor-min:clamp(9rem, 100dvh - 600px, 24rem);grid-template-columns:clamp(320px,42%,500px) minmax(0,1fr);grid-template-areas:"mode mode""picks picks""task editor"".note";column-gap:32px}@media (width<=1199px){.check-form{grid-template-columns:320px minmax(0,1fr)}}.check-mode,.check-picks{grid-template-columns:subgrid;align-items:center;column-gap:normal;display:grid}.check-picks{align-items:start}.check-mode{grid-area:mode}.free-line{grid-area:free}.check-picks{grid-area:picks}.check-task-area{grid-area:task}.check-editor{grid-area:editor}.check-after{grid-area:note}.sheet textarea{block-size:auto;min-block-size:var(--editor-min);flex:1 1 0}.check-form:has(>.free-line){grid-template-areas:"mode mode""free free""editor editor""note note"}.check-form:has(>.free-line) .check-task-area{display:none}.check-task-area:has(.check-task-box){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sheet-shadow)}.check-task-area .check-task-box .check-task{box-shadow:none;background:0 0;border:0}@media (prefers-color-scheme:dark){.check-task-area:has(.check-task-box){border-color:var(--line-strong)}}.check-task-box>summary{display:none}.check-task-box::details-content{content-visibility:visible;block-size:auto}}.result-paper{padding:0}.result-note{font-size:var(--small);max-inline-size:60ch}.gate h2{font-size:var(--step-1);line-height:1.2}.gate-lead{color:var(--ink-2);margin-block-start:6px}.swap{display:grid}:is(.swap,.check-form .btn)>*{grid-area:1/1}:is(.swap,.check-form .btn)>.off{visibility:hidden}.check-form .btn>*{align-items:center;gap:10px;display:inline-flex}.check-form .btn[aria-disabled=true]{cursor:progress;background:var(--brand);box-shadow:0 5px 0 var(--brand-edge);translate:none}.spinner{border:2.5px solid color-mix(in oklab, var(--on-brand) 35%, transparent);border-block-start-color:var(--on-brand);border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:1turn}}.sheet-body{flex-direction:column;flex:auto;display:flex;position:relative}.check-wait{z-index:1;text-align:center;color:var(--ink);background:color-mix(in oklab, var(--surface) 94%, transparent);place-content:center;justify-items:center;gap:12px;padding:16px;font-weight:600;animation:.25s ease-out .3s backwards wait-in;display:grid;position:absolute;inset:0}.check-wait img{block-size:88px;inline-size:88px;animation:1.6s ease-in-out infinite alternate bob}.check-wait p{max-inline-size:22rem}.check-wait p>*{background:var(--surface);border-radius:8px;place-self:center;padding:2px 12px;transition:opacity .2s ease-out}.check-wait p>.off{opacity:0;transition:none}@keyframes wait-in{0%{opacity:0}}@keyframes bob{to{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.spinner,.check-wait img{animation:1.6s ease-in-out infinite alternate breathe}.check-wait{animation:none}.check-wait p>*{transition:none}}@keyframes breathe{to{opacity:.45}}@media (width<=599px){.check-wait img{block-size:64px;inline-size:64px}.check-wait{gap:8px}}
