@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"\"Google Sans\"", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-600:oklch(51.1% .262 276.966);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--font-weight-semibold:600;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.static{position:static}.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.min-h-\[calc\(100vh-72px\)\]{min-height:calc(100vh - 72px)}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-3{padding:calc(var(--spacing) * 3)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-slate-400{color:var(--color-slate-400)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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(var(--blur-md));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-rose-700:hover{color:var(--color-rose-700)}}}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts2/Google_Sans/static/GoogleSans-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--bg:#f8fafc;--bg-soft:#f1f5f9;--card:#fff;--border:#e2e8f0;--border-soft:#f1f5f9;--ink:#0f172a;--body:#475569;--muted:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#eef2ff;--accent-soft-2:#e0e7ff;--accent-text:#4f46e5;--sage:#059669;--sage-soft:#ecfdf5;--sage-text:#047857;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 8px 24px -8px #0f172a1a;--shadow-lg:0 24px 64px -20px #0f172a24;--r-s:10px;--r-m:14px;--r-l:22px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Google Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}svg{display:block}.topnav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);background:#f8fafcd9;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex;box-shadow:0 4px 12px -3px #6366f173}.brand:hover .brand-mark{transform:scale(1.06)}.brand-name{letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:700}.tabs{background:var(--bg-soft);border:1px solid var(--border-soft);z-index:2;border-radius:999px;gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-right{z-index:2;align-items:center;gap:12px;display:flex}.btn-scratchpad-trigger{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);cursor:pointer;background:#fffc;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-scratchpad-trigger:hover{color:var(--accent);background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.nav-hotkey-kbd{color:var(--muted);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.btn-quick-timer{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}@media (width<=960px){.topnav{flex-wrap:wrap;gap:10px;height:auto;min-height:68px;padding:10px 16px}.tabs{order:3;justify-content:center;width:100%;position:static;overflow-x:auto;transform:none}.btn-scratchpad-trigger .nav-hotkey-kbd{display:none}}.btn-quick-timer:hover{background:var(--accent-soft-2);transform:translateY(-1px)}.tab-btn{cursor:pointer;color:var(--body);background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:15px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s}.tab-btn:hover{color:var(--ink)}.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab-btn.active{color:var(--ink);background:var(--card);box-shadow:var(--shadow-sm);font-weight:600}.pane{opacity:0;width:100%;display:none;transform:translateY(8px)}.pane.active{animation:.35s forwards pane-fadeIn;display:block}@keyframes pane-fadeIn{to{opacity:1;transform:translateY(0)}}.hero{justify-content:center;padding:100px 32px 88px;display:flex;position:relative;overflow:hidden}.blob{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.blob-a{background:var(--accent-soft-2);opacity:.85;width:560px;height:560px;top:-240px;left:-140px}.blob-b{background:var(--sage-soft);opacity:.8;width:460px;height:460px;bottom:-220px;right:-120px}.hero-inner{z-index:1;align-items:center;gap:60px;width:100%;max-width:1120px;display:flex;position:relative}.hero-copy{flex:1.1}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:7px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}h1.hero-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 22px;font-size:58px;font-weight:800;line-height:1.08}h1.hero-title em{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--body);max-width:540px;margin:0 0 36px;font-size:19px;line-height:1.75}.hero-ctas{align-items:center;gap:20px;display:flex}.btn-cta{background:var(--accent);color:#fff;border-radius:var(--r-s);cursor:pointer;border:none;align-items:center;gap:9px;padding:16px 28px;font-size:16px;font-weight:650;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 28px -8px #6366f180}.btn-cta:hover{background:var(--accent-hover);box-shadow:0 12px 32px -8px #6366f199}.btn-cta:active{transform:scale(.97)}.link-ghost{color:var(--body);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:15.5px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.link-ghost:hover{color:var(--ink)}.hero-preview{flex:.9;justify-content:center;display:flex}.preview-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--shadow-lg);width:290px;padding:28px;transition:transform .3s;transform:rotate(-2.5deg)}.preview-card:hover{transform:rotate(-1deg)translateY(-4px)}.preview-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.preview-tag{color:var(--sage-text);background:var(--sage-soft);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.preview-dots{gap:4px;display:flex}.preview-dots span{background:var(--border);border-radius:50%;width:6px;height:6px}.preview-dial{justify-content:center;margin-bottom:16px;display:flex}.preview-digits{text-align:center;color:var(--muted);margin-top:-88px;margin-bottom:74px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.preview-pills{justify-content:center;gap:6px;display:flex}.preview-pill{color:var(--body);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:999px;padding:5px 12px;font-size:12px}.section{justify-content:center;padding:8px 32px 100px;display:flex}.section-inner{width:100%;max-width:1120px}.section-head{text-align:center;max-width:620px;margin:0 auto 56px}.section-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:700}h2.section-title{letter-spacing:-.025em;color:var(--ink);margin:0 0 16px;font-size:36px;font-weight:700}.section-sub{color:var(--body);margin:0;font-size:17px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-m);padding:32px 28px;transition:box-shadow .22s,transform .22s,border-color .22s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-soft-2);transform:translateY(-3px)}.feature-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card:nth-child(3) .feature-icon{background:var(--sage-soft);color:var(--sage-text)}.feature-title{color:var(--ink);margin:0 0 10px;font-size:17px;font-weight:700}.feature-desc{color:var(--body);margin:0;font-size:15px;line-height:1.7}.closer{background:var(--ink);border-radius:var(--r-l);justify-content:center;align-items:center;gap:28px;max-width:1120px;margin:0 auto;padding:48px 56px;display:flex}.closer-text h3{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.closer-text p{color:#94a3b8;margin:0;font-size:15.5px}.closer .btn-cta{color:var(--ink);box-shadow:none;white-space:nowrap;background:#fff}.closer .btn-cta:hover{background:#f1f5f9}.pomo-shell{justify-content:center;padding:60px 32px 100px;display:flex}.pomo-col{width:620px}.pomo-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;margin-bottom:20px;padding:44px 48px 40px;box-shadow:0 20px 40px -15px #00000012}.segmented{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9cc;border:1px solid #fffc;border-radius:999px;width:fit-content;margin:0 auto 28px;padding:5px;display:flex}.segmented button{cursor:pointer;color:var(--body);background:0 0;border:none;border-radius:999px;padding:12px 24px;font-size:15.5px;font-weight:550;transition:all .18s}.segmented button.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fffffff2;font-weight:650}.custom-timer-section{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.btn-custom-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--body);cursor:pointer;background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14.5px;font-weight:550;transition:all .18s;display:inline-flex}.btn-custom-toggle:hover{color:var(--ink);background:#fff;border-color:#cbd5e1}.btn-custom-toggle.active{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent-text);font-weight:650}.btn-custom-toggle svg.chevron{transition:transform .2s}.btn-custom-toggle svg.chevron.open{transform:rotate(180deg)}.custom-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--r-m);background:#f8fafcd9;border:1px solid #fffc;align-items:center;gap:24px;margin-top:16px;padding:18px 24px;animation:.2s forwards custom-slide-down;display:flex}@keyframes custom-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-input-group{flex-direction:column;gap:6px;display:flex}.custom-input-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.custom-stepper{border:1px solid var(--border);border-radius:var(--r-s);background:#fff;align-items:center;display:flex;overflow:hidden}.custom-stepper button{color:var(--body);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:36px;font-size:16px;font-weight:650;transition:background .15s,color .15s;display:flex}.custom-stepper button:hover{background:var(--bg-soft);color:var(--ink)}.custom-stepper input{text-align:center;width:52px;height:36px;color:var(--ink);background:0 0;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.custom-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-apply-custom{background:var(--accent);color:#fff;border-radius:var(--r-s);cursor:pointer;border:none;align-self:flex-end;height:36px;padding:8px 20px;font-size:14px;font-weight:650;transition:background .15s}.btn-apply-custom:hover{background:var(--accent-hover)}.theme-row{justify-content:center;gap:8px;margin-bottom:34px;display:flex}.theme-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--body);cursor:pointer;background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.theme-btn:hover{color:var(--ink);border-color:#cbd5e1}.theme-btn.active{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent-text)}.timer-stage{justify-content:center;margin-bottom:36px;display:flex}.dial-frame{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.phase-pill{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-soft-2);z-index:3;border-radius:999px;padding:6px 18px;font-size:13.5px;font-weight:650;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.phase-pill.brk{background:var(--sage-soft);color:var(--sage-text);border-color:#d1fae5}.digital-readout{color:var(--ink);letter-spacing:-.02em;z-index:2;font-family:JetBrains Mono,monospace;font-size:64px;font-weight:700}#arcTrack{stroke:var(--bg-soft)}#arcProgress{stroke:var(--accent);transition:stroke .3s}.phase-brk #arcProgress{stroke:var(--sage)}#needleLine,#needleTip{fill:var(--accent);stroke:var(--accent)}#pixelGrid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:6px;width:186px;height:186px;display:grid;position:absolute}.pixel-cell{background:var(--bg-soft);border-radius:4px;transition:background .3s,box-shadow .3s}.pixel-cell.lit{background:var(--accent);box-shadow:0 0 0 1px #6366f126}.controls-row{justify-content:center;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r-s);cursor:pointer;border:none;align-items:center;gap:9px;padding:16px 36px;font-size:16px;font-weight:650;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 10px 26px -8px #6366f180}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--body);border-radius:var(--r-s);cursor:pointer;background:#ffffffb3;border:1px solid #fffc;align-items:center;gap:8px;padding:15px 26px;font-size:15.5px;font-weight:550;transition:all .18s;display:inline-flex}.btn-ghost:hover{color:var(--ink);background:#fff;border-color:#cbd5e1}.btn-ghost:active{transform:scale(.97)}.pomo-audio-bar{-webkit-backdrop-filter:blur(14px);background:#ffffffa6;border:1px solid #e2e8f0cc;border-radius:18px;padding:10px 16px;box-shadow:0 4px 16px -4px #0f172a0d}.pomo-audio-play-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffffe6;border:1px solid #cbd5e1cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:flex;box-shadow:0 2px 6px #0000000a}.pomo-audio-play-btn:hover{border-color:var(--accent);color:var(--accent);background:#fff;transform:scale(1.04)}.pomo-audio-play-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px #6366f166}.pomo-eq-bars{align-items:flex-end;gap:2.5px;height:16px;display:flex}.pomo-eq-bars span{background:#cbd5e1;border-radius:2px;width:2.5px;height:3px}.pomo-eq-bars.playing span{background:var(--accent);animation:.85s ease-in-out infinite pomoEq}.pomo-eq-bars.playing span:first-child{animation-delay:0s}.pomo-eq-bars.playing span:nth-child(2){animation-delay:.2s}.pomo-eq-bars.playing span:nth-child(3){animation-delay:.35s}.pomo-eq-bars.playing span:nth-child(4){animation-delay:.12s}@keyframes pomoEq{0%,to{height:3px}50%{height:16px}}.pomo-audio-select{appearance:none;color:var(--ink);cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\"><path d=\"M0 0l5 6 5-6z\" fill=\"%2394a3b8\"/></svg>") right 10px center no-repeat;border:1px solid #cbd5e1;border-radius:10px;outline:none;max-width:140px;padding:7px 28px 7px 12px;font-size:13.5px;font-weight:600;transition:all .15s}.pomo-audio-select:hover{border-color:#94a3b8}.pomo-audio-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pomo-volume-wrap{align-items:center;gap:6px;display:flex}.pomo-volume-slider{-webkit-appearance:none;width:75px;height:4px;accent-color:var(--accent);background:#e2e8f0;border-radius:999px;outline:none}.pomo-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:13px;height:13px;box-shadow:0 0 0 2px var(--accent-soft);border-radius:50%;transition:box-shadow .15s}.pomo-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--accent-soft-2)}.volume-block{color:var(--muted);align-items:center;gap:10px;display:flex}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;width:115px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:17px;height:17px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;margin-top:-6px;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px var(--accent-soft-2)}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:3px;height:4px}.audio-right{align-items:center;gap:16px;display:flex}.play-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--body);cursor:pointer;background:#ffffffd9;border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex}.play-toggle:hover{color:var(--ink);background:#fff;border-color:#cbd5e1}.play-toggle.on{background:var(--sage-soft);color:var(--sage-text);border-color:#d1fae5}.eq-bars{align-items:flex-end;gap:3px;height:20px;display:flex}.eq-bars span{background:var(--border);border-radius:2px;width:3px;height:4px}.eq-bars.playing span{background:var(--sage);animation:.9s ease-in-out infinite eq}.eq-bars.playing span:first-child{animation-delay:0s}.eq-bars.playing span:nth-child(2){animation-delay:.15s}.eq-bars.playing span:nth-child(3){animation-delay:.3s}.eq-bars.playing span:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:4px}50%{height:20px}}.empty-shell{justify-content:center;padding:120px 32px;display:flex}.empty-card{text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;max-width:520px;padding:48px 44px;box-shadow:0 20px 40px -15px #00000012}.empty-icon-ring{background:var(--accent-soft);width:80px;height:80px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 28px;display:flex}.empty-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 12px;font-size:24px;font-weight:700}.empty-desc{color:var(--body);margin:0 0 24px;font-size:16px;line-height:1.7}.empty-badge{color:var(--sage-text);background:var(--sage-soft);border:1px solid #d1fae5;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:650;display:inline-flex}.empty-badge .dot{background:var(--sage);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.lp-hero{text-align:center;justify-content:center;padding:120px 32px 100px;display:flex;position:relative;overflow:hidden}.lp-hero-glow{filter:blur(100px);pointer-events:none;opacity:0;border-radius:50%;animation:1.2s forwards lp-glow-in;position:absolute}.lp-hero-glow--a{opacity:.7;background:linear-gradient(135deg,#c7d2fe,#e0e7ff);width:600px;height:600px;animation-delay:0s;top:-280px;left:-80px}.lp-hero-glow--b{opacity:.55;background:linear-gradient(135deg,#ddd6fe,#ede9fe);width:500px;height:500px;animation-delay:.15s;top:-120px;right:-160px}.lp-hero-glow--c{opacity:.5;background:linear-gradient(135deg,#d1fae5,#ecfdf5);width:400px;height:400px;animation-delay:.3s;bottom:-180px;left:40%}@keyframes lp-glow-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lp-hero-inner{z-index:1;width:100%;max-width:780px;animation:.7s forwards lp-fade-up;position:relative}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}h1.lp-hero-title{letter-spacing:-.035em;color:var(--ink);margin:0 0 24px;font-size:60px;font-weight:800;line-height:1.08}h1.lp-hero-title em{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-style:normal}.lp-hero-sub{color:var(--body);max-width:620px;margin:0 auto 40px;font-size:19px;line-height:1.75}.lp-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.lp-link-secondary{color:var(--body);border:1px solid var(--border);border-radius:var(--r-s);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:15px 26px;font-size:15.5px;font-weight:550;transition:all .18s;display:inline-flex}.lp-link-secondary:hover{color:var(--ink);background:var(--bg-soft);border-color:#cbd5e1}.lp-section{justify-content:center;padding:50px 32px 100px;display:flex}.lp-section-inner{width:100%;max-width:1120px}.lp-section-head{text-align:center;max-width:680px;margin:0 auto 60px}.lp-section-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:700}h2.lp-section-title{letter-spacing:-.025em;color:var(--ink);margin:0 0 8px;font-size:36px;font-weight:700;line-height:1.25}.lp-science-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-science-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);padding:40px 36px;transition:box-shadow .25s,transform .25s,border-color .25s}.lp-science-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-soft-2);transform:translateY(-3px)}.lp-science-card--wide{grid-column:1/-1}.lp-science-number{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:22px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:flex}.lp-science-heading{color:var(--ink);letter-spacing:-.015em;margin:0 0 14px;font-size:22px;font-weight:700}.lp-science-text{color:var(--body);margin:0;font-size:16px;line-height:1.75}.lp-science-text em{color:var(--ink);font-style:italic;font-weight:550}.lp-roadblocks{flex-direction:column;gap:16px;display:flex}.lp-roadblock{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-m);align-items:flex-start;gap:16px;padding:18px 20px;transition:border-color .2s;display:flex}.lp-roadblock:hover{border-color:var(--border)}.lp-roadblock-icon{background:var(--card);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-roadblock strong{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700;display:block}.lp-roadblock span{color:var(--body);font-size:14.5px;line-height:1.6}.lp-section--features{background:var(--bg-soft);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding-top:90px;padding-bottom:90px}.lp-features{flex-direction:column;gap:48px;display:flex}.lp-feature-row{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);align-items:center;gap:64px;padding:48px;transition:box-shadow .25s,transform .25s;display:flex}.lp-feature-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-feature-row--reverse{flex-direction:row-reverse}.lp-feature-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-feature-timer-mock{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.lp-feature-timer-mock--flow{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.lp-feature-timer-label{color:var(--ink);letter-spacing:-.01em;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;position:absolute}.lp-feature-icon-box{border-radius:24px;justify-content:center;align-items:center;width:110px;height:110px;transition:transform .25s;display:flex}.lp-feature-row:hover .lp-feature-icon-box{transform:scale(1.06)}.lp-feature-icon-box--teal{color:#0d9488;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4}.lp-feature-icon-box--green{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.lp-feature-icon-box--warm{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.lp-feature-copy{flex:1}.lp-feature-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-block}.lp-feature-tag--violet{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.lp-feature-tag--teal{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.lp-feature-tag--green{color:var(--sage-text);background:var(--sage-soft);border-color:#d1fae5}.lp-feature-tag--warm{color:#b45309;background:#fffbeb;border-color:#fde68a}.lp-feature-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 12px;font-size:26px;font-weight:700}.lp-feature-desc{color:var(--body);max-width:520px;margin:0;font-size:16.5px;line-height:1.75}.lp-section--origin{padding-top:70px;padding-bottom:70px}.lp-origin-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-l);max-width:840px;box-shadow:var(--shadow-sm);margin:0 auto;padding:54px 58px;position:relative;overflow:hidden}.lp-origin-accent{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:4px 4px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.lp-origin-quote{border:none;margin:26px 0 30px;padding:0}.lp-origin-quote p{color:var(--body);margin:0;font-size:19px;font-style:italic;line-height:1.85}.lp-origin-disclaimer{color:var(--muted);background:var(--bg-soft);border-radius:var(--r-s);border:1px solid var(--border-soft);align-items:flex-start;gap:12px;margin:0;padding:18px 22px;font-size:14.5px;line-height:1.65;display:flex}.lp-origin-disclaimer svg{color:var(--muted);flex-shrink:0;margin-top:2px}@media (width<=900px){h1.lp-hero-title{font-size:40px}.lp-hero{padding:80px 20px 60px}.lp-hero-sub{font-size:17px}.lp-science-grid{grid-template-columns:1fr}.lp-feature-row,.lp-feature-row--reverse{text-align:center;flex-direction:column;gap:32px;padding:36px 32px}.lp-feature-desc{max-width:none}.lp-origin-card{padding:40px 32px}.lp-section{padding-left:20px;padding-right:20px}.closer{text-align:center;flex-direction:column;padding:40px 32px}}@media (width<=560px){h1.lp-hero-title{font-size:32px}.lp-hero-ctas{flex-direction:column;gap:14px}h2.lp-section-title{font-size:28px}}.cowork-saas-shell{justify-content:center;padding:60px 32px 100px;display:flex}.cowork-saas-inner{width:100%;max-width:1080px}.cowork-saas-head{text-align:center;max-width:700px;margin:0 auto 32px}.cowork-saas-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:42px;font-weight:800}.cowork-saas-subtitle{color:var(--body);margin:0;font-size:19px;line-height:1.65}.cowork-banner{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);text-align:center;background:#ffffffd1;border:1px solid #ffffffb3;max-width:860px;margin:0 auto 52px;padding:26px 36px;box-shadow:0 10px 30px -10px #0000000d}.cowork-banner-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:16.5px;font-weight:700}.cowork-banner-text{color:var(--body);margin:0;font-size:15.5px;line-height:1.7}.cowork-saas-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (width<=860px){.cowork-saas-grid{grid-template-columns:1fr;gap:24px}}.cowork-saas-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;flex-direction:column;padding:36px 34px;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;position:relative;box-shadow:0 12px 36px -12px #00000012}.cowork-saas-card:hover{border-color:#fffffff2;transform:translateY(-2px);box-shadow:0 20px 40px -12px #0f172a24}.cowork-saas-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cowork-saas-icon-circle{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:13px;justify-content:center;align-items:center;display:flex}.cowork-saas-card-heading-group{margin-bottom:16px}.cowork-saas-card-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 6px;font-size:23px;font-weight:700}.cowork-saas-card-purpose{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.cowork-saas-card-content{flex:1;margin-bottom:24px}.cowork-card-desc{color:var(--body);margin:0;font-size:15px;line-height:1.72}.cowork-saas-links{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.btn-saas-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-radius:var(--r-s);background:#f1f5f9d9;border:1px solid #fffc;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-saas-link:hover{color:var(--ink);background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.btn-saas-link-note{color:var(--muted);font-size:12px;font-weight:500}.link-arrow{color:var(--muted);transition:transform .18s,color .18s}.btn-saas-link:hover .link-arrow{color:var(--accent);transform:translate(1px,-1px)}.cowork-saas-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:18px}.cowork-saas-cost-badge{color:var(--body);align-items:center;gap:8px;font-size:13.5px;line-height:1.45;display:inline-flex}.cowork-saas-cost-badge .cost-text{color:var(--body);font-size:13.5px}.pressure-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700}.pressure-tag--high{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pressure-tag--med{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.pressure-tag--low{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.pressure-tag--zero{color:var(--sage-text);background:var(--sage-soft);border:1px solid #a7f3d0}.manual-shell{justify-content:center;padding:60px 32px 120px;display:flex}.manual-inner{width:100%;max-width:1160px}.manual-header{text-align:center;max-width:720px;margin:0 auto 44px}.manual-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.manual-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:42px;font-weight:800}.manual-subtitle{color:var(--body);margin:0;font-size:19px;line-height:1.65}.manual-mobile-tabs{scrollbar-width:none;gap:10px;margin-bottom:24px;padding:4px 4px 16px;display:none;overflow-x:auto}.manual-mobile-tabs::-webkit-scrollbar{display:none}.manual-mobile-tab-btn{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--body);cursor:pointer;background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.manual-mobile-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 20px -4px #6366f166}.manual-mobile-tab-count{background:#00000014;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.manual-mobile-tab-btn.active .manual-mobile-tab-count{color:#fff;background:#ffffff40}.manual-layout{grid-template-columns:330px 1fr;align-items:start;gap:32px;display:grid}.manual-sidebar{position:sticky;top:96px}.manual-sidebar-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;padding:20px;box-shadow:0 10px 30px -10px #0000000f}.manual-sidebar-header{border-bottom:1px solid #e2e8f0b3;margin-bottom:12px;padding:6px 12px 14px}.manual-sidebar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.manual-nav{flex-direction:column;gap:8px;display:flex}.manual-nav-btn{text-align:left;border-radius:var(--r-m);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .2s;display:flex;position:relative}.manual-nav-btn:hover{background:#fff9}.manual-nav-btn.active{background:#fff;border-color:#e2e8f0e6;box-shadow:0 6px 18px -4px #0f172a14}.manual-nav-btn-content{align-items:center;gap:14px;display:flex}.manual-nav-icon-box{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.manual-nav-text{flex-direction:column;gap:2px;display:flex}.manual-nav-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.3}.manual-nav-sub{color:var(--muted);font-size:12.5px;font-weight:500}.manual-nav-active-pill{background:var(--accent);border-radius:999px;width:4px;height:24px;margin-left:8px}.manual-content{flex-direction:column;gap:20px;display:flex}.manual-category-intro{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;padding:24px 28px;box-shadow:0 8px 24px -8px #0000000a}.manual-category-intro-head{align-items:center;gap:18px;display:flex}.manual-category-intro-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.manual-category-intro-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.manual-category-intro-desc{color:var(--body);margin:0;font-size:15px;line-height:1.6}.manual-accordion-stack{flex-direction:column;gap:16px;display:flex}.manual-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffd1;border:1px solid #ffffffa6;transition:box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 6px 20px -6px #0000000d}.manual-card:hover{border-color:#fffffff2;box-shadow:0 14px 32px -10px #0f172a1a}.manual-card.expanded{border-color:#6366f173;box-shadow:0 16px 36px -12px #0f172a1f}.manual-card-trigger{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:24px 28px;transition:background .18s;display:flex}.manual-card-trigger:hover{background:#fff6}.manual-card-trigger-left{flex:1;align-items:flex-start;gap:18px;display:flex}.manual-card-icon-box{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.manual-card-summary-block{flex-direction:column;gap:6px;display:flex}.manual-card-title-row{align-items:center;gap:10px;display:flex}.manual-card-number{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.manual-card-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.manual-card-summary{color:var(--body);margin:0;font-size:15px;line-height:1.6}.manual-card-chevron{width:36px;height:36px;color:var(--muted);background:#f1f5f9cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s,background .2s,color .2s;display:flex}.manual-card-trigger:hover .manual-card-chevron{color:var(--ink);background:#e2e8f0}.manual-card-chevron.open{background:var(--accent-soft);color:var(--accent);transform:rotate(180deg)}.manual-card-collapsible{overflow:hidden}.manual-card-body{border-top:1px solid #e2e8f0b3;flex-direction:column;gap:22px;padding:24px 28px 28px;display:flex}.manual-section-block{flex-direction:column;gap:10px;display:flex}.manual-block-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.manual-core-text{color:var(--body);border-left:3px solid var(--accent);border-radius:0 var(--r-s) var(--r-s) 0;background:#f8fafcbf;margin:0;padding:14px 18px;font-size:16px;line-height:1.75}.manual-prompt-box{border-radius:var(--r-s);background:linear-gradient(135deg,#eef2ffb3,#f5f3ffb3);border:1px solid #ddd6fe;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.manual-prompt-head{text-transform:uppercase;letter-spacing:.06em;color:#6366f1;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.manual-prompt-body code{color:var(--ink);font-family:inherit;font-size:15px;font-weight:500;line-height:1.65}.manual-steps-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.manual-step-item{color:var(--body);align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.7;display:flex}.manual-step-bullet{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:10px}.manual-step-content{flex:1}.manual-step-label{color:var(--ink);font-weight:700}.manual-step-text{color:var(--body)}@media (width<=900px){.manual-layout{grid-template-columns:1fr}.manual-sidebar{display:none}.manual-mobile-tabs{display:flex}.manual-title{font-size:32px}.manual-subtitle{font-size:17px}.manual-card-trigger{padding:20px 22px}.manual-card-body{padding:20px 22px 22px}}@media (width<=600px){.manual-card-trigger-left{flex-direction:column;gap:12px}.manual-card-icon-box{width:38px;height:38px}.manual-card-title{font-size:18px}}.scratchpad-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.scratchpad-window{-webkit-backdrop-filter:blur(20px);border-radius:var(--r-l);background:#fffffff5;border:1px solid #ffffffd9;flex-direction:column;width:100%;max-width:680px;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000d}.scratchpad-header{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 16px;display:flex}.scratchpad-header-left{align-items:center;gap:14px;display:flex}.scratchpad-header-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:10px;justify-content:center;align-items:center;display:flex}.scratchpad-title{color:var(--ink);margin:0 0 2px;font-size:17px;font-weight:700}.scratchpad-subtitle{color:var(--muted);margin:0;font-size:13px}.scratchpad-header-right{align-items:center;gap:10px;display:flex}.scratchpad-hotkey-badge{color:var(--muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;align-items:center;gap:3px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.scratchpad-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.scratchpad-close-btn:hover{background:var(--bg-soft);color:var(--ink)}.scratchpad-notes-area{flex-direction:column;flex:1;max-height:42vh;padding:18px 24px;display:flex;overflow-y:auto}.scratchpad-empty-state{text-align:center;max-width:420px;margin:auto;padding:36px 16px}.scratchpad-empty-icon{color:var(--muted);opacity:.7;margin:0 auto 12px}.scratchpad-empty-title{color:var(--ink);margin:0 0 6px;font-size:15.5px;font-weight:700}.scratchpad-empty-desc{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.scratchpad-notes-list{flex-direction:column;gap:10px;display:flex}.scratchpad-list-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.scratchpad-list-count{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.scratchpad-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;transition:color .15s}.scratchpad-clear-btn:hover{color:#dc2626}.scratchpad-note-card{border:1px solid var(--border-soft);border-radius:var(--r-m);background:#f8fafcd9;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .18s;display:flex}.scratchpad-note-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 14px -4px #0000000f}.scratchpad-note-content{flex-direction:column;flex:1;gap:6px;display:flex}.scratchpad-note-text{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14.5px;line-height:1.6}.scratchpad-note-meta{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.scratchpad-note-actions{opacity:.7;align-items:center;gap:4px;transition:opacity .15s;display:flex}.scratchpad-note-card:hover .scratchpad-note-actions{opacity:1}.scratchpad-action-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.scratchpad-action-btn:hover{background:var(--bg-soft);color:var(--ink)}.scratchpad-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.scratchpad-input-area{background:#f8fafca6;border-top:1px solid #e2e8f0cc;flex-direction:column;gap:12px;padding:16px 24px 20px;display:flex}.scratchpad-textarea{resize:none;width:100%;color:var(--ink);box-shadow:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:15.5px;line-height:1.6}.scratchpad-textarea::placeholder{color:var(--muted);opacity:.75}.scratchpad-input-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scratchpad-hints{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.scratchpad-hint-item{align-items:center;gap:4px;display:inline-flex}.scratchpad-hint-dot{background:var(--border);border-radius:50%;width:3px;height:3px}.scratchpad-kbd{color:var(--body);background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000000d}.scratchpad-submit-btn{background:var(--accent);color:#fff;border-radius:var(--r-s);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.scratchpad-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.scratchpad-submit-btn:disabled{opacity:.45;cursor:not-allowed}.scratchpad-doc-shell{width:100%;margin-top:32px}.scratchpad-doc-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffe0;border:1px solid #ffffffbf;flex-direction:column;gap:26px;padding:36px 40px;transition:box-shadow .25s,border-color .25s;display:flex;box-shadow:0 16px 36px -12px #0f172a14}.scratchpad-doc-card:hover{border-color:#fffffff2;box-shadow:0 20px 44px -12px #0f172a1f}.doc-top-bar{border-bottom:1px solid #e2e8f0cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.doc-title-group{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.doc-icon-ring{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-title-input{color:var(--ink);border-radius:var(--r-s);letter-spacing:-.02em;background:0 0;border:1px solid #0000;outline:none;width:100%;padding:6px 10px;font-size:20px;font-weight:700;transition:all .18s}.doc-title-input:hover{border-color:var(--border-soft);background:#f1f5f999}.doc-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.doc-meta-actions{align-items:center;gap:10px;display:flex}.doc-saved-badge{color:var(--muted);border:1px solid var(--border-soft);background:#f1f5f9cc;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.doc-action-btn{border:1px solid var(--border);color:var(--body);border-radius:var(--r-s);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.doc-action-btn:hover{background:var(--bg-soft);color:var(--ink);border-color:#cbd5e1}.doc-tasks-section{border:1px solid var(--border-soft);border-radius:var(--r-m);background:#f8fafcbf;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.doc-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-section-title-wrap{color:var(--accent);align-items:center;gap:8px;display:flex}.doc-section-title{color:var(--ink);margin:0;font-size:15px;font-weight:700}.doc-progress-pill{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.doc-add-task-form{border:1px solid var(--border);border-radius:var(--r-s);background:#fff;align-items:center;gap:8px;padding:4px 6px 4px 14px;transition:border-color .18s,box-shadow .18s;display:flex}.doc-add-task-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.doc-task-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14.5px}.doc-add-task-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.doc-add-task-btn:hover:not(:disabled){background:var(--accent-hover)}.doc-add-task-btn:disabled{opacity:.4;cursor:not-allowed}.doc-task-list{flex-direction:column;gap:8px;display:flex}.doc-task-item{border:1px solid var(--border-soft);border-radius:var(--r-s);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.doc-task-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px -2px #0000000a}.doc-task-item.completed{opacity:.75;background:#f8fafc99}.doc-task-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:10px;display:flex}.doc-task-checkbox{display:none}.doc-task-custom-box{border:1.5px solid var(--border);color:#fff;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;transition:all .15s;display:flex}.doc-task-checkbox:checked+.doc-task-custom-box{background:var(--accent);border-color:var(--accent)}.doc-task-text{color:var(--ink);font-size:14.5px;line-height:1.5;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.doc-task-item.completed .doc-task-text{color:var(--muted);text-decoration:line-through}.doc-task-delete-btn{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.doc-task-item:hover .doc-task-delete-btn{opacity:1}.doc-task-delete-btn:hover{color:#dc2626;background:#fee2e2}.doc-toolbar{border:1px solid var(--border-soft);border-radius:var(--r-s);background:#f1f5f9b3;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.doc-toolbar-group{align-items:center;gap:4px;display:flex}.doc-tool-btn{color:var(--body);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.doc-tool-btn:hover{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000000f}.doc-toolbar-info{color:var(--muted);font-size:12px;font-weight:500}.doc-editor-canvas{border:1px solid var(--border-soft);border-radius:var(--r-m);background:#fff;padding:20px 24px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 2px 6px #00000005}.doc-editor-canvas:focus-within{border-color:var(--accent);box-shadow:inset 0 2px 6px #00000005, 0 0 0 3px var(--accent-soft)}.doc-textarea{resize:vertical;width:100%;color:var(--ink);background:0 0;border:none;outline:none;min-height:180px;font-family:inherit;font-size:15.5px;line-height:1.75}.doc-textarea::placeholder{color:var(--muted);opacity:.7}.doc-footer{padding-top:6px}.doc-footer-hint{color:var(--muted);border-radius:var(--r-s);background:#eef2ff99;border:1px solid #e0e7ffcc;padding:12px 16px;font-size:13px;line-height:1.6;display:block}.doc-footer-hint strong{color:var(--ink)}@media (width<=768px){.scratchpad-doc-card{padding:24px 20px}.doc-title-input{font-size:17px}}.scratchpad-modal-body{flex-direction:column;gap:16px;padding:20px 24px 10px;display:flex}.scratchpad-type-pills{align-items:center;gap:8px;display:flex}.scratchpad-type-pill{background:var(--bg-soft);border:1px solid var(--border-soft);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.scratchpad-type-pill:hover{color:var(--ink);background:#fff;border-color:#cbd5e1}.scratchpad-type-pill.active.todo{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.scratchpad-type-pill.active.reminder{color:#d97706;background:#fffbeb;border-color:#fcd34d}.scratchpad-type-pill.active.note{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft-2)}.scratchpad-reminder-picker-wrap{overflow:hidden}.scratchpad-reminder-picker{border-radius:var(--r-s);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:12px;padding:8px 14px;display:flex}.scratchpad-picker-label{color:#b45309;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.scratchpad-datetime-input{color:var(--ink);background:#fff;border:1px solid #fcd34d;border-radius:6px;outline:none;padding:4px 10px;font-family:inherit;font-size:13px}.scratchpad-textarea-wrap{border:1px solid var(--border-soft);border-radius:var(--r-m);background:#f8fafcb3;padding:12px 16px}.scratchpad-textarea-main{resize:none;width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:15px;line-height:1.6}.scratchpad-textarea-main::placeholder{color:var(--muted);opacity:.75}.scratchpad-page-shell{justify-content:center;padding:40px 24px 120px;display:flex}.scratchpad-page-inner{flex-direction:column;gap:28px;width:100%;max-width:900px;display:flex}.doc-paper-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.doc-paper-badge{letter-spacing:.06em;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.doc-paper-main-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 8px;font-size:36px;font-weight:800}.doc-paper-main-sub{color:var(--body);max-width:580px;margin:0 0 10px;font-size:17px;line-height:1.6}.doc-paper-shortcut-hint{color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-soft);background:#ffffffb3;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.doc-shortcut-kbd{color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:11.5px;font-weight:700;box-shadow:0 1px 2px #0000000d}.doc-shortcut-sub{color:var(--muted);opacity:.85;font-size:12px}.doc-paper-header-btns{align-items:center;gap:10px;display:flex}.btn-quick-capture-hero{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .16s;display:inline-flex;box-shadow:0 4px 14px -2px #6366f166}.btn-quick-capture-hero:hover{background:var(--accent-hover);transform:translateY(-1px)}.doc-hotkey-pill{color:#fff;background:#ffffff40;border-radius:4px;padding:2px 6px;font-size:11px}.doc-paper-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.doc-paper-btn:hover{background:#fff;border-color:#cbd5e1}.doc-paper-container{border-radius:var(--r-l);background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:32px;padding:44px 48px;display:flex;box-shadow:0 10px 40px -10px #0f172a14,0 0 0 1px #00000005}.doc-paper-sheet-top{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:20px;display:flex}.doc-paper-icon-box{width:44px;height:44px;color:var(--accent);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-paper-sheet-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:800}.doc-paper-sheet-meta{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.doc-meta-item{align-items:center;gap:5px;display:inline-flex}.doc-meta-dot{color:#cbd5e1}.doc-inline-add-form{border-radius:var(--r-m);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:14px 18px;display:flex}.doc-inline-type-selector{align-items:center;gap:8px;display:flex}.doc-inline-type-btn{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.doc-inline-type-btn.active.todo{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.doc-inline-type-btn.active.reminder{color:#d97706;background:#fffbeb;border-color:#fde68a}.doc-inline-type-btn.active.note{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-soft-2)}.doc-inline-input-row{align-items:center;gap:10px;display:flex}.doc-inline-text-input{border-radius:var(--r-s);color:var(--ink);background:#fff;border:1px solid #cbd5e1;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:14.5px}.doc-inline-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.doc-inline-datetime-input{border-radius:var(--r-s);color:var(--ink);background:#fff;border:1px solid #cbd5e1;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.doc-inline-submit-btn{background:var(--accent);color:#fff;border-radius:var(--r-s);cursor:pointer;border:none;align-items:center;gap:4px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.doc-inline-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.doc-inline-submit-btn:disabled{opacity:.45;cursor:not-allowed}.doc-paper-section{flex-direction:column;gap:16px;display:flex}.doc-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-section-title-box{align-items:center;gap:10px;display:flex}.doc-section-badge-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.doc-section-badge-icon.todo{color:#2563eb;background:#eff6ff}.doc-section-badge-icon.reminder{color:#d97706;background:#fffbeb}.doc-section-badge-icon.note{background:var(--accent-soft);color:var(--accent)}.doc-section-heading{letter-spacing:.06em;color:var(--ink);margin:0;font-size:14px;font-weight:800}.doc-section-counter{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.doc-section-counter.todo{color:#2563eb;background:#eff6ff}.doc-section-counter.reminder{color:#d97706;background:#fffbeb}.doc-section-counter.note{background:var(--accent-soft);color:var(--accent-text)}.doc-section-divider{background:#f1f5f9;height:1px}.doc-empty-placeholder{border-radius:var(--r-s);color:var(--muted);background:#f8fafc;border:1px dashed #cbd5e1;padding:18px 20px;font-size:13.5px;line-height:1.6}.doc-empty-placeholder p{margin:0}.doc-todos-stack{flex-direction:column;gap:8px;display:flex}.doc-todo-row{border-radius:var(--r-s);background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.doc-todo-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px -2px #0000000a}.doc-todo-row.completed{opacity:.65;background:#f1f5f9}.doc-todo-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:12px;display:flex}.doc-todo-checkbox{display:none}.doc-todo-box{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;transition:all .15s;display:flex}.doc-todo-checkbox:checked+.doc-todo-box{background:var(--accent);border-color:var(--accent)}.doc-todo-text{color:var(--ink);font-size:15px;line-height:1.5;transition:all .15s}.doc-todo-row.completed .doc-todo-text{color:var(--muted);text-decoration:line-through}.doc-reminders-stack{flex-direction:column;gap:10px;display:flex}.doc-reminder-row{border-radius:var(--r-s);background:#fffbeb;border:1px solid #fde68a;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;transition:all .15s;display:flex}.doc-reminder-row:hover{box-shadow:0 4px 12px -3px #d977061a}.doc-reminder-row.past{opacity:.8;background:#f8fafc;border-color:#e2e8f0}.doc-reminder-content{flex-direction:column;flex:1;gap:6px;display:flex}.doc-reminder-pill{color:#b45309;background:#fde68a99;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.doc-reminder-status{color:var(--muted);font-weight:500}.doc-reminder-text{color:var(--ink);margin:0;font-size:15px;font-weight:500;line-height:1.5}.doc-notes-stack{flex-direction:column;gap:12px;display:flex}.doc-note-block{border-left:3px solid var(--accent);border-radius:0 var(--r-s) var(--r-s) 0;background:#f8fafc;flex-direction:column;gap:10px;padding:16px 20px;transition:background .15s;display:flex}.doc-note-block:hover{background:#fff;box-shadow:0 2px 10px -2px #0000000d}.doc-note-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-note-time{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.doc-note-body{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15.5px;line-height:1.7}.doc-item-actions{align-items:center;gap:4px;display:flex}.doc-item-btn{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.doc-item-btn:hover{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.doc-item-btn.delete:hover{color:#dc2626;background:#fee2e2}.app-reminder-toast{z-index:9999;border-radius:var(--r-m);background:#fff;border:1px solid #fde68a;align-items:flex-start;gap:14px;max-width:420px;padding:16px 20px;animation:2s ease-in-out infinite toastPulse;display:flex;position:fixed;top:88px;right:32px;box-shadow:0 20px 40px -10px #d9770640,0 0 0 1px #0000000d}@keyframes toastPulse{0%,to{box-shadow:0 20px 40px -10px #d9770640}50%{box-shadow:0 20px 45px -6px #d9770666}}.app-reminder-toast-icon{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-reminder-toast-content{flex-direction:column;flex:1;gap:4px;display:flex}.app-reminder-toast-title{text-transform:uppercase;letter-spacing:.06em;color:#d97706;font-size:12px;font-weight:700}.app-reminder-toast-body{color:var(--ink);margin:0;font-size:14.5px;font-weight:500;line-height:1.5}.app-reminder-toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .15s}.app-reminder-toast-close:hover{color:var(--ink);background:#f1f5f9}@media (width<=768px){.doc-paper-container{padding:24px 20px}.doc-paper-main-title{font-size:28px}.app-reminder-toast{max-width:none;left:16px;right:16px}}.game-shell{justify-content:center;padding:24px 20px 60px;display:flex}.game-inner{flex-direction:column;gap:16px;width:100%;max-width:760px;display:flex}.game-header{text-align:center;max-width:580px;margin:0 auto 4px}.game-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:32px;font-weight:800}.game-subtitle{color:var(--body);margin:0;font-size:16px;line-height:1.5}.game-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffe0;border:1px solid #ffffffbf;flex-direction:column;align-items:center;gap:18px;padding:24px 28px;display:flex;box-shadow:0 16px 40px -12px #0f172a14}.game-instructions-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.instruction-card{border-radius:var(--r-m);border:1px solid #0000;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.instruction-card.go-card{background:#eef2ff;border-color:#c7d2fe}.instruction-card.nogo-card{background:#fff1f2;border-color:#fecdd3}.instruction-icon-ring{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.instruction-icon-ring.go{color:#fff;background:#6366f1;box-shadow:0 0 18px #6366f180}.instruction-icon-ring.nogo{color:#fff;background:#fb7185;box-shadow:0 0 18px #fb718580}.instruction-text h3{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:700}.instruction-text p{color:var(--body);margin:0;font-size:13.5px;line-height:1.55}.game-kbd{color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000000d}.game-start-actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.btn-game-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 6px 20px -3px #6366f173}.btn-game-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px -4px #6366f180}.game-start-hint{color:var(--muted);font-size:13px}.game-hud{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;width:100%;padding-bottom:14px;display:flex}.hud-metric{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11.5px;font-weight:700}.hud-value{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:800}.hud-streak-pill{color:#f59e0b;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:16px;font-weight:800;display:inline-flex}.hud-time-pill{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:16px;font-weight:800;display:inline-flex}.game-stage{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafcbf;border:2px dashed #cbd5e1e6;border-radius:24px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.game-stage:hover{border-color:#6366f166}.stage-reticle{opacity:.5;border:2px solid #cbd5e199;border-radius:50%;width:24px;height:24px}.game-feedback-float{letter-spacing:-.01em;pointer-events:none;z-index:10;border-radius:999px;padding:6px 16px;font-size:16px;font-weight:800;position:absolute;top:36px}.game-feedback-float.success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.game-feedback-float.error{color:#be123c;background:#ffe4e6;border:1px solid #fca5a5}.game-feedback-float.warn{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.spark-orb{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.spark-orb.spark-go{background:radial-gradient(circle at 35% 35%,#818cf8,#4f46e5);box-shadow:0 0 35px #6366f1cc,inset 0 0 15px #fff9}.spark-orb.spark-nogo{background:radial-gradient(circle at 35% 35%,#fda4af,#e11d48);box-shadow:0 0 35px #fb7185cc,inset 0 0 15px #fff9}.game-bottom-hint{color:var(--muted);text-align:center;font-size:13.5px}.results-card{text-align:center}.results-badge-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.results-trophy-icon{background:var(--accent-soft);width:68px;height:68px;color:var(--accent);border:1px solid var(--accent-soft-2);border-radius:20px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.results-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.results-sub{color:var(--muted);max-width:480px;margin:0;font-size:15px;line-height:1.6}.results-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:10px;display:grid}.result-metric-box{border-radius:var(--r-m);background:#f8fafccc;border:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;display:flex}.result-metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.result-metric-val{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800}.result-metric-val.score{color:var(--accent)}.result-metric-val.emerald{color:#059669}.result-metric-sub{color:var(--muted);font-size:11px}.results-actions{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}@media (width<=768px){.game-instructions-grid{grid-template-columns:1fr}.results-metrics-grid{grid-template-columns:1fr 1fr}.game-title{font-size:30px}.game-card{padding:28px 20px}}.games-page-shell{flex-direction:column;align-items:center;gap:8px;padding:20px 20px 60px;display:flex}.games-nav-switcher-wrap{justify-content:center;width:100%;display:flex}.games-nav-switcher{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:5px;display:inline-flex;box-shadow:0 4px 16px -4px #0f172a0f}.game-nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .16s;display:inline-flex}.game-nav-btn:hover{color:var(--ink)}.game-nav-btn.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 8px #00000014}.games-stage-container{justify-content:center;width:100%;display:flex}.stroop-game-shell{justify-content:center;width:100%;padding:12px 20px 40px;display:flex}.stroop-game-inner{flex-direction:column;gap:16px;width:100%;max-width:760px;display:flex}.stroop-header{text-align:center;max-width:580px;margin:0 auto 4px}.stroop-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:32px;font-weight:800}.stroop-subtitle{color:var(--body);margin:0;font-size:16px;line-height:1.5}.stroop-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffe0;border:1px solid #ffffffbf;flex-direction:column;align-items:center;gap:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #0f172a14}.stroop-timer-bar-wrap{background:#e2e8f0;height:5px;position:absolute;top:0;left:0;right:0}.stroop-timer-bar-fill{background:linear-gradient(90deg,#6366f1,#3b82f6);height:100%}.stroop-timer-bar-fill.low{background:linear-gradient(90deg,#f59e0b,#fb7185)}.stroop-instructions-box{flex-direction:column;gap:16px;width:100%;display:flex}.stroop-example-demo{background:#0f172a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex;box-shadow:inset 0 2px 6px #0006}.demo-label{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;font-size:10.5px;font-weight:700}.demo-word{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 20px;font-family:JetBrains Mono,monospace,sans-serif;font-size:38px;font-weight:900}.demo-explanation{color:#e2e8f0;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-top:10px;font-size:13.5px;display:flex}.demo-explanation p{margin:0}.demo-solution-badge{color:#fb7185;background:#fb718533;border:1px solid #fb718580;border-radius:999px;padding:3px 12px;font-size:12px}.stroop-rule-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stroop-rule-item{color:var(--ink);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.stroop-start-actions{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.btn-stroop-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:13px 32px;font-size:16px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 6px 20px -3px #6366f173}.btn-stroop-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px -4px #6366f180}.stroop-key-hint{color:var(--muted);font-size:13px}.stroop-hud{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding-bottom:12px;display:flex}.time-critical{animation:1s infinite pulse;color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important}.stroop-signal-stage{background:#0f172a;border-radius:20px;justify-content:center;align-items:center;width:100%;height:190px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000080}.stroop-word{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 28px;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace,sans-serif;font-size:58px;font-weight:900}.stroop-feedback-pill{letter-spacing:.02em;pointer-events:none;z-index:10;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:800;position:absolute;top:18px}.stroop-feedback-pill.success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.stroop-feedback-pill.error{color:#be123c;background:#ffe4e6;border:1px solid #fca5a5}.stroop-buttons-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.stroop-color-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 10px;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.stroop-color-btn:hover{box-shadow:0 6px 18px var(--btn-glow);border-color:#cbd5e1;transform:translateY(-2px)}.btn-color-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 8px}.btn-color-name{color:var(--ink);font-size:15px;font-weight:700}.btn-key-badge{color:var(--muted);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;margin-left:auto;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:700}.stroop-3-grid{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.stroop-buttons-grid{grid-template-columns:1fr 1fr}.stroop-rule-list{grid-template-columns:1fr}.stroop-word{font-size:40px}.stroop-3-grid{grid-template-columns:1fr}}.echo-game-shell{justify-content:center;width:100%;padding:12px 20px 40px;display:flex}.echo-game-inner{flex-direction:column;gap:16px;width:100%;max-width:760px;display:flex}.echo-header{text-align:center;max-width:580px;margin:0 auto 4px}.echo-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:32px;font-weight:800}.echo-subtitle{color:var(--body);margin:0;font-size:16px;line-height:1.5}.echo-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-l);background:#ffffffe0;border:1px solid #ffffffbf;flex-direction:column;align-items:center;gap:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #0f172a14}.echo-simple-guide{flex-direction:column;gap:14px;width:100%;display:flex}.echo-simple-steps-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.echo-simple-step-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:16px 14px;display:flex}.echo-simple-step-card.highlight{background:#eef2ff;border-color:#c7d2fe}.step-num-pill{width:26px;height:26px;color:var(--ink);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-num-pill.highlight{color:#fff;background:#6366f1}.step-text h4{color:var(--ink);margin:0 0 4px;font-size:14.5px;font-weight:700}.step-text p{color:var(--body);margin:0;font-size:12.5px;line-height:1.5}.echo-kbd{color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:700}.echo-rules-bar{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.echo-rule-bullet{color:var(--ink);background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}@media (width<=768px){.echo-simple-steps-grid,.echo-rules-bar{grid-template-columns:1fr}}.echo-start-actions{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.btn-echo-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:13px 32px;font-size:16px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 6px 20px -3px #6366f173}.btn-echo-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px -4px #6366f180}.echo-key-hint{color:var(--muted);font-size:13px}.echo-hud{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;display:flex}.hud-level-pill{color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:15px;font-weight:800;display:inline-flex}.hud-strikes-row{align-items:center;gap:8px;margin-top:4px;display:flex}.strike-dot{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;width:12px;height:12px;transition:all .2s}.strike-dot.active{background:#ef4444;border-color:#dc2626;box-shadow:0 0 10px #ef444499}.echo-levelup-banner{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:8px;padding:6px 18px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #f59e0b33}.echo-matrix-grid{aspect-ratio:1;background:#0f172a0a;border:2px solid #cbd5e1b3;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:320px;padding:22px;transition:all .2s;display:grid;position:relative}.echo-matrix-grid.success{border-color:#10b981;box-shadow:0 0 28px #10b98159}.echo-matrix-grid.error{border-color:#ef4444;box-shadow:0 0 28px #ef444459}.matrix-tile-wrapper{aspect-ratio:1;width:100%;position:relative}.matrix-tile{background:#ffffffbf;border:1.5px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 2px 6px #0000000a}.matrix-tile.lit{border-color:#818cf8;box-shadow:0 0 28px #6366f1bf,inset 0 0 10px #ffffff80;background:#6366f1!important}.matrix-tile-ripple{pointer-events:none;border:2px solid #6366f1;border-radius:22px;position:absolute;inset:-6px}.echo-feedback-pill{letter-spacing:.02em;pointer-events:none;z-index:10;white-space:nowrap;border-radius:999px;padding:5px 16px;font-size:13.5px;font-weight:800;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.echo-feedback-pill.success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.echo-feedback-pill.error{color:#be123c;background:#ffe4e6;border:1px solid #fca5a5}.echo-actions-bar{justify-content:center;width:100%;display:flex}.btn-echo-match{color:var(--ink);border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;padding:14px 36px;font-size:16px;font-weight:700;transition:all .16s;display:inline-flex;box-shadow:0 6px 20px -3px #6366f140}.btn-echo-match:hover{background:var(--accent-soft);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px -4px #6366f159}.btn-match-kbd{color:var(--muted);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:5px;margin-left:auto;padding:2px 7px;font-family:inherit;font-size:10.5px;font-weight:700}.echo-results-grid{grid-template-columns:1fr 1fr}.echo-neuro-note{color:var(--body);text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:12px;max-width:580px;padding:16px 20px;font-size:13.5px;line-height:1.55;display:flex}@media (width<=768px){.echo-matrix-grid{max-width:280px}.echo-results-grid{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}