@layer theme,base;@layer components{.qo{--qo-ink-soft:color-mix(in srgb, var(--ink) 72%, transparent);--qo-hair:color-mix(in srgb, var(--ink) 16%, transparent);--qo-hair-strong:color-mix(in srgb, var(--ink) 85%, transparent);--qo-shadow:0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 18px 36px -24px color-mix(in srgb, var(--ink) 42%, transparent);--qo-shadow-lift:0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent), 0 26px 48px -26px color-mix(in srgb, var(--ink) 50%, transparent);--qo-pen:var(--teacher-red);--qo-pencil:color-mix(in srgb, var(--ink) 58%, transparent);--qo-ease:cubic-bezier(.2, .8, .2, 1);--qo-spring:cubic-bezier(.34, 1.4, .64, 1)}.qo-sheet{background:var(--surface-raised);border:1.5px solid var(--qo-hair-strong);border-radius:var(--radius-card);box-shadow:var(--qo-shadow);position:relative}.qo-sheet-quiet{background:var(--surface-raised);border:1px solid var(--qo-hair);border-radius:var(--radius-card);position:relative}.qo-rule{border-top:1px dashed var(--qo-hair)}.qo-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:.6875rem;font-weight:700}.qo-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.qo-say{border:0;border-bottom:2px dashed var(--line-strong);letter-spacing:-.01em;width:100%;color:var(--ink);resize:none;field-sizing:content;background:0 0;outline:none;min-height:2.6em;padding:6px 0 10px;font-size:1.25rem;font-weight:700;line-height:1.3;transition:border-color .2s}@media (min-width:640px){.qo-say{font-size:1.5rem}}.qo-say::placeholder{color:var(--qo-pencil);font-style:italic;font-weight:500}.qo-say:focus{border-bottom-style:solid;border-bottom-color:var(--ink)}.qo-or{color:var(--ink-faint,var(--qo-pencil));align-items:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}.qo-or:before,.qo-or:after{content:"";border-top:1px dashed var(--line);flex:1;height:0}.qo-mark{background:linear-gradient(176deg, transparent 27%, var(--marker) 27%, var(--marker) 89%, transparent 89%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.qo-hl{pointer-events:none;background:linear-gradient(177deg, transparent 20%, var(--marker) 23%, var(--marker) 85%, transparent 88%);animation:qo-sweep .52s var(--qo-ease) both, qo-settle 1.8s ease 1.4s forwards;border-radius:2px 7px 3px 8px/3px 5px 2px 6px;position:absolute;transform:rotate(-.5deg)}.qo-hl[data-delay="1"]{animation-delay:90ms,1.49s}.qo-hl[data-delay="2"]{animation-delay:.18s,1.58s}.qo-hl[data-delay="3"]{animation-delay:.27s,1.67s}@keyframes qo-sweep{0%{clip-path:inset(0 100% 0 0 round 3px)}to{clip-path:inset(0 round 3px)}}@keyframes qo-settle{to{opacity:.4}}.qo-drag{z-index:5;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 -2px 0 0 color-mix(in srgb, var(--accent-sky-text) 70%, transparent);border-radius:4px;transition:background-color .16s,box-shadow .16s;position:absolute}@media (pointer:coarse){.qo-drag:before{content:"";position:absolute;inset:-12px -8px}}.qo-drag:focus-visible{background:color-mix(in srgb, var(--accent-sky) 55%, transparent);outline:none}@media (hover:hover){.qo-drag:hover{background:color-mix(in srgb, var(--accent-sky) 55%, transparent)}}.qo-drag[data-active=true]{background:color-mix(in srgb, var(--accent-sky) 80%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent-sky-text)}@keyframes qo-tick{0%{transform:translateY(-3px)scale(1.12)}}.qo-proof{width:30px;height:30px;color:var(--qo-pen);font-family:var(--font-mono);animation:qo-ink .2s var(--qo-ease) both;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex;position:relative;transform:rotate(-8deg)}.qo-proof svg{position:absolute;inset:-2px;overflow:visible}.qo-proof svg path{stroke:var(--qo-pen);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120px;animation:qo-draw .42s var(--qo-ease) 80ms forwards}@keyframes qo-ink{0%{opacity:0;transform:rotate(-8deg)scale(1.2)}}.qo-proof-out{animation:.2s ease-in both qo-proof-out}@keyframes qo-proof-out{to{opacity:0;transform:rotate(-8deg)translateY(-4px)}}@keyframes qo-draw{to{stroke-dashoffset:0}}.qo-note-input{resize:none;border:0;border-bottom:1.5px dashed var(--qo-hair);width:100%;color:var(--qo-pencil);background:0 0;padding:4px 0 6px;font-size:.9375rem;font-style:italic;line-height:1.45}.qo-note-input:focus{border-bottom-color:var(--qo-pencil);outline:none}.qo-pencil{color:var(--qo-pencil);font-style:italic}.qo-pen{color:var(--qo-pen);font-weight:600}.dark .qo-hl-layer{mix-blend-mode:screen}.qo-hl-layer{mix-blend-mode:multiply}@keyframes qo-check-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1}}.qo-a4{aspect-ratio:210/297;box-shadow:var(--qo-shadow);border:1px solid var(--qo-hair)}.qo-dock{background:var(--ink-panel);color:var(--cream-fixed);border-radius:9999px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 16px 34px -18px #0009}.qo-dock button{color:color-mix(in srgb, var(--cream-fixed) 70%, transparent);border-radius:9999px;padding:5px 10px;font-size:.6875rem;font-weight:700;transition:background .16s,color .16s}@media (max-width:1023.98px){.qo-dock{z-index:40;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);position:fixed;transform:translate(-50%);box-shadow:0 18px 40px -16px #0000008c,0 2px 6px #0000002e}.qo-dock button{min-height:44px;padding:0 16px;font-size:.8125rem}.qo{padding-bottom:72px}.qo-dock-quiet{display:none}}.qo-dock button[aria-pressed=true]{background:var(--accent-highlighter);color:var(--ink-fixed)}.qo-dock button:hover:not([aria-pressed=true]){color:var(--cream-fixed)}.qo-pencil-line{overflow:visible}.qo-pencil-line path{fill:none;stroke:var(--qo-pencil);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:2.4s linear infinite qo-pencil}@keyframes qo-pencil{0%{stroke-dashoffset:100px;animation-timing-function:ease-in-out}66.67%,to{stroke-dashoffset:0}}.qo-pencil-line[data-stopped=true] path{stroke-dashoffset:40px;animation:none}.qo-sketch{--qo-sketch-track:color-mix(in srgb, var(--ink) 10%, transparent);--qo-sketch-ink:color-mix(in srgb, var(--ink) 60%, transparent);--qo-sketch-ring:color-mix(in srgb, var(--ink) 30%, transparent);container-type:inline-size}.qo-sketch-page{--qo-sketch-disc:clamp(21px, 3.4cqw, 28px);--qo-sketch-gap:max(2.2cqw, 10px);flex-direction:column;gap:max(2.4cqw,12px);padding:max(.9cqw,4px) .6cqw;display:flex}.qo-sketch-stem,.qo-sketch-options{flex-direction:column;display:flex}.qo-sketch-item{width:calc(var(--w) * 1cqw);align-items:center;height:max(2.45cqw,12px);display:flex;position:relative}.qo-sketch-option{gap:var(--qo-sketch-gap);height:max(3.95cqw,25px)}.qo-sketch-line{background:var(--qo-sketch-track);border-radius:9999px;flex:1;height:clamp(2px,.3cqw,3px);display:block}.qo-sketch-disc{width:var(--qo-sketch-disc);height:var(--qo-sketch-disc);border:2px solid var(--qo-sketch-track);color:var(--qo-sketch-track);font-family:var(--font-mono);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:clamp(10px,1.5cqw,12px);font-weight:800;line-height:1;display:inline-flex}.qo-sketch-ink{align-items:center;gap:inherit;clip-path:inset(0 100% 0 0);display:flex;position:absolute;inset:0}.qo-sketch-ink .qo-sketch-line{background:var(--qo-sketch-ink)}.qo-sketch-ink .qo-sketch-disc{border-color:var(--qo-sketch-ring);color:var(--qo-sketch-ink)}.qo-sketch-body{flex-direction:column;gap:16px;display:flex}.qo-sketch-note{min-width:0}@container (width>=30rem){.qo-sketch-body{grid-template-columns:50cqw minmax(0,1fr);align-items:center;gap:0 3cqw;display:grid}}.qo-sketch-marker{top:50%;left:calc(var(--qo-sketch-disc) + var(--qo-sketch-gap) - .35em);background:var(--marker);opacity:0;pointer-events:none;border-radius:2px 7px 3px 8px/3px 5px 2px 6px;height:max(2.3cqw,14px);position:absolute;right:-.4em;transform:translateY(-50%)rotate(-.6deg)}.qo-sketch[data-sketch=checking] .qo-sketch-ink,.qo-sketch[data-sketch=landing] .qo-sketch-ink{clip-path:none}.qo-sketch[data-sketch=writing] .qo-sketch-ink{animation:6s cubic-bezier(.45,0,.25,1) infinite none both;animation-delay:calc(var(--qo-sketch-offset,0s) * -1)}.qo-sketch[data-sketch=writing] [data-i="0"]>.qo-sketch-ink{animation-name:qo-set-0}.qo-sketch[data-sketch=writing] [data-i="1"]>.qo-sketch-ink{animation-name:qo-set-1}.qo-sketch[data-sketch=writing] [data-i="2"]>.qo-sketch-ink{animation-name:qo-set-2}.qo-sketch[data-sketch=writing] [data-i="3"]>.qo-sketch-ink{animation-name:qo-set-3}.qo-sketch[data-sketch=writing] [data-i="4"]>.qo-sketch-ink{animation-name:qo-set-4}.qo-sketch[data-sketch=writing] [data-i="5"]>.qo-sketch-ink{animation-name:qo-set-5}.qo-sketch[data-sketch=writing] [data-i="6"]>.qo-sketch-ink{animation-name:qo-set-6}@keyframes qo-set-0{0%{clip-path:inset(0 100% 0 0);opacity:1}8%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-1{0%,8.5%{clip-path:inset(0 100% 0 0);opacity:1}16.5%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-2{0%,17%{clip-path:inset(0 100% 0 0);opacity:1}25%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-3{0%,28%{clip-path:inset(0 100% 0 0);opacity:1}35%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-4{0%,35.5%{clip-path:inset(0 100% 0 0);opacity:1}42.5%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-5{0%,43%{clip-path:inset(0 100% 0 0);opacity:1}50%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}@keyframes qo-set-6{0%,50.5%{clip-path:inset(0 100% 0 0);opacity:1}57.5%{clip-path:inset(0)}80%{opacity:1}88%,to{clip-path:inset(0);opacity:0}}.qo-sketch[data-sketch=checking] .qo-sketch-marker{animation:qo-check-pass 4.5s var(--qo-ease) infinite both;animation-delay:calc(var(--m,0) * .9s - var(--qo-sketch-offset,0s))}@keyframes qo-check-pass{0%{clip-path:inset(0 100% 0 0);opacity:1}9.6%{clip-path:inset(0)}16%{opacity:1}20%,to{clip-path:inset(0);opacity:0}}.qo-sketch[data-sketch=queued]:not([data-still]) .qo-sketch-line{animation:2.4s ease-in-out infinite qo-breathe}@keyframes qo-breathe{50%{opacity:.4}}.qo-step{min-height:22px;color:var(--ink-faint)}.qo-step[data-state=done]{color:var(--ink-muted)}.qo-step[data-state=now]{color:var(--ink);font-weight:700}.qo-step-mark{border:2px solid color-mix(in srgb, var(--ink) 16%, transparent);border-radius:9999px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.qo-step[data-state=done] .qo-step-mark{border-color:var(--line-strong);background:var(--accent-sage);color:var(--ink-fixed,#1a1a1a);animation:qo-check-pop .26s var(--qo-ease) both}.qo-step[data-state=now] .qo-step-mark{border-top-color:var(--ink);animation:.9s linear infinite qo-turn}.qo-steps[data-stalled=true] .qo-step[data-state=now] .qo-step-mark{animation:none}@keyframes qo-turn{to{transform:rotate(360deg)}}.qo-shimmer{background:linear-gradient(100deg, var(--ink) 0 38%, color-mix(in srgb, var(--ink) 30%, transparent) 50%, var(--ink) 62% 100%);color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite qo-shimmer}@keyframes qo-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes qo-sheet-out{to{opacity:0;transform:translateY(-6px)}}.qo-land-ghost{z-index:4;pointer-events:none;margin:0;animation:.24s ease-out both qo-sheet-out;position:absolute}.qo-land-card>article>figure,.qo article[data-qo-land]>figure{animation:qo-figure-in .32s var(--qo-ease) 60ms both}.qo-land-card>article>header>:last-child,.qo article[data-qo-land]>header>:last-child,.qo-land-card>article>[role=group],.qo article[data-qo-land]>[role=group]{animation:.28s 60ms both qo-xfade-in}@keyframes qo-figure-in{0%{opacity:0;transform:translateY(8px)}}.qo-xfade-in{animation:.28s both qo-xfade-in}@keyframes qo-xfade-in{0%{opacity:0}}.qo-xfade-out{animation:.28s both qo-xfade-out}@keyframes qo-xfade-out{0%,70%{opacity:1}to{opacity:0}}.qo-stepper-in{animation:.16s ease-out both qo-fade-up-4}.qo-working-in{animation:.24s ease-out both qo-fade-up-4}@keyframes qo-fade-up-4{0%{opacity:0;transform:translateY(4px)}}.qo-pack{transition:border-color .18s ease, box-shadow .22s var(--qo-ease), transform .22s var(--qo-spring)}@media (hover:hover){.qo-pack:hover:not([aria-checked=true]){border-color:var(--line-strong);transform:translateY(-2px)}}.qo-pack[aria-checked=true]{transform:translateY(-3px)}.qo-fan-a{animation:qo-fan-a .34s var(--qo-spring) both}.qo-fan-b{animation:qo-fan-b .38s var(--qo-spring) 40ms both}@keyframes qo-fan-a{0%{transform:none}to{transform:rotate(2.5deg)translate(6px,5px)}}@keyframes qo-fan-b{0%{transform:none}to{transform:rotate(-1.5deg)translate(-5px,7px)}}.qo-check-in{animation:qo-tick .22s var(--qo-spring) both}.qo-uses-in{animation:.2s ease-out both qo-fade-up-4}.qo-chat-in{animation:.32s ease-out both qo-fade-up-4}.qo-chat-land{animation:.56s cubic-bezier(.22,1,.36,1) both qo-chat-land}@keyframes qo-chat-land{0%{opacity:0;transform:translateY(16px)rotate(-.6deg)}}.qo-chat-dot{opacity:.35;background:currentColor;border-radius:9999px;width:7px;height:7px;animation:1.1s ease-in-out infinite qo-chat-dot;display:inline-block}.qo-chat-dot:nth-child(2){animation-delay:.15s}.qo-chat-dot:nth-child(3){animation-delay:.3s}@keyframes qo-chat-dot{0%,80%,to{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}}.qo-chat-caret{vertical-align:-.15em;background:currentColor;width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite qo-chat-caret;display:inline-block}@keyframes qo-chat-caret{0%,49%{opacity:1}50%,to{opacity:0}}.qo-chat-press{animation:qo-chat-press .36s var(--qo-spring) both}@keyframes qo-chat-press{0%{transform:none}40%{transform:translateY(2px)scale(.97)}to{transform:none}}@media (prefers-reduced-motion:reduce){.qo *,.qo :before,.qo :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.qo .qo-pencil-line path{stroke-dashoffset:40px!important;animation:none!important}.qo .qo-sketch .qo-sketch-ink,.qo .qo-sketch .qo-sketch-marker{animation:none!important}.qo .qo-sketch[data-sketch=writing] .qo-sketch-ink{clip-path:none}.qo .qo-sketch .qo-sketch-line,.qo .qo-step-mark{animation:none!important}.qo .qo-shimmer{color:var(--ink);background:0 0;animation:none!important}.qo .qo-chat-dot,.qo .qo-chat-caret{opacity:1;animation:none!important}.qo .qo-pack,.qo .qo-pack[aria-checked=true],.qo .qo-pack:hover{transform:none!important}}@media print{html:has(.qo) :is(.qo-dock,header,.qo-noprint,nav){display:none!important}.qo-a4{box-shadow:none;break-after:page;border:0;width:100%;max-width:none}.qo-print{gap:0!important}}}@layer utilities{.qo .qo-level-dial nav span[aria-hidden=true]{background-color:var(--surface-raised);border-color:var(--line-strong)}.qo .qo-level-dial nav button[aria-pressed=true]{color:var(--ink)}}