@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display: "Familjen Grotesk", "PingFang SC", "Hiragino Sans", sans-serif;--font-body: "Familjen Grotesk", "PingFang SC", "Hiragino Sans", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--canvas: #f6edeb;--surface: #fdf9f8;--surface-2: #f9f1ef;--plaster: #e3d5d3;--ink: #241c1e;--ink-2: #3d3236;--ink-3: #6e6165;--muted: #93868a;--muted-2: #b5aaad;--line: rgba(90, 30, 45, .09);--line-2: rgba(90, 30, 45, .16);--accent: #de3163;--accent-ink: #a81c46;--accent-soft: rgba(222, 49, 99, .08);--accent-ring: rgba(222, 49, 99, .18);--success: #1e8e4d;--error: #a0181f;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--shadow-sm: 0 1px 0 rgba(36, 28, 30, .04);--shadow-md: 0 1px 2px rgba(36, 28, 30, .06), 0 0 0 1px rgba(36, 28, 30, .04);--shadow-lg: 0 8px 32px rgba(36, 28, 30, .08), 0 1px 2px rgba(36, 28, 30, .04);--shadow-so: -20px 0 40px rgba(36, 28, 30, .1);--glow: radial-gradient( ellipse 900px 500px at 50% -180px, var(--accent-soft), transparent 70% );--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");--dos-canvas: var(--canvas);--dos-chrome: var(--surface);--dos-ink: var(--ink);--dos-line: var(--line);--dos-line-1: var(--line);--dos-line-2: var(--line-2);--paper-1: var(--surface)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-5{bottom:-1.25rem}.-left-5{left:-1.25rem}.-right-\[14px\]{right:-14px}.-top-\[18px\]{top:-18px}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-3{right:.75rem}.top-0{top:0}.top-3{top:.75rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\[22px\]{margin-bottom:22px}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-\[26px\]{margin-top:26px}.mt-\[2px\]{margin-top:2px}.mt-\[30px\]{margin-top:30px}.mt-\[34px\]{margin-top:34px}.mt-\[38px\]{margin-top:38px}.mt-\[3px\]{margin-top:3px}.mt-\[54px\]{margin-top:54px}.mt-\[5px\]{margin-top:5px}.mt-\[6px\]{margin-top:6px}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.list-item{display:list-item}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[320px\]{height:320px}.h-\[3px\]{height:3px}.h-\[42px\]{height:42px}.h-\[68px\]{height:68px}.h-\[9px\]{height:9px}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:16rem}.min-h-11{min-height:2.75rem}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-\[18px\]{min-height:18px}.min-h-\[20px\]{min-height:20px}.min-h-\[58px\]{min-height:58px}.min-h-dvh{min-height:100dvh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[42px\]{width:42px}.w-\[88\%\]{width:88%}.w-\[9px\]{width:9px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[44px\]{min-width:44px}.max-w-\[1140px\]{max-width:1140px}.max-w-\[16ch\]{max-width:16ch}.max-w-\[26ch\]{max-width:26ch}.max-w-\[30ch\]{max-width:30ch}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[42ch\]{max-width:42ch}.max-w-\[440px\]{max-width:440px}.max-w-\[44ch\]{max-width:44ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[560px\]{max-width:560px}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[18px\]{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-px{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-y{resize:vertical}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.gap-\[13px\]{gap:13px}.gap-\[14px\]{gap:14px}.gap-\[22px\]{gap:22px}.gap-\[26px\]{gap:26px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.gap-y-5{row-gap:1.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-\[22px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(22px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(22px * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[5px\]{border-radius:5px}.rounded-\[var\(--r-lg\)\]{border-radius:var(--r-lg)}.rounded-\[var\(--r-md\)\]{border-radius:var(--r-md)}.rounded-\[var\(--r-sm\)\]{border-radius:var(--r-sm)}.rounded-\[var\(--r-xl\)\]{border-radius:var(--r-xl)}.rounded-\[var\(--r-xs\)\]{border-radius:var(--r-xs)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--r-lg)}.rounded-md{border-radius:var(--r-md)}.rounded-pill{border-radius:var(--r-pill)}.rounded-sm{border-radius:var(--r-sm)}.rounded-xl{border-radius:var(--r-xl)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l-\[3px\]{border-left-width:3px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-accent{border-color:var(--accent)}.border-accent-ring{border-color:var(--accent-ring)}.border-error{border-color:var(--error)}.border-line{border-color:var(--line)}.border-line-2{border-color:var(--line-2)}.border-success{border-color:var(--success)}.border-transparent{border-color:transparent}.border-t-accent{border-top-color:var(--accent)}.bg-\[rgba\(60\,40\,14\,0\.055\)\]{background-color:#3c280e0e}.bg-\[rgba\(60\,40\,14\,0\.06\)\]{background-color:#3c280e0f}.bg-\[rgba\(60\,40\,14\,0\.07\)\]{background-color:#3c280e12}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-black\/30{background-color:#0000004d}.bg-canvas{background-color:var(--canvas)}.bg-ink{background-color:var(--ink)}.bg-line{background-color:var(--line)}.bg-line-2{background-color:var(--line-2)}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!px-\[18px\]{padding-left:18px!important;padding-right:18px!important}.\!py-\[10px\]{padding-top:10px!important;padding-bottom:10px!important}.\!py-\[11px\]{padding-top:11px!important;padding-bottom:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[11px\]{padding-left:11px;padding-right:11px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[26px\]{padding-left:26px;padding-right:26px}.px-\[9px\]{padding-left:9px;padding-right:9px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[100px\]{padding-top:100px;padding-bottom:100px}.py-\[108px\]{padding-top:108px;padding-bottom:108px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[22px\]{padding-top:22px;padding-bottom:22px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[72px\]{padding-top:72px;padding-bottom:72px}.py-\[78px\]{padding-top:78px;padding-bottom:78px}.py-\[84px\]{padding-top:84px;padding-bottom:84px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-32{padding-bottom:8rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[30px\]{padding-bottom:30px}.pb-\[84px\]{padding-bottom:84px}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-14{padding-top:3.5rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-\[22px\]{padding-top:22px}.pt-\[30px\]{padding-top:30px}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[34px\]{font-size:34px}.text-\[46px\]{font-size:46px}.text-\[9\.5px\]{font-size:9.5px}.text-\[clamp\(20px\,3vw\,26px\)\]{font-size:clamp(20px,3vw,26px)}.text-\[clamp\(22px\,3vw\,28px\)\]{font-size:clamp(22px,3vw,28px)}.text-\[clamp\(26px\,3\.4vw\,36px\)\]{font-size:clamp(26px,3.4vw,36px)}.text-\[clamp\(30px\,3\.8vw\,44px\)\]{font-size:clamp(30px,3.8vw,44px)}.text-\[clamp\(33px\,4\.2vw\,50px\)\]{font-size:clamp(33px,4.2vw,50px)}.text-\[clamp\(34px\,5vw\,52px\)\]{font-size:clamp(34px,5vw,52px)}.text-\[clamp\(34px\,5vw\,56px\)\]{font-size:clamp(34px,5vw,56px)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[0\.01em\]{letter-spacing:.01em}.tracking-\[0\.05em\]{letter-spacing:.05em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.09em\]{letter-spacing:.09em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.\!text-accent{color:var(--accent)!important}.text-accent{color:var(--accent)}.text-accent-ink{color:var(--accent-ink)}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-canvas{color:var(--canvas)}.text-error{color:var(--error)}.text-ink{color:var(--ink)}.text-ink-2{color:var(--ink-2)}.text-ink-3{color:var(--ink-3)}.text-muted{color:var(--muted)}.text-muted-2{color:var(--muted-2)}.text-success{color:var(--success)}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.caret-transparent{caret-color:transparent}.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-\[0_2px_8px_rgba\(194\,65\,12\,0\.30\)\]{--tw-shadow: 0 2px 8px rgba(194,65,12,.3);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--shadow-so\)\]{--tw-shadow-color: var(--shadow-so);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-accent-ring{--tw-ring-color: var(--accent-ring)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.\[animation-duration\:0\.85s\]{animation-duration:.85s}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-md::file-selector-button{border-radius:var(--r-md)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-accent::file-selector-button{background-color:var(--accent)}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:font-display::file-selector-button{font-family:var(--font-display)}.file\:text-\[13px\]::file-selector-button{font-size:13px}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder\:text-muted::-moz-placeholder{color:var(--muted)}.placeholder\:text-muted::placeholder{color:var(--muted)}.before\:h-\[1\.5px\]:before{content:var(--tw-content);height:1.5px}.before\:w-\[22px\]:before{content:var(--tw-content);width:22px}.before\:bg-accent:before{content:var(--tw-content);background-color:var(--accent)}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.last\:border-b:last-child{border-bottom-width:1px}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent-ring:hover{border-color:var(--accent-ring)}.hover\:border-ink-3:hover{border-color:var(--ink-3)}.hover\:border-line-2:hover{border-color:var(--line-2)}.hover\:bg-accent-ink:hover{background-color:var(--accent-ink)}.hover\:bg-line-2:hover{background-color:var(--line-2)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-accent-ink:hover{color:var(--accent-ink)}.hover\:text-ink:hover{color:var(--ink)}.hover\:text-ink-3:hover{color:var(--ink-3)}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-lg:hover{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:border-accent:focus-visible{border-color:var(--accent)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-accent-ring:focus-visible{--tw-ring-color: var(--accent-ring)}.active\:translate-y-px:active{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-accent{color:var(--accent)}.peer:focus-visible~.peer-focus-visible\:ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-accent-ring{--tw-ring-color: var(--accent-ring)}@media (min-width: 640px){.sm\:h-8{height:2rem}.sm\:min-h-0{min-height:0px}.sm\:min-h-9{min-height:2.25rem}.sm\:w-24{width:6rem}.sm\:w-8{width:2rem}.sm\:max-w-none{max-width:none}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-\[14px\]{padding-left:14px;padding-right:14px}.sm\:py-\[7px\]{padding-top:7px;padding-bottom:7px}.sm\:pt-10{padding-top:2.5rem}.sm\:text-\[30px\]{font-size:30px}}@media (min-width: 768px){.md\:flex{display:flex}.md\:max-w-\[440px\]{max-width:440px}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.md\:gap-16{gap:4rem}}.dos-app{display:flex;flex-direction:column;min-height:100vh;background-image:var(--grain);background-color:var(--dos-canvas);color:var(--dos-ink)}.dos-app--editor{height:100dvh;min-height:0;overflow:hidden}.dos-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:transparent;border-bottom:1px solid var(--dos-line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in oklab,var(--dos-canvas) 86%,transparent)}.dos-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;color:var(--dos-ink);cursor:pointer}.dos-brand:hover{opacity:.85}.dos-brand-mark{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.dos-brand-name{display:inline-flex;align-items:baseline;gap:6px;font-size:15px;white-space:nowrap}.dos-brand-sub{font-family:var(--font-body);font-weight:400;font-size:12px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-brandbar{display:inline-flex;align-items:center;gap:6px;min-width:0}.dos-crumbs,.dos-crumb-seg{display:inline-flex;align-items:center;gap:4px;min-width:0}.dos-crumb-seg>svg{color:color-mix(in oklab,var(--dos-ink) 30%,transparent);flex:none}.dos-crumb-link,.dos-crumb-current{font-family:var(--font-body);font-size:12px;white-space:nowrap}.dos-crumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:3px 4px;border-radius:5px;cursor:pointer;color:color-mix(in oklab,var(--dos-ink) 50%,transparent);transition:color .12s,background .12s}.dos-crumb-link:hover{color:var(--dos-ink);background:color-mix(in oklab,var(--dos-ink) 6%,transparent)}.dos-crumb-current{color:color-mix(in oklab,var(--dos-ink) 78%,transparent);font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0}.dos-topbar-right{display:flex;align-items:center;gap:10px}.dos-plus-wrap{position:relative}.dos-plus-btn{width:36px;height:36px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;transition:filter .12s,transform .12s,background .12s;box-shadow:0 1px 2px #09090b14,0 0 0 0 var(--accent-ring)}.dos-plus-btn:hover{filter:brightness(1.06)}.dos-plus-btn.open{background:var(--accent-ink);transform:rotate(45deg)}.dos-avatar-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 4px;border-radius:999px;background:var(--dos-chrome);border:1px solid var(--dos-line-2);color:var(--dos-ink);transition:border-color .12s,background .12s}.dos-avatar-pill:hover{border-color:color-mix(in oklab,var(--dos-ink) 30%,transparent)}.dos-topnav{display:flex;align-items:center;gap:2px;margin-right:4px}.dos-navicon{width:36px;height:36px;display:grid;place-items:center;border:none;border-radius:var(--r-md);background:transparent;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);cursor:pointer;transition:background .12s,color .12s}.dos-navicon:hover{background:color-mix(in oklab,var(--dos-ink) 6%,transparent);color:var(--dos-ink)}.dos-navicon.on{color:var(--accent);background:var(--accent-soft)}.dos-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;align-items:center;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--dos-chrome) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--dos-line)}.dos-bottomnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:4px 0;cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:500;color:color-mix(in oklab,var(--dos-ink) 48%,transparent);transition:color .12s}.dos-bottomnav-item.on{color:var(--accent)}.dos-bottomnav-plus{flex:none;width:48px;height:48px;margin:0 4px;border:none;border-radius:var(--r-pill);background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #09090b1f;transition:filter .12s,transform .16s cubic-bezier(.2,.7,.2,1),background .12s}.dos-bottomnav-plus:hover{filter:brightness(1.06)}.dos-bottomnav-plus.open{background:var(--accent-ink);transform:rotate(45deg)}.dos-bottomnav-plus:active{transform:scale(.96)}.dos-bottomnav-plus.open:active{transform:rotate(45deg) scale(.96)}.dos-avatar{width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.02em}.dos-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;background:transparent}.dos-menu{position:absolute;right:28px;top:64px;width:320px;background:var(--dos-chrome);border:1px solid var(--dos-line-2);border-radius:var(--r-lg);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 36px #09090b1a,0 1px 2px #09090b0f;z-index:20;animation:dos-menu-in .14s ease}@keyframes dos-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dos-menu-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .1s;color:var(--dos-ink);width:100%}.dos-menu-item:hover{background:color-mix(in oklab,var(--dos-canvas) 70%,var(--dos-chrome))}.dos-menu-item.disabled{cursor:not-allowed;opacity:.62}.dos-menu-item.disabled:hover{background:transparent}.dos-menu-ico{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.dos-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dos-menu-title{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--dos-ink);letter-spacing:-.005em;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.dos-menu-sub{font-size:12px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent);line-height:1.45}.dos-soon{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;background:color-mix(in oklab,var(--dos-ink) 8%,transparent);color:color-mix(in oklab,var(--dos-ink) 56%,transparent);font-weight:600}.dos-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#09090b52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:dos-fade .16s ease}@keyframes dos-fade{0%{opacity:0}to{opacity:1}}.dos-slide-over{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--dos-chrome);z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 40px #09090b1a;animation:dos-slide-in .22s cubic-bezier(.2,.7,.2,1);border-left:1px solid var(--dos-line-2)}@keyframes dos-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.dos-so-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--dos-line)}.dos-so-head h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--dos-ink)}.dos-so-close{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);transition:background .1s,color .1s}.dos-so-close:hover{background:color-mix(in oklab,var(--dos-canvas) 70%,var(--dos-chrome));color:var(--dos-ink)}.dos-so-body{flex:1;overflow:auto;padding:22px 24px 24px;display:flex;flex-direction:column;gap:26px}.dos-profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 14px;border-bottom:1px solid var(--dos-line)}.dos-avatar-xl{width:56px;height:56px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.02em}.dos-profile-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--dos-ink);letter-spacing:-.01em}.dos-profile-email{font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-so-section{display:flex;flex-direction:column;gap:8px}.dos-so-label{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.02em;color:color-mix(in oklab,var(--dos-ink) 70%,transparent);text-transform:uppercase}.dos-so-help{font-size:11.5px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent);line-height:1.5}.dos-lang-switch{display:inline-flex;background:color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome));padding:3px;border-radius:8px;border:1px solid var(--dos-line);width:-moz-fit-content;width:fit-content}.dos-lang-opt{padding:7px 14px;border-radius:6px;font-family:var(--font-display);font-size:13px;font-weight:500;color:color-mix(in oklab,var(--dos-ink) 60%,transparent);transition:background .12s,color .12s}.dos-lang-opt:hover{color:var(--dos-ink)}.dos-lang-opt.on{background:var(--dos-chrome);color:var(--dos-ink);font-weight:600;box-shadow:0 1px 2px #09090b0f}.dos-chip-row{display:flex;flex-wrap:wrap;gap:6px}.dos-chip{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:var(--r-md);font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--dos-ink);background:var(--dos-chrome);border:1px solid var(--dos-line-2);letter-spacing:-.005em;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.dos-chip.accent{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent;font-weight:600}.dos-chip.add{cursor:pointer;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);background:transparent;border-style:dashed}.dos-chip.add[disabled]{cursor:not-allowed;opacity:.6}.dos-so-links{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--dos-line);padding-top:14px}.dos-so-link{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-radius:6px;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--dos-ink);background:transparent;text-align:left;cursor:pointer;transition:background .1s}.dos-so-link:hover{background:color-mix(in oklab,var(--dos-canvas) 50%,var(--dos-chrome));padding-left:8px;padding-right:8px}.dos-so-link .lcell{display:inline-flex;align-items:center;gap:10px;color:var(--dos-ink)}.dos-so-link.disabled{cursor:not-allowed;opacity:.6}.dos-so-link.disabled:hover{background:transparent;padding-left:4px;padding-right:4px}.dos-so-logout{display:none}.dos-so-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 12px;border-top:1px solid var(--dos-line-1)}.dos-so-locale-bar{display:flex;gap:4px;flex-wrap:wrap}.dos-so-locale{padding:4px 7px;border:1px solid var(--dos-line-2);border-radius:6px;background:transparent;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:10.5px;font-weight:500;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);cursor:pointer;transition:border-color .12s,background .12s,color .12s;line-height:1.4}.dos-so-locale:hover{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent);color:var(--dos-ink)}.dos-so-locale.on{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 40%,transparent);color:var(--accent-ink);font-weight:600}.dos-so-signout{flex:none;display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:4px 0;font-family:var(--font-display);font-weight:500;font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 52%,transparent);cursor:pointer;white-space:nowrap;transition:color .12s}.dos-so-signout:hover{color:var(--dos-ink)}.dos-so-logout:hover{color:var(--dos-ink);background:color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome))}.dos-main{flex:1;display:flex;justify-content:center;padding:56px 28px 80px}.dos-content{width:100%;max-width:760px;display:flex;flex-direction:column;gap:36px}.dos-greeting{display:flex;flex-direction:column;gap:6px}.dos-greeting-date{font-family:var(--font-display);font-weight:500;font-size:13px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent);letter-spacing:-.005em}.dos-greeting-title{font-family:var(--font-display);font-weight:600;font-size:36px;letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--dos-ink)}.dos-greeting-dot{color:var(--accent)}.dos-listhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--dos-line)}.dos-listhead-title{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.015em;margin:0;color:var(--dos-ink)}.dos-listhead-meta{display:inline-flex;align-items:center;gap:12px}.dos-list-count{font-family:var(--font-mono);font-size:12px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent);font-variant-numeric:tabular-nums}.dos-sort{position:relative}.dos-sort-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-family:var(--font-display);font-size:12.5px;font-weight:500;color:color-mix(in oklab,var(--dos-ink) 65%,transparent);background:transparent;transition:background .1s,color .1s;cursor:pointer}.dos-sort-btn:hover{color:var(--dos-ink);background:color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome))}.dos-sort-menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:140px;background:var(--dos-chrome);border:1px solid var(--dos-line-2);border-radius:8px;padding:4px;display:flex;flex-direction:column;z-index:20;box-shadow:0 8px 24px #09090b14}.dos-sort-opt{padding:7px 10px;border-radius:6px;font-family:var(--font-display);font-size:12.5px;font-weight:500;color:var(--dos-ink);text-align:left;background:transparent;cursor:pointer;transition:background .1s}.dos-sort-opt:hover{background:color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome))}.dos-sort-opt.on{color:var(--accent-ink);font-weight:600}.dos-lessons{display:flex;flex-direction:column}.dos-lesson-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 8px;border-bottom:1px solid var(--dos-line);background:transparent;text-align:left;cursor:pointer;transition:background .1s,padding .12s;color:var(--dos-ink);width:100%}.dos-lesson-row:hover{background:color-mix(in oklab,var(--dos-canvas) 55%,var(--dos-chrome));padding-left:14px;padding-right:14px}.dos-lesson-main{display:flex;flex-direction:column;gap:4px;min-width:0}.dos-lesson-name{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--dos-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dos-lesson-sub{font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-lesson-meta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);white-space:nowrap;font-variant-numeric:tabular-nums}.dos-lesson-meta .dos-dot{opacity:.5}.dos-lesson-chev{color:color-mix(in oklab,var(--dos-ink) 35%,transparent);display:inline-flex;transition:transform .12s,color .12s}.dos-lesson-row:hover .dos-lesson-chev{color:var(--dos-ink);transform:translate(2px)}@media (max-width: 560px){.dos-lesson-row{grid-template-columns:1fr auto;gap:8px}.dos-lesson-meta{grid-column:1 / -1}}.dos-empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 28px 36px;border-radius:16px;background:color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome));border:1px dashed var(--dos-line-2);overflow:hidden}.dos-empty-illus{position:relative;width:min(420px,100%);display:flex;flex-direction:column;gap:10px;padding:24px 26px 32px;border-radius:var(--r-lg);background:var(--dos-chrome);border:1px solid var(--dos-line);margin-top:4px}.dos-empty-row{height:10px;border-radius:4px;background:color-mix(in oklab,var(--dos-canvas) 30%,var(--dos-chrome));width:100%}.dos-empty-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,var(--dos-canvas) 60%,var(--dos-chrome)) 92%);border-radius:var(--r-lg);pointer-events:none}.dos-empty-text{text-align:center;display:flex;flex-direction:column;gap:4px;max-width:360px}.dos-empty-title{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--dos-ink)}.dos-empty-sub{font-size:13px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);line-height:1.5}.dos-empty-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r-md);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:600;font-size:13.5px;letter-spacing:-.005em;transition:filter .12s,transform .04s;cursor:pointer;box-shadow:0 1px 2px #09090b1a}.dos-empty-cta:hover{filter:brightness(1.06)}.dos-empty-cta:active{transform:translateY(1px)}.dos-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;background:var(--dos-ink);color:var(--dos-chrome);border-radius:999px;font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:-.005em;z-index:60;box-shadow:0 12px 28px #09090b2e,0 1px 2px #09090b1f;animation:dos-toast-in .24s cubic-bezier(.2,.7,.2,1);max-width:calc(100vw - 32px)}@keyframes dos-toast-in{0%{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%);opacity:1}}.dos-toast-check{width:20px;height:20px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.dos-toast-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dos-toast-action{margin-left:4px;padding:4px 12px;border-radius:999px;background:color-mix(in oklab,var(--dos-chrome) 14%,transparent);color:var(--dos-chrome);font-family:var(--font-display);font-weight:600;font-size:12.5px;cursor:pointer;transition:background .12s}.dos-toast-action:hover{background:color-mix(in oklab,var(--dos-chrome) 22%,transparent)}[data-density=compact] .dos-topbar{padding:12px 24px}[data-density=compact] .dos-main{padding:40px 24px 72px}[data-density=compact] .dos-content{gap:26px}[data-density=compact] .dos-greeting{gap:4px}[data-density=compact] .dos-greeting-title{font-size:30px}[data-density=compact] .dos-listhead-title,[data-density=compact] .dos-tab{font-size:16px}[data-density=compact] .dos-lesson-row{padding:12px 8px}[data-density=compact] .dos-lesson-row:hover{padding-left:14px;padding-right:14px}[data-density=compact] .dos-lesson-name{font-size:14px}[data-density=compact] .dos-menu-item{padding:8px 10px}[data-density=compact] .dos-menu-title{font-size:13px}[data-density=compact] .dos-so-body{gap:20px;padding:18px 20px 20px}[data-density=compact] .dos-so-section{gap:6px}[data-density=compact] .dos-empty{padding:24px 22px 28px;gap:14px}[data-density=comfy] .dos-topbar{padding:20px 32px}[data-density=comfy] .dos-main{padding:72px 32px 96px}[data-density=comfy] .dos-content{gap:44px}[data-density=comfy] .dos-greeting{gap:8px}[data-density=comfy] .dos-greeting-title{font-size:42px}[data-density=comfy] .dos-listhead-title,[data-density=comfy] .dos-tab{font-size:20px}[data-density=comfy] .dos-lesson-row{padding:20px 8px}[data-density=comfy] .dos-lesson-row:hover{padding-left:14px;padding-right:14px}[data-density=comfy] .dos-lesson-name{font-size:16px}[data-density=comfy] .dos-menu-item{padding:12px 14px}[data-density=comfy] .dos-menu-title{font-size:14px}[data-density=comfy] .dos-so-body{gap:32px;padding:26px 28px 28px}[data-density=comfy] .dos-so-section{gap:10px}[data-density=comfy] .dos-empty{padding:40px 32px 44px;gap:22px}.dos-app .center-scroll,.dos-app .stage,.dos-app .generating,.dos-app .library-saved{background:var(--dos-canvas)}.dos-app .topbar{display:none}.dos-fab-wrap{display:none;position:fixed;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));justify-content:center;pointer-events:none;z-index:30}.dos-fab-wrap>*{pointer-events:auto}.dos-fab{width:60px;height:60px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 14px 32px #09090b2e,0 2px 4px #09090b1a;transition:filter .12s,transform .16s cubic-bezier(.2,.7,.2,1),background .12s}.dos-fab:hover{filter:brightness(1.05)}.dos-fab.open{background:var(--accent-ink);transform:rotate(45deg)}.dos-fab:active{transform:scale(.96)}.dos-fab.open:active{transform:rotate(45deg) scale(.96)}@media (max-width: 720px){.dos-topbar{padding:12px 16px}.dos-brandbar:has(.dos-crumbs) .dos-brand-name{display:none}.dos-main{padding:32px 18px 120px}.dos-greeting-title{font-size:28px}.dos-plus-wrap,.dos-topnav{display:none}.dos-bottomnav{display:flex}.dos-menu{position:fixed;right:auto;left:50%;transform:translate(-50%);top:auto;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 80px);width:calc(100vw - 24px);max-width:400px;z-index:31}.dos-menu:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--dos-chrome);border-right:1px solid var(--dos-line-2);border-bottom:1px solid var(--dos-line-2)}}.dos-page-head{display:flex;align-items:center;gap:10px;margin-bottom:28px}.dos-page-back{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--dos-line-2);border-radius:8px;background:var(--dos-chrome);cursor:pointer;color:var(--dos-ink);transition:border-color .12s,background .12s}.dos-page-back:hover{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-page-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.018em;color:var(--dos-ink)}.dos-form-sub{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);max-width:58ch;text-wrap:pretty}.dos-addstudent-form{display:flex;flex-direction:column;gap:20px}.dos-textarea{resize:vertical;min-height:72px;font-family:var(--font-body, "Familjen Grotesk", system-ui, sans-serif);font-size:15px;line-height:1.5}.dos-cefr-chip{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:600;letter-spacing:.01em;min-width:44px;justify-content:center}.dos-chip.dim{opacity:.28;cursor:not-allowed}.dos-students-section{margin-top:32px}.dos-student-list{display:flex;flex-direction:column}.dos-student-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--dos-line-1);background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left;width:100%;transition:opacity .1s}.dos-student-row:first-child{border-top:1px solid var(--dos-line-1)}.dos-student-row:hover{opacity:.72}.dos-student-av{flex:none;width:36px;height:36px;font-size:13px;font-weight:700}.dos-student-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dos-student-row-name{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--dos-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dos-student-row-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dos-empty--students{padding:20px 0;border-top:1px solid var(--dos-line-1)}.dos-empty--students .dos-empty-title{font-size:14px}.dos-empty--students .dos-empty-sub{font-size:12.5px;margin-top:2px}.dos-cp-hero{margin-bottom:24px}.dos-cp-sub{font-size:13.5px;line-height:1.6;color:color-mix(in oklab,var(--dos-ink) 62%,transparent);margin:0 0 14px;text-wrap:pretty}.dos-cp-overall-label{display:flex;justify-content:space-between;font-size:12px;color:color-mix(in oklab,var(--dos-ink) 52%,transparent);margin-bottom:6px;font-family:var(--font-mono, monospace)}.dos-cp-levels{display:flex;flex-direction:column;gap:10px}.dos-cefr-card{border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome);overflow:hidden}.dos-cefr-card.done{border-color:color-mix(in oklab,var(--accent) 28%,transparent)}.dos-cefr-card-head{display:flex;align-items:center;gap:12px;padding:13px 16px 11px;background:none;border:none;cursor:pointer;width:100%;text-align:left}.dos-cefr-card-head:hover{background:color-mix(in oklab,var(--dos-ink) 3%,transparent)}.dos-cefr-card-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.dos-cefr-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:color-mix(in oklab,var(--dos-ink) 7%,transparent);font-family:var(--font-mono, monospace);font-size:11.5px;font-weight:700;color:var(--dos-ink);letter-spacing:.01em}.dos-cefr-badge.done{background:var(--accent-soft);color:var(--accent-ink)}.dos-cefr-card-info{display:flex;flex-direction:column;gap:1px}.dos-cefr-card-label{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--dos-ink)}.dos-cefr-card-count{display:flex;align-items:center;gap:4px;font-size:12px;font-family:var(--font-mono, monospace);color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-cefr-bar{height:3px;background:color-mix(in oklab,var(--dos-ink) 10%,transparent);margin:0}.dos-cefr-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.dos-cefr-card-body{padding:4px 0 8px}.dos-cefr-section{border-top:1px solid var(--dos-line-1)}.dos-cefr-section-head{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;cursor:pointer;width:100%;text-align:left}.dos-cefr-section-head:hover{background:color-mix(in oklab,var(--dos-ink) 3%,transparent)}.dos-cefr-section-title{flex:1;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-cefr-section-count{font-family:var(--font-mono, monospace);font-size:11px;color:color-mix(in oklab,var(--dos-ink) 40%,transparent)}.dos-cefr-items{list-style:none;margin:0;padding:0 16px 8px;display:flex;flex-direction:column}.dos-cefr-item{border-bottom:1px solid var(--dos-line-1)}.dos-cefr-item:last-child{border-bottom:none}.dos-cefr-item-label{display:flex;align-items:flex-start;gap:10px;padding:9px 0;cursor:pointer}.dos-cefr-cb-native{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.dos-cefr-cb{flex:none;margin-top:1px;width:17px;height:17px;border:1px solid var(--dos-line-2);border-radius:5px;background:var(--dos-chrome);display:grid;place-items:center;color:#fff;transition:background .1s,border-color .1s}.dos-cefr-item.checked .dos-cefr-cb{background:var(--accent);border-color:var(--accent)}.dos-cefr-item-text{font-size:13px;line-height:1.45;color:var(--dos-ink);transition:opacity .15s}.dos-cefr-item.checked .dos-cefr-item-text{opacity:.42}.dos-cp-footer{margin-top:24px;padding-bottom:40px;display:flex;justify-content:center}.dos-cp-view-student{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--dos-line-2);border-radius:8px;padding:10px 18px;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--dos-ink);cursor:pointer;transition:border-color .12s,background .12s}.dos-cp-view-student:hover{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent);background:color-mix(in oklab,var(--dos-ink) 4%,transparent)}.dos-student-header-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--dos-line-2);border-radius:12px;background:var(--dos-chrome);margin-bottom:20px}.dos-student-avatar-lg{flex:none;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;display:grid;place-items:center;letter-spacing:-.01em}.dos-student-header-info{display:flex;flex-direction:column;gap:5px}.dos-student-fullname{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--dos-ink);letter-spacing:-.01em}.dos-student-header-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dos-student-email{font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-student-objective{font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 58%,transparent);text-wrap:pretty}.dos-student-section{border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome);padding:14px 16px;margin-bottom:12px}.dos-student-section-head{display:flex;align-items:center;gap:8px;margin-bottom:0}.dos-student-section-title{flex:1;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--dos-ink)}.dos-student-section-count{font-family:var(--font-mono, monospace);font-size:11.5px;color:color-mix(in oklab,var(--dos-ink) 45%,transparent)}.dos-student-section-empty{margin:10px 0 0;font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 48%,transparent)}.dos-sp-level-pills{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 12px}.dos-sp-level-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid var(--dos-line-2);border-radius:6px;font-family:var(--font-mono, monospace);font-size:11px;font-weight:500;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-sp-level-pill.done{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 30%,transparent);color:var(--accent-ink)}.dos-sp-level-pill.current{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent);color:var(--dos-ink);font-weight:600}.dos-sp-pill-count{font-size:10px;opacity:.65}.dos-student-open-plan{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--dos-line-2);border-radius:var(--r-md);padding:7px 12px;font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--dos-ink);cursor:pointer;transition:border-color .12s}.dos-student-open-plan:hover{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-report-edit{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-family:var(--font-display);font-weight:600;font-size:12px;color:color-mix(in oklab,var(--dos-ink) 60%,transparent);cursor:pointer;transition:color .12s}.dos-report-edit:hover{color:var(--dos-ink)}.dos-report-edit:disabled{opacity:.5;cursor:default}.dos-report-actions{display:inline-flex;align-items:center;gap:14px}.dos-report-uptodate{font-family:var(--font-display);font-weight:600;font-size:12px;color:color-mix(in oklab,var(--dos-ink) 45%,transparent)}.dos-report-summary{margin:10px 0 0;font-size:13px;line-height:1.5;color:color-mix(in oklab,var(--dos-ink) 82%,transparent);text-wrap:pretty}.dos-report-block{margin-top:12px}.dos-report-label{display:block;font-family:var(--font-display);font-weight:600;font-size:11.5px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);margin-bottom:4px}.dos-report-list{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;color:var(--dos-ink)}.dos-report-list li{margin:2px 0}.dos-report-evidence{color:color-mix(in oklab,var(--dos-ink) 48%,transparent)}.dos-report-chips{display:flex;gap:5px;flex-wrap:wrap}.dos-report-chip{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);background:var(--accent-soft);border-radius:6px;font-size:11.5px;font-weight:500;color:var(--accent-ink)}.dos-suggest-chips{display:flex;gap:5px;flex-wrap:wrap}.dos-suggest-chip{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);background:var(--accent-soft);border-radius:6px;font-size:11.5px;font-weight:500;color:var(--accent-ink);cursor:pointer;transition:background .12s ease,border-color .12s ease}.dos-suggest-chip:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 18%,transparent);border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.dos-suggest-chip:disabled{opacity:.6;cursor:default}.dos-suggest-chip--refresh{background:transparent;border-style:dashed}.dos-report-updated{margin:12px 0 0;font-size:11.5px;color:color-mix(in oklab,var(--dos-ink) 42%,transparent)}.dos-report-row{display:flex;align-items:center;gap:6px}.dos-report-row>:not(button){flex:1;min-width:0}.dos-report-row-remove{display:inline-flex;align-items:center;padding:6px;border:none;background:none;color:color-mix(in oklab,var(--dos-ink) 45%,transparent);cursor:pointer;border-radius:var(--r-sm, 6px)}.dos-report-row-remove:hover{color:var(--error, #c0392b)}.dos-report-row-add{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;background:none;border:1px dashed var(--dos-line-2);border-radius:var(--r-md);padding:5px 10px;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--dos-ink);cursor:pointer}.dos-report-row-add:disabled{opacity:.45;cursor:not-allowed}.dos-note-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--accent-ink);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent-ink) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color .12s}.dos-note-link:hover{text-decoration-color:var(--accent-ink)}.dos-note-link--preview{display:block;max-width:100%;text-align:left;color:var(--dos-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration-color:transparent}.dos-note-link--preview:hover{color:var(--accent-ink);text-decoration-color:color-mix(in oklab,var(--accent-ink) 45%,transparent)}.dos-noteview-section+.dos-noteview-section{margin-top:18px}.dos-noteview-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--dos-ink) 45%,transparent);margin-bottom:6px}.dos-noteview-text{margin:0;font-size:14.5px;line-height:1.6;color:var(--dos-ink);white-space:pre-wrap;text-wrap:pretty}.dos-listpage-head{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.dos-listpage-head .dos-page-title{margin:0}.dos-listpage-head .dos-list-count{font-family:var(--font-mono);font-size:13px;color:color-mix(in oklab,var(--dos-ink) 42%,transparent)}.dos-tabs{display:inline-flex;gap:20px;border-bottom:1px solid color-mix(in oklab,var(--dos-ink) 12%,transparent);margin-bottom:20px}.dos-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.015em;color:color-mix(in oklab,var(--dos-ink) 45%,transparent);padding:4px 2px 12px;margin-bottom:-1px;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:7px;transition:color .12s ease}.dos-tab:hover{color:color-mix(in oklab,var(--dos-ink) 78%,transparent)}.dos-tab--active{color:var(--dos-ink);border-bottom-color:var(--dos-ink)}.dos-tab-count{font-family:var(--font-mono);font-size:12px;color:color-mix(in oklab,var(--dos-ink) 42%,transparent)}.dos-seeall{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;margin-top:14px;padding:8px 2px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13.5px;font-weight:500;color:var(--accent-ink)}.dos-seeall:hover{opacity:.78}.dos-seeall-count{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklab,var(--dos-ink) 40%,transparent)}.dos-dt-search{display:flex;align-items:center;gap:9px;padding:0 14px;height:44px;background:var(--paper-1, #fff);border:1px solid var(--line);border-radius:var(--r-md, 10px);color:color-mix(in oklab,var(--dos-ink) 45%,transparent);margin-bottom:16px}.dos-dt-search:focus-within{border-color:color-mix(in oklab,var(--dos-ink) 32%,transparent)}.dos-dt-search-input{flex:1;border:0;background:none;outline:none;font:inherit;font-size:14px;color:var(--dos-ink)}.dos-dt-search-input::-moz-placeholder{color:color-mix(in oklab,var(--dos-ink) 38%,transparent)}.dos-dt-search-input::placeholder{color:color-mix(in oklab,var(--dos-ink) 38%,transparent)}.dos-dt-search-input::-webkit-search-cancel-button{cursor:pointer}.dos-dt-table{border-top:1px solid var(--line)}.dos-dt-head{display:grid;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.dos-dt-th{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;text-align:left;padding:11px 0;min-height:44px;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab,var(--dos-ink) 45%,transparent)}.dos-dt-th.sortable{cursor:pointer}.dos-dt-th.sortable:hover{color:color-mix(in oklab,var(--dos-ink) 70%,transparent)}.dos-dt-th.active{color:var(--dos-ink)}.dos-dt-th.right{justify-content:flex-end;text-align:right}.dos-dt-arrow{display:inline-flex;color:color-mix(in oklab,var(--dos-ink) 30%,transparent)}.dos-dt-th.active .dos-dt-arrow{color:var(--accent-ink)}.dos-dt-row{display:grid;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid color-mix(in oklab,var(--line) 70%,transparent)}.dos-dt-row.clickable{cursor:pointer}.dos-dt-row.clickable:hover{background:color-mix(in oklab,var(--dos-ink) 3%,transparent)}.dos-dt-td{min-width:0;font-size:13.5px;color:var(--dos-ink)}.dos-dt-td.right{text-align:right;justify-self:end}.dos-dt-strong{font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dos-dt-muted{color:color-mix(in oklab,var(--dos-ink) 52%,transparent);white-space:nowrap}.dos-dt-dash{color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-dt-namecell{display:inline-flex;align-items:center;gap:9px;min-width:0}.dos-avatar--xs{width:26px;height:26px;font-size:10px;flex:none}.dos-dt-datecell{display:inline-flex;align-items:center;gap:7px}.dos-dt-pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px}.dos-dt-pill.is-live{background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent-ink)}.dos-dt-pill.is-upcoming{background:color-mix(in oklab,var(--dos-ink) 8%,transparent);color:color-mix(in oklab,var(--dos-ink) 60%,transparent)}.dos-dt-empty{padding:40px 0;text-align:center;font-size:13px;color:color-mix(in oklab,var(--dos-ink) 45%,transparent)}.dos-dt-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.dos-dt-range{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklab,var(--dos-ink) 45%,transparent)}.dos-dt-pager-btns{display:flex;align-items:center;gap:8px}.dos-dt-pageof{font-family:var(--font-mono);font-size:12px;color:color-mix(in oklab,var(--dos-ink) 60%,transparent);min-width:44px;text-align:center}.dos-dt-pgbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-md, 10px);background:var(--paper-1, #fff);color:var(--dos-ink);cursor:pointer;transition:border-color .12s,opacity .12s}.dos-dt-pgbtn:hover:not(:disabled){border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-dt-pgbtn:disabled{opacity:.35;cursor:default}@media (max-width: 560px){.dos-dt-head,.dos-dt-row{gap:10px}.dos-dt-th{font-size:9px}.dos-dt-td{font-size:12.5px}}@media (max-width: 480px){.dos-cefr-card-head{padding:11px 12px 9px}.dos-cefr-items{padding:0 12px 6px}.dos-student-header-card{padding:12px;gap:10px}}.dos-ob{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px 56px;background:var(--dos-canvas)}.dos-ob-card{width:100%;max-width:400px;display:flex;flex-direction:column}.dos-ob-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px}.dos-ob-wordmark{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.035em;color:var(--dos-ink)}.dos-ob-body{display:flex;flex-direction:column;gap:18px}.dos-ob-head{display:flex;flex-direction:column;gap:6px}.dos-ob-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:27px;line-height:1.1;letter-spacing:-.02em;color:var(--dos-ink)}.dos-ob-sub{margin:0;font-size:14px;line-height:1.5;color:color-mix(in oklab,var(--dos-ink) 58%,transparent);text-wrap:pretty}.dos-ob-field{display:flex;flex-direction:column;gap:7px}.dos-ob-label{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.01em;color:color-mix(in oklab,var(--dos-ink) 62%,transparent)}.dos-ob-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--dos-line-2);border-radius:8px;background:var(--dos-chrome);color:var(--dos-ink);font-family:var(--font-body, "Familjen Grotesk", system-ui, sans-serif);font-size:15px;transition:border-color .12s,box-shadow .12s}.dos-ob-input::-moz-placeholder{color:color-mix(in oklab,var(--dos-ink) 36%,transparent)}.dos-ob-input::placeholder{color:color-mix(in oklab,var(--dos-ink) 36%,transparent)}.dos-ob-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.dos-ob-namerow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dos-ob-cta{margin-top:4px;width:100%;padding:13px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 1px 2px #09090b1a;transition:filter .12s,transform .05s,opacity .12s}.dos-ob-cta:hover:not(:disabled){filter:brightness(1.06)}.dos-ob-cta:active:not(:disabled){transform:translateY(1px)}.dos-ob-cta:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.dos-ob-code{display:flex;gap:8px}.dos-ob-cell{flex:1;min-width:0;height:56px;text-align:center;border:1px solid var(--dos-line-2);border-radius:8px;background:var(--dos-chrome);color:var(--dos-ink);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:22px;font-weight:500;caret-color:var(--accent);transition:border-color .12s,box-shadow .12s}.dos-ob-cell:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.dos-ob-code.err .dos-ob-cell{border-color:var(--error);animation:dos-ob-shake .32s}@keyframes dos-ob-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.dos-ob-coderow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:-4px;font-size:12.5px}.dos-ob-codeerr{color:var(--error);font-weight:500}.dos-ob-coderesent{color:var(--accent-ink);font-weight:500}.dos-ob-demohint{color:color-mix(in oklab,var(--dos-ink) 46%,transparent);font-family:var(--font-mono, monospace);font-size:11.5px}.dos-ob-resendwait{color:color-mix(in oklab,var(--dos-ink) 46%,transparent);font-variant-numeric:tabular-nums}.dos-ob-link{background:none;border:none;padding:0;color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:12.5px;cursor:pointer}.dos-ob-link:hover{text-decoration:underline}.dos-ob-link{white-space:nowrap}.dos-ob-back{align-self:center;display:inline-flex;align-items:center;gap:4px;margin-top:2px;background:none;border:none;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);font-family:var(--font-display);font-weight:500;font-size:13px;cursor:pointer;transition:color .12s}.dos-ob-back:hover{color:var(--dos-ink)}.dos-ob-help{font-size:11.5px;line-height:1.5;color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-ob-signin{margin:2px 0 0;text-align:center;font-size:13px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-ob-signin .dos-ob-link{font-size:13px}.dos-ob-checks{display:flex;flex-direction:column;gap:12px;margin-top:-2px}.dos-ob-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.dos-ob-check input{position:absolute;opacity:0;width:0;height:0}.dos-ob-box{flex:none;margin-top:1px;width:18px;height:18px;border:1px solid var(--dos-line-2);border-radius:5px;background:var(--dos-chrome);display:grid;place-items:center;color:#fff;transition:background .12s,border-color .12s}.dos-ob-box>svg{opacity:0;transition:opacity .1s}.dos-ob-check input:checked~.dos-ob-box{background:var(--accent);border-color:var(--accent)}.dos-ob-check input:checked~.dos-ob-box>svg{opacity:1}.dos-ob-check input:focus-visible~.dos-ob-box{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent)}.dos-ob-checktext{font-size:12.5px;line-height:1.5;color:color-mix(in oklab,var(--dos-ink) 62%,transparent);text-wrap:pretty}.dos-save-share{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.dos-save-share .dos-ob-checktext{font-size:13px;color:color-mix(in oklab,var(--dos-ink) 76%,transparent)}.dos-save-share-note{display:block;margin-top:2px;color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-ob-inlinelink{display:inline;white-space:nowrap;color:var(--accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.dos-ob-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:30px}.dos-ob-dot{width:6px;height:6px;border-radius:999px;background:color-mix(in oklab,var(--dos-ink) 16%,transparent);transition:width .2s,background .2s}.dos-ob-dot.done{background:color-mix(in oklab,var(--accent) 55%,transparent)}.dos-ob-dot.on{width:20px;background:var(--accent)}.dos-chip--sm{padding:2px 8px;font-size:11px}.dos-chip.selectable{cursor:pointer;gap:5px;transition:border-color .12s,background .12s,color .12s}.dos-chip.selectable:hover{border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-chip.selectable.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.dos-chip.selectable.on:hover{filter:brightness(1.06)}.dos-ob-code--8{gap:5px}.dos-ob-code--8 .dos-ob-cell{font-size:18px;height:52px}@media (max-width: 480px){.dos-ob-namerow{grid-template-columns:1fr}.dos-ob-title{font-size:24px}.dos-ob-cell{height:52px;font-size:20px}}.presenter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-body);color:var(--dos-ink);background-image:var(--grain),radial-gradient(ellipse at 50% 0%,#2a1a1e,#221317 60%,#170c0f)}.presenter-exit{position:absolute;top:24px;right:24px;z-index:6;display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;border-radius:4px;border:1px solid color-mix(in oklab,var(--dos-ink) 16%,transparent);background:color-mix(in oklab,var(--dos-chrome) 65%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--dos-ink);font-family:var(--font-display);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.presenter-exit:hover{background:color-mix(in oklab,var(--dos-chrome) 85%,transparent);border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.presenter-kbd{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:color-mix(in oklab,var(--dos-ink) 10%,transparent)}.presenter-stage{flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:80px 40px 100px;cursor:pointer;overflow:hidden}.presenter-progress{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:6;display:flex;gap:6px;padding:8px 12px;border-radius:4px;background:color-mix(in oklab,var(--dos-chrome) 55%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in oklab,var(--dos-ink) 10%,transparent)}.presenter-progress .pdot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:color-mix(in oklab,var(--dos-ink) 22%,transparent);cursor:pointer;transition:width .15s,background .15s}.presenter-progress .pdot:hover{background:color-mix(in oklab,var(--dos-ink) 40%,transparent)}.presenter-progress .pdot.active{width:24px;border-radius:3px;background:var(--accent)}.presenter-hints{position:absolute;right:24px;bottom:30px;z-index:6;display:flex;gap:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);opacity:.7}.presenter-hints kbd{font:inherit;padding:1px 5px;margin-right:4px;border-radius:3px;background:color-mix(in oklab,var(--dos-ink) 8%,transparent);border:1px solid color-mix(in oklab,var(--dos-ink) 12%,transparent)}.presenter-overlay{color:#f6edeb}.presenter-overlay .presenter-exit{color:#f6edeb;border-color:#f6edeb38;background:#241c1e80}.presenter-overlay .presenter-exit:hover{background:#241c1eb3;border-color:#f6edeb57}.presenter-overlay .presenter-kbd{background:#f6edeb24}.presenter-overlay .presenter-progress{background:#241c1e8c;border-color:#f6edeb24}.presenter-overlay .presenter-progress .pdot{background:#f6edeb47}.presenter-overlay .presenter-progress .pdot:hover{background:#f6edeb80}.presenter-overlay .presenter-progress .pdot.active{background:var(--accent)}.presenter-overlay .presenter-hints{color:#f6edeb8c}.presenter-overlay .presenter-hints kbd{background:#f6edeb24;border-color:#f6edeb38}.doc-card{width:100%;max-width:880px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 48px 48px;display:flex;flex-direction:column;gap:20px;position:relative;box-shadow:0 1px #09090b05,0 10px 32px #09090b0d,0 4px 8px #09090b08}.card-type-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--accent);padding:4px 10px;background:var(--accent-soft);border-radius:var(--r-xs);text-transform:uppercase}.card-title{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin:0;text-wrap:pretty}.objective-text{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--ink);line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}.grammar-rule{font-family:var(--font-display);font-size:18px;color:var(--ink);line-height:1.5;letter-spacing:-.01em;font-weight:500;padding:20px 24px;background:var(--surface-2);border-radius:var(--r-md);border-left:3px solid var(--accent)}.grammar-structure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.grammar-row{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.grammar-row .label{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:13px;letter-spacing:-.01em;text-transform:uppercase}.grammar-row .usage{font-size:14px;color:var(--ink-2);line-height:1.5}.examples-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.example-item{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.example-spanish{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.3}.example-english{font-size:14px;color:var(--muted);line-height:1.5}.example-note{grid-column:1 / -1;font-size:12px;color:var(--accent-ink);font-family:var(--font-mono);margin-top:4px}.media-placeholder{border:1.5px dashed var(--line-2);border-radius:var(--r-lg);padding:36px 24px;text-align:center;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:12px}.media-placeholder .icon-circle{width:48px;height:48px;background:var(--surface-2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.media-suggestion{font-family:var(--font-display);font-size:16px;color:var(--ink);line-height:1.5;font-weight:500;letter-spacing:-.01em;max-width:480px}.media-reason{font-size:13px;color:var(--muted);max-width:480px;line-height:1.5}.media-image{border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--surface-2);border:1px solid var(--line)}.media-image img{display:block;width:100%;height:auto}.media-image-replace{position:absolute;top:10px;right:10px;padding:6px 12px;background:#09090b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--r-sm);font-size:12px;font-weight:500;font-family:var(--font-display)}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--ink);border-radius:var(--r-lg);overflow:hidden}.video-embed iframe{width:100%;height:100%;border:0}.exercise-card{display:flex;flex-direction:column;gap:16px}.exercise-question{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--ink);line-height:1.35;letter-spacing:-.015em}.exercise-instr{font-size:14px;color:var(--muted);font-weight:500}.mcq-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.mcq-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);font-size:15px;color:var(--ink);position:relative;cursor:pointer;transition:all .12s}.mcq-option:hover{border-color:var(--muted-2)}.mcq-option .letter{font-family:var(--font-mono);font-weight:600;font-size:11px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);text-transform:uppercase;flex-shrink:0}.mcq-option.correct{border-color:var(--success);background:#16a34a0a}.mcq-option.correct .letter{background:var(--success);color:#fff}.match-interactive .mcq-option{width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}.doc-card.presenting .match-interactive .mcq-option:hover:not(:disabled),.exercise-card .match-interactive .mcq-option:hover:not(:disabled){border-color:var(--muted-2)}.match-interactive .mcq-option.is-selected{border-color:var(--ink);background:var(--surface-2)}.match-interactive .mcq-option.is-matched{border-color:var(--success);background:#16a34a0a;opacity:.5;cursor:default}.match-interactive .mcq-option.is-matched .letter{background:var(--success);color:#fff}.match-interactive .mcq-option.is-wrong{animation:match-wrong-blink .64s ease}@keyframes match-wrong-blink{0%,to{border-color:var(--line-2)}25%,75%{border-color:var(--error)}50%{border-color:var(--line-2)}}@keyframes match-correct-blink{0%{border-color:var(--line-2)}25%,75%{border-color:var(--success)}50%{border-color:var(--line-2)}to{border-color:var(--success)}}.fill-item,.tf-item,.mcq-question{padding:14px 18px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px}.mcq-question .exercise-question{font-size:17px}.mcq-rationales{display:flex;flex-direction:column;gap:6px;margin-top:2px}.mcq-rationales .explanation{display:flex;align-items:baseline;gap:8px}.mcq-rationales .explanation .letter{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;flex-shrink:0}.fill-sentence,.tf-sentence{font-family:var(--font-display);font-size:16px;color:var(--ink);font-weight:500;letter-spacing:-.01em}.fill-answer,.tf-answer{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-ink);font-weight:600;font-family:var(--font-mono)}.tf-pills{display:flex;gap:6px}.pill{padding:4px 14px;border-radius:var(--r-xs);font-size:12px;font-weight:600;border:1px solid var(--line-2);color:var(--muted);font-family:var(--font-display);letter-spacing:-.005em;transition:all .12s}.tf-pills .pill:hover{border-color:var(--muted);color:var(--ink-2)}.tf-pills .pill.active{border-color:var(--accent);background:var(--accent);color:#fff}.exercise-card.is-correct .tf-pills .pill.active{border-color:var(--success);background:var(--success)}.tf-verdict{display:block;color:var(--success);font-weight:600;margin-bottom:4px}.tf-explanation-text{display:block}.doc-card.presenting .mcq-question .mcq-option:hover:not(:disabled){border-color:var(--muted-2)}.doc-card.presenting .mcq-question .mcq-option.answer{animation:match-correct-blink .64s ease}.doc-card.presenting .mcq-question .mcq-option.is-wrong{animation:match-wrong-blink .64s ease}.exercise-card.is-correct,.exercise-card.is-wrong{border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px}.exercise-card.is-correct{border-color:var(--success)}.exercise-card.is-wrong{animation:match-wrong-blink .64s ease}.mcq-question{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--ink);line-height:1.35;letter-spacing:-.015em}.mcq-option.selected{border-color:var(--ink);background:var(--surface-2)}.mcq-option.answer{border-color:var(--success);background:#16a34a0a}.mcq-option:disabled{cursor:default}.mcq-verdict{display:block;color:var(--success);font-weight:600;margin-bottom:4px}.mcq-rationale{display:block}.mcq-check{align-self:flex-start;padding:10px 20px;border:none;border-radius:var(--r-md);background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .12s}.mcq-check:disabled{opacity:.4;cursor:default}.fb-items{display:flex;flex-direction:column;gap:12px}.fb-sentence{margin:0;font-size:17px;line-height:1.7;color:var(--ink)}.fb-sentence>span{vertical-align:middle}.fb-blank{display:inline-block;min-width:72px;margin:0 4px;padding:4px 10px;border:1px dashed var(--muted-2);border-radius:var(--r-sm);background:var(--surface-2);font-size:15px;color:var(--ink);text-align:center;vertical-align:middle}button.fb-blank{cursor:pointer;min-height:32px}button.fb-blank:disabled{cursor:default}.fb-blank.filled{border-style:solid;border-color:var(--ink-3);background:var(--surface)}input.fb-blank::-moz-placeholder{color:var(--muted)}input.fb-blank::placeholder{color:var(--muted)}.fb-blank:focus-visible{outline:none;border-color:var(--accent)}.fb-blank.locked{border-color:var(--success);background:#16a34a0a;animation:match-correct-blink .64s ease}.fb-blank.wrong{border-color:var(--error);animation:match-wrong-blink .64s ease}.fb-bank{display:flex;flex-wrap:wrap;gap:8px}.fb-chip{padding:6px 14px;border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--surface);font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .12s}.fb-chip:hover:not(:disabled){border-color:var(--muted-2)}.fb-chip:disabled{opacity:.4;cursor:default}.fb-verdict{display:block;color:var(--success);font-weight:600;margin-bottom:4px}.fb-explanation-text{display:block}.os-answer,.os-pool{display:flex;flex-wrap:wrap;gap:8px}.os-answer{min-height:40px;padding:8px;border:1px dashed var(--muted-2);border-radius:var(--r-sm);background:var(--surface-2)}.os-pill{padding:6px 14px;font-size:14px;color:var(--ink);background:var(--surface);cursor:pointer}.os-pill:hover:not(:disabled){border-color:var(--muted-2)}.os-pill:disabled{cursor:default}.exercise-card.is-correct .os-answer .os-pill.locked,.os-card.is-correct .os-answer .os-pill.locked{border-color:var(--success);background:#16a34a0a;animation:match-correct-blink .64s ease}.os-pill.wrong{border-color:var(--error);animation:match-wrong-blink .64s ease}.tf-source{margin:0 0 4px;font-size:17px;line-height:1.6;color:var(--ink)}.tf-line{width:100%;padding:8px 4px;border:none;border-bottom:1px dashed var(--muted-2);border-radius:0;background:transparent;font-size:17px;color:var(--ink)}.tf-line::-moz-placeholder{color:var(--muted)}.tf-line::placeholder{color:var(--muted)}.tf-line:focus-visible{outline:none;border-bottom-color:var(--accent)}.tf-line:disabled{cursor:default}.tf-line.locked{border-bottom-style:solid;border-bottom-color:var(--success);animation:tf-line-correct-blink .64s ease}.tf-line.wrong{border-bottom-color:var(--error);animation:tf-line-wrong-blink .64s ease}@keyframes tf-line-correct-blink{0%{border-bottom-color:var(--muted-2)}25%,75%{border-bottom-color:var(--success)}50%{border-bottom-color:var(--muted-2)}to{border-bottom-color:var(--success)}}@keyframes tf-line-wrong-blink{0%,to{border-bottom-color:var(--muted-2)}25%,75%{border-bottom-color:var(--error)}50%{border-bottom-color:var(--muted-2)}}.hw-peek-cards,.hw-results{display:flex;flex-direction:column;gap:16px}.hw-results-head{display:flex;align-items:center;gap:10px}.hw-results-emoji{font-size:24px;line-height:1}.hw-results-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.015em}.hw-results-empty{margin:0;color:var(--muted)}.hw-results-metrics{display:flex;gap:24px}.hw-metric{display:flex;flex-direction:column;gap:2px}.hw-metric-value{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink);line-height:1}.hw-metric-label{font-size:13px;color:var(--muted)}.hw-results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hw-result-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm)}.hw-result-type{font-size:12px;font-family:var(--font-mono);color:var(--muted);white-space:nowrap}.hw-result-title{font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-result-tag{font-size:13px;font-weight:600;white-space:nowrap}.hw-result-tag.is-first-try{color:var(--success)}.hw-result-tag.is-retried{color:var(--muted)}.sc-review-tag{font-size:13px;font-weight:600;white-space:nowrap;margin-bottom:8px}.sc-review-tag.is-first-try{color:var(--success)}.sc-review-tag.is-retried{color:var(--muted)}.explanation{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.discuss-article{display:flex;flex-direction:column;gap:28px}.discuss-section{display:flex;flex-direction:column;gap:10px}.discuss-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.discuss-section-label{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.discuss-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.discuss-count{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted-2);padding-left:6px;border-left:1px solid var(--line);margin-left:2px}.discuss-article-body{font-family:var(--font-body, var(--font-display));font-size:16px;line-height:1.7;color:var(--ink);white-space:pre-wrap;min-height:180px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .12s,box-shadow .12s}.discuss-article-body:hover{border-color:var(--line-2);background:var(--surface)}.discuss-article-body:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--surface)}.discuss-article-body:empty:before{content:attr(data-placeholder);color:var(--muted-2);font-style:italic;pointer-events:none}.discuss-empty{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);background:var(--surface)}.discuss-empty-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}.discuss-empty-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.discuss-empty-title{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--ink);letter-spacing:-.005em}.discuss-empty-sub{font-size:12.5px;color:var(--muted);line-height:1.5}.discuss-empty .btn-accent[disabled]{opacity:.45;cursor:not-allowed}.discuss-q-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.discuss-q{display:grid;grid-template-columns:22px 1fr 28px;align-items:start;gap:12px;padding:12px 4px 12px 0;border-bottom:1px solid var(--line)}.discuss-q:last-child{border-bottom:none}.discuss-q-num{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--muted-2);line-height:1.5;text-align:center;padding-top:2px;font-variant-numeric:tabular-nums}.discuss-q-body{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.55;color:var(--ink);min-width:0}.discuss-q-body .editable{flex:1;min-width:0}.discuss-q-tag{flex-shrink:0;margin-top:4px;font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.discuss-q[data-source=ai] .discuss-q-tag{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.discuss-q-actions{display:flex;justify-content:flex-start;padding-top:4px}.presenter-overlay .doc-card.presenting{width:min(960px,80vw);max-width:none;min-height:min(620px,70vh);max-height:100%;overflow-y:auto;padding:64px 72px 56px;background:var(--dos-chrome);border-radius:4px;border:1px solid color-mix(in oklab,var(--dos-ink) 6%,transparent);box-shadow:0 1px #0000001f,0 24px 60px #00000057,0 60px 140px #00000075;display:flex;flex-direction:column;gap:28px;position:relative;cursor:default}.presenter-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.presenter-eyebrow svg{flex-shrink:0}.presenter-title{font-family:var(--font-display);font-size:clamp(40px,5.4vw,64px);font-weight:600;line-height:1.04;letter-spacing:-.025em;margin:0;color:var(--dos-ink);text-wrap:balance}.presenter-body{display:flex;flex-direction:column;gap:22px;font-size:19px;line-height:1.55;color:var(--dos-ink)}.presenter-footer-line{margin-top:auto;padding-top:22px;border-top:1px solid color-mix(in oklab,var(--dos-ink) 8%,transparent);display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.presenter-footer-line .left,.presenter-footer-line .right{display:inline-flex;align-items:center;gap:10px}.presenter-footer-line .sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.doc-card.presenting button.icon-btn,.doc-card.presenting .btn-ghost,.doc-card.presenting .btn-secondary,.doc-card.presenting input.text-input,.doc-card.presenting .media-image-replace,.doc-card.presenting .discuss-q-tag,.doc-card.presenting .discuss-q-actions,.doc-card.presenting .discuss-empty,.doc-card.presenting .discuss-section-head .btn-ghost,.doc-card.presenting [type=file]{display:none!important}.doc-card.presenting .presenting-text{background:transparent!important;box-shadow:none!important;cursor:default}.doc-card.presenting .presenting-text.block{display:block}.doc-card.presenting .vocab-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}.doc-card.presenting .vocab-item{padding:14px 0;border-left:none;border-bottom:1px solid color-mix(in oklab,var(--dos-ink) 8%,transparent)}.doc-card.presenting .vocab-item:nth-child(2n){padding-left:0}.doc-card.presenting .discuss-article-body{border:none;padding:0;background:transparent;font-size:17px;min-height:0}.doc-card.presenting .discuss-q{border-bottom:1px solid color-mix(in oklab,var(--dos-ink) 8%,transparent)}.doc-card.presenting .discuss-section-label{color:var(--accent-ink)}.doc-card.presenting .card-type-tag{display:none}.doc-card.presenting[data-density=compact]{padding:44px 56px 40px;gap:18px}.doc-card.presenting[data-density=compact] .presenter-title{font-size:clamp(32px,4.2vw,50px)}.doc-card.presenting[data-density=compact] .presenter-body{gap:16px;font-size:17px;line-height:1.5}.doc-card.presenting[data-density=compact] .mcq-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.doc-card.presenting[data-density=dense]{padding:28px 44px;gap:12px}.doc-card.presenting[data-density=dense] .presenter-eyebrow{font-size:11px}.doc-card.presenting[data-density=dense] .presenter-title{font-size:clamp(26px,3.2vw,38px);line-height:1.05}.doc-card.presenting[data-density=dense] .presenter-body{gap:10px;font-size:15px;line-height:1.45}.doc-card.presenting[data-density=dense] .presenter-footer-line{padding-top:12px}.doc-card.presenting[data-density=dense] .examples-list,.doc-card.presenting[data-density=dense] .discuss-q-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.doc-card.presenting[data-density=dense] .mcq-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.doc-card.presenting[data-density=dense] .discuss-article-body{font-size:15px;line-height:1.45}.op-btn.op-btn-present{background:var(--accent);color:#fff;border-color:transparent;margin-top:4px}.op-btn.op-btn-present:hover{background:var(--accent-ink);color:#fff}.op-btn.op-btn-present svg{color:#fff}.op-btn.op-btn-present .kbd{background:#ffffff2e;color:#fff;border-color:transparent}.op-btn.op-btn-present:disabled{background:color-mix(in oklab,var(--accent) 40%,var(--surface-2));color:#ffffffd9;opacity:.55}@media (max-width: 900px){.presenter-overlay .doc-card.presenting{width:92vw;padding:40px 32px 36px;min-height:60vh}.doc-card.presenting .vocab-list{grid-template-columns:1fr}.presenter-hints{display:none}}.type-section{display:flex;flex-direction:column;gap:8px}.type-section+.type-section{margin-top:16px}.type-group-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--ink) 48%,transparent)}.doc-card.presenting .fill-item,.doc-card.presenting .tf-item,.doc-card.presenting .mcq-question{transition:opacity .2s,border-color .2s,box-shadow .2s}.doc-card.presenting .fill-item.is-masked,.doc-card.presenting .tf-item.is-masked,.doc-card.presenting .mcq-question.is-masked,.doc-card.presenting .discuss-q.is-masked{opacity:.45}.doc-card.presenting .fill-item.is-current,.doc-card.presenting .tf-item.is-current,.doc-card.presenting .mcq-question.is-current{opacity:1;border-color:color-mix(in oklab,var(--accent) 40%,var(--line));box-shadow:inset 3px 0 0 var(--accent)}.doc-card.presenting .mcq-option:not(button){cursor:default}.doc-card.presenting .mcq-option:not(button):hover{border-color:var(--line-2)}.doc-card.presenting .tf-pills .pill{cursor:default}.doc-card.presenting .tf-pills .pill:hover{border-color:var(--line-2);color:inherit}.reveal-in{animation:reveal-in .22s ease}@keyframes reveal-in{0%{transform:translateY(4px)}to{transform:none}}.presenter-reveal-hint{position:absolute;left:50%;bottom:60px;transform:translate(-50%);z-index:9;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:-.005em;box-shadow:0 6px 18px color-mix(in oklab,var(--accent) 40%,transparent),0 1px 2px #09090b26}.presenter-reveal-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:reveal-pulse 1.4s ease-in-out infinite}@keyframes reveal-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 900px){.presenter-reveal-hint{bottom:52px}}.dos-cc-steps{display:flex;align-items:center;gap:8px;margin-bottom:28px}.dos-cc-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:default;display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0}.dos-cc-step.jump{cursor:pointer}.dos-cc-step.jump:hover .dos-cc-step-dot{border-color:var(--accent)}.dos-cc-step.jump:hover .dos-cc-step-name{color:var(--dos-ink)}.dos-cc-step:not(:last-child):after{content:"";flex:1;height:1px;background:var(--dos-line-2)}.dos-cc-step-dot{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--dos-line-2);background:var(--dos-chrome);font-family:var(--font-mono);font-size:12px;font-weight:600;color:color-mix(in oklab,var(--dos-ink) 50%,transparent)}.dos-cc-step.on .dos-cc-step-dot{background:var(--accent);border-color:var(--accent);color:#fff}.dos-cc-step.done .dos-cc-step-dot{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.dos-cc-step-name{font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.01em;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);white-space:nowrap}.dos-cc-step.on .dos-cc-step-name{color:var(--dos-ink)}@media (max-width: 480px){.dos-cc-step:not(.on) .dos-cc-step-name{display:none}.dos-cc-step:not(:last-child):after{min-width:8px}}.dos-cc-head{margin-bottom:16px}.dos-cc-q{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.018em;margin:0 0 4px;color:var(--dos-ink)}.dos-cc-qsub{font-size:13.5px;line-height:1.5;color:color-mix(in oklab,var(--dos-ink) 60%,transparent);margin:0;text-wrap:pretty}.dos-pick-list{display:flex;flex-direction:column;gap:8px}.dos-pick-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome);text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.dos-pick-row:hover{border-color:color-mix(in oklab,var(--dos-ink) 26%,transparent)}.dos-pick-row.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dos-pick-tick{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-sm);border:1px solid var(--dos-line-2);background:var(--dos-chrome);color:#fff}.dos-pick-tick.on{background:var(--accent);border-color:var(--accent)}.dos-pick-radio{flex:none;width:18px;height:18px;border-radius:999px;border:1px solid var(--dos-line-2);background:var(--dos-chrome);position:relative}.dos-pick-radio[data-on=true]{border-color:var(--accent)}.dos-pick-radio[data-on=true]:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:var(--accent)}.dos-pick-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dos-pick-name{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--dos-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dos-pick-sub{font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dos-pick-row .dos-student-av{margin:-2px 0}.dos-cc-foot{margin-top:24px}.dos-cc-search{margin-bottom:14px}.dos-cc-selected{margin:0 0 16px}.dos-cc-selected-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--dos-ink) 45%,transparent);margin-bottom:8px}.dos-cc-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.dos-cc-selchip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;max-width:100%;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;font-size:12.5px;font-weight:500}.dos-cc-selchip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dos-cc-selchip-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:color-mix(in oklab,var(--accent-ink) 14%,transparent);transition:background .12s}.dos-cc-selchip-x:hover{background:color-mix(in oklab,var(--accent-ink) 26%,transparent)}.dos-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 480px){.dos-choice-row{grid-template-columns:1fr}}.dos-choice{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome);text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s}.dos-choice:hover{border-color:color-mix(in oklab,var(--dos-ink) 26%,transparent)}.dos-choice.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dos-choice-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-ink);margin-bottom:4px}.dos-choice.on .dos-choice-ico{background:var(--accent);color:#fff}.dos-choice-title{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--dos-ink)}.dos-choice-sub{font-size:12.5px;line-height:1.45;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-sched{display:flex;flex-direction:column;gap:18px;margin-top:20px}.dos-sched-time{max-width:180px}.dos-cal{border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome);padding:14px;max-width:360px}.dos-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dos-cal-month{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--dos-ink)}.dos-cal-nav{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--dos-line-2);border-radius:var(--r-md);background:var(--dos-chrome);color:var(--dos-ink);cursor:pointer;transition:border-color .12s,opacity .12s}.dos-cal-nav:hover:not(:disabled){border-color:color-mix(in oklab,var(--dos-ink) 28%,transparent)}.dos-cal-nav:disabled{opacity:.32;cursor:not-allowed}.dos-cal-dow,.dos-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dos-cal-dow{margin-bottom:4px}.dos-cal-dow span{text-align:center;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:color-mix(in oklab,var(--dos-ink) 45%,transparent);padding:2px 0}.dos-cal-cell{aspect-ratio:1;display:grid;place-items:center;border:none;background:transparent;border-radius:var(--r-md);font-family:var(--font-mono);font-size:13px;color:var(--dos-ink);cursor:pointer;transition:background .1s,color .1s}.dos-cal-cell.empty{cursor:default}.dos-cal-cell:not(.empty):not(:disabled):hover{background:var(--accent-soft)}.dos-cal-cell:disabled{color:color-mix(in oklab,var(--dos-ink) 26%,transparent);cursor:not-allowed}.dos-cal-cell.today:not(.on){box-shadow:inset 0 0 0 1px var(--dos-line-2)}.dos-cal-cell.on{background:var(--accent);color:#fff;font-weight:600}.dos-class-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dos-class-row{display:flex;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--dos-line-2);border-radius:var(--r-lg);background:var(--dos-chrome)}.dos-class-row.is-live{border-color:color-mix(in oklab,var(--accent) 45%,var(--dos-line-2))}.dos-class-row.is-completed{opacity:.78}.dos-class-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dos-class-toprow{display:flex;align-items:center;gap:8px;min-width:0}.dos-class-name{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--dos-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dos-class-row.is-completed .dos-class-name{text-decoration:none;color:color-mix(in oklab,var(--dos-ink) 78%,transparent)}.dos-class-sub{display:flex;align-items:center;gap:6px;font-size:12.5px;color:color-mix(in oklab,var(--dos-ink) 55%,transparent)}.dos-class-sub .dos-dot{opacity:.5}.dos-class-status{flex:none;display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.01em}.dos-class-status.is-live{background:var(--accent);color:#fff}.dos-class-status.is-upcoming{background:var(--accent-soft);color:var(--accent-ink)}.dos-class-status.is-completed{background:color-mix(in oklab,var(--dos-ink) 8%,transparent);color:color-mix(in oklab,var(--dos-ink) 60%,transparent)}.dos-live-dot{width:6px;height:6px;border-radius:999px;background:#fff;animation:dos-live-pulse 1.4s ease-in-out infinite}@keyframes dos-live-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.dos-live-dot{animation:none}}.dos-mini-btn{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--dos-line-2);background:var(--dos-chrome);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--dos-ink);cursor:pointer;transition:border-color .12s,filter .12s,transform .05s}.dos-mini-btn:hover{border-color:color-mix(in oklab,var(--dos-ink) 30%,transparent)}.dos-mini-btn:active{transform:translateY(1px)}.dos-mini-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.dos-mini-btn.accent:hover{filter:brightness(1.06);border-color:var(--accent)}.dos-class-done{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}@media (max-width: 480px){.dos-class-name{white-space:normal}}@media (max-width: 480px){.dos-menu{animation:dos-menu-in-mobile .14s ease}@keyframes dos-menu-in-mobile{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dos-brand{padding:9px 0}.dos-brandbar:has(.dos-crumbs) .dos-brand{padding:9px 9px 9px 0}.dos-avatar-pill{padding:6px 8px 6px 6px;min-height:44px}.dos-crumb-link,.dos-crumb-current{padding:13px 8px;min-height:44px}.dos-chip.selectable{min-height:44px;padding:10px 16px}.dos-cefr-chip.selectable{min-width:52px}.dos-so-close{width:44px;height:44px}.dos-so-footer{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 16px}.dos-so-locale-bar{gap:6px}.dos-so-locale{flex:1 1 0;min-width:0;padding:13px 6px;text-align:center;font-size:11.5px;min-height:44px}.dos-so-signout{align-self:stretch;justify-content:center;padding:12px 16px;min-height:44px;border:1px solid var(--dos-line-2);border-radius:8px}.dos-sort-btn{min-height:44px;padding:11px 12px}.dos-mini-btn{min-height:44px;padding:11px 14px}.dos-note-link{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}.dos-note-link--preview{padding:12px 0;min-height:44px}.dos-cc-step{padding:10px 4px;min-height:44px}.dos-page-back{width:44px;height:44px}.dos-cefr-section-head,.dos-cp-view-student,.dos-student-open-plan{min-height:44px}.dos-ob-link{padding:12px 4px;min-height:44px;display:inline-flex;align-items:center}.dos-ob-back{padding:12px 4px;min-height:44px}.dos-empty-cta{min-height:44px;padding:11px 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;line-height:1;transition:background .12s,color .12s,border-color .12s,transform .04s;white-space:nowrap;border:1px solid transparent;font-family:var(--font-display);letter-spacing:-.005em;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--surface)}.btn-primary:hover{background:var(--ink-2)}.btn-primary:disabled{background:var(--surface-2);color:var(--muted-2);cursor:not-allowed}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-ink)}.btn-accent:disabled{background:var(--surface-2);color:var(--muted-2);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--muted-2)}.btn-ghost{color:var(--ink-3)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{padding:6px 10px;font-size:13px;font-weight:500}.btn-block{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-lg);max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:pop .18s ease;border:1px solid var(--line)}@keyframes pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:24px 28px 8px}.modal-header h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em;color:var(--ink)}.modal-header p{margin:0;font-size:14px;color:var(--muted)}.modal-body{padding:16px 28px;display:flex;flex-direction:column;gap:14px;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 28px 20px;border-top:1px solid var(--line)}@media (max-width: 900px){.modal{max-width:none;max-height:92vh;border-radius:var(--r-md)}.modal-header{padding:18px 20px 6px}.modal-body{padding:12px 20px}.modal-footer{padding:14px 20px 16px}}.icon-btn{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--ink-3);transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn.has-warning:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--error);transform:translate(9px,-9px)}.gen-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}.editor{display:grid;grid-template-rows:1fr auto;flex:1;min-height:0;min-width:0;overflow:hidden}.editor-stage{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;min-height:0;overflow:hidden}.editor-rail{border-right:1px solid var(--line);background:var(--dos-chrome);display:flex;flex-direction:column;min-height:0}.editor-rail.right{border-right:none;border-left:1px solid var(--line)}.rail-header{padding:20px 20px 14px;border-bottom:1px solid var(--line)}.rail-header .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);font-weight:500;text-transform:uppercase}.rail-header h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin:6px 0 12px;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}.rail-meta{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:3px 8px;background:var(--surface-2);border-radius:var(--r-xs);font-size:11px;font-weight:500;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:0;white-space:nowrap}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.rail-body{flex:1;overflow:auto;padding:12px 0}.rail-section{padding:0 14px;margin-bottom:16px}.rail-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted);font-weight:500;padding:0 6px 6px;text-transform:uppercase}.op-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-sm);color:var(--ink-2);font-size:13px;text-align:left;transition:background .1s,color .1s;font-family:var(--font-display);font-weight:500;letter-spacing:-.005em;white-space:nowrap;min-width:0}.op-btn>span:not(.kbd){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-btn:hover{background:var(--surface-2);color:var(--ink)}.op-btn:disabled{opacity:.4;cursor:not-allowed}.op-btn.danger:hover{color:var(--error);background:#dc26260a}.op-btn svg{flex-shrink:0;color:var(--muted)}.op-btn:hover svg{color:var(--ink-2)}.op-btn .kbd{margin-left:auto;font-size:11px;color:var(--muted-2);font-family:var(--font-mono);font-weight:400}.stage{position:relative;overflow:auto;background:var(--glow),var(--canvas);padding:40px 48px 64px;display:flex;flex-direction:column;align-items:center}.stage-header{width:100%;max-width:880px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.stage-header .crumb{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.stage-header .crumb strong{font-family:var(--font-display);text-transform:none;font-weight:600;color:var(--ink);letter-spacing:-.005em;font-size:13px;margin-left:8px}.stage-header .stage-progress{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.hw-view-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--surface-2);border-radius:var(--r-sm)}.hw-view-btn{padding:4px 12px;border:none;background:transparent;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--ink-3);cursor:pointer;transition:background .12s,color .12s}.hw-view-btn:hover{color:var(--ink)}.hw-view-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.editable{outline:none;border-radius:4px;transition:background .12s,box-shadow .12s;cursor:text;display:inline-block;min-width:4px}.editable:hover{background:var(--surface-2)}.editable:focus{background:var(--surface-2);box-shadow:0 0 0 2px var(--accent-ring)}.editable.block{display:block;padding:4px 6px;margin:-4px -6px}.navigator{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--line);background:var(--dos-chrome);min-height:80px;overflow:hidden;min-width:0}.nav-scroll{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.nav-scroll::-webkit-scrollbar{height:6px}.nav-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.nav-chip{flex-shrink:0;height:48px;min-width:96px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;transition:all .12s;position:relative;text-align:left}.nav-chip:hover{border-color:var(--line-2);background:var(--surface-2)}.nav-chip.active{border-color:var(--accent);background:var(--accent-soft)}.nav-chip .num{font-family:var(--font-mono);font-size:10px;color:var(--muted);font-weight:500}.nav-chip.active .num{color:var(--accent-ink)}.nav-chip .label{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;letter-spacing:-.005em}.nav-chip.active .label{color:var(--accent-ink)}.nav-chip .icon-tag{color:var(--muted-2)}.nav-chip.active .icon-tag{color:var(--accent)}.nav-add{flex-shrink:0;width:48px;height:48px;border:1px dashed var(--line-2);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .12s}.nav-add:hover{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.type-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;transition:all .12s}.type-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.type-tile .icon{color:var(--accent);flex-shrink:0}.type-tile .name{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:-.01em}.type-tile .desc{font-size:11px;color:var(--muted);line-height:1.4}.notice{background:#dc26260a;border:1px solid rgba(220,38,38,.15);color:var(--error);padding:12px 16px;border-radius:var(--r-md);font-size:13px}.notice.info{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}.muted{color:var(--muted)}.center{text-align:center}.vocab-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center}.vocab-phone{position:relative;width:100%;height:100dvh;background:var(--canvas);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 721px){.vocab-stage{background:#241c1e73}.vocab-phone{width:390px;height:min(724px,calc(100dvh - 60px));border-radius:24px;box-shadow:var(--shadow-lg),0 30px 80px #241c1e66}}.vocab-loading{align-items:center;justify-content:center;color:var(--muted);font-size:14px}.vocab-topbar{display:flex;gap:8px;align-items:flex-start;padding:14px 16px 8px}.vocab-search-wrap{position:relative;flex:1}.vocab-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);padding:9px 12px;box-shadow:var(--shadow-md)}.vocab-search-icon{flex:none;color:var(--muted)}.vocab-search input{border:0;outline:0;width:100%;font-size:14px;background:transparent;font-family:var(--font-body);color:var(--ink)}.vocab-search input::-moz-placeholder{color:var(--muted)}.vocab-search input::placeholder{color:var(--muted)}.vocab-iconbtn{width:38px;height:38px;flex:none;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);font-size:15px;color:var(--ink-3);cursor:pointer;box-shadow:var(--shadow-md);font-family:var(--font-body)}.vocab-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-height:60vh;overflow-y:auto}.vocab-search-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;font-family:var(--font-body)}.vocab-search-row:last-child{border-bottom:0}.vocab-search-row:hover{background:var(--surface-2)}.vocab-search-word{font-size:14px;color:var(--ink)}.vocab-search-meaning{font-size:13px;color:var(--muted)}.vocab-search-empty{padding:14px 12px;font-size:13px;color:var(--muted);text-align:center}.vocab-tabs{display:flex;gap:6px;padding:10px 16px 2px}.vocab-tab{flex:1;text-align:center;font-size:13px;font-weight:600;padding:8px 0;border-radius:var(--r-md);color:var(--ink-3);background:transparent;border:0;cursor:pointer;font-family:var(--font-body)}.vocab-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-md)}.vocab-tabnote{font-size:12px;color:var(--muted);text-align:center;padding:6px 16px 2px}.vocab-cardzone{position:relative;flex:1;display:flex;align-items:stretch;justify-content:center;padding:10px 16px 4px;min-height:0}.vocab-card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.vocab-card-static{cursor:default}.vocab-reference{width:100%;display:flex;flex-direction:column;min-height:0}.vocab-ref-back{margin-top:10px;align-self:center;padding:9px 18px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);font-family:var(--font-body)}.vocab-face{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;touch-action:none}.vocab-face-word{font-family:var(--font-display);font-size:40px;font-weight:700;text-align:center;letter-spacing:-.01em;color:var(--ink)}.vocab-face-hint{font-size:12px;color:var(--muted)}.vocab-back{flex:1;overflow-y:auto;padding:18px 18px 16px;touch-action:pan-y}.vocab-back-en{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.vocab-back-es{font-size:14px;color:var(--ink-3);margin:4px 0 14px}.vocab-sent{border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;padding:10px 12px;margin-bottom:10px}.vocab-sent-es{font-size:15px;line-height:1.5;color:var(--ink)}.vocab-sent-en{font-size:13px;line-height:1.45;color:var(--muted);font-style:italic;margin-top:3px}.vocab-acc{border:1px solid var(--line-2);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden;background:var(--surface)}.vocab-acc-h{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;background:var(--surface-2);border:0;cursor:pointer;text-align:left;font-family:var(--font-body)}.vocab-acc-title{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap}.vocab-acc-lvl{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 8px;margin-right:4px}.vocab-acc-es{font-size:15px;font-weight:600;color:var(--ink)}.vocab-acc-en{font-size:13px;font-weight:400;color:var(--muted)}.vocab-acc-caret{color:var(--muted);transition:transform .15s}.vocab-acc.open .vocab-acc-caret{transform:rotate(180deg)}.vocab-acc-b{padding:8px 14px 12px}.vocab-acc-b table{width:100%;border-collapse:collapse}.vocab-acc-b td{padding:7px 4px;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}.vocab-acc-b tr:last-child td{border-bottom:0}.vocab-acc-b td:first-child{color:var(--muted);width:40%;font-size:13px}.vocab-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;color:var(--ink-3);font-size:15px}.vocab-actions{display:flex;gap:10px;padding:12px 16px 8px}.vocab-act{flex:1;border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--surface);padding:10px 4px 8px;cursor:pointer;text-align:center;box-shadow:var(--shadow-md);font-family:var(--font-body)}.vocab-act:disabled{opacity:.45;cursor:default}.vocab-act:not(:disabled):active{transform:translateY(1px)}.vocab-act-arrow{font-size:18px;display:block;font-weight:700}.vocab-act-lbl{font-size:11px;font-weight:600;color:var(--ink-3)}.vocab-act.no .vocab-act-arrow{color:var(--error)}.vocab-act.later .vocab-act-arrow{color:var(--ink-3)}.vocab-act.yes .vocab-act-arrow{color:var(--success)}.vocab-swipehint{text-align:center;font-size:11px;color:var(--muted);padding:0 16px 12px}@media (max-width: 720px){.vocab-actions{display:none}.vocab-swipehint{padding-bottom:16px}}.vocab-toast{position:absolute;left:50%;top:6%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--r-pill);z-index:6;box-shadow:var(--shadow-lg);font-family:var(--font-body);pointer-events:none}.vocab-alert{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:6;background:#a0181f0f;border:1px solid rgba(160,24,31,.2);color:var(--error);font-size:12px;padding:8px 14px;border-radius:var(--r-md)}.dos-tour-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#09090b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.dos-tour-card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;outline:none;animation:dos-tour-pop .2s cubic-bezier(.2,.7,.3,1)}@keyframes dos-tour-pop{0%{transform:translateY(10px) scale(.985)}to{transform:none}}.dos-tour-skip{position:absolute;top:12px;right:12px;z-index:2;padding:7px 12px;min-height:32px;border:none;border-radius:var(--r-pill);background:#ffffffdb;box-shadow:0 1px 2px #09090b1f;color:var(--ink-2);font-family:var(--font-display);font-weight:600;font-size:12.5px;cursor:pointer;transition:background .12s,color .12s}.dos-tour-skip:hover{background:#fff;color:var(--ink)}.dos-tour-media{flex:none;aspect-ratio:16 / 10;background:var(--canvas);border-bottom:1px solid var(--line);overflow:hidden}.dos-tour-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;display:block}.dos-tour-hero{flex:none;aspect-ratio:16 / 9;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,var(--accent-soft) 0%,transparent 70%),var(--canvas);border-bottom:1px solid var(--line)}.dos-tour-hero-mark,.dos-tour-hero-badge{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:var(--surface);box-shadow:0 8px 24px #c2410c29,0 0 0 1px var(--line)}.dos-tour-hero-badge{color:var(--accent);border-radius:var(--r-pill)}.dos-tour-body{padding:22px 28px 4px;overflow-y:auto}.dos-tour-eyebrow{font-family:var(--font-mono, monospace);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px}.dos-tour-title{margin:0 0 8px;font-family:var(--font-display);font-weight:700;font-size:23px;letter-spacing:-.02em;color:var(--ink)}.dos-tour-text{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--ink-3);text-wrap:pretty}.dos-tour-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px 22px}.dos-tour-dots{display:flex;align-items:center;gap:7px}.dos-tour-dot{width:7px;height:7px;padding:0;border:none;border-radius:var(--r-pill);background:var(--line-2);cursor:pointer;transition:background .16s}.dos-tour-dot:hover{background:var(--muted)}.dos-tour-dot.on{width:20px;background:var(--accent)}.dos-tour-nav{display:flex;align-items:center;gap:8px}.dos-tour-back{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:8px 6px;color:var(--ink-3);font-family:var(--font-display);font-weight:500;font-size:14px;cursor:pointer;transition:color .12s}.dos-tour-back:hover{color:var(--ink)}.dos-tour-cta{display:inline-flex;align-items:center;gap:3px;padding:11px 18px;border:none;border-radius:var(--btn-radius, 8px);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #09090b1a;transition:filter .12s,transform .05s}.dos-tour-cta:hover{filter:brightness(1.06)}.dos-tour-cta:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.dos-tour-card{animation:none}}@media (max-width: 480px){.dos-tour-scrim{padding:0;align-items:stretch}.dos-tour-card{max-width:none;max-height:100vh;height:100vh;border-radius:0}.dos-tour-media,.dos-tour-hero{aspect-ratio:auto;height:42vh}.dos-tour-skip{min-height:44px;padding:11px 16px;top:10px;right:10px}.dos-tour-body{padding-top:24px}.dos-tour-foot{padding-bottom:max(22px,env(safe-area-inset-bottom))}.dos-tour-back{padding:12px 8px;min-height:44px}.dos-tour-cta{min-height:44px}.dos-tour-dot{padding:16px 5px;background-clip:content-box}}.dos-so-actions{display:flex;align-items:center;gap:6px}.dos-so-help-btn{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:var(--r-md, 8px);background:none;color:color-mix(in oklab,var(--ink) 52%,transparent);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.dos-so-help-btn:hover{color:var(--accent-ink);border-color:var(--accent-ring);background:var(--accent-soft)}@media (max-width: 480px){.dos-so-help-btn{width:44px;height:44px}}.mk-page{background-image:var(--grain)}.mk-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.mk-reveal.is-visible{opacity:1;transform:none}.mk-drop:first-letter{font-family:var(--font-display);font-weight:700;font-size:3.4em;line-height:.82;float:left;margin:6px 12px 0 0;color:var(--accent)}.mk-glow-hero:before{content:"";position:absolute;inset:-180px 0 auto 0;height:620px;pointer-events:none;background:radial-gradient(ellipse 900px 480px at 30% 8%,var(--accent-soft),transparent 68%)}.mk-glow-center:before{content:"";position:absolute;inset:0 0 auto 0;height:380px;pointer-events:none;background:radial-gradient(ellipse 700px 380px at 50% 20%,var(--accent-soft),transparent 66%)}.mk-opt{opacity:0;transform:translateY(6px);animation:mk-opt-in .5s cubic-bezier(.2,.7,.3,1) forwards}.mk-opt:nth-child(1){animation-delay:.35s}.mk-opt:nth-child(2){animation-delay:.5s}.mk-opt:nth-child(3){animation-delay:.65s}@keyframes mk-opt-in{to{opacity:1;transform:translateY(0)}}.mk-bar>i{display:block;height:100%;width:0;background:var(--accent);animation:mk-fill 1.1s .7s cubic-bezier(.3,.7,.2,1) forwards}@keyframes mk-fill{to{width:62%}}.mk-floaty{animation:mk-floaty 4.5s ease-in-out infinite}.mk-floaty-rev{animation:mk-floaty 4.5s ease-in-out infinite reverse}@keyframes mk-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mk-stage:before,.mk-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.mk-stage:before{transform:rotate(-2.4deg) translateY(10px);z-index:0;opacity:.7}.mk-stage:after{transform:rotate(1.4deg) translateY(5px);z-index:1;opacity:.9}.mk-stage>.mk-stage-card{position:relative;z-index:2}.mk-dial svg{width:100%;height:100%;overflow:visible}.mk-phase-seg{cursor:pointer;transition:opacity .25s}.mk-phase-seg text{pointer-events:none}.mk-dial.has-active .mk-phase-seg:not(.on){opacity:.32}.mk-seg-fill{transition:fill .25s,stroke .25s}.mk-loop.has-active .mk-phase-row:not(.on){opacity:.5}.mk-phase-row{transition:opacity .2s}.mk-bill-toggle{position:relative}.mk-bill-knob{position:absolute;z-index:1;top:4px;bottom:4px;border-radius:var(--r-xs);background:var(--accent);transition:transform .24s cubic-bezier(.3,.7,.2,1),width .24s cubic-bezier(.3,.7,.2,1)}.mk-was{position:relative}.mk-was:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:color-mix(in srgb,var(--accent) 62%,transparent);transform:rotate(-12deg);transform-origin:center}@media (prefers-reduced-motion: reduce){.mk-reveal{opacity:1;transform:none;transition:none}.mk-opt{opacity:1;transform:none;animation:none}.mk-bar>i{width:62%;animation:none}.mk-floaty,.mk-floaty-rev{animation:none}.mk-bill-knob{transition:none}}