/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-stone-900:oklch(21.6% .006 56.043);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--blur-xl:24px;--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{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.relative\!{position:relative!important}.static{position:static}.start{inset-inline-start:var(--spacing)}.top-auto\!{top:auto!important}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-auto\!{left:auto!important}.z-40{z-index:40}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#deddd4\]{border-color:#deddd4}.bg-\[\#df5b3f\]{background-color:#df5b3f}.bg-\[\#fbfaf6\]\/90{background-color:oklab(98.4761% -.000478864 .00536656/.9)}.bg-\[var\(--tomato\)\]{background-color:var(--tomato)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[\#1e201c\]{color:#1e201c}.text-\[\#65685f\]{color:#65685f}.text-\[var\(--ink-soft\)\]{color:var(--ink-soft)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.shadow-stone-900\/10{--tw-shadow-color:#1c19171a}@supports (color:color-mix(in lab,red,red)){.shadow-stone-900\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-stone-900) 10%,transparent) var(--tw-shadow-alpha),transparent)}}.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-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-\[\#c8462e\]:hover{background-color:#c8462e}.hover\:bg-\[\#ece9df\]:hover{background-color:#ece9df}}}:root{--paper:#f3f1e9;--paper-deep:#ebe8dd;--surface:#fbfaf6;--surface-strong:#fff;--ink:#20211d;--ink-soft:#66695f;--ink-faint:#999b91;--line:#deddd3;--line-strong:#cbcabf;--tomato:#e35b3d;--tomato-deep:#c9442a;--tomato-soft:#f7ddd4;--green:#3f7554;--green-soft:#dce9df;--yellow:#f1d990;--shadow:0 1px 0 #1f201c08,0 14px 38px #1f201c0e;--shadow-large:0 28px 80px #1f1e1926;--mono:"SFMono-Regular","SF Mono",Consolas,"Liberation Mono",monospace;--sans:"Avenir Next",Avenir,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--paper:#171814;--paper-deep:#11120f;--surface:#20211d;--surface-strong:#272823;--ink:#f0eee7;--ink-soft:#aaa99f;--ink-faint:#77786f;--line:#363730;--line-strong:#484a40;--tomato:#ef7054;--tomato-deep:#f4866d;--tomato-soft:#46281f;--green:#78aa88;--green-soft:#25372a;--yellow:#574b2e;--shadow:0 1px 0 #0000002e,0 16px 44px #0000002e;--shadow-large:0 28px 80px #0006}*{box-sizing:border-box}body,html{min-height:100%}html{background:var(--paper)}body{background:radial-gradient(circle at 88% 5%,var(--tomato-soft),transparent 29rem),var(--paper);margin:0;overflow-x:hidden}@supports (color:color-mix(in lab,red,red)){body{background:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--tomato-soft) 38%,transparent),transparent 29rem),var(--paper)}}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;transition:background-color .18s,color .18s}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button,input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}::selection{background:var(--tomato-soft);color:var(--ink)}kbd{border:1px solid var(--line);border-bottom-color:var(--line-strong);background:var(--surface-strong);min-width:20px;height:20px;color:var(--ink-faint);font-family:var(--mono);border-radius:5px;padding:0 5px;font-size:12px;display:inline-flex}.karo-loading,kbd{justify-content:center;align-items:center}.karo-loading{background:radial-gradient(circle at 50% 44%,var(--tomato-soft),transparent 18rem);min-height:100vh;color:var(--ink);flex-direction:column;gap:15px;display:flex;position:relative;overflow:hidden}.karo-loading:before{border:1px solid var(--green);width:250px;height:250px;position:absolute}@supports (color:color-mix(in lab,red,red)){.karo-loading:before{border:1px solid color-mix(in srgb,var(--green) 16%,transparent)}}.karo-loading:before{content:"";border-radius:50%;animation:loading-orbit 16s linear infinite}.karo-loading .loading-mascot{z-index:1;animation:loading-bounce 1.8s ease-in-out infinite}.karo-loading-copy{z-index:1;flex-direction:column;align-items:center;gap:5px;display:flex}.karo-loading-copy strong{font-family:var(--mono);letter-spacing:-.06em;font-size:24px;font-weight:780}.karo-loading-copy>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:3px;font-size:12px;display:flex}.karo-loading-copy i{background:var(--tomato);border-radius:50%;width:3px;height:3px;animation:loading-dot 1.2s ease-in-out infinite}.karo-loading-copy i:nth-child(2){animation-delay:.12s}.karo-loading-copy i:nth-child(3){animation-delay:.24s}.karo-shell{min-height:100vh}.workspace{min-height:calc(100vh - 69px)}.legal-page{background:radial-gradient(circle at 88% 4%,var(--tomato-soft),transparent 26rem),var(--paper);min-height:100vh}@supports (color:color-mix(in lab,red,red)){.legal-page{background:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--tomato-soft) 50%,transparent),transparent 26rem),var(--paper)}}.legal-topbar{z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:69px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.legal-topbar{border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)}}.legal-topbar{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.legal-topbar{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.legal-topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:0 clamp(20px,4vw,58px)}.legal-topbar .brand-lockup,.legal-topbar nav a{text-decoration:none}.legal-topbar nav{align-items:center;gap:8px;display:flex}.legal-topbar nav a{color:var(--ink-soft);border-radius:9px;padding:9px 11px;font-size:13px;font-weight:650}.legal-topbar nav a:hover{background:var(--paper);color:var(--ink)}.legal-topbar nav .legal-back{background:var(--ink);color:var(--paper);margin-left:5px}.legal-document{width:min(920px,100% - 40px);margin:0 auto;padding:clamp(64px,9vw,112px) 0 100px}.legal-heading{max-width:760px;padding-bottom:44px}.legal-heading h1{letter-spacing:-.065em;margin:10px 0 18px;font-size:clamp(46px,7vw,76px);font-weight:690;line-height:.98}.legal-heading>p:not(.eyebrow){max-width:670px;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.65}.legal-heading small{color:var(--ink-faint);font-family:var(--mono);margin-top:20px;font-size:12px;display:block}.legal-content{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.legal-content{background:color-mix(in srgb,var(--surface) 95%,transparent)}}.legal-content{box-shadow:var(--shadow)}.legal-content section{grid-template-columns:minmax(180px,.36fr) minmax(0,.64fr);gap:18px clamp(28px,6vw,70px);padding:clamp(28px,5vw,52px);display:grid}.legal-content section+section{border-top:1px solid var(--line)}.legal-content h2{letter-spacing:-.035em;margin:0;font-size:20px;font-weight:680;line-height:1.15}.legal-content section>p,.legal-content section>ul{color:var(--ink-soft);grid-column:2;margin:0;font-size:14px;line-height:1.75}.legal-content section>h2+p,.legal-content section>h2+ul{grid-row:1}.legal-content ul{padding-left:18px}.legal-content li+li{margin-top:5px}.landing-page{background:radial-gradient(circle at 78% 25%,var(--tomato-soft),transparent 27rem),radial-gradient(circle at 14% 88%,var(--green-soft),transparent 22rem),var(--paper);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.landing-page{background:radial-gradient(circle at 78% 25%,color-mix(in srgb,var(--tomato-soft) 62%,transparent),transparent 27rem),radial-gradient(circle at 14% 88%,color-mix(in srgb,var(--green-soft) 60%,transparent),transparent 22rem),var(--paper)}}.landing-header{z-index:10;justify-content:space-between;align-items:center;gap:24px;width:min(1360px,100%);min-height:76px;margin:0 auto;padding:0 clamp(22px,4vw,58px);display:flex;position:relative}.landing-footer a,.landing-header .brand-lockup,.landing-header a{text-decoration:none}.landing-header nav{align-items:center;gap:6px;display:flex}.landing-header nav>a{color:var(--ink-soft);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:650}.landing-header nav>a:hover{background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.landing-header nav>a:hover{background:color-mix(in srgb,var(--surface-strong) 74%,transparent)}}.landing-header nav>a:hover{color:var(--ink)}.landing-header nav .landing-open-small{background:var(--ink);color:var(--paper);align-items:center;gap:7px;margin-left:4px;display:inline-flex}.landing-hero{flex:1;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:clamp(45px,8vw,110px);width:min(1240px,100% - 44px);min-height:min(670px,100svh - 210px);margin:0 auto;padding:clamp(40px,6vh,74px) 0 clamp(44px,6vh,72px);display:grid}.landing-copy{z-index:2;position:relative}.landing-copy h1{letter-spacing:-.075em;max-width:720px;margin:16px 0 24px;font-size:clamp(66px,7.5vw,106px);font-weight:690;line-height:.88}.landing-intro{max-width:580px;color:var(--ink-soft);margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.65}.landing-actions-wrap{margin-top:30px}.landing-actions{flex-wrap:wrap;gap:9px;display:flex}.landing-actions a,.landing-actions button{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 20px;font-size:14px;font-weight:720;text-decoration:none;display:inline-flex}.landing-actions a{border:1px solid var(--tomato);background:var(--tomato);color:#fff;box-shadow:0 14px 34px var(--tomato)}@supports (color:color-mix(in lab,red,red)){.landing-actions a{box-shadow:0 14px 34px color-mix(in srgb,var(--tomato) 22%,transparent)}}.landing-actions a.secondary{border-color:var(--line-strong);background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.landing-actions a.secondary{background:color-mix(in srgb,var(--surface-strong) 72%,transparent)}}.landing-actions a.secondary{color:var(--ink);box-shadow:none}.landing-actions button{border:1px solid var(--line-strong);background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.landing-actions button{background:color-mix(in srgb,var(--surface-strong) 72%,transparent)}}.landing-actions button{color:var(--ink)}.landing-actions a:hover,.landing-actions button:hover{transform:translateY(-2px)}.landing-install-help{background:var(--surface);max-width:520px;color:var(--ink-soft);border-radius:10px;margin:11px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.landing-trust{color:var(--ink-faint);font-family:var(--mono);flex-wrap:wrap;gap:9px 18px;margin-top:24px;font-size:13px;font-weight:650;display:flex}.landing-free-badge{border:1px solid var(--green);align-items:center;gap:8px;margin-top:20px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.landing-free-badge{border:1px solid color-mix(in srgb,var(--green) 24%,var(--line))}}.landing-free-badge{background:var(--green-soft);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.landing-free-badge{background:color-mix(in srgb,var(--green-soft) 78%,transparent)}}.landing-free-badge{color:var(--green);padding:9px 13px;font-size:13px;font-weight:720}.landing-trust span{align-items:center;gap:6px;display:inline-flex}.landing-ready i,.landing-trust i{background:var(--green);border-radius:50%;width:6px;height:6px}.landing-buddy-stage{--landing-play-accent:var(--tomato);--landing-play-soft:var(--tomato-soft);border:1px solid var(--line);justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.landing-buddy-stage{border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}}.landing-buddy-stage{background:radial-gradient(circle at 50% 42%,var(--landing-play-soft),transparent 13rem),var(--surface);border-radius:38px}@supports (color:color-mix(in lab,red,red)){.landing-buddy-stage{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--landing-play-soft) 65%,transparent),transparent 13rem),color-mix(in srgb,var(--surface) 72%,transparent)}}.landing-buddy-stage{box-shadow:var(--shadow-large);isolation:isolate;transition:background .24s}.landing-buddy-stage.is-plan{--landing-play-accent:#9b7424;--landing-play-soft:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.landing-buddy-stage.is-plan{--landing-play-soft:color-mix(in srgb,var(--yellow) 52%,var(--surface))}}.landing-buddy-stage.is-reset{--landing-play-accent:var(--green);--landing-play-soft:var(--green-soft)}.landing-buddy-stage.is-play{--landing-play-accent:#4d7691;--landing-play-soft:#9fc9dd}@supports (color:color-mix(in lab,red,red)){.landing-buddy-stage.is-play{--landing-play-soft:color-mix(in srgb,#9fc9dd 42%,var(--surface))}}.landing-buddy-stage:after,.landing-buddy-stage:before{border:1px solid var(--green);position:absolute}@supports (color:color-mix(in lab,red,red)){.landing-buddy-stage:after,.landing-buddy-stage:before{border:1px solid color-mix(in srgb,var(--green) 14%,transparent)}}.landing-buddy-stage:after,.landing-buddy-stage:before{content:"";border-radius:50%}.landing-buddy-stage:before{width:360px;height:360px}.landing-buddy-stage:after{width:270px;height:270px}.landing-buddy-stage .landing-mascot{z-index:2;margin-top:5px}.landing-choice-bar{z-index:5;border:1px solid var(--line);background:var(--surface-strong);border-radius:999px;gap:3px;display:flex;position:absolute;top:24px;left:50%}@supports (color:color-mix(in lab,red,red)){.landing-choice-bar{background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}}.landing-choice-bar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:4px;transform:translate(-50%)}.landing-choice-bar button{min-height:34px;color:var(--ink-faint);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:720;transition:all .16s;display:inline-flex}.landing-choice-bar button:hover{color:var(--ink)}.landing-choice-bar button.active{background:var(--ink);box-shadow:0 4px 12px var(--ink)}@supports (color:color-mix(in lab,red,red)){.landing-choice-bar button.active{box-shadow:0 4px 12px color-mix(in srgb,var(--ink) 18%,transparent)}}.landing-choice-bar button.active{color:var(--paper)}.landing-speech{z-index:4;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink-soft);white-space:nowrap;border-radius:14px;padding:11px 14px;font-size:13px;top:84px;left:50%;transform:translate(-50%)}.landing-speech,.landing-speech:after{background:var(--surface-strong);position:absolute}.landing-speech:after{border-right:1px solid var(--line);border-bottom:1px solid var(--line);content:"";width:11px;height:11px;bottom:-6px;left:calc(50% - 6px);transform:rotate(45deg)}.landing-focus-card{z-index:4;border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid;position:absolute;bottom:30px;left:34px;right:34px}@supports (color:color-mix(in lab,red,red)){.landing-focus-card{background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}}.landing-focus-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);padding:16px 18px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s}.landing-focus-card:hover{border-color:var(--landing-play-accent)}@supports (color:color-mix(in lab,red,red)){.landing-focus-card:hover{border-color:color-mix(in srgb,var(--landing-play-accent) 48%,var(--line))}}.landing-focus-card:hover{box-shadow:0 16px 35px var(--landing-play-accent)}@supports (color:color-mix(in lab,red,red)){.landing-focus-card:hover{box-shadow:0 16px 35px color-mix(in srgb,var(--landing-play-accent) 13%,transparent)}}.landing-focus-card:hover{transform:translateY(-2px)}.landing-focus-card>div{flex-direction:column;min-width:0;display:flex}.landing-focus-card>div span{color:var(--landing-play-accent);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:720}.landing-focus-card>div strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.landing-demo-value{font-family:var(--mono);letter-spacing:-.06em;white-space:nowrap;grid-area:1/2/3;font-size:31px;font-weight:700;line-height:1}.landing-ready{color:var(--ink-faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.landing-ready svg{transition:transform .16s}.landing-buddy-stage .landing-ready i{background:var(--landing-play-accent)}.landing-focus-card:hover .landing-ready svg{transform:translate(2px)}.landing-benefits{border:1px solid var(--line);background:var(--line);width:min(1240px,100% - 44px);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 auto;display:grid;overflow:hidden}.landing-benefits article{background:var(--surface);align-items:flex-start;gap:13px;min-height:108px;display:flex}@supports (color:color-mix(in lab,red,red)){.landing-benefits article{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.landing-benefits article{padding:20px 22px}.landing-benefits article>span{background:var(--green-soft);width:40px;height:40px;color:var(--green);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.landing-benefits h2{letter-spacing:-.025em;margin:1px 0 6px;font-size:14px;font-weight:690}.landing-benefits p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.landing-feature-section{width:min(1240px,100% - 44px);margin:56px auto 0}.landing-rooms{width:min(1180px,100% - 44px);margin:82px auto 0}.landing-rooms .focus-session-card{min-height:350px}.landing-rooms .focus-session-card-copy h2{font-size:clamp(36px,4vw,48px)}.landing-rooms-more{border:1px solid var(--line-strong);width:fit-content;min-height:46px;color:var(--ink);border-radius:12px;align-items:center;gap:8px;margin:18px auto 0;padding:0 16px;font-size:13px;font-weight:720;text-decoration:none;display:flex}.landing-rooms-more:hover{border-color:var(--ink-faint);transform:translateY(-1px)}.landing-section-heading{grid-template-columns:minmax(0,1.25fr) minmax(280px,.6fr);align-items:end;gap:clamp(30px,7vw,100px);margin-bottom:30px;display:grid}.landing-section-heading h2{letter-spacing:-.06em;max-width:820px;margin:12px 0 0;font-size:clamp(38px,4.6vw,62px);font-weight:690;line-height:.98}.landing-section-heading>p{color:var(--ink-soft);margin:0 0 4px;font-size:15px;line-height:1.65}.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.landing-feature-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-height:190px}@supports (color:color-mix(in lab,red,red)){.landing-feature-grid article{background:color-mix(in srgb,var(--surface) 91%,transparent)}}.landing-feature-grid article{padding:22px}.landing-feature-grid article>span{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.landing-feature-grid h3{letter-spacing:-.025em;margin:26px 0 8px;font-size:15px;font-weight:700}.landing-feature-grid p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.62}.landing-feature-link{color:var(--tomato);align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.landing-feature-link:hover{text-decoration:underline}.landing-pricing{width:min(1100px,100% - 44px);margin:82px auto 0;scroll-margin-top:28px}.landing-pricing-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);align-items:end;gap:clamp(28px,7vw,90px);margin-bottom:26px;display:grid}.landing-pricing-heading h2{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(40px,5vw,64px);font-weight:690;line-height:.96}.landing-pricing-heading>p{color:var(--ink-soft);margin:0 0 3px;font-size:15px;line-height:1.65}.landing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-pricing-grid>article{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;min-width:0;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.landing-pricing-grid>article{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.landing-pricing-grid>article{box-shadow:var(--shadow);padding:28px}.landing-pricing-grid>article.cloud{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.landing-pricing-grid>article.cloud{border-color:color-mix(in srgb,var(--green) 32%,var(--line))}}.landing-pricing-grid>article.cloud{background:linear-gradient(145deg,var(--green-soft),var(--surface) 58%)}@supports (color:color-mix(in lab,red,red)){.landing-pricing-grid>article.cloud{background:linear-gradient(145deg,color-mix(in srgb,var(--green-soft) 60%,var(--surface)),var(--surface) 58%)}}.landing-plan-heading{align-items:center;gap:12px;min-height:48px;padding-right:90px;display:flex}.landing-plan-heading>span{background:var(--paper);width:42px;height:42px;color:var(--ink-soft);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.landing-pricing-grid .cloud .landing-plan-heading>span{background:var(--green);color:#fff}.landing-plan-heading small{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:750}.landing-plan-heading h3{letter-spacing:-.03em;margin:4px 0 0;font-size:16px}.landing-founding-price{background:var(--green);color:#fff;font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:750;position:absolute;top:21px;right:21px}.landing-plan-price{align-items:baseline;gap:8px;margin-top:26px;display:flex}.landing-plan-price strong{letter-spacing:-.07em;font-size:clamp(44px,5vw,60px);font-weight:700;line-height:1}.landing-plan-price span{color:var(--ink-faint);font-size:12px;font-weight:680}.landing-pricing-grid>article>p{min-height:44px;color:var(--ink-soft);margin:18px 0;font-size:13px;line-height:1.6}.landing-pricing-grid>article>p.landing-plan-monthly{min-height:0;margin:8px 0 -8px;font-size:11px}.landing-plan-monthly strong{color:var(--green)}.landing-plan-monthly span{color:var(--ink-faint);margin-left:5px}.landing-plan-action{background:var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.landing-plan-action.local{border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--ink)}.landing-cloud-actions{grid-template-columns:1.15fr 1fr;gap:8px;display:grid}.landing-plan-action.secondary{border:1px solid var(--green)}@supports (color:color-mix(in lab,red,red)){.landing-plan-action.secondary{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}}.landing-plan-action.secondary{background:var(--green-soft);color:var(--green-deep)}.landing-checkout-note{min-height:14px;color:var(--ink-faint);text-align:center;margin:8px 2px 0;font-size:9px;display:block}.landing-pricing-grid ul{border-top:1px solid var(--line);gap:10px;margin:22px 0 0;padding:20px 0 0;list-style:none;display:grid}.landing-pricing-grid li{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.landing-pricing-grid li svg{color:var(--green);flex:none}.landing-pricing-promise{color:var(--ink-faint);text-align:center;justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:12px;display:flex}.landing-pricing-promise svg{color:var(--green);flex:none}.landing-private{background:var(--ink);width:min(1240px,100% - 44px);color:var(--paper);border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,52px);margin:72px auto 28px;padding:clamp(28px,4vw,48px);display:grid;overflow:hidden}.landing-private-mascot{background:var(--tomato-soft);border-radius:50%;justify-content:center;align-items:center;width:142px;height:142px;display:flex}@supports (color:color-mix(in lab,red,red)){.landing-private-mascot{background:color-mix(in srgb,var(--tomato-soft) 88%,white)}}.landing-private .eyebrow{color:var(--green-soft)}@supports (color:color-mix(in lab,red,red)){.landing-private .eyebrow{color:color-mix(in srgb,var(--green-soft) 84%,white)}}.landing-private h2{letter-spacing:-.055em;margin:8px 0 10px;font-size:clamp(30px,3.6vw,48px);font-weight:680;line-height:1}.landing-private p:last-child{max-width:720px;color:var(--paper);margin:0}@supports (color:color-mix(in lab,red,red)){.landing-private p:last-child{color:color-mix(in srgb,var(--paper) 66%,transparent)}}.landing-private p:last-child{font-size:14px;line-height:1.65}.landing-private>a{background:var(--tomato);color:#fff;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.landing-footer{width:min(1240px,100% - 44px);min-height:72px;color:var(--ink-faint);font-family:var(--mono);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:12px;display:flex}.landing-footer nav{gap:15px;display:flex}.landing-footer a{color:inherit}.landing-footer .landing-creator{align-items:center;gap:4px;display:inline-flex}.landing-creator svg{color:var(--tomato);animation:creator-heartbeat 2.8s ease-in-out infinite}@keyframes creator-heartbeat{0%,12%,to{transform:scale(1)}5%{transform:scale(1.18)}}@keyframes water-wave{0%,to{transform:translate(-4%)rotate(-1deg)}50%{transform:translate(4%)rotate(1deg)}}@keyframes arcade-spin{to{transform:rotate(1turn)}}.topbar{z-index:50;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:22px;min-height:69px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)}}.topbar{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:0 clamp(20px,3vw,48px)}.brand-lockup{background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex}.brand-lockup>span:last-child{color:var(--ink);font-family:var(--mono);letter-spacing:-.06em;font-size:19px;font-weight:780}.karo-mark{width:32px;height:32px;display:inline-flex}.karo-mark svg{width:100%;height:100%;overflow:visible}.mark-body{fill:var(--tomato)}.mark-leaf{fill:var(--green);transform-box:fill-box;transform-origin:bottom;animation:mark-leaf-sway 3.4s ease-in-out infinite}.mark-eye{fill:var(--ink)}@supports (color:color-mix(in lab,red,red)){.mark-eye{fill:color-mix(in srgb,var(--ink) 82%,#51190f)}}.mark-eye{transform-box:fill-box;transform-origin:50%;animation:mascot-blink 5.2s ease-in-out infinite}.mark-mouth{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab,red,red)){.mark-mouth{stroke:color-mix(in srgb,var(--ink) 82%,#51190f)}}.mark-mouth{stroke-width:1.5px;stroke-linecap:round}.presence-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:8px;width:max-content;min-width:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.presence-chip{background:color-mix(in srgb,var(--paper) 72%,transparent)}}.presence-chip{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.02em;padding:7px 11px;font-size:12px;font-weight:650}.presence-chip i{background:var(--green);border-radius:50%;width:6px;height:6px}.presence-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:min(24vw,270px);overflow:hidden}.presence-chip.is-running{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.presence-chip.is-running{border-color:color-mix(in srgb,var(--tomato) 32%,var(--line))}}.presence-chip.is-running{background:var(--tomato-soft);color:var(--ink-soft)}.presence-chip.is-running i{background:var(--tomato);animation:pulse-dot 1.4s ease-in-out infinite}.top-nav{border:1px solid var(--line);background:var(--paper);border-radius:13px;align-items:center;gap:3px;padding:4px;display:flex}.top-nav button{min-height:34px;color:var(--ink-soft);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:650;transition:all .15s;display:inline-flex}.top-nav button:hover{background:var(--surface-strong);color:var(--ink)}.top-nav button.active{background:var(--ink);color:var(--paper);box-shadow:0 3px 9px #1b1c181f}.top-nav .mobile-secondary-nav{display:none}.top-actions{align-items:center;gap:6px;display:flex}.round-control,.top-actions>button,.water-menu>summary{width:36px;height:36px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.top-actions>button{display:none}.top-actions>.cloud-header-button,.top-actions>.mobile-menu-trigger{gap:6px;width:auto;padding:0 10px;font-size:11px;font-weight:720;display:inline-flex}.top-actions>.cloud-header-button{border-color:var(--line);background:var(--paper);color:var(--ink-soft);white-space:nowrap}.cloud-label-short{display:none}.cloud-header-button.is-attention,.cloud-header-button.is-offline{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.cloud-header-button.is-attention,.cloud-header-button.is-offline{border-color:color-mix(in srgb,var(--tomato) 34%,var(--line))}}.cloud-header-button.is-attention,.cloud-header-button.is-offline{background:var(--tomato-soft);color:var(--tomato-deep)}.cloud-header-button.is-checking,.cloud-header-button.is-syncing{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.cloud-header-button.is-checking,.cloud-header-button.is-syncing{border-color:color-mix(in srgb,var(--green) 34%,var(--line))}}.cloud-header-button.is-checking,.cloud-header-button.is-syncing{background:var(--green-soft);color:var(--green)}.cloud-header-button.is-checking svg,.cloud-header-button.is-syncing svg{animation:cloud-spin 1.2s linear infinite}.top-actions>button:hover,.water-menu>summary:hover,.water-menu[open]>summary{border-color:var(--line);background:var(--surface-strong);color:var(--ink)}.water-menu{position:relative}.water-menu>summary{cursor:pointer;gap:8px;width:auto;padding:0 9px 0 7px;list-style:none}.water-menu>summary::-webkit-details-marker{display:none}.water-glass{border:1.5px solid #4d7691;flex:none;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.water-glass{border:1.5px solid color-mix(in srgb,#4d7691 62%,var(--line))}}.water-glass{background:#dcecf2}@supports (color:color-mix(in lab,red,red)){.water-glass{background:color-mix(in srgb,#dcecf2 30%,var(--paper))}}.water-glass i{height:var(--water-level);background:linear-gradient(#91c9df,#4d94b2);border-radius:2px 2px 5px 5px;max-height:calc(100% - 4px);transition:height .7s cubic-bezier(.2,.85,.25,1);position:absolute;bottom:2px;left:2px;right:2px}.water-glass i:before{content:"";background:#bee2f1;border-radius:50%;width:140%;height:6px;animation:water-wave 2.6s ease-in-out infinite;position:absolute;top:-3px;left:-20%}.water-glass-mini{border-radius:3px 3px 7px 7px;width:18px;height:22px}.water-header-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.water-header-copy strong{color:var(--ink-soft);font-size:11px;line-height:1.1}.water-header-copy small{color:var(--ink-faint);font-family:var(--mono);margin-top:2px;font-size:8px;line-height:1}.water-popover{z-index:80;border:1px solid var(--line);background:var(--surface-strong);width:min(370px,100vw - 24px);box-shadow:var(--shadow-large);border-radius:16px;padding:16px;position:absolute;top:calc(100% + 12px);right:0}.water-popover-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.water-popover-heading>div,.water-reminder-row button i{flex-direction:column;min-width:0;display:flex}.water-popover-heading strong,.water-reminder-row strong{font-size:14px}.water-popover-heading small,.water-reminder-row small{color:var(--ink-faint);margin-top:2px;font-size:12px}.water-day-percent{background:#9fc9dd;border-radius:999px}@supports (color:color-mix(in lab,red,red)){.water-day-percent{background:color-mix(in srgb,#9fc9dd 28%,var(--surface))}}.water-day-percent{color:#4d7691;font-family:var(--mono);padding:6px 8px;font-size:11px;font-weight:750}.water-day-card{border:1px solid #6f9fb8;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:13px;display:grid}@supports (color:color-mix(in lab,red,red)){.water-day-card{border:1px solid color-mix(in srgb,#6f9fb8 28%,var(--line))}}.water-day-card{background:linear-gradient(135deg,#dcecf2,var(--paper));border-radius:14px}@supports (color:color-mix(in lab,red,red)){.water-day-card{background:linear-gradient(135deg,color-mix(in srgb,#dcecf2 48%,var(--paper)),var(--paper))}}.water-day-card{padding:14px}.water-glass-large{border-width:2px;border-radius:5px 5px 14px 14px;width:48px;height:65px;box-shadow:inset 0 0 0 3px #ffffff5c}.water-day-copy{flex-direction:column;min-width:0;display:flex}.water-day-copy>div{align-items:baseline;gap:6px;display:flex}.water-day-copy>div strong{color:var(--ink);letter-spacing:-.045em;font-size:21px}.water-day-copy>div span{color:var(--ink-faint);font-size:11px}.water-progress-track{background:#9fc9dd;border-radius:999px;height:6px;margin-top:8px;display:block;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.water-progress-track{background:color-mix(in srgb,#9fc9dd 28%,var(--surface))}}.water-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#6aabc5,#4d8fa9);height:100%;transition:width .7s cubic-bezier(.2,.85,.25,1);display:block}.water-day-copy label{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:10px;font-weight:680;display:flex}.water-day-copy select{background:var(--surface-strong);color:var(--ink-soft);font-family:var(--mono);border:0;border-radius:7px;padding:4px 6px;font-size:10px}.water-log-button{justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex;color:#fff!important;background:#4d7691!important;border:0!important;border-radius:10px!important;width:100%!important;height:44px!important}.drink-form{flex-direction:column;gap:10px;display:flex}.drink-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.drink-fields>label{min-width:0;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.drink-amount-input,.drink-fields select{background:var(--paper);width:100%;height:39px;color:var(--ink);font-family:var(--sans);text-transform:none;border:0;border-radius:9px;align-items:center;padding:0 10px;font-size:13px;font-weight:620;display:flex}.drink-amount-input:focus-within,.drink-fields select:focus{background:#9fc9dd}@supports (color:color-mix(in lab,red,red)){.drink-amount-input:focus-within,.drink-fields select:focus{background:color-mix(in srgb,#9fc9dd 20%,var(--paper))}}.drink-amount-input input{background:0 0;border:0;width:100%;min-width:0;padding:0}.drink-amount-input i{font-family:var(--mono);text-transform:lowercase;font-style:normal}.drink-amount-input i,.drink-fact{color:var(--ink-faint);font-size:12px}.drink-fact{margin:0;line-height:1.45}.caffeine-note{background:var(--yellow);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.caffeine-note{background:color-mix(in srgb,var(--yellow) 38%,var(--surface))}}.caffeine-note{padding:10px}.caffeine-note strong{font-size:13px}.caffeine-note p{color:var(--ink-soft);margin:3px 0 7px;font-size:12px;line-height:1.45}.caffeine-note button{background:var(--surface-strong);color:var(--green);border:0;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:720}.water-reminder-row{border:1px solid var(--line);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:8px;display:grid}.water-reminder-row.active{border-color:#6f9fb8}@supports (color:color-mix(in lab,red,red)){.water-reminder-row.active{border-color:color-mix(in srgb,#6f9fb8 45%,var(--line))}}.water-reminder-row.active{background:#9fc9dd}@supports (color:color-mix(in lab,red,red)){.water-reminder-row.active{background:color-mix(in srgb,#9fc9dd 18%,var(--surface))}}.water-reminder-row>button{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:8px;width:auto;height:auto;padding:0;display:flex}.water-reminder-row>button>span{border:1px solid var(--line-strong);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.water-reminder-row.active>button>span{background:#4d7691;border-color:#4d7691}.water-reminder-row select{background:var(--paper);color:var(--ink-soft);font-family:var(--mono);border:0;border-radius:7px;padding:6px;font-size:12px}.mobile-menu-backdrop{z-index:140;background:var(--ink);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.mobile-menu-backdrop{background:color-mix(in srgb,var(--ink) 32%,transparent)}}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;animation:fade-in .16s both}.mobile-menu-sheet{border:1px solid var(--line);background:var(--surface-strong);width:min(100%,520px);box-shadow:var(--shadow-large);padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:24px}.mobile-menu-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mobile-menu-heading>div{min-width:0}.mobile-menu-heading span{color:var(--green);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.mobile-menu-heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:24px;line-height:1.08}.mobile-menu-heading>button{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mobile-secondary-links{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:20px;display:grid}.mobile-secondary-links>button{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:66px;color:var(--ink-soft);text-align:left;border-radius:15px;flex-direction:row;justify-content:flex-start;align-items:center;gap:13px;padding:12px 14px;display:flex}.mobile-secondary-links>button.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.mobile-secondary-links>button.active{border-color:color-mix(in srgb,var(--green) 46%,var(--line))}}.mobile-secondary-links>button.active{background:var(--green-soft);color:var(--green)}.mobile-secondary-links>button span{flex-direction:column;min-width:0;display:flex}.mobile-secondary-links strong{color:var(--ink);font-size:14px}.mobile-secondary-links small{color:var(--ink-faint);margin-top:4px;font-size:11px;line-height:1.35}.mobile-cloud-button{border:1px solid var(--line);background:var(--paper);width:100%;min-height:64px;color:var(--ink-soft);text-align:left;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.mobile-cloud-button.is-checking,.mobile-cloud-button.is-syncing{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.mobile-cloud-button.is-checking,.mobile-cloud-button.is-syncing{border-color:color-mix(in srgb,var(--green) 34%,var(--line))}}.mobile-cloud-button.is-checking,.mobile-cloud-button.is-syncing{background:var(--green-soft);color:var(--green)}.mobile-cloud-button.is-attention,.mobile-cloud-button.is-offline{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.mobile-cloud-button.is-attention,.mobile-cloud-button.is-offline{border-color:color-mix(in srgb,var(--tomato) 34%,var(--line))}}.mobile-cloud-button.is-attention,.mobile-cloud-button.is-offline{background:var(--tomato-soft);color:var(--tomato-deep)}.mobile-cloud-button>span{flex-direction:column;min-width:0;display:flex}.mobile-cloud-button strong{color:var(--ink);font-size:14px}.mobile-cloud-button small{color:var(--ink-soft);margin-top:3px;font-size:12px}.mobile-utility-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;padding-top:16px;display:grid}.mobile-utility-grid button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink-soft);border-radius:13px;align-items:center;gap:10px;padding:0 13px;font-size:13px;font-weight:680;display:inline-flex}.karo-mascot{width:var(--mascot-size);height:calc(var(--mascot-size) * 1.055);flex:none;animation:mascot-float 3.6s ease-in-out infinite;display:inline-flex}.karo-mascot svg{width:100%;height:100%;overflow:visible}.mascot-shadow{fill:var(--ink)}@supports (color:color-mix(in lab,red,red)){.mascot-shadow{fill:color-mix(in srgb,var(--ink) 12%,transparent)}}.mascot-body{fill:var(--tomato);stroke:var(--tomato-deep)}@supports (color:color-mix(in lab,red,red)){.mascot-body{stroke:color-mix(in srgb,var(--tomato-deep) 48%,transparent)}}.mascot-body{stroke-width:2px;transform-box:fill-box;transform-origin:bottom;animation:mascot-squish 3.6s ease-in-out infinite}.mascot-body-shine{fill:#ffffff26}.mascot-leaf{fill:var(--green);stroke:var(--green)}@supports (color:color-mix(in lab,red,red)){.mascot-leaf{stroke:color-mix(in srgb,var(--green) 75%,var(--ink))}}.mascot-leaf{stroke-linejoin:round;stroke-width:1.5px;transform-box:fill-box;transform-origin:bottom;animation:mascot-leaf-sway 3.2s ease-in-out infinite}.mascot-leaf-middle{animation-delay:-.6s}.mascot-leaf-right{animation-delay:-1.1s}.mascot-arm,.mascot-eye-line,.mascot-headphone,.mascot-mouth-line,.mascot-steam{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab,red,red)){.mascot-arm,.mascot-eye-line,.mascot-headphone,.mascot-mouth-line,.mascot-steam{stroke:color-mix(in srgb,var(--ink) 78%,#5c1e14)}}.mascot-arm,.mascot-eye-line,.mascot-headphone,.mascot-mouth-line,.mascot-steam{stroke-linecap:round;stroke-linejoin:round}.mascot-arm{stroke-width:5px}.mascot-eye,.mascot-headphone-pad{fill:var(--ink)}@supports (color:color-mix(in lab,red,red)){.mascot-eye,.mascot-headphone-pad{fill:color-mix(in srgb,var(--ink) 78%,#5c1e14)}}.mascot-eye{transform-box:fill-box;transform-origin:50%;animation:mascot-blink 5.2s ease-in-out infinite}.mascot-eye-line{stroke-width:4px}.mascot-mouth-line{stroke-width:3.5px}.mascot-cheek{fill:#ffb19e94}.mascot-headphone{stroke:var(--ink);stroke-width:6px}.mascot-headphone-pad{fill:var(--ink);stroke:var(--paper)}@supports (color:color-mix(in lab,red,red)){.mascot-headphone-pad{stroke:color-mix(in srgb,var(--paper) 24%,transparent)}}.mascot-headphone-pad{stroke-width:1.5px}.mascot-steam{stroke:var(--ink-faint);stroke-width:3px;animation:steam-rise 2.1s ease-in-out infinite}.mood-focus{animation:mascot-focus-float 3.2s ease-in-out infinite}.mood-happy .mascot-arm-left{transform-origin:39px 105px;transform:rotate(18deg)}.mood-happy .mascot-arm-right{transform-origin:141px 105px;transform:rotate(-18deg)}.mood-happy .mascot-arm-left{animation:happy-wave-left 1.4s ease-in-out infinite alternate}.mood-happy .mascot-arm-right{animation:happy-wave-right 1.4s ease-in-out infinite alternate}.focus-view{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0;min-height:calc(100svh - 69px);padding:clamp(20px,3vh,34px) clamp(20px,4vw,64px) clamp(20px,3vh,32px);transition:background .3s;display:grid;position:relative;overflow:hidden}.focus-view[data-scene=quiet]{background:0 0}.focus-view[data-scene=sunrise]{background:radial-gradient(circle at 82% 12%,var(--yellow),transparent 25rem),radial-gradient(circle at 12% 86%,var(--tomato-soft),transparent 28rem)}@supports (color:color-mix(in lab,red,red)){.focus-view[data-scene=sunrise]{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--yellow) 34%,transparent),transparent 25rem),radial-gradient(circle at 12% 86%,color-mix(in srgb,var(--tomato-soft) 52%,transparent),transparent 28rem)}}.focus-view[data-scene=meadow]{background:radial-gradient(circle at 20% 18%,#b8d9d252,transparent 26rem),radial-gradient(circle at 84% 88%,var(--green-soft),transparent 32rem)}@supports (color:color-mix(in lab,red,red)){.focus-view[data-scene=meadow]{background:radial-gradient(circle at 20% 18%,#b8d9d252,transparent 26rem),radial-gradient(circle at 84% 88%,color-mix(in srgb,var(--green-soft) 68%,transparent),transparent 32rem)}}.focus-view:after,.focus-view:before{z-index:-1;content:"";pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.focus-view:before{background:radial-gradient(circle,var(--tomato-soft),transparent 68%);width:min(56vw,760px);height:min(56vw,760px);top:14%;left:50%}@supports (color:color-mix(in lab,red,red)){.focus-view:before{background:radial-gradient(circle,color-mix(in srgb,var(--tomato-soft) 42%,transparent),transparent 68%)}}.focus-view:before{transform:translate(-50%)}.focus-view:after{border:1px solid var(--green);width:180px;height:180px;bottom:3%;right:7%}@supports (color:color-mix(in lab,red,red)){.focus-view:after{border:1px solid color-mix(in srgb,var(--green) 12%,transparent)}}.focus-page-meta{justify-content:space-between;align-items:center;gap:24px;width:min(1280px,100%);min-width:0;margin:0 auto;display:flex}.focus-page-meta>div:first-child{flex-direction:column;gap:4px;display:flex}.focus-page-meta>div:first-child span{color:var(--green);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:750;animation:meta-reveal .5s both}.focus-page-meta>div:first-child h1{width:max-content;max-width:min(70vw,720px);color:var(--ink);font-family:var(--sans);letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,50px);font-style:normal;font-weight:690;line-height:1.05;animation:meta-reveal .52s cubic-bezier(.2,.8,.2,1) 60ms both}.focus-meta-actions{align-items:center;gap:16px;display:flex}.share-focus-setup{border:1px solid var(--line);background:var(--surface-strong);border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.share-focus-setup{background:color-mix(in srgb,var(--surface-strong) 82%,transparent)}}.share-focus-setup{color:var(--ink-soft);padding:0 13px;font-size:12px;font-weight:720;transition:all .15s}.share-focus-setup:hover{border-color:var(--line-strong);background:var(--surface-strong);color:var(--ink)}.today-score{border-left:1px solid var(--line-strong);flex-direction:column;align-items:flex-start;gap:2px;padding-left:22px;display:flex}.today-score-main{align-items:baseline;gap:8px;display:flex}.today-score-main>strong{color:var(--tomato);font-family:var(--mono);letter-spacing:-.06em;font-size:36px;font-weight:760;line-height:.9}.today-score-main>span{color:var(--ink);font-size:15px;font-weight:700}.today-score>small{color:var(--ink-faint);margin-top:4px;font-size:13px;font-weight:550}.focus-stage{flex-direction:column;justify-content:center;min-width:0;min-height:0}.focus-stage,.mode-switcher{align-items:center;display:flex}.mode-switcher{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:3px}@supports (color:color-mix(in lab,red,red)){.mode-switcher{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.mode-switcher{padding:5px;box-shadow:0 8px 30px #22221c0a}.mode-switcher button{min-height:40px;color:var(--ink-soft);letter-spacing:-.01em;background:0 0;border:0;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:680;transition:all .15s}.mode-switcher button:hover{color:var(--ink)}.mode-switcher button.active{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #1415122b}.timer-ring{aspect-ratio:1;isolation:isolate;width:min(40vh,390px);min-width:300px;margin:clamp(10px,1.8vh,18px) auto clamp(8px,1.5vh,16px);position:relative}.timer-ring.running:before{z-index:-1;background:var(--tomato-soft);content:"";filter:blur(30px);opacity:.52;border-radius:50%;animation:focus-breathe 3.2s ease-in-out infinite;position:absolute;inset:15%}.timer-ring.running.break:before{background:var(--green-soft)}.timer-dial{width:100%;height:100%;transform:rotate(-90deg)}.timer-dial circle{fill:none;stroke-width:5px}.timer-track{stroke:var(--line)}.timer-progress{stroke:var(--tomato);stroke-linecap:round;transition:stroke-dashoffset .26s linear}.timer-ring.break .timer-progress{stroke:var(--green)}.timer-face{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:9%}.timer-face .karo-mascot{margin-bottom:-3px}.timer-status{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:730}.timer-value{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.08em;background:0 0;border:0;margin:6px 0 3px;font-size:clamp(54px,7vh,72px);font-weight:680;line-height:1}.timer-value:not(:disabled):hover{color:var(--tomato-deep)}.timer-value:disabled{cursor:default}.timer-value-editor{align-items:baseline;gap:6px;margin:6px 0 3px;display:flex}.timer-value-editor input{width:118px;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.08em;text-align:center;background:0 0;border:0;padding:0 2px;font-size:clamp(54px,7vh,72px);font-weight:680;line-height:1}.timer-value-editor span{font-family:var(--mono);text-transform:uppercase;font-weight:700}.timer-hint,.timer-value-editor span{color:var(--ink-faint);font-size:13px}.timer-hint{max-width:210px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timer-controls{justify-content:center;align-items:center;gap:12px;display:flex}.round-control{border-color:var(--line);background:var(--surface-strong);border-radius:50%;width:43px;height:43px}.round-control:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-1px)}.start-control{background:var(--tomato);min-width:164px;height:49px;box-shadow:0 10px 25px var(--tomato);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.start-control{box-shadow:0 10px 25px color-mix(in srgb,var(--tomato) 22%,transparent)}}.start-control{color:#fff;font-size:13px;font-weight:750;transition:all .15s}.start-control:hover{background:var(--tomato-deep);transform:translateY(-2px)}.start-control:active{transform:translateY(0)scale(.98)}.space-hint{color:var(--ink-faint);font-family:var(--mono);margin:8px 0 0;font-size:12px}.focus-command-bar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:min(1000px,100%);min-width:0;max-width:100%;margin:0 auto;padding:0;display:grid}.focus-sound-control,.focus-task-control{border:1px solid var(--line);background:var(--surface);border-radius:17px;flex-direction:column;align-items:stretch;gap:10px;min-width:0;min-height:124px;display:flex}@supports (color:color-mix(in lab,red,red)){.focus-sound-control,.focus-task-control{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.focus-sound-control,.focus-task-control{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:13px}.focus-sound-control{width:100%}.focus-dock-heading{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.focus-dock-heading>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:760;display:inline-flex}.focus-dock-heading>button{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;padding:3px 2px;font-size:12px;font-weight:720;display:inline-flex}.focus-dock-heading>button:hover{color:var(--green)}@supports (color:color-mix(in lab,red,red)){.focus-dock-heading>button:hover{color:color-mix(in srgb,var(--green) 76%,var(--ink))}}.focus-sound-control>span,.focus-task-control>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font-size:12px;font-weight:720;display:inline-flex}.focus-task-control select,.focus-task-control>button{border:1px solid var(--line);background:var(--surface-strong);width:100%;min-width:0;height:35px;color:var(--ink-soft);text-align:left;border-radius:9px;padding:0 10px;font-size:13px}.focus-item-picker{min-width:0;border-color:var(--queue-color)!important;width:100%!important;height:42px!important}@supports (color:color-mix(in lab,red,red)){.focus-item-picker{border-color:color-mix(in srgb,var(--queue-color) 32%,var(--line))!important}}.focus-item-picker{box-shadow:inset 3px 0 var(--queue-color);font-weight:680;color:var(--ink)!important;font-size:14px!important}.focus-task-queue{min-width:0;color:var(--ink-faint);justify-content:flex-start;align-items:center;gap:7px;font-size:12px;display:flex}.focus-task-queue>i{background:var(--queue-color);width:7px;height:7px;box-shadow:0 0 0 3px var(--queue-color);border-radius:50%;flex:none}@supports (color:color-mix(in lab,red,red)){.focus-task-queue>i{box-shadow:0 0 0 3px color-mix(in srgb,var(--queue-color) 13%,transparent)}}.focus-task-queue select{width:auto;max-width:170px;height:29px;color:var(--ink-faint);background:0 0;border:0;padding:0 18px 0 0;font-size:12px}.focus-task-composer{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;display:grid}.focus-task-composer input{border:1px solid var(--green);min-width:0;height:42px}@supports (color:color-mix(in lab,red,red)){.focus-task-composer input{border:1px solid color-mix(in srgb,var(--green) 34%,var(--line))}}.focus-task-composer input{background:var(--surface-strong);color:var(--ink);font:inherit;border-radius:10px;outline:0;padding:0 11px;font-size:14px}.focus-task-composer input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green)}@supports (color:color-mix(in lab,red,red)){.focus-task-composer input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}}.focus-task-composer>button[type=submit]{background:var(--green);color:#fff;border:0;border-radius:10px;align-items:center;gap:5px;height:42px;padding:0 13px;font-weight:750;display:inline-flex}.focus-task-composer>button:disabled{cursor:default;opacity:.48}.focus-task-composer .focus-task-cancel{color:var(--ink-faint);background:0 0;border:0;grid-column:1;justify-self:start;padding:0;font-size:11px}.focus-task-composer small{color:var(--ink-faint);grid-area:2/1/auto/-1;align-self:center;font-size:11px}.focus-task-composer:has(.focus-task-cancel) small{text-align:right;grid-column:2}.command-divider{background:var(--line);width:1px;height:30px}.sound-options{gap:4px;display:flex}.sound-options button{border:1px solid var(--line);background:var(--surface-strong);min-width:35px;height:35px;color:var(--ink-faint);border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;transition:all .15s;display:inline-flex}.sound-options button:hover{border-color:var(--line-strong);color:var(--ink)}.sound-options button.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.sound-options button.active{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}}.sound-options button.active{background:var(--green-soft);color:var(--green)}.environment-player{border:1px solid var(--line);background:var(--surface-strong);width:100%;min-width:0;min-height:66px;box-shadow:0 5px 18px var(--ink);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.environment-player{box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 5%,transparent)}}.environment-player{padding:7px 8px 7px 16px;transition:border-color .15s,box-shadow .15s}.environment-player:hover{border-color:var(--line-strong);box-shadow:0 8px 22px var(--ink)}@supports (color:color-mix(in lab,red,red)){.environment-player:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 8%,transparent)}}.environment-player-actions{align-items:center;gap:4px;display:flex}.environment-skip{width:44px;height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.environment-next-track:hover,.environment-skip:hover{background:var(--paper);color:var(--ink)}.environment-next-track:disabled,.environment-quick-play:disabled,.environment-skip:disabled,.environment-toggle:disabled{cursor:wait;opacity:.72}.environment-quick-play{border:1px solid var(--tomato);flex:none;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.environment-quick-play{border:1px solid color-mix(in srgb,var(--tomato) 36%,var(--line))}}.environment-quick-play{background:var(--tomato);box-shadow:0 5px 16px var(--tomato);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.environment-quick-play{box-shadow:0 5px 16px color-mix(in srgb,var(--tomato) 22%,transparent)}}.environment-quick-play{color:#fff;transition:all .15s}.environment-quick-play.active,.environment-quick-play:hover{background:var(--tomato-deep);transform:translateY(-1px)}.environment-summary{min-width:0;height:44px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:center;gap:9px;padding:0;display:grid}.environment-summary>span{flex-direction:column;min-width:0;display:flex}.environment-summary small,.environment-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.environment-summary strong{color:var(--ink);letter-spacing:-.015em;font-size:16px}.environment-summary small{color:var(--ink-faint);margin-top:4px;font-size:13px}.view{width:min(1180px,100%);margin:0 auto;padding:clamp(42px,6vw,72px) clamp(20px,4vw,48px) 100px;animation:view-in .22s both}.collection-heading,.view-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.collection-heading h1,.view-heading h1{letter-spacing:-.055em;max-width:760px;margin:7px 0 0;font-size:clamp(34px,4vw,50px);font-weight:690;line-height:1.05}.eyebrow,.section-kicker{color:var(--green);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.subheading{max-width:590px;color:var(--ink-soft);margin:10px 0 0;font-size:14px;line-height:1.55}.paper-card{border:1px solid var(--line);background:var(--surface);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.paper-card{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.paper-card{box-shadow:var(--shadow)}.tools-heading{align-items:center}.tools-value-strip{flex-wrap:wrap;align-items:center;gap:8px;margin:-7px 0 8px;display:flex}.tools-value-strip>span{border:1px solid var(--line);background:var(--surface-strong);min-height:30px;color:var(--ink-faint);font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.tools-value-strip>span:first-child{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.tools-value-strip>span:first-child{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}}.tools-value-strip>span:first-child{background:var(--green-soft);color:var(--green)}.tool-launcher kbd,.tools-value-strip kbd{border:1px solid var(--line);background:var(--paper);min-width:20px;color:var(--ink-soft);font-family:var(--mono);text-align:center;border-radius:5px;padding:3px 5px;font-size:11px}.tools-tabs{margin-top:20px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;flex-direction:column;min-width:0;min-height:244px;display:flex}@supports (color:color-mix(in lab,red,red)){.tool-card{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.tool-card{box-shadow:0 8px 24px var(--ink)}@supports (color:color-mix(in lab,red,red)){.tool-card{box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 3%,transparent)}}.tool-card{padding:18px;transition:all .16s}.tool-card:hover{border-color:var(--line-strong);box-shadow:0 14px 32px var(--ink)}@supports (color:color-mix(in lab,red,red)){.tool-card:hover{box-shadow:0 14px 32px color-mix(in srgb,var(--ink) 6%,transparent)}}.tool-card:hover{transform:translateY(-2px)}.tool-card.installed{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.tool-card.installed{border-color:color-mix(in srgb,var(--green) 25%,var(--line))}}.tool-card-top{align-items:center;gap:8px;min-width:0;display:flex}.tool-card-icon,.tool-modal-icon{border-radius:13px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex}.tool-card-icon.tomato,.tool-modal-icon.tomato{background:var(--tomato-soft);color:var(--tomato-deep)}.tool-card-icon.green,.tool-modal-icon.green{background:var(--green-soft);color:var(--green)}.tool-card-icon.blue,.tool-modal-icon.blue{color:#4d7691;background:#e2edf2}.tool-card-icon.amber,.tool-modal-icon.amber{color:#9b7424;background:#f4ead3}.tool-card-icon.violet,.tool-modal-icon.violet{color:#665a82;background:#ede9f3}.tool-card-top>em{color:var(--ink-faint);text-transform:uppercase;font-size:12px}.tool-card-top>em,.tool-card-top>i{font-family:var(--mono);font-style:normal}.tool-card-top>i{background:var(--green-soft);color:var(--green);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:4px 7px;font-size:11px;display:inline-flex}.tool-card.custom .tool-card-top>i{color:#665a82;background:#ede9f3}.tool-card h2{letter-spacing:-.04em;margin:20px 0 7px;font-size:20px;font-weight:690}.tool-card>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.6}.tool-card-actions{align-items:center;gap:7px;margin-top:auto;padding-top:18px;display:flex}.tool-card-actions button{border:1px solid var(--line);background:var(--paper);min-height:35px;color:var(--ink-soft);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.tool-card-actions .install,.tool-card-actions .open{border-color:var(--ink);background:var(--ink);color:var(--paper);flex:1}.tool-card-actions .install{border-color:var(--green);background:var(--green-soft);color:var(--green)}.tools-empty{border:1px dashed var(--line-strong);background:var(--surface);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}@supports (color:color-mix(in lab,red,red)){.tools-empty{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.tools-empty{color:var(--ink-faint);text-align:center}.tools-empty strong{color:var(--ink);margin-top:13px;font-size:17px}.tools-empty span{margin-top:5px;font-size:13px}.tools-empty button{background:var(--ink);color:var(--paper);border-radius:9px;margin-top:17px;padding:9px 12px;font-size:12px;font-weight:700}.plugin-lab{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;margin-top:20px;overflow:hidden}.plugin-lab.open{border-color:#665a82}@supports (color:color-mix(in lab,red,red)){.plugin-lab.open{border-color:color-mix(in srgb,#665a82 30%,var(--line))}}.plugin-lab-heading{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 17px;display:grid}.plugin-lab-heading>span{color:#665a82;background:#ede9f3;border-radius:11px;justify-content:center;align-items:center;width:37px;height:37px;display:inline-flex}.plugin-lab-heading>i{flex-direction:column;min-width:0;font-style:normal;display:flex}.plugin-lab-heading strong{font-size:13px}.plugin-lab-heading small{color:var(--ink-faint);margin-top:2px;font-size:12px}.plugin-lab-heading>em{color:#665a82;font-family:var(--mono);font-size:12px;font-style:normal}.plugin-lab-body{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:19px;display:grid}.plugin-lab-body h3{margin:0;font-size:15px}.plugin-lab-body p{max-width:660px;color:var(--ink-soft);margin:6px 0 0;font-size:12px;line-height:1.6}.plugin-lab-actions{gap:7px;display:flex}.plugin-lab-actions button{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--ink-soft);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.plugin-lab-actions button.primary{color:#fff;background:#665a82;border-color:#665a82}.plugin-lab-error{background:var(--tomato-soft);border-radius:8px;grid-column:1/-1;padding:9px 10px;color:var(--tomato-deep)!important;margin-top:-9px!important}.tool-launcher-backdrop,.tool-modal-backdrop{z-index:130;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.tool-launcher-backdrop,.tool-modal-backdrop{background:color-mix(in srgb,var(--paper) 82%,transparent)}}.tool-launcher-backdrop,.tool-modal-backdrop{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:22px;animation:fade-in .15s}.tool-modal{border:1px solid var(--line);background:var(--surface-strong);width:min(840px,100%);max-height:calc(100svh - 44px);box-shadow:var(--shadow-large);border-radius:23px;flex-direction:column;animation:modal-in .2s;display:flex;overflow:hidden}.tool-modal-heading{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 20px;display:grid}.tool-modal-heading>div{flex-direction:column;min-width:0;display:flex}.tool-modal-heading>div>span{color:var(--green);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.tool-modal-heading h2{letter-spacing:-.04em;margin:3px 0 0;font-size:20px}.tool-modal-heading p{color:var(--ink-faint);margin:3px 0 0;font-size:12px}.tool-modal-heading>button{border:1px solid var(--line);background:var(--paper);width:37px;height:37px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tool-modal-body{padding:24px;overflow-y:auto}.tool-modal-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 20px;display:flex}.tool-modal-footer span{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.tool-modal-footer button{background:var(--ink);color:var(--paper);border-radius:9px;padding:9px 14px;font-size:12px;font-weight:700}.tool-split-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:20px;display:grid}.tool-field{flex-direction:column;gap:7px;min-width:0;display:flex}.tool-field>span,.tool-range>span{color:var(--ink-soft);font-size:12px;font-weight:700}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);resize:vertical;border-radius:11px;outline:none;padding:11px 12px;font-size:13px;line-height:1.55}.tool-field input,.tool-field select{min-height:43px}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--line);background:var(--surface);box-shadow:0 7px 22px var(--ink)}@supports (color:color-mix(in lab,red,red)){.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{box-shadow:0 7px 22px color-mix(in srgb,var(--ink) 5%,transparent)}}.tool-primary,.tool-secondary{border:1px solid var(--ink);background:var(--ink);min-height:40px;color:var(--paper);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.tool-secondary{border-color:var(--line);background:var(--paper);color:var(--ink-soft)}.tool-primary:disabled,.tool-secondary:disabled{cursor:default;opacity:.45}.qr-result{border:1px solid var(--line);background:var(--paper);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:17px;display:flex}.qr-canvas{background:#fff;border-radius:12px;max-width:100%;padding:8px;display:inline-flex}.qr-canvas svg{width:min(220px,100%);height:auto}.qr-result .tool-primary{width:100%;margin-top:13px}.qr-result small{color:var(--ink-faint);margin-top:8px;font-size:11px}.tool-calculator{flex-direction:column;gap:18px;display:flex}.tool-field-grid{gap:12px;display:grid}.tool-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-number{border:1px solid var(--line);background:var(--paper);border-radius:11px;align-items:center;min-height:43px;display:flex}.tool-number input{background:0 0;border:0;box-shadow:none!important}.tool-number i{color:var(--ink-faint);padding-left:12px;font-size:13px;font-style:normal}.tool-number.suffix i{padding-left:0;padding-right:12px}.tool-result-card{border:1px solid var(--green)}@supports (color:color-mix(in lab,red,red)){.tool-result-card{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}}.tool-result-card{background:var(--green-soft);border-radius:14px;padding:17px}.bill-result{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.bill-result>div:first-child{flex-direction:column;display:flex}.bill-result span,.converter-result span{color:var(--green);font-family:var(--mono);text-transform:uppercase;font-size:12px}.bill-result strong{letter-spacing:-.055em;margin-top:4px;font-size:38px}.bill-result dl{gap:18px;margin:0;display:flex}.bill-result dl>div{flex-direction:column;gap:4px;display:flex}.bill-result dt{color:var(--ink-faint);font-size:12px}.bill-result dd{color:var(--ink);margin:0;font-size:14px;font-weight:700}.bill-result .tool-secondary{grid-column:1/-1;width:max-content}.tool-choice-row{gap:6px;display:flex}.tool-choice-row.wrap{flex-wrap:wrap}.tool-choice-row button{border:1px solid var(--line);background:var(--paper);min-height:35px;color:var(--ink-faint);text-transform:capitalize;border-radius:9px;padding:0 11px;font-size:12px;font-weight:700}.tool-choice-row button.active,.tool-choice-row button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.converter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.converter-equals{height:43px;color:var(--ink-faint);align-items:center;font-size:17px;display:inline-flex}.converter-result{flex-direction:column;justify-content:center;min-height:70px;display:flex}.converter-result strong{letter-spacing:-.04em;text-overflow:ellipsis;margin-top:4px;font-size:22px;overflow:hidden}.picker-result{border:1px solid var(--line);background:var(--paper);min-height:260px;color:var(--ink-faint);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.picker-result.has-pick{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.picker-result.has-pick{border-color:color-mix(in srgb,var(--tomato) 28%,var(--line))}}.picker-result.has-pick{background:var(--tomato-soft);color:var(--tomato)}.picker-result>span{font-family:var(--mono);text-transform:uppercase;margin-top:10px;font-size:12px}.picker-result>strong{max-width:100%;color:var(--ink);letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:6px;font-size:25px}.picker-result .tool-primary{margin-top:20px}.password-tool{flex-direction:column;gap:17px;max-width:610px;margin:0 auto;display:flex}.password-output{border:1px solid #665a82;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.password-output{border:1px solid color-mix(in srgb,#665a82 28%,var(--line))}}.password-output{background:#ede9f3;border-radius:13px;padding:14px}.password-output code{color:#554873;letter-spacing:.04em;font-size:16px;font-weight:700;overflow-x:auto}.password-output button{color:#665a82;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.tool-range{flex-direction:column;gap:9px;display:flex}.tool-range>span{justify-content:space-between;display:flex}.tool-range input{accent-color:#665a82}.tool-check-row{gap:8px;display:flex}.tool-check-row button{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--ink-soft);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:12px;display:inline-flex}.tool-check-row button>span{border:1px solid var(--line-strong);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.tool-check-row button.active{border-color:#665a82}@supports (color:color-mix(in lab,red,red)){.tool-check-row button.active{border-color:color-mix(in srgb,#665a82 32%,var(--line))}}.tool-check-row button.active{color:#665a82;background:#ede9f3}.tool-note{color:var(--ink-faint);text-align:center;margin:-6px 0 0;font-size:12px;line-height:1.5}.custom-tool-form,.link-cleaner-tool,.text-tool{flex-direction:column;gap:15px;display:flex}.text-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.output-field textarea{background:var(--surface)}.output-field.has-error textarea{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.output-field.has-error textarea{border-color:color-mix(in srgb,var(--tomato) 35%,var(--line))}}.output-field.has-error textarea{background:var(--tomato-soft);color:var(--tomato-deep)}.link-result{border-color:var(--line);background:var(--paper);min-height:86px;color:var(--ink-faint);align-items:flex-start;gap:10px;display:flex}.link-result.ready{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.link-result.ready{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}}.link-result.ready{background:var(--green-soft);color:var(--green)}.link-result>div{flex-direction:column;gap:6px;min-width:0;display:flex}.link-result span{font-size:12px}.link-result strong{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.55}.custom-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.custom-tool-fields .tool-field:has(textarea){grid-column:1/-1}.custom-tool-output{border:1px solid var(--green)}@supports (color:color-mix(in lab,red,red)){.custom-tool-output{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}}.custom-tool-output{background:var(--green-soft);border-radius:13px;padding:14px}.custom-tool-output.error{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.custom-tool-output.error{border-color:color-mix(in srgb,var(--tomato) 32%,var(--line))}}.custom-tool-output.error{background:var(--tomato-soft)}.custom-tool-output>span{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;font-size:12px}.custom-tool-output pre{color:var(--ink);font-family:var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;font-size:13px;line-height:1.6}.custom-tool-output .tool-secondary{margin-top:12px}.tool-launcher-backdrop{z-index:140;align-items:flex-start;padding-top:min(16vh,150px)}.tool-launcher{border:1px solid var(--line);background:var(--surface-strong);width:min(650px,100%);box-shadow:var(--shadow-large);border-radius:18px;animation:modal-in .17s;overflow:hidden}.tool-launcher-search{border-bottom:1px solid var(--line);color:var(--ink-faint);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 15px;display:grid}.tool-launcher-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.tool-launcher-search>button{background:var(--paper);width:31px;height:31px;color:var(--ink-faint);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tool-launcher-list{flex-direction:column;gap:8px;max-height:min(500px,62vh);padding:7px;display:flex;overflow-y:auto}.command-palette-group{flex-direction:column;gap:3px;display:flex}.command-palette-group>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;padding:6px 9px 3px;font-size:9px;font-weight:700}.command-palette-group>button{color:var(--ink);text-align:left;background:0 0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;display:grid}.command-palette-group>button.active,.command-palette-group>button:hover{background:var(--paper)}.command-palette-group>button.active{box-shadow:inset 0 0 0 1px var(--line)}.tool-launcher-list .tool-card-icon{border-radius:10px;width:37px;height:37px}.tool-launcher-list i{flex-direction:column;min-width:0;font-style:normal;display:flex}.tool-launcher-list strong{font-size:13px}.tool-launcher-list small{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.tool-launcher-list em{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-style:normal}.tool-launcher-empty{min-height:130px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;font-size:13px;display:flex}.tool-launcher-empty>svg{color:var(--green);margin-bottom:10px}.tool-launcher-empty small{white-space:normal;margin-top:5px}.tool-launcher-empty button{color:var(--green);margin-top:9px;font-size:12px;font-weight:700}.tool-launcher>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:45px;padding:0 13px;display:flex}.tool-launcher>footer>span,.tool-launcher>footer>strong{color:var(--ink-faint);align-items:center;gap:4px;font-size:12px;display:inline-flex}.tool-launcher>footer>strong{font-weight:700}.play-heading,.play-return{align-items:center}.play-return{border:1px solid var(--line);background:var(--surface-strong);min-height:43px;color:var(--ink-soft);white-space:nowrap;border-radius:11px;justify-content:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.play-return:hover{border-color:var(--tomato);color:var(--tomato-deep);transform:translateY(-1px)}.play-welcome{background:radial-gradient(circle at 8% 50%,var(--tomato-soft),transparent 10rem),var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-bottom:16px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.play-welcome{background:radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--tomato-soft) 70%,transparent),transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-welcome{padding:14px 24px}.play-welcome>div{flex-direction:column;min-width:0;display:flex}.play-welcome strong{letter-spacing:-.03em;margin-top:5px;font-size:18px;font-weight:690}.play-welcome p{max-width:680px;color:var(--ink-soft);margin:5px 0 0;font-size:13px;line-height:1.55}.play-grid{align-items:start}.play-grid,.play-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.play-launch-card{background:radial-gradient(circle at 9% 50%,var(--tomato-soft),transparent 10rem),var(--surface);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;min-width:0;min-height:220px;display:grid}@supports (color:color-mix(in lab,red,red)){.play-launch-card{background:radial-gradient(circle at 9% 50%,color-mix(in srgb,var(--tomato-soft) 62%,transparent),transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-launch-card{color:var(--ink);text-align:left;padding:22px;transition:all .18s}.play-launch-card.green{background:radial-gradient(circle at 9% 50%,var(--green-soft),transparent 10rem),var(--surface)}@supports (color:color-mix(in lab,red,red)){.play-launch-card.green{background:radial-gradient(circle at 9% 50%,color-mix(in srgb,var(--green-soft) 78%,transparent),transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-launch-card.space{background:radial-gradient(circle at 9% 50%,#b4d5db75,transparent 10rem),var(--surface)}@supports (color:color-mix(in lab,red,red)){.play-launch-card.space{background:radial-gradient(circle at 9% 50%,#b4d5db75,transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-launch-card.garden{background:radial-gradient(circle at 9% 50%,#e9cf7961,transparent 10rem),var(--surface)}@supports (color:color-mix(in lab,red,red)){.play-launch-card.garden{background:radial-gradient(circle at 9% 50%,#e9cf7961,transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-launch-card.sudoku{background:radial-gradient(circle at 9% 50%,#cfc7df7a,transparent 10rem),var(--surface);grid-column:1/-1;min-height:200px}@supports (color:color-mix(in lab,red,red)){.play-launch-card.sudoku{background:radial-gradient(circle at 9% 50%,#cfc7df7a,transparent 10rem),color-mix(in srgb,var(--surface) 94%,transparent)}}.play-launch-card:hover{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.play-launch-card:hover{border-color:color-mix(in srgb,var(--tomato) 42%,var(--line))}}.play-launch-card:hover{box-shadow:0 18px 44px var(--tomato)}@supports (color:color-mix(in lab,red,red)){.play-launch-card:hover{box-shadow:0 18px 44px color-mix(in srgb,var(--tomato) 10%,transparent)}}.play-launch-card:hover{transform:translateY(-3px)}.play-launch-card.green:hover{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.play-launch-card.green:hover{border-color:color-mix(in srgb,var(--green) 48%,var(--line))}}.play-launch-card.green:hover{box-shadow:0 18px 44px var(--green)}@supports (color:color-mix(in lab,red,red)){.play-launch-card.green:hover{box-shadow:0 18px 44px color-mix(in srgb,var(--green) 10%,transparent)}}.play-launch-card.space:hover{border-color:#4d7691}@supports (color:color-mix(in lab,red,red)){.play-launch-card.space:hover{border-color:color-mix(in srgb,#4d7691 48%,var(--line))}}.play-launch-card.space:hover{box-shadow:0 18px 44px #4d76911a}.play-launch-card.garden:hover{border-color:#ad8529}@supports (color:color-mix(in lab,red,red)){.play-launch-card.garden:hover{border-color:color-mix(in srgb,#ad8529 48%,var(--line))}}.play-launch-card.garden:hover{box-shadow:0 18px 44px #ad85291a}.play-launch-card.sudoku:hover{border-color:#665a82}@supports (color:color-mix(in lab,red,red)){.play-launch-card.sudoku:hover{border-color:color-mix(in srgb,#665a82 46%,var(--line))}}.play-launch-card.sudoku:hover{box-shadow:0 18px 44px #665a821a}.play-launch-preview{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-strong);border-radius:20px;flex:none;width:150px;display:grid}@supports (color:color-mix(in lab,red,red)){.play-launch-preview{background:color-mix(in srgb,var(--surface-strong) 76%,transparent)}}.play-launch-preview{box-shadow:inset 0 0 0 5px var(--paper)}@supports (color:color-mix(in lab,red,red)){.play-launch-preview{box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--paper) 62%,transparent)}}.play-launch-preview{padding:16px}.memory-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.memory-preview i{border:1px solid var(--tomato)}@supports (color:color-mix(in lab,red,red)){.memory-preview i{border:1px solid color-mix(in srgb,var(--tomato) 20%,var(--line))}}.memory-preview i{background:var(--tomato-soft);border-radius:6px}.memory-preview i.found{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.memory-preview i.found{border-color:color-mix(in srgb,var(--green) 30%,var(--line))}}.memory-preview i.found{background:var(--green-soft)}.three-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.three-preview i{border:1px solid var(--line);background:var(--paper);border-radius:8px;position:relative}.three-preview i.leaf:after,.three-preview i.tomato:after{content:"";position:absolute;inset:26%}.garden-preview,.orbit-preview{padding:0;display:block;position:relative;overflow:hidden}.orbit-preview{border-color:#8bb9c3}@supports (color:color-mix(in lab,red,red)){.orbit-preview{border-color:color-mix(in srgb,#8bb9c3 30%,var(--line))}}.orbit-preview{background:radial-gradient(circle at 78% 20%,#efbc4d2e,#0000 28%),#172522;box-shadow:inset 0 0 0 5px #ffffff0a}.orbit-star{background:#f6f1e0;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:20px 27px #f6f1e073,64px 10px #f6f1e099,91px 40px #f6f1e061}.orbit-star.one{top:20px;left:24px}.orbit-star.two{top:63px;left:18px}.orbit-star.three{top:82px;left:83px}.orbit-meteor{background:#657786;border-radius:50%;width:30px;height:30px;position:absolute;top:34px;right:25px;box-shadow:inset 7px 5px #2d39404d}.orbit-seed{background:#f2bd4f;border-radius:4px;width:4px;height:14px;position:absolute;bottom:61px;left:calc(50% - 2px);box-shadow:0 -20px #f2bd4f75}.orbit-karo{background:var(--tomato);border-radius:48% 48% 45% 45%;width:44px;height:40px;position:absolute;bottom:17px;left:calc(50% - 22px);box-shadow:0 7px 14px #0000002e}.orbit-karo:before{background:var(--green);content:"";border-radius:80% 12% 70% 15%;width:20px;height:12px;position:absolute;top:-9px;left:16px;transform:rotate(-18deg)}.orbit-karo b{background:#3a302a;border-radius:50%;width:4px;height:4px;position:absolute;top:16px}.orbit-karo b:first-child{left:12px}.orbit-karo b:last-child{right:12px}.garden-preview{background:linear-gradient(#edf5e9 0 72%,#d7e7ce 72% 100%)}.garden-preview>i{background:#a0d2bb80;border:2px solid #6caa85;border-radius:50%;width:28px;height:28px;position:absolute}.garden-preview>i:first-child{top:16px;left:24px}.garden-preview>i:nth-child(2){width:22px;height:22px;top:56px;right:20px}.garden-preview>i:nth-child(3){top:18px;right:35px}.garden-preview>i:nth-child(4){width:18px;height:18px;top:70px;left:17px}.garden-preview>i:nth-child(5){width:24px;height:24px;top:49px;left:58px}.garden-preview>i.sun{background:#f2bd4f;border-color:#df9d2e;box-shadow:0 0 0 5px #f2bd4f2b}.sudoku-preview{background:#ede9f3;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}@supports (color:color-mix(in lab,red,red)){.sudoku-preview{background:color-mix(in srgb,#ede9f3 72%,var(--paper))}}.sudoku-preview{padding:17px}.sudoku-preview i{border:1px solid #665a82;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sudoku-preview i{border:1px solid color-mix(in srgb,#665a82 26%,var(--line))}}.sudoku-preview i{background:var(--surface-strong);color:#665a82;font-family:var(--mono);border-radius:7px;font-size:14px;font-style:normal;font-weight:750}.three-preview i.tomato:after{background:var(--tomato);border-radius:50%}.three-preview i.leaf:after{background:var(--green);border-radius:70% 20%;transform:rotate(-18deg)}.play-launch-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.play-launch-copy>strong{letter-spacing:-.045em;margin-top:8px;font-size:23px;font-weight:700}.play-launch-copy>small{color:var(--ink-soft);margin-top:8px;font-size:13px;line-height:1.55}.play-launch-action{color:var(--tomato);align-items:center;gap:6px;margin-top:22px;font-size:12px;font-weight:750;display:inline-flex}.play-launch-card.green .play-launch-action{color:var(--green)}.play-launch-card.space .play-launch-action{color:#4d7691}.play-launch-card.garden .play-launch-action{color:#9b7424}.play-launch-card.sudoku .play-launch-action{color:#665a82}.play-launch-action svg{transition:transform .16s}.play-launch-card:hover .play-launch-action svg{transform:translate(3px)}.play-modal-backdrop{z-index:120;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.play-modal-backdrop{background:color-mix(in srgb,var(--paper) 84%,transparent)}}.play-modal-backdrop{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:22px;animation:fade-in .17s}.play-modal{border:1px solid var(--line);background:radial-gradient(circle at 88% 8%,var(--tomato-soft),transparent 18rem),var(--surface-strong);border-radius:25px;flex-direction:column;width:min(690px,100%);max-height:calc(100svh - 44px);display:flex;overflow:hidden auto}@supports (color:color-mix(in lab,red,red)){.play-modal{background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--tomato-soft) 46%,transparent),transparent 18rem),var(--surface-strong)}}.play-modal{box-shadow:var(--shadow-large);padding:20px;animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}.play-modal.arcade{width:min(920px,100%)}.play-modal.sudoku{width:min(880px,100%)}.play-modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:0 0 15px;display:flex}.play-modal-heading>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.play-modal-heading>button{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.play-modal-heading>button:hover{border-color:var(--line-strong);color:var(--ink)}.play-modal-card{width:100%;padding:22px 10px 4px}.play-modal-card .memory-board{max-width:570px;margin-left:auto;margin-right:auto}.play-modal-note{color:var(--ink-faint);text-align:center;margin:7px 10px 0;font-size:12px;line-height:1.5}.arcade-game{width:100%;padding:18px 4px 2px}.arcade-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.arcade-game.garden .arcade-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-hud>span{border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:48px;padding:0 13px;display:flex}.arcade-hud small{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;font-size:12px;font-weight:700}.arcade-hud strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:720;overflow:hidden}.arcade-game.orbit .arcade-hud>span:nth-child(3) strong{color:var(--tomato);letter-spacing:.08em;font-size:14px}.arcade-stage{aspect-ratio:8/5;border:1px solid var(--line);background:#172522;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff0d}.arcade-game.garden .arcade-stage{background:#edf5e9}.arcade-stage canvas{touch-action:none;outline:0;display:block;width:100%!important;height:100%!important}.arcade-overlay{color:#f6f1e0;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#172522b8;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex;position:absolute;inset:0}.arcade-game.garden .arcade-overlay{color:var(--ink);background:#edf5e9d1}.arcade-overlay.result{flex-direction:column}.arcade-overlay.result>strong{letter-spacing:-.04em;font-size:26px}.arcade-overlay.result>span{color:currentColor;font-family:var(--mono);opacity:.7;font-size:13px}.arcade-overlay button{background:var(--tomato);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;margin-top:7px;padding:0 15px;font-size:12px;font-weight:750;display:inline-flex}.arcade-loader{border:2px solid #ffffff3d;border-top-color:currentcolor;border-radius:50%;width:15px;height:15px;animation:arcade-spin .7s linear infinite}.arcade-controls{grid-template-columns:48px minmax(110px,150px) 48px minmax(0,1fr);justify-content:center;align-items:center;gap:8px;margin-top:12px;display:grid}.arcade-controls.garden{justify-content:center;display:flex}.arcade-controls.garden p{text-align:center;margin-left:0}.arcade-controls>button{border:1px solid var(--line);background:var(--paper);min-height:43px;color:var(--ink-soft);touch-action:manipulation;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.arcade-controls>button:active{background:var(--tomato-soft);color:var(--tomato-deep);transform:translateY(1px)}.arcade-controls>.arcade-action{border-color:var(--tomato);background:var(--tomato);color:#fff}.arcade-game.garden .arcade-controls>.arcade-action{border-color:var(--green);background:var(--green)}.arcade-controls p{color:var(--ink-faint);margin:0 0 0 6px;font-size:12px;line-height:1.45}.sudoku-loading{min-height:430px;color:var(--ink-faint);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.sudoku-loading .arcade-loader{border-color:#665a82 #665a8233 #665a8233}.sudoku-game{width:100%;padding:18px 4px 2px}.sudoku-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.sudoku-difficulties{border:1px solid var(--line);background:var(--paper);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.sudoku-difficulties button{min-width:76px;min-height:36px;color:var(--ink-faint);text-transform:capitalize;border-radius:8px;font-size:12px;font-weight:750}.sudoku-difficulties button.active{color:#fff;background:#665a82;box-shadow:0 6px 14px #43375e2e}.sudoku-meta{gap:6px;display:inline-flex}.sudoku-meta>span{border-left:1px solid var(--line);flex-direction:column;gap:2px;min-width:72px;padding-left:11px;display:flex}.sudoku-meta small{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:700}.sudoku-meta strong{color:var(--ink);font-size:14px;font-weight:720}.sudoku-layout{grid-template-columns:minmax(0,520px) minmax(190px,1fr);align-items:start;gap:20px;display:grid}.sudoku-board{border:2px solid var(--ink);grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.sudoku-board{border:2px solid color-mix(in srgb,var(--ink) 64%,var(--line))}}.sudoku-board{background:var(--ink);border-radius:15px}@supports (color:color-mix(in lab,red,red)){.sudoku-board{background:color-mix(in srgb,var(--ink) 44%,var(--line))}}.sudoku-board>button{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-strong);color:#665a82;justify-content:center;align-items:center;min-width:0;font-size:clamp(15px,2.1vw,24px);font-weight:620;transition:background .11s,color .11s;display:inline-flex;position:relative}.sudoku-board>button:nth-child(9n+4),.sudoku-board>button:nth-child(9n+7){border-left:2px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.sudoku-board>button:nth-child(9n+4),.sudoku-board>button:nth-child(9n+7){border-left:2px solid color-mix(in srgb,var(--ink) 64%,var(--line))}}.sudoku-board>button:nth-child(n+28):nth-child(-n+36),.sudoku-board>button:nth-child(n+55):nth-child(-n+63){border-top:2px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.sudoku-board>button:nth-child(n+28):nth-child(-n+36),.sudoku-board>button:nth-child(n+55):nth-child(-n+63){border-top:2px solid color-mix(in srgb,var(--ink) 64%,var(--line))}}.sudoku-board>button.fixed{color:var(--ink);font-weight:760}.sudoku-board>button.related{background:#ede9f3}@supports (color:color-mix(in lab,red,red)){.sudoku-board>button.related{background:color-mix(in srgb,#ede9f3 70%,var(--surface-strong))}}.sudoku-board>button.matching{background:#d8d0e7}@supports (color:color-mix(in lab,red,red)){.sudoku-board>button.matching{background:color-mix(in srgb,#d8d0e7 72%,var(--surface-strong))}}.sudoku-board>button.matching{color:#554873}.sudoku-board>button.selected{z-index:2;color:#fff;background:#665a82;box-shadow:inset 0 0 0 2px #ffffff57}.sudoku-board>button.wrong{background:var(--tomato-soft)}@supports (color:color-mix(in lab,red,red)){.sudoku-board>button.wrong{background:color-mix(in srgb,var(--tomato-soft) 72%,var(--surface-strong))}}.sudoku-board>button.wrong{color:var(--tomato-deep)}.sudoku-board>button.hinted:not(.selected){color:var(--green)}.sudoku-notes{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:3px}.sudoku-notes i{color:#665a82;font-family:var(--mono);font-size:clamp(5px,.75vw,8px);font-style:normal;font-weight:650}.sudoku-controls{flex-direction:column;gap:10px;display:flex}.sudoku-number-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.sudoku-number-pad button{aspect-ratio:1.25;border:1px solid #665a82;justify-content:center;align-items:center;min-width:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sudoku-number-pad button{border:1px solid color-mix(in srgb,#665a82 22%,var(--line))}}.sudoku-number-pad button{background:#ede9f3;border-radius:10px}@supports (color:color-mix(in lab,red,red)){.sudoku-number-pad button{background:color-mix(in srgb,#ede9f3 44%,var(--surface-strong))}}.sudoku-number-pad button{color:#665a82;font-size:18px;font-weight:720}.sudoku-number-pad button:hover{color:#fff;background:#665a82;border-color:#665a82}.sudoku-tools{grid-template-columns:1fr;gap:6px;display:grid}.sudoku-new,.sudoku-tools button{border:1px solid var(--line);background:var(--paper);min-height:39px;color:var(--ink-soft);border-radius:10px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.sudoku-tools button small{color:var(--ink-faint);font-family:var(--mono);margin-left:auto;font-size:11px}.sudoku-tools button.active{border-color:#665a82}@supports (color:color-mix(in lab,red,red)){.sudoku-tools button.active{border-color:color-mix(in srgb,#665a82 45%,var(--line))}}.sudoku-tools button.active{background:#ede9f3}@supports (color:color-mix(in lab,red,red)){.sudoku-tools button.active{background:color-mix(in srgb,#ede9f3 68%,var(--paper))}}.sudoku-tools button.active{color:#665a82}.sudoku-new{justify-content:center;margin-top:3px}.sudoku-complete{border:1px solid var(--green);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;display:grid}@supports (color:color-mix(in lab,red,red)){.sudoku-complete{border:1px solid color-mix(in srgb,var(--green) 38%,var(--line))}}.sudoku-complete{background:var(--green-soft);color:var(--green);border-radius:13px;padding:11px 13px}.sudoku-complete>div{flex-direction:column;gap:2px;display:flex}.sudoku-complete strong{color:var(--ink);font-size:14px}.sudoku-complete span{color:var(--ink-soft);font-size:12px}.sudoku-complete button{background:var(--green);color:#fff;border-radius:9px;min-height:34px;padding:0 11px;font-size:12px;font-weight:750}.play-card{min-width:0;padding:24px}.play-card-heading,.play-card-heading>div{align-items:center;display:flex}.play-card-heading{justify-content:space-between;gap:14px}.play-card-heading>div{gap:11px;min-width:0}.play-card-heading>div>div{flex-direction:column;min-width:0;display:flex}.play-game-icon{background:var(--tomato-soft);width:43px;height:43px;color:var(--tomato-deep);border-radius:13px;flex:none;justify-content:center;align-items:center;display:inline-flex}.play-game-icon.green{background:var(--green-soft);color:var(--green)}.play-card h2{letter-spacing:-.04em;margin:4px 0 0;font-size:20px;font-weight:690}.play-score{background:var(--paper);color:var(--ink-faint);font-family:var(--mono);border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:700}.play-instruction{min-height:34px;color:var(--ink-soft);margin:15px 0 17px;font-size:13px;line-height:1.55}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.memory-card{aspect-ratio:1;border:1px solid var(--tomato);justify-content:center;align-items:center;min-width:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.memory-card{border:1px solid color-mix(in srgb,var(--tomato) 16%,var(--line))}}.memory-card{background:var(--tomato-soft);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.memory-card{background:color-mix(in srgb,var(--tomato-soft) 42%,var(--paper))}}.memory-card{color:var(--tomato);transition:all .17s}.memory-card:not(:disabled):hover{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.memory-card:not(:disabled):hover{border-color:color-mix(in srgb,var(--tomato) 52%,var(--line))}}.memory-card:not(:disabled):hover{transform:translateY(-2px)}.memory-card>span,.tomato-piece{justify-content:center;align-items:center;gap:3px;display:inline-flex}.memory-card>span i,.tomato-piece i{background:currentColor;border-radius:50%;width:5px;height:5px}.memory-card.revealed{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.memory-card.revealed{border-color:color-mix(in srgb,var(--green) 32%,var(--line))}}.memory-card.revealed{background:var(--surface-strong);color:var(--green);transform:translateY(-2px)}.memory-card.revealed:nth-child(3n+2){color:#4d7691}.memory-card.revealed:nth-child(3n){color:var(--tomato)}.memory-card.matched{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.memory-card.matched{border-color:color-mix(in srgb,var(--green) 38%,var(--line))}}.memory-card.matched{background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}@supports (color:color-mix(in lab,red,red)){.memory-card.matched{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 8%,transparent)}}.three-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(330px,100%);margin:0 auto;display:grid}.three-board button{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);color:var(--tomato);border-radius:15px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.three-board button:not(:disabled):hover{border-color:var(--tomato);background:var(--tomato-soft);transform:translateY(-2px)}.three-board button.filled{background:var(--surface-strong)}.three-board button.winning{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.three-board button.winning{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}}.three-board button.winning{background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}@supports (color:color-mix(in lab,red,red)){.three-board button.winning{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 12%,transparent)}}.tomato-piece{background:var(--tomato);color:#ffffffb3;border-radius:50%;width:38px;height:38px}.tomato-piece i{width:4px;height:4px}.leaf-piece{color:var(--green);fill:var(--green-soft)}@supports (color:color-mix(in lab,red,red)){.leaf-piece{fill:color-mix(in srgb,var(--green-soft) 70%,transparent)}}.play-result{border-top:1px solid var(--line);min-height:55px;color:var(--ink-faint);justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:15px;font-size:12px;display:flex}.play-result.complete{color:var(--green);font-weight:700}.play-result button{border:1px solid var(--line);background:var(--surface-strong);min-height:32px;color:var(--ink-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.play-result button:hover{border-color:var(--line-strong);color:var(--ink)}.collection-search{border:1px solid var(--line);background:var(--surface);width:min(260px,100%);height:42px;color:var(--ink-faint);border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.collection-search:focus-within{background:var(--surface-strong);box-shadow:0 8px 24px var(--ink)}@supports (color:color-mix(in lab,red,red)){.collection-search:focus-within{box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent)}}.collection-search input{background:0 0;border:0;flex:1;min-width:0;font-size:13px}.collection-shell{padding:24px;overflow:hidden}.queue-shell{overflow:visible}.task-composer{border:1px solid var(--line);background:var(--paper);border-radius:13px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;padding:7px 7px 7px 13px;transition:all .15s;display:grid}.task-composer:focus-within{background:var(--surface-strong);box-shadow:0 8px 24px var(--ink)}@supports (color:color-mix(in lab,red,red)){.task-composer:focus-within{box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent)}}.task-composer>svg{color:var(--ink-faint)}.task-composer input{background:0 0;border:0;min-width:0;font-size:14px}.note-card-head select,.note-composer select,.task-composer select,.task-group-select{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink-soft);border-radius:8px;padding:7px 9px;font-size:12px}.note-composer>div>button,.task-composer>button{background:var(--ink);color:var(--paper);border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.collection-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:5px;margin:22px 0 14px;display:flex;overflow-x:auto}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs button{color:var(--ink-faint);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:10px 11px 9px;font-size:13px;font-weight:650;display:inline-flex}.collection-tabs button span{background:var(--paper-deep);min-width:18px;font-family:var(--mono);text-align:center;border-radius:999px;padding:2px 5px;font-size:11px}.collection-tabs button:hover{color:var(--ink)}.collection-tabs button.active{border-bottom-color:var(--tomato);color:var(--ink)}.collection-tabs button.active span{background:var(--tomato-soft);color:var(--tomato-deep)}.queue-tabs{margin-top:0}[data-queue-color=green]{--queue-color:#4f815f}[data-queue-color=tomato]{--queue-color:#d85c40}[data-queue-color=blue]{--queue-color:#4f7fae}[data-queue-color=amber]{--queue-color:#ad7727}[data-queue-color=violet]{--queue-color:#7b68a8}[data-queue-color=rose]{--queue-color:#ad5d76}html[data-theme=dark] [data-queue-color=green]{--queue-color:#79ad89}html[data-theme=dark] [data-queue-color=tomato]{--queue-color:#ef7a5d}html[data-theme=dark] [data-queue-color=blue]{--queue-color:#78a5d1}html[data-theme=dark] [data-queue-color=amber]{--queue-color:#d3a253}html[data-theme=dark] [data-queue-color=violet]{--queue-color:#a797d1}html[data-theme=dark] [data-queue-color=rose]{--queue-color:#d2869e}.queue-color-dot{background:var(--queue-color);width:7px;height:7px;box-shadow:0 0 0 3px var(--queue-color);border-radius:50%;flex:none;display:inline-block}@supports (color:color-mix(in lab,red,red)){.queue-color-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--queue-color) 13%,transparent)}}.queue-tabs button[data-queue-color].active{border-bottom-color:var(--queue-color)}.queue-tabs button[data-queue-color].active span{background:var(--queue-color)}@supports (color:color-mix(in lab,red,red)){.queue-tabs button[data-queue-color].active span{background:color-mix(in srgb,var(--queue-color) 15%,var(--paper))}}.queue-tabs button[data-queue-color].active span{color:var(--queue-color)}.queue-tabs .queue-add-tab{color:var(--green);margin-left:auto}.queue-tabs .queue-add-tab:hover{color:var(--green)}@supports (color:color-mix(in lab,red,red)){.queue-tabs .queue-add-tab:hover{color:color-mix(in srgb,var(--green) 74%,var(--ink))}}.queue-options{z-index:5;width:max-content;margin:-6px 0 10px auto;position:relative}.queue-options>summary{min-height:34px;color:var(--ink-faint);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:680;list-style:none;display:inline-flex}.queue-options>summary::-webkit-details-marker{display:none}.queue-options>summary:hover,.queue-options[open]>summary{background:var(--paper);color:var(--ink)}.queue-options>div{border:1px solid var(--line);background:var(--surface-strong);width:max-content;min-width:158px;box-shadow:var(--shadow-large);border-radius:11px;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;top:calc(100% + 5px);right:0}.queue-options>div button{min-height:36px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.queue-options>div button:hover{background:var(--paper);color:var(--ink)}.queue-options>div button:last-child:hover{color:var(--tomato)}.queue-editor{border:1px solid var(--queue-color);grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:9px;margin:0 0 14px;display:grid}@supports (color:color-mix(in lab,red,red)){.queue-editor{border:1px solid color-mix(in srgb,var(--queue-color) 38%,var(--line))}}.queue-editor{background:var(--queue-color);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.queue-editor{background:color-mix(in srgb,var(--queue-color) 9%,var(--surface))}}.queue-editor{padding:8px 9px 8px 13px}.queue-editor>svg{color:var(--queue-color)}.queue-editor-fields{flex-direction:column;gap:6px;min-width:0;display:flex}.queue-color-picker{align-items:center;gap:7px;display:flex}.queue-editor .queue-color-picker button,.queue-name-editor .queue-color-picker button{background:0 0;border:0;border-radius:50%;outline:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;display:inline-flex}.queue-color-picker button span{background:var(--queue-color);border-radius:50%;width:10px;height:10px;transition:all .15s}.queue-color-picker button:hover span{transform:scale(1.25)}.queue-color-picker button.active{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--queue-color)}.queue-editor input,.queue-name-editor input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.queue-context-actions button,.queue-delete-confirm button,.queue-editor button,.queue-name-editor button{background:var(--ink);min-height:34px;color:var(--paper);border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.queue-delete-confirm button:first-of-type,.queue-editor .queue-editor-cancel,.queue-name-editor button:first-of-type{color:var(--ink-soft);background:0 0}.queue-context{background:var(--queue-color);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;min-height:50px;margin-bottom:13px;display:flex}@supports (color:color-mix(in lab,red,red)){.queue-context{background:color-mix(in srgb,var(--queue-color) 7%,var(--paper))}}.queue-context{box-shadow:inset 3px 0 var(--queue-color);padding:9px 11px 9px 13px}.queue-context>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.queue-context strong{align-items:center;gap:8px;font-size:13px;display:inline-flex}.queue-context span{color:var(--ink-faint);font-size:12px}.queue-context-actions{flex:none;gap:4px;display:flex}.queue-context-actions button{min-height:30px;color:var(--ink-faint);background:0 0;padding:0 8px}.queue-context-actions button:hover{color:var(--ink)}.queue-context-actions button:last-child:hover{color:var(--tomato)}.queue-name-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;width:100%;display:grid}.queue-name-editor>.queue-editor-fields{background:var(--surface-strong);border-radius:8px;padding:6px 10px}.queue-name-editor input{padding:0}.queue-rename-panel{border:1px solid var(--queue-color);margin-bottom:12px}@supports (color:color-mix(in lab,red,red)){.queue-rename-panel{border:1px solid color-mix(in srgb,var(--queue-color) 34%,var(--line))}}.queue-rename-panel{background:var(--queue-color);border-radius:11px}@supports (color:color-mix(in lab,red,red)){.queue-rename-panel{background:color-mix(in srgb,var(--queue-color) 7%,var(--paper))}}.queue-rename-panel{padding:9px}.queue-delete-confirm{border:1px solid var(--tomato);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 0 13px;display:grid}@supports (color:color-mix(in lab,red,red)){.queue-delete-confirm{border:1px solid color-mix(in srgb,var(--tomato) 28%,var(--line))}}.queue-delete-confirm{background:var(--tomato-soft);border-radius:11px;padding:11px 12px}.queue-delete-confirm>div{flex-direction:column;gap:3px;min-width:0;display:flex}.queue-delete-confirm strong{font-size:13px}.queue-delete-confirm span{color:var(--ink-soft);font-size:12px}.queue-delete-confirm .queue-delete-button{background:var(--tomato)}.queue-error{color:var(--tomato-deep);margin:0 0 10px;font-size:12px}.queue-list{margin-top:14px}.task-queue-label{max-width:110px;color:var(--ink-faint);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex;overflow:hidden}.task-queue-label:before{background:var(--queue-color);content:"";border-radius:50%;flex:none;width:6px;height:6px}.focus-task-control select[data-queue-color],.task-composer select[data-queue-color],.task-group-select[data-queue-color]{border-color:var(--queue-color)}@supports (color:color-mix(in lab,red,red)){.focus-task-control select[data-queue-color],.task-composer select[data-queue-color],.task-group-select[data-queue-color]{border-color:color-mix(in srgb,var(--queue-color) 35%,var(--line))}}.focus-task-control select[data-queue-color],.task-composer select[data-queue-color],.task-group-select[data-queue-color]{color:var(--queue-color);outline:0}@supports (color:color-mix(in lab,red,red)){.focus-task-control select[data-queue-color],.task-composer select[data-queue-color],.task-group-select[data-queue-color]{color:color-mix(in srgb,var(--queue-color) 76%,var(--ink))}}.focus-task-control select[data-queue-color]{box-shadow:inset 3px 0 var(--queue-color)}.task-list{flex-direction:column;gap:5px;display:flex}.task-row{border:1px solid #0000;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px;min-height:60px;padding:6px 9px;transition:all .15s;display:grid}.task-row:hover{background:var(--paper)}.task-row.selected{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.task-row.selected{border-color:color-mix(in srgb,var(--tomato) 27%,var(--line))}}.task-row.selected{background:var(--tomato-soft)}.task-row button{background:0 0;border:0}.task-check{color:var(--ink-faint);padding:4px;display:flex}.task-check:hover{color:var(--green)}.task-check>span{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.task-main{text-align:left;flex-direction:column;gap:3px;min-width:0;padding:6px 0;display:flex}.task-main>span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620;overflow:hidden}.task-main small{color:var(--ink-faint);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.task-main small>span{align-items:center;gap:3px;display:inline-flex}.task-priority{color:var(--queue-color,var(--ink-faint));font-weight:720}.task-due.overdue,.task-row[data-priority=high] .task-priority{color:var(--tomato-deep)}.task-due.overdue{font-weight:720}.task-row.done .task-main>span{color:var(--ink-faint);text-decoration:line-through}.task-group-select{background:0 0;max-width:110px}.focus-indicator{color:var(--tomato)}.task-edit-menu{position:relative}.task-edit-menu>summary{width:31px;height:31px;color:var(--ink-faint);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.task-edit-menu>summary::-webkit-details-marker{display:none}.task-edit-menu>summary:hover,.task-edit-menu[open]>summary{background:var(--surface-strong);color:var(--ink)}.task-edit-menu>div{z-index:20;border:1px solid var(--line);background:var(--surface-strong);width:min(310px,100vw - 42px);box-shadow:var(--shadow-large);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 5px);right:0}.task-edit-menu label{flex-direction:column;gap:5px;min-width:0;display:flex}.task-edit-menu label>span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:720}.task-edit-menu input,.task-edit-menu select{border:1px solid var(--line);background:var(--paper);min-width:0;height:37px;color:var(--ink);border-radius:8px;padding:0 9px;font-size:12px}.task-edit-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.task-edit-menu>div>button{color:var(--tomato-deep);align-self:flex-start;padding:2px 0;font-size:11px;font-weight:700}.note-actions button,.task-delete{color:var(--ink-faint);justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.task-delete{opacity:0}.task-delete:focus-visible,.task-row:hover .task-delete{opacity:1}.note-actions button:last-child:hover,.task-delete:hover{color:var(--tomato)}.collection-empty{min-height:290px;color:var(--ink-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.collection-empty strong{color:var(--ink-soft);margin-top:5px;font-size:14px}.collection-empty>span:last-child{max-width:300px;margin-top:5px;font-size:13px;line-height:1.5}.note-composer{margin-bottom:18px;padding:20px}.note-title-draft{width:100%;color:var(--ink);letter-spacing:-.025em;background:0 0;border:0;margin-bottom:8px;font-size:19px;font-weight:690}.note-title-draft::placeholder,.note-title-input::placeholder{color:var(--ink-faint)}.note-composer>textarea{width:100%;min-height:92px;color:var(--ink);resize:vertical;background:0 0;border:0;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.5}.note-composer textarea::placeholder{color:var(--ink-faint)}.note-composer>div{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:13px;display:grid}.note-composer>div>span{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.note-tabs{margin-top:0}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;display:grid}.note-card{border:1px solid var(--line);background:var(--surface);min-height:210px;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;padding:14px 16px 15px;transition:all .15s;display:flex;position:relative}.note-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.note-card.pinned{border-color:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.note-card.pinned{border-color:color-mix(in srgb,var(--yellow) 70%,var(--line))}}.note-card.pinned{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.note-card.pinned{background:color-mix(in srgb,var(--yellow) 19%,var(--surface))}}.note-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.note-card-head select{background:var(--paper);color:var(--ink-faint);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:0;padding:5px 7px;font-size:11px;font-weight:700}.note-actions{gap:2px;display:flex}.note-actions button{background:0 0;border:0}.pinned-label{color:var(--ink-soft);align-self:flex-start;align-items:center;gap:4px;margin-top:9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pinned-label{color:color-mix(in srgb,var(--ink-soft) 72%,#99701c)}}.pinned-label{font-family:var(--mono);text-transform:uppercase;font-size:11px}.note-card>textarea{width:100%;color:var(--ink-soft);resize:none;background:0 0;border:0;flex:1;margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.55}.note-title-input{width:100%;color:var(--ink);letter-spacing:-.025em;background:0 0;border:0;margin-top:12px;font-size:17px;font-weight:690}.pinned-label+.note-title-input{margin-top:7px}.note-card>small{color:var(--ink-faint);font-family:var(--mono);margin-top:10px;font-size:11px}.notes-empty{border:1px solid var(--line);border-radius:16px;min-height:330px}.insights-story{background:linear-gradient(135deg,var(--surface-strong),var(--green-soft));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:15px;padding:25px 28px;display:grid}@supports (color:color-mix(in lab,red,red)){.insights-story{background:linear-gradient(135deg,var(--surface-strong),color-mix(in srgb,var(--green-soft) 52%,var(--surface)))}}.insights-story h2{letter-spacing:-.05em;max-width:800px;margin:7px 0 0;font-size:clamp(25px,3vw,36px);font-weight:670;line-height:1.08}.insights-story p{max-width:720px;color:var(--ink-soft);margin:10px 0 0;font-size:14px;line-height:1.6}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{min-height:166px;padding:21px}.stat-card>span{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.stat-card>span svg{color:var(--tomato)}.stat-card>strong{font-family:var(--mono);letter-spacing:-.07em;margin-top:18px;font-size:40px;font-weight:680;display:block}.stat-card>strong small{letter-spacing:0;font-size:15px}.stat-card p{color:var(--ink-faint);margin:7px 0 0;font-size:13px;line-height:1.4}.insights-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:14px;margin-top:14px;display:grid}.consistency-card,.weekly-chart{min-height:410px;padding:27px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-heading h2,.section-title-row h2{letter-spacing:-.035em;margin:5px 0 0;font-size:23px;font-weight:650}.progress-copy{background:var(--green-soft);color:var(--green);font-family:var(--mono);border-radius:999px;padding:5px 9px;font-size:13px;font-weight:700}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:270px;margin-top:27px;display:grid}.bar-column{grid-template-rows:16px 1fr 16px;justify-items:center;gap:5px;height:100%;display:grid}.bar-column>span{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.bar-track{background:var(--paper);border-radius:8px 8px 3px 3px;width:min(30px,72%);height:100%;position:relative;overflow:hidden}.bar-track i{border-radius:inherit;background:var(--tomato);min-height:2px;position:absolute;bottom:0;left:0;right:0}.bar-column:last-child .bar-track i{background:var(--green)}.bar-column>small{color:var(--ink-faint);font-family:var(--mono);font-size:13px}.heatmap{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(10,1fr);grid-auto-flow:column;gap:5px;margin-top:34px;display:grid}.heatmap i,.heatmap-legend i{aspect-ratio:1;background:var(--paper-deep);border-radius:3px;display:block}.heatmap i[data-level="1"],.heatmap-legend i[data-level="1"]{background:var(--green)}@supports (color:color-mix(in lab,red,red)){.heatmap i[data-level="1"],.heatmap-legend i[data-level="1"]{background:color-mix(in srgb,var(--green) 28%,var(--paper))}}.heatmap i[data-level="2"],.heatmap-legend i[data-level="2"]{background:var(--green)}@supports (color:color-mix(in lab,red,red)){.heatmap i[data-level="2"],.heatmap-legend i[data-level="2"]{background:color-mix(in srgb,var(--green) 60%,var(--paper))}}.heatmap i[data-level="3"],.heatmap-legend i[data-level="3"]{background:var(--green)}.heatmap-legend{color:var(--ink-faint);font-family:var(--mono);justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:12px;display:flex}.heatmap-legend i{width:9px}.consistency-copy{border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;margin:27px 0 0;padding-top:16px;font-size:14px;line-height:1.5}.wellness-insight{margin-top:14px;padding:27px}.wellness-insight-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.wellness-insight-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-size:27px;font-weight:660}.wellness-insight-heading p{color:var(--ink-faint);margin:5px 0 0;font-size:13px;line-height:1.5}.wellness-insight-body{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:28px;margin-top:15px;display:grid}.wellness-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.wellness-metrics>div{background:var(--paper);border-radius:13px;min-width:0;padding:13px}.wellness-metrics span{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.wellness-metrics span svg{color:var(--green);flex:none}.wellness-metrics strong{font-family:var(--mono);letter-spacing:-.06em;margin-top:12px;font-size:34px;font-weight:680;display:block}.wellness-metrics strong small{letter-spacing:0;font-size:13px}.wellness-week{grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;min-height:112px;display:grid}.wellness-day{grid-template-rows:14px 1fr 14px;justify-items:center;gap:4px;height:100%;display:grid}.wellness-day>small,.wellness-day>span{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.wellness-day-track{background:var(--paper);border-radius:7px 7px 3px 3px;justify-content:center;align-items:flex-end;gap:3px;width:min(34px,76%);height:100%;padding:3px;display:flex}.wellness-day-track i{border-radius:999px;width:7px;min-height:2px}.wellness-day-track .movement,.wellness-legend .movement{background:var(--green)}.wellness-day-track .water,.wellness-legend .water{background:#6f9fb8}.wellness-legend{color:var(--ink-faint);font-family:var(--mono);justify-content:flex-end;gap:12px;margin-top:8px;font-size:12px;display:flex}.wellness-legend span{align-items:center;gap:4px;display:inline-flex}.wellness-legend i{border-radius:50%;width:7px;height:7px}.reset-view{width:min(1120px,100%)}.reset-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-bottom:26px;display:grid}.reset-hero h1{letter-spacing:-.065em;max-width:760px;margin:8px 0 0;font-size:clamp(42px,5vw,64px);font-weight:690;line-height:.98}.reset-hero .subheading{max-width:650px;font-size:14px}.reset-hero-buddy{grid-template-columns:auto auto;align-items:center;gap:18px;display:grid}.reset-hero-buddy>div{border-left:1px solid var(--line-strong);flex-direction:column;min-width:78px;padding-left:14px;display:flex}.reset-hero-buddy>div strong{font-family:var(--mono);letter-spacing:-.06em;font-size:25px;font-weight:720}.reset-hero-buddy>div span{color:var(--ink-faint);font-size:12px}.reset-schedule{grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);align-items:center;gap:28px;padding:22px;display:grid}.reset-schedule-heading{align-items:center;gap:13px;display:flex}.reset-icon{background:var(--tomato-soft);width:43px;height:43px;color:var(--tomato-deep);border-radius:13px;flex:none;justify-content:center;align-items:center;display:inline-flex}.reset-schedule-heading h2,.routine-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-size:20px;font-weight:660}.reset-schedule-options{grid-template-columns:1fr;gap:10px;display:grid}.schedule-row{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transition:all .15s;display:grid}.schedule-row.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.schedule-row.active{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}}.schedule-row.active{background:var(--green-soft)}.schedule-toggle{text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.schedule-toggle>span{border:1px solid var(--line-strong);background:var(--surface-strong);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.schedule-row.active .schedule-toggle>span{border-color:var(--green);background:var(--green)}.schedule-toggle i{flex-direction:column;min-width:0;font-style:normal;display:flex}.schedule-toggle strong{font-size:13px}.schedule-toggle small,.schedule-toggle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-toggle small{color:var(--ink-faint);margin-top:2px;font-size:12px}.schedule-row>label{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;flex-direction:column;gap:2px;font-size:11px;display:flex}.schedule-row select{background:var(--surface-strong);color:var(--ink-soft);font-family:var(--mono);border:0;border-radius:7px;padding:5px 6px;font-size:12px}.schedule-note{color:var(--ink-faint);grid-column:2;align-items:center;gap:6px;margin:-15px 0 0;font-size:12px;display:flex}.schedule-note button{color:var(--ink-soft);font-size:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.routine-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:34px 0 15px;display:flex}.routine-heading>span{background:var(--green-soft);color:var(--green);font-family:var(--mono);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.routine-card.featured{border-color:var(--routine-accent);min-height:198px}@supports (color:color-mix(in lab,red,red)){.routine-card.featured{border-color:color-mix(in srgb,var(--routine-accent) 26%,var(--line))}}.routine-card.featured{background:radial-gradient(circle at 92% 18%,var(--routine-soft),transparent 11rem),var(--paper)}.routine-card.featured .routine-card-icon{border-radius:17px;width:54px;height:54px}.routine-card.featured .routine-card-copy strong{font-size:17px}.routine-card{min-height:166px;color:var(--ink);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:15px;padding:22px;transition:all .17s;display:grid;position:relative;overflow:hidden}.routine-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.routine-card:after{background:var(--routine-soft);content:"";border-radius:50%;width:130px;height:130px;transition:all .24s;position:absolute;bottom:-54px;right:-36px}.routine-card:hover:after{transform:scale(1.15)}.routine-card.tomato,.routine-guide.tomato{--routine-accent:var(--tomato);--routine-soft:var(--tomato-soft)}.routine-card.green,.routine-guide.green{--routine-accent:var(--green);--routine-soft:var(--green-soft)}.routine-card.blue,.routine-guide.blue{--routine-accent:#4d7691;--routine-soft:#9fc9dd}@supports (color:color-mix(in lab,red,red)){.routine-card.blue,.routine-guide.blue{--routine-soft:color-mix(in srgb,#9fc9dd 34%,var(--surface))}}.routine-card.yellow,.routine-guide.yellow{--routine-accent:#9b7424;--routine-soft:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.routine-card.yellow,.routine-guide.yellow{--routine-soft:color-mix(in srgb,var(--yellow) 35%,var(--surface))}}.routine-card-icon{background:var(--routine-soft);width:46px;height:46px;color:var(--routine-accent);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.routine-card-copy{flex-direction:column;min-width:0;display:flex}.routine-card-copy>span{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.routine-card-copy strong{letter-spacing:-.025em;padding-right:56px;font-size:16px;font-weight:680}.routine-card-copy small{color:var(--ink-faint);font-family:var(--mono);flex:none;font-size:12px;position:absolute;top:23px;right:22px}.routine-card-copy p{max-width:390px;color:var(--ink-soft);margin:10px 0 0;font-size:13px;line-height:1.65}.routine-recommendation{max-width:410px;color:var(--routine-accent);margin-top:8px;font-size:12px;font-style:normal;font-weight:650;line-height:1.45;display:block}.routine-card-action{color:var(--routine-accent);align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex;position:absolute;bottom:21px;left:84px}.reset-safety{color:var(--ink-faint);align-items:flex-start;gap:9px;margin-top:18px;display:flex}.reset-safety svg{color:var(--green);flex:none;margin-top:1px}.reset-safety p{margin:0;font-size:12px;line-height:1.55}.reset-safety strong{color:var(--ink-soft)}.routine-guide-backdrop{z-index:110;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.routine-guide-backdrop{background:color-mix(in srgb,var(--paper) 88%,transparent)}}.routine-guide-backdrop{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:20px;animation:fade-in .18s}.routine-guide{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,var(--routine-soft),transparent 19rem),var(--surface-strong);width:min(720px,100%);min-height:min(720px,100svh - 40px);max-height:calc(100svh - 40px);box-shadow:var(--shadow-large);text-align:center;border-radius:26px;flex-direction:column;justify-content:flex-start;align-items:center;padding:54px clamp(24px,6vw,70px) 28px;animation:modal-in .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden auto}.routine-guide-actions{gap:6px;display:flex;position:absolute;top:19px;right:19px}.routine-guide-actions button{border:1px solid var(--line);background:var(--surface-strong);width:38px;height:38px;color:var(--ink-soft);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.routine-progress{background:var(--paper-deep);height:5px;position:absolute;top:0;left:0;right:0;overflow:hidden}.routine-progress i{background:var(--routine-accent);border-radius:0 999px 999px 0;height:100%;transition:width .5s linear;display:block}.routine-guide-top h2{letter-spacing:-.045em;margin:6px 0 0;font-size:28px;font-weight:680}.routine-visual{width:min(410px,100%);height:210px;margin:16px 0 0;position:relative}.routine-visual>.karo-mascot{z-index:2;position:absolute;bottom:8px;right:-4px}.follow-demo{border:1px solid var(--routine-accent);position:absolute;inset:0 48px 0 0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.follow-demo{border:1px solid color-mix(in srgb,var(--routine-accent) 14%,var(--line))}}.follow-demo{background:linear-gradient(145deg,var(--routine-soft),var(--surface-strong));border-radius:22px}@supports (color:color-mix(in lab,red,red)){.follow-demo{background:linear-gradient(145deg,color-mix(in srgb,var(--routine-soft) 65%,var(--surface)),var(--surface-strong))}}.follow-cue{z-index:2;border:1px solid var(--routine-accent);align-items:center;gap:6px;display:inline-flex;position:absolute;top:11px;left:11px}@supports (color:color-mix(in lab,red,red)){.follow-cue{border:1px solid color-mix(in srgb,var(--routine-accent) 18%,var(--line))}}.follow-cue{background:var(--surface-strong);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.follow-cue{background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}}.follow-cue{color:var(--routine-accent);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;padding:5px 9px;font-size:12px;font-weight:750}.follow-cue i{background:var(--routine-accent);border-radius:50%;width:6px;height:6px;animation:follow-cue-pulse 1.8s ease-in-out infinite}.follow-demo.is-paused .follow-cue i{opacity:.4;animation:none}.movement-cue-visual{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:42px 16px 18px}.guide-video{object-fit:contain;border-radius:16px;width:calc(100% - 16px);height:calc(100% - 46px);position:absolute;inset:36px 8px 10px}.movement-cue-visual>span{background:var(--routine-soft);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.movement-cue-visual>span{background:color-mix(in srgb,var(--routine-soft) 78%,var(--surface))}}.movement-cue-visual>span{color:var(--routine-accent);animation:cue-breathe 5.5s ease-in-out infinite}.breathing-cue small,.movement-cue-visual small{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.breathing-cue strong,.movement-cue-visual strong{color:var(--ink);letter-spacing:-.035em;font-size:17px;font-weight:700}.follow-demo.is-paused .breathing-tomato .karo-mascot,.follow-demo.is-paused .movement-cue-visual>span{animation-play-state:paused}.breathing-cue{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:4px;display:flex;position:absolute;inset:18px 12px 10px}.breathing-tomato{z-index:2;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.breathing-tomato .karo-mascot{transform-origin:50% 78%;animation:none}.breath-phase-0 .breathing-tomato .karo-mascot{animation:tomato-inhale 4s linear both}.breath-phase-1 .breathing-tomato .karo-mascot{transform:scale(1.18)}.breath-phase-2 .breathing-tomato .karo-mascot{animation:tomato-exhale 4s linear both}.breath-phase-3 .breathing-tomato .karo-mascot{transform:scale(.86)}.breathing-box{border:1px solid var(--routine-accent);width:132px;height:132px;position:absolute;top:3px;left:50%}@supports (color:color-mix(in lab,red,red)){.breathing-box{border:1px solid color-mix(in srgb,var(--routine-accent) 20%,transparent)}}.breathing-box{border-radius:28px;transform:translate(-50%)}.breathing-box i{background:var(--routine-accent);border-radius:999px;position:absolute}@supports (color:color-mix(in lab,red,red)){.breathing-box i{background:color-mix(in srgb,var(--routine-accent) 18%,var(--line))}}.breathing-box i{transition:background .18s}.breathing-box i:first-child,.breathing-box i:nth-child(3){width:84px;height:3px;left:24px}.breathing-box i:first-child{top:-2px}.breathing-box i:nth-child(3){bottom:-2px}.breathing-box i:nth-child(2),.breathing-box i:nth-child(4){width:3px;height:84px;top:24px}.breathing-box i:nth-child(2){right:-2px}.breathing-box i:nth-child(4){left:-2px}.breathing-box i.active{background:var(--routine-accent);box-shadow:0 0 14px var(--routine-accent)}@supports (color:color-mix(in lab,red,red)){.breathing-box i.active{box-shadow:0 0 14px color-mix(in srgb,var(--routine-accent) 35%,transparent)}}.breathing-cue em{z-index:3;border:2px solid var(--surface-strong);justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:83px;left:calc(50% + 57px)}@supports (color:color-mix(in lab,red,red)){.breathing-cue em{border:2px solid color-mix(in srgb,var(--surface-strong) 86%,transparent)}}.breathing-cue em{background:var(--ink);color:var(--paper);font-family:var(--mono);border-radius:50%;font-size:14px;font-style:normal;font-weight:760;transform:translate(-50%,-50%)}.follow-breathe .follow-phases{display:none}.follow-phases{justify-content:center;gap:5px;display:flex;position:absolute;bottom:10px;left:0;right:0}.follow-phases i{background:var(--routine-accent);border-radius:999px;width:5px;height:5px}@supports (color:color-mix(in lab,red,red)){.follow-phases i{background:color-mix(in srgb,var(--routine-accent) 18%,var(--line))}}.follow-phases i{transition:all .3s}.follow-phases i.active{background:var(--routine-accent);width:17px}.routine-step{flex-direction:column;align-items:center;width:100%;min-height:218px;padding:18px 0 28px;display:flex}.routine-step>span{color:var(--routine-accent);font-size:18px;font-weight:730}.routine-step>strong{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.08em;margin-top:8px;font-size:clamp(58px,10vh,84px);font-weight:670;line-height:1}.routine-step p{background:var(--routine-soft);border-radius:13px;width:min(560px,100%);max-width:560px;margin:16px 0 0}@supports (color:color-mix(in lab,red,red)){.routine-step p{background:color-mix(in srgb,var(--routine-soft) 45%,var(--surface))}}.routine-step p{color:var(--ink-soft);padding:13px 18px;font-size:15px;line-height:1.65}.routine-guide-controls{align-items:center;gap:10px;margin-top:8px;display:flex}.routine-guide-controls button{justify-content:center;align-items:center;display:inline-flex}.guide-secondary{border:1px solid var(--line);background:var(--surface-strong);width:46px;height:46px;color:var(--ink-soft);border-radius:50%}.guide-primary{background:var(--routine-accent);color:#fff;border:0;border-radius:999px;gap:8px;min-width:150px;height:49px;font-size:13px;font-weight:730}.routine-finish{color:var(--ink-faint);background:0 0;border:0;margin-top:12px;padding:5px;font-size:12px}.routine-health-note{background:var(--green-soft);border-radius:12px;align-items:flex-start;gap:9px;width:100%;margin-top:13px;display:flex}@supports (color:color-mix(in lab,red,red)){.routine-health-note{background:color-mix(in srgb,var(--green-soft) 48%,var(--surface))}}.routine-health-note{color:var(--ink-faint);text-align:left;padding:11px 12px;font-size:13px;line-height:1.55}.routine-health-note svg{color:var(--green);flex:none}.routine-health-note strong{color:var(--ink-soft);margin-bottom:2px;font-size:13px;display:block}.reset-reminder{z-index:105;border:1px solid var(--tomato);grid-template-columns:auto minmax(0,1fr);gap:13px;width:min(430px,100vw - 44px);display:grid;position:fixed;bottom:22px;right:22px}@supports (color:color-mix(in lab,red,red)){.reset-reminder{border:1px solid color-mix(in srgb,var(--tomato) 28%,var(--line))}}.reset-reminder{background:var(--surface-strong);box-shadow:var(--shadow-large);border-radius:20px;padding:18px;animation:toast-in .26s cubic-bezier(.2,.8,.2,1)}.reset-reminder-close{width:29px;height:29px;color:var(--ink-faint);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.reset-reminder-copy{min-width:0;padding:4px 25px 0 0}.reset-reminder-copy>strong{letter-spacing:-.035em;margin-top:5px;font-size:17px;font-weight:690;display:block}.reset-reminder-copy p{color:var(--ink-soft);margin:5px 0 0;font-size:13px;line-height:1.45}.reset-reminder-actions{grid-column:1/3;gap:6px;display:flex}.reset-reminder-actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:9px;padding:9px 11px;font-size:12px;font-weight:650}.reset-reminder-actions .reminder-start{border-color:var(--tomato);background:var(--tomato);color:#fff}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1415126e;justify-content:center;align-items:center;padding:20px;animation:fade-in .15s;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface-strong);width:min(440px,100%);max-height:min(760px,92vh);box-shadow:var(--shadow-large);border-radius:19px;padding:25px;animation:modal-in .22s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.account-modal{width:min(540px,100%)}.cloud-account-state,.cloud-local-note,.cloud-setup-state,.cloud-sync-preview{border:1px solid var(--line);border-radius:14px}.cloud-local-note{background:var(--green-soft);color:var(--green);align-items:flex-start;gap:11px;margin-top:20px;padding:13px;display:flex}.cloud-account-state>div,.cloud-local-note>div,.cloud-sync-preview>div>span{flex-direction:column;min-width:0;display:flex}.cloud-account-state strong,.cloud-local-note strong,.cloud-sync-preview strong{color:var(--ink);font-size:13px}.cloud-account-state span,.cloud-local-note span,.cloud-sync-preview small{color:var(--ink-soft);margin-top:3px;font-size:12px;line-height:1.45}.cloud-setup-state{background:var(--paper);min-height:190px;color:var(--green);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:14px;padding:24px;display:flex}.cloud-setup-state strong{color:var(--ink);margin-top:12px;font-size:16px}.cloud-setup-state p{max-width:390px;margin:7px 0 0;line-height:1.55}.cloud-loading,.cloud-setup-state p{color:var(--ink-soft);font-size:13px}.cloud-loading{min-height:140px;justify-content:center;align-items:center;gap:9px;display:flex}.cloud-account-state{background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:14px;padding:13px;display:grid}.cloud-account-actions{gap:6px;flex-direction:row!important;display:flex!important}.cloud-billing-message,.cloud-selected-plan{border:1px solid var(--green);align-items:flex-start;gap:10px;margin-top:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.cloud-billing-message,.cloud-selected-plan{border:1px solid color-mix(in srgb,var(--green) 26%,var(--line))}}.cloud-billing-message,.cloud-selected-plan{background:var(--green-soft);border-radius:13px}@supports (color:color-mix(in lab,red,red)){.cloud-billing-message,.cloud-selected-plan{background:color-mix(in srgb,var(--green-soft) 64%,var(--paper))}}.cloud-billing-message,.cloud-selected-plan{color:var(--green);padding:12px 13px}.cloud-billing-message>span,.cloud-selected-plan>span{flex-direction:column;min-width:0;display:flex}.cloud-billing-message strong,.cloud-selected-plan strong{color:var(--ink);font-size:13px}.cloud-billing-message small,.cloud-selected-plan small{color:var(--ink-soft);margin-top:2px;font-size:11px;line-height:1.45}.cloud-billing-message:not(.is-success){border-color:var(--line);background:var(--paper);color:var(--ink-faint)}.cloud-plan-picker{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:minmax(0,1fr) 145px 145px;align-items:stretch;gap:8px;margin-top:14px;padding:13px;display:grid}.cloud-plan-picker>div{flex-direction:column;justify-content:center;min-width:0;display:flex}.cloud-plan-picker>div>strong{color:var(--ink);margin-top:2px;font-size:14px}.cloud-plan-picker>div>p{color:var(--ink-faint);margin:3px 0 0;font-size:10px;line-height:1.4}.cloud-plan-picker>button{border:1px solid var(--line);background:var(--surface-strong);min-height:58px;color:var(--ink-soft);text-align:left;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 10px;display:grid}.cloud-plan-picker>button.primary{border-color:var(--green);background:var(--green);color:#fff}.cloud-plan-picker>button>span{flex-direction:column;min-width:0;display:flex}.cloud-plan-picker>button strong{color:inherit;font-size:12px}.cloud-plan-picker>button small{color:inherit;opacity:.74;margin-top:2px;font-size:9px}.cloud-plan-picker>button:disabled{cursor:wait;opacity:.68}.cloud-account-icon{background:var(--green-soft);width:40px;height:40px;color:var(--green);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.cloud-account-state button,.cloud-signin-form button{border:1px solid var(--line);background:var(--surface-strong);min-height:39px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.cloud-auth-panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-top:14px;padding:18px}.cloud-pricing-link{color:inherit;text-decoration:none}.cloud-pricing-link:hover{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.cloud-pricing-link:hover{border-color:color-mix(in srgb,var(--green) 38%,var(--line))}}.cloud-pricing-link:hover{color:var(--green)}.cloud-auth-heading{flex-direction:column;gap:4px;display:flex}.cloud-auth-heading strong{color:var(--ink);font-size:18px}.cloud-auth-heading p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.cloud-google-button{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;min-height:52px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:14px;font-size:14px;font-weight:720;display:flex}.cloud-google-button>span{width:22px;height:22px;box-shadow:0 0 0 1px var(--line);color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:800;display:inline-flex}.cloud-auth-divider{color:var(--ink-faint);text-transform:uppercase;align-items:center;gap:9px;margin-top:14px;font-size:10px;display:flex}.cloud-auth-divider:after,.cloud-auth-divider:before{background:var(--line);content:"";flex:1;height:1px}.cloud-auth-divider span{flex:none}.cloud-signin-form{margin-top:14px}.cloud-signin-form>label{color:var(--ink-soft);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.cloud-signin-form>.cloud-email-field{border:1px solid var(--line);background:var(--paper);min-height:52px;color:var(--ink-faint);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 14px;display:grid}.cloud-signin-form input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:13px 0;font-size:15px}.cloud-signin-form .cloud-email-button{border-color:var(--green);background:var(--green);color:#fff;border-radius:12px;width:100%;min-height:52px;margin-top:9px;font-size:14px;display:flex}.cloud-signin-form>p{color:var(--ink-faint);text-align:center;margin:9px 0 0;font-size:12px}.cloud-access-note{border-top:1px solid var(--line);color:var(--ink-faint);align-items:flex-start;gap:8px;margin-top:14px;padding-top:13px;font-size:11px;line-height:1.5;display:flex}.cloud-access-note svg{color:var(--green);flex:none;margin-top:1px}.cloud-access-note strong{color:var(--ink-soft)}.cloud-error,.cloud-message{border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px}.cloud-message{background:var(--green-soft);color:var(--green)}.cloud-error{background:var(--tomato-soft);color:var(--tomato-deep)}.cloud-sync-preview{background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}@supports (color:color-mix(in lab,red,red)){.cloud-sync-preview{background:color-mix(in srgb,var(--surface) 60%,var(--paper))}}.cloud-sync-preview{padding:13px}.cloud-sync-preview>div{min-width:0;color:var(--ink-faint);align-items:center;gap:10px;display:flex}.cloud-sync-preview.is-saved{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.cloud-sync-preview.is-saved{border-color:color-mix(in srgb,var(--green) 34%,var(--line))}}.cloud-sync-preview.is-saved{background:var(--green-soft)}.cloud-sync-preview.is-attention,.cloud-sync-preview.is-offline{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.cloud-sync-preview.is-attention,.cloud-sync-preview.is-offline{border-color:color-mix(in srgb,var(--tomato) 30%,var(--line))}}.cloud-sync-action{border:1px solid var(--line);background:var(--surface-strong);min-height:38px;color:var(--ink-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.cloud-sync-action:disabled{cursor:wait;opacity:.7}.cloud-page-sync{z-index:48;border:1px solid var(--green);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:260px;display:grid;position:fixed;top:80px;right:clamp(20px,3vw,48px);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cloud-page-sync{border:1px solid color-mix(in srgb,var(--green) 30%,var(--line))}}.cloud-page-sync{background:var(--surface-strong);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.cloud-page-sync{background:color-mix(in srgb,var(--surface-strong) 94%,transparent)}}.cloud-page-sync{box-shadow:var(--shadow);color:var(--green);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:11px 14px 13px;animation:toast-in .18s both}.cloud-page-sync span{flex-direction:column;display:flex}.cloud-page-sync strong{color:var(--ink);font-size:12px}.cloud-page-sync small{color:var(--ink-faint);margin-top:2px;font-size:10px}.cloud-page-sync>i{background:linear-gradient(90deg,transparent,var(--green),transparent);height:2px;animation:cloud-sync-line 1.1s ease-in-out infinite;position:absolute;bottom:0;left:0;right:0}.cloud-status-pill{background:var(--paper);color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:700}.spin{animation:cloud-spin .9s linear infinite}@keyframes cloud-spin{to{transform:rotate(1turn)}}@keyframes cloud-sync-line{0%{transform:translate(-80%)}to{transform:translate(80%)}}.environment-modal{width:min(590px,100%);max-height:min(860px,94vh)}.environment-intro{color:var(--ink-faint);margin:8px 0 16px;font-size:13px;line-height:1.55}.quick-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.quick-room-grid>button{border:1px solid var(--line);background:var(--paper);min-height:78px;color:var(--ink-soft);text-align:left;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:12px;transition:all .15s;display:grid}.quick-room-grid>button:hover{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.quick-room-grid>button:hover{border-color:color-mix(in srgb,var(--green) 42%,var(--line))}}.quick-room-grid>button:hover{transform:translateY(-1px)}.quick-room-grid>button.active{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.quick-room-grid>button.active{border-color:color-mix(in srgb,var(--tomato) 48%,var(--line))}}.quick-room-grid>button.active{background:var(--tomato-soft);color:var(--tomato-deep)}.quick-room-grid>button>span{flex-direction:column;min-width:0;display:flex}.quick-room-grid strong{color:var(--ink);font-size:13px}.quick-room-grid small{color:var(--ink-faint);margin-top:3px;font-size:11px;line-height:1.35}.quick-room-now-playing{align-items:center;gap:7px;margin-top:11px;display:flex}.environment-section{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-top:12px;padding:15px}.environment-more-options{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin-top:12px}@supports (color:color-mix(in lab,red,red)){.environment-more-options{background:color-mix(in srgb,var(--paper) 78%,transparent)}}.environment-more-options>summary{min-height:44px;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;font-weight:750;list-style:none;display:flex}.environment-more-options>summary::-webkit-details-marker{display:none}.environment-more-options>summary:after{content:"+";color:var(--ink-faint);font-family:var(--mono);font-size:17px}.environment-more-options[open]>summary:after{content:"−"}.environment-more-options>.mixer-controls,.environment-presets-compact{margin-left:14px;margin-right:14px}.environment-custom-section{border-top:1px solid var(--line);margin:0 14px;padding:14px 0 2px}.environment-custom-section .ambience-options,.environment-custom-section .scene-options,.environment-custom-section .station-options{margin-top:10px}.environment-more-options>.mixer-controls{margin-top:0;padding-top:2px}.environment-presets-compact{border-top:1px solid var(--line);margin-top:15px;padding:15px 0 14px}.environment-section-heading,.environment-section-heading>div{align-items:center;display:flex}.environment-section-heading{justify-content:space-between;gap:14px}.environment-section-heading>div{gap:9px;min-width:0}.environment-section-heading span:not(.scene-heading-mark){flex-direction:column;min-width:0;display:flex}.environment-section-heading strong{font-size:13px}.environment-section-heading small{color:var(--ink-faint);margin-top:2px;font-size:12px}.station-picker-label{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin:16px 0 -4px;font-size:12px;font-weight:750}.scene-heading-mark{border:1px solid var(--green);width:16px;height:16px}@supports (color:color-mix(in lab,red,red)){.scene-heading-mark{border:1px solid color-mix(in srgb,var(--green) 38%,var(--line))}}.scene-heading-mark{background:linear-gradient(135deg,var(--tomato-soft),var(--green-soft));border-radius:5px}.environment-toggle{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink-soft);border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.environment-toggle.active{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.environment-toggle.active{border-color:color-mix(in srgb,var(--tomato) 45%,var(--line))}}.environment-toggle.active{background:var(--tomato-soft);color:var(--tomato-deep)}.environment-playback-actions{align-items:center;gap:7px;display:flex}.environment-presets{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.environment-presets{border-color:color-mix(in srgb,var(--green) 24%,var(--line))}}.environment-presets{background:var(--green-soft)}@supports (color:color-mix(in lab,red,red)){.environment-presets{background:color-mix(in srgb,var(--green-soft) 46%,var(--surface))}}.environment-preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.environment-preset-list>div{border:1px solid var(--line);background:var(--surface-strong);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;display:grid}.environment-preset-list button{color:var(--ink-soft);text-align:left;background:0 0;border:0;padding:9px 10px}.environment-preset-list button:first-child{flex-direction:column;min-width:0;display:flex}.environment-preset-list small{color:var(--ink-faint);margin-top:2px}.environment-preset-save{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.environment-preset-save input{border:1px solid var(--line);background:var(--surface-strong);min-width:0;color:var(--ink);font:inherit;border-radius:9px;padding:9px 10px}.environment-preset-save button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-weight:750;display:inline-flex}.environment-next-track{border:1px solid var(--line);color:var(--ink-faint);background:0 0;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.station-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.station-options button{border:1px solid var(--line);background:var(--surface-strong);min-height:94px;color:var(--ink-soft);text-align:left;border-radius:11px;justify-content:space-between;gap:10px;padding:11px}.station-options button,.station-options button>span{min-width:0;flex-direction:column;display:flex}.station-options strong{font-size:13px}.station-options small{color:var(--ink-faint);margin-top:4px;font-size:12px;line-height:1.35}.station-options em{color:var(--green);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.ambience-options button.active,.scene-options button.active,.station-options button.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.ambience-options button.active,.scene-options button.active,.station-options button.active{border-color:color-mix(in srgb,var(--green) 48%,var(--line))}}.ambience-options button.active,.scene-options button.active,.station-options button.active{background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}@supports (color:color-mix(in lab,red,red)){.ambience-options button.active,.scene-options button.active,.station-options button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 8%,transparent)}}.now-playing-credit{color:var(--ink-faint);flex-direction:column;gap:2px;margin-top:10px;font-size:11px;text-decoration:none;display:flex}.now-playing-credit strong{color:var(--ink-soft);font-size:12px}.session-review-backdrop{z-index:170}.session-review-modal{width:min(610px,100vw - 28px)}.session-review-summary{border:1px solid var(--green);align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.session-review-summary{border:1px solid color-mix(in srgb,var(--green) 32%,var(--line))}}.session-review-summary{background:var(--green-soft);border-radius:14px;padding:14px}.session-review-summary>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.session-review-actions button span,.session-review-summary div{flex-direction:column;min-width:0;display:flex}.session-review-actions small,.session-review-summary small{color:var(--ink-faint);margin-top:3px}.session-review-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.session-review-actions button{border:1px solid var(--line);background:var(--surface-strong);min-height:68px;color:var(--ink-soft);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.session-review-actions button.primary{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.session-review-actions button.primary{border-color:color-mix(in srgb,var(--green) 42%,var(--line))}}.session-review-actions button.primary{background:var(--green-soft);color:var(--green)}.session-note-capture{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.session-note-capture label{color:var(--ink-soft);align-items:center;gap:7px;font-weight:750;display:flex}.session-note-capture textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-strong);width:100%;color:var(--ink);font:inherit;border-radius:11px;margin-top:9px;padding:11px}.session-note-capture>div{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.session-note-capture button{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:9px;padding:8px 11px;font-weight:700}.session-note-capture button.save-note{border-color:var(--green);background:var(--green);color:#fff}.ambience-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.ambience-options button{border:1px solid var(--line);background:var(--surface-strong);min-height:42px;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:12px;display:inline-flex}.mixer-controls{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.mixer-controls label{border-top:1px solid var(--line);grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:10px;padding-top:11px;display:grid}.mixer-controls label>span{color:var(--ink-faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mixer-controls input{width:100%;accent-color:var(--green)}.scene-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.scene-options button{border:1px solid var(--line);background:var(--surface-strong);min-width:0;color:var(--ink-soft);text-align:left;border-radius:11px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.scene-options button>i{border:1px solid var(--line);border-radius:9px;width:42px;height:42px}.scene-options [data-scene-preview=quiet]{background:var(--paper)}.scene-options [data-scene-preview=sunrise]{background:linear-gradient(145deg,var(--yellow),var(--tomato-soft))}.scene-options [data-scene-preview=meadow]{background:linear-gradient(145deg,#b8d9d2,var(--green-soft))}.scene-options button>span{flex-direction:column;min-width:0;display:flex}.scene-options strong{font-size:12px}.scene-options small{color:var(--ink-faint);margin-top:3px;font-size:11px;line-height:1.3}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-heading>button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-soft);background:0 0;border-radius:9px;justify-content:center;align-items:center;display:flex}.setting-group{flex-direction:column;margin-top:22px;display:flex}.setting-group label{border-bottom:1px solid var(--line);min-height:49px;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:13px;display:flex}.setting-group label>span{color:var(--ink-faint);font-family:var(--mono);font-size:12px}.setting-group input{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:7px;width:53px;padding:6px}.notification-setting{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:11px;padding:13px;display:flex}.notification-setting:first-of-type{margin-top:19px}.notification-setting>span{align-items:center;gap:10px;display:flex}.notification-setting i{flex-direction:column;font-style:normal;display:flex}.notification-setting strong{font-size:13px}.notification-setting small{color:var(--ink-faint);margin-top:2px;font-size:12px}.notification-setting em{background:var(--line);color:var(--ink-soft);font-family:var(--mono);border-radius:999px;padding:4px 7px;font-size:12px;font-style:normal}.notification-setting.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.notification-setting.active{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}}.notification-setting.active{background:var(--green-soft)}.notification-setting.active em{background:var(--green);color:#fff}.radio-credits-setting{border:1px solid var(--line);background:var(--paper);border-radius:11px;margin-top:11px;padding:13px}.radio-credits-setting summary{cursor:pointer;list-style:none}.radio-credits-setting summary::-webkit-details-marker{display:none}.radio-credits-setting summary>span{align-items:center;gap:10px;display:flex}.radio-credits-setting a>span,.radio-credits-setting summary i{flex-direction:column;font-style:normal;display:flex}.radio-credits-setting strong{font-size:13px}.radio-credits-setting small{color:var(--ink-faint);margin-top:2px;font-size:12px}.radio-credits-setting>div{border-top:1px solid var(--line);margin-top:10px;padding-top:7px}.radio-credits-setting a{color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px;text-decoration:none;display:flex}.radio-credits-setting a:hover{background:var(--surface)}.shield-setting{border:1px solid var(--line);background:var(--paper);border-radius:13px;margin-top:11px;padding:13px}.shield-setting.active{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.shield-setting.active{border-color:color-mix(in srgb,var(--green) 44%,var(--line))}}.shield-setting.active{box-shadow:inset 0 0 0 1px var(--green)}@supports (color:color-mix(in lab,red,red)){.shield-setting.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 8%,transparent)}}.shield-setting-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.shield-setting-heading>span{background:var(--green-soft);width:35px;height:35px;color:var(--green);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.shield-setting-heading>div,.shield-toggles i{flex-direction:column;min-width:0;font-style:normal;display:flex}.shield-setting-heading strong,.shield-toggles strong{font-size:13px}.shield-setting-heading small,.shield-toggles small{color:var(--ink-faint);margin-top:2px;font-size:12px;line-height:1.4}.shield-setting-heading em{background:var(--line);color:var(--ink-soft);font-family:var(--mono);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:12px;font-style:normal}.shield-setting.active .shield-setting-heading em{background:var(--green);color:#fff}.shield-install-note{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.shield-install-note p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.55}.shield-coming-soon,.shield-install-note a{background:var(--ink);color:var(--paper);border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:9px 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.shield-coming-soon{cursor:default;background:var(--line);color:var(--ink-soft)}.shield-coming-soon small{background:var(--paper);color:var(--ink-faint);font-family:var(--mono);border-radius:999px;padding:3px 5px;font-size:11px;font-weight:700}.shield-checking-note{padding-bottom:1px}.shield-install-note>small{color:var(--ink-faint);margin-top:8px;font-size:12px;line-height:1.45;display:block}.shield-install-note code{background:var(--surface);border-radius:4px;padding:2px 4px;font-size:12px}.shield-toggles{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.shield-toggles>button{border:1px solid var(--line);background:var(--surface-strong);min-width:0;color:var(--ink-soft);text-align:left;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.shield-toggles>button>span{border:1px solid var(--line-strong);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.shield-toggles>button[aria-pressed=true]{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.shield-toggles>button[aria-pressed=true]{border-color:color-mix(in srgb,var(--green) 38%,var(--line))}}.shield-toggles>button[aria-pressed=true]{background:var(--green-soft)}.shield-toggles>button[aria-pressed=true]>span{border-color:var(--green);background:var(--green)}.shield-domains{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.shield-domains>span{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:720;display:block}.shield-domains>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:33px;display:flex}.shield-domains>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shield-domains>div button{width:28px;height:28px;color:var(--ink-faint);background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.shield-domains>div button:hover{background:var(--tomato-soft);color:var(--tomato)}.shield-domains>p{color:var(--ink-faint);margin:6px 0 10px;font-size:12px}.shield-domains form{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.shield-domains input{background:var(--surface);min-width:0;color:var(--ink);border:0;border-radius:8px;outline:0;padding:9px 10px;font-size:13px}.shield-domains form>button{background:var(--ink);color:var(--paper);border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.shield-error{color:var(--tomato);margin-top:7px;font-size:12px;display:block}.feedback-setting{border:1px solid var(--tomato);justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.feedback-setting{border:1px solid color-mix(in srgb,var(--tomato) 24%,var(--line))}}.feedback-setting{background:var(--tomato-soft);border-radius:11px}@supports (color:color-mix(in lab,red,red)){.feedback-setting{background:color-mix(in srgb,var(--tomato-soft) 34%,var(--paper))}}.feedback-setting{color:var(--ink);text-align:left;padding:13px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s}.feedback-setting:hover{border-color:var(--tomato)}@supports (color:color-mix(in lab,red,red)){.feedback-setting:hover{border-color:color-mix(in srgb,var(--tomato) 55%,var(--line))}}.feedback-setting:hover{background:var(--tomato-soft)}@supports (color:color-mix(in lab,red,red)){.feedback-setting:hover{background:color-mix(in srgb,var(--tomato-soft) 58%,var(--paper))}}.feedback-setting:hover{transform:translateY(-1px)}.feedback-setting>span{align-items:center;gap:10px;display:flex}.feedback-setting i{flex-direction:column;font-style:normal;display:flex}.feedback-setting strong{font-size:13px}.feedback-setting small{color:var(--ink-faint);margin-top:2px;font-size:12px;line-height:1.4}.feedback-setting>svg{color:var(--tomato);flex:none}.backup-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.backup-actions>button{border:1px solid var(--line);color:var(--ink-soft);text-align:left;background:0 0;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.backup-actions>button>span{flex-direction:column;display:flex}.backup-actions strong{font-size:12px}.backup-actions small{color:var(--ink-faint);margin-top:2px;font-size:11px;line-height:1.4}.legal-links{justify-content:center;gap:16px;margin-top:16px;display:flex}.legal-links a{color:var(--ink-faint);font-family:var(--mono);font-size:12px;text-decoration:none}.legal-links a:hover{color:var(--ink)}.modal-done{background:var(--ink);width:100%;color:var(--paper);border:0;border-radius:10px;margin-top:18px;padding:11px;font-size:13px;font-weight:700}.shortcut-list{grid-template-columns:1fr 1fr;gap:1px 20px;margin-top:23px;display:grid}.shortcut-list>span{border-bottom:1px solid var(--line);min-height:46px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.shortcut-list>span>span{gap:3px;display:inline-flex}.toast{z-index:120;background:var(--ink);box-shadow:var(--shadow-large);color:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;animation:toast-in .22s;display:flex;position:fixed;bottom:22px;right:22px}.toast svg{color:var(--green)}.karo-shell.is-focus-mode .focus-command-bar,.karo-shell.is-focus-mode .focus-page-meta,.karo-shell.is-focus-mode .topbar{display:none}.karo-shell.is-focus-mode .focus-view,.karo-shell.is-focus-mode .workspace{min-height:100svh}.karo-shell.is-focus-mode .focus-view{justify-content:center;align-items:center;padding:20px;display:flex}.karo-shell.is-focus-mode .focus-stage{width:min(640px,100%)}.karo-shell.is-focus-mode .timer-ring{width:min(48vh,470px)}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@keyframes meta-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes loading-orbit{to{transform:rotate(1turn)}}@keyframes loading-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes loading-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes mark-leaf-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(5deg)}}@keyframes mascot-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes mascot-squish{0%,to{transform:scale(1)}50%{transform:scaleX(1.015)scaleY(.99)}}@keyframes mascot-leaf-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}@keyframes mascot-focus-float{0%,to{transform:translateY(0)scale(.99)}50%{transform:translateY(-3px)scale(1.015)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(4px)}45%{opacity:.7}to{opacity:0;transform:translateY(-7px)}}@keyframes happy-wave-left{0%{transform:rotate(14deg)}to{transform:rotate(28deg)}}@keyframes happy-wave-right{0%{transform:rotate(-14deg)}to{transform:rotate(-28deg)}}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-4px)rotate(.5deg)}}@keyframes focus-breathe{0%,to{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes follow-cue-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}@keyframes cue-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes tomato-inhale{0%{transform:scale(.86)}to{transform:scale(1.18)}}@keyframes tomato-exhale{0%{transform:scale(1.18)}to{transform:scale(.86)}}@media (max-width:900px){.landing-page{overflow:visible}.landing-hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:auto;padding-top:64px}.landing-copy{text-align:center}.landing-copy .eyebrow,.landing-copy h1,.landing-install-help,.landing-intro{margin-left:auto;margin-right:auto}.landing-actions,.landing-trust{justify-content:center}.landing-buddy-stage{width:min(620px,100%);margin:0 auto}.landing-section-heading{grid-template-columns:minmax(0,1fr);gap:18px}.landing-section-heading>p{max-width:620px}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-pricing-heading{grid-template-columns:minmax(0,1fr);gap:16px}.landing-pricing-heading>p{max-width:620px}.landing-private{grid-template-columns:auto minmax(0,1fr)}.landing-private>a{grid-column:2;justify-self:start}}@media (max-width:720px){.landing-header{min-height:64px;padding:0 16px}.landing-header nav>a:not(.landing-open-small){display:none}.landing-header nav .landing-open-small{margin-left:0}.landing-benefits,.landing-feature-section,.landing-footer,.landing-hero,.landing-pricing,.landing-private,.landing-rooms{width:min(100% - 28px,620px)}.landing-hero{gap:36px;padding:52px 0 36px}.landing-copy h1{margin-top:13px;font-size:clamp(54px,16vw,76px);line-height:.9}.landing-intro{font-size:15px}.landing-actions{grid-template-columns:1fr 1fr;display:grid}.landing-actions a,.landing-actions button{min-width:0;padding:0 12px}.landing-buddy-stage{border-radius:28px;min-height:410px}.landing-buddy-stage:before{width:290px;height:290px}.landing-buddy-stage:after{width:220px;height:220px}.landing-buddy-stage .landing-mascot{width:176px;height:186px}.landing-focus-card{bottom:16px;left:16px;right:16px}.landing-demo-value{font-size:27px}.landing-benefits{grid-template-columns:minmax(0,1fr)}.landing-benefits article{min-height:96px;padding:18px}.landing-footer{flex-direction:column;align-items:flex-start;min-height:0;padding:26px 0}.landing-footer nav{flex-wrap:wrap}.landing-feature-section{margin-top:42px}.landing-section-heading{margin-bottom:22px}.landing-section-heading h2{font-size:clamp(36px,11vw,50px)}.landing-section-heading>p{font-size:14px}.landing-feature-grid{grid-template-columns:minmax(0,1fr)}.landing-feature-grid article{min-height:0;padding:20px}.landing-feature-grid h3{margin-top:18px}.landing-pricing{margin-top:58px}.landing-pricing-grid{grid-template-columns:minmax(0,1fr)}.landing-pricing-grid>article{padding:24px}.landing-pricing-grid>article>p{min-height:0}.landing-pricing-promise{text-align:left;align-items:flex-start;padding:0 8px}.landing-private{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;margin-top:54px;padding:32px 24px}.landing-private-mascot{width:128px;height:128px}.landing-private>a{grid-column:1;justify-self:center}}@media (max-width:1050px){.topbar{grid-template-columns:auto minmax(100px,1fr) auto auto;gap:14px;padding-left:22px;padding-right:22px}.top-nav button{padding:0 9px}.top-nav button span{display:none}.top-actions>.cloud-header-button,.water-menu>summary{width:36px;padding:0}.mobile-menu-trigger span,.water-header-copy{display:none}.top-actions>.mobile-menu-trigger{width:36px;padding:0}.cloud-header-button .cloud-label-full{display:none}.focus-command-bar,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-command-bar{gap:12px}.focus-sound-control>span{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid,.reset-schedule,.wellness-insight-body{grid-template-columns:1fr}.schedule-note{grid-column:1;margin-top:-14px}}@media (max-width:760px){.environment-player,.environment-summary{width:100%;min-width:0}.environment-modal{padding:20px}.quick-room-grid,.scene-options,.station-options{grid-template-columns:1fr}.station-options button{min-height:0}.ambience-options{grid-template-columns:1fr 1fr}.mixer-controls{grid-template-columns:1fr}.legal-topbar{min-height:60px;padding:0 14px}.legal-topbar nav{gap:1px}.legal-topbar nav a{padding:8px 7px;font-size:12px}.legal-topbar nav .legal-back{display:none}.legal-document{width:min(100% - 28px,920px);padding:56px 0 70px}.legal-heading{padding-bottom:32px}.legal-heading h1{font-size:46px}.legal-heading>p:not(.eyebrow){font-size:14px}.legal-content section{grid-template-columns:minmax(0,1fr);gap:13px;padding:25px 21px}.legal-content section>h2,.legal-content section>p,.legal-content section>ul{grid-area:auto/1}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:1fr auto;gap:12px;min-height:60px;padding:0 16px}.presence-chip,.top-actions>button{display:none}.top-actions>.cloud-header-button{width:auto;padding:0 9px;display:inline-flex}.cloud-header-button .cloud-label-short{display:inline}.top-actions>.mobile-menu-trigger{display:inline-flex}.mobile-menu-backdrop{align-items:flex-end;padding:0}.mobile-menu-sheet{border-bottom:0;border-radius:24px 24px 0 0}.top-actions>button,.water-menu>summary{width:34px;height:34px}.top-actions>.mobile-menu-trigger,.water-menu>summary{padding:0}.top-actions>button:nth-of-type(2){display:none}.water-popover{width:auto;max-height:calc(100svh - 150px);position:fixed;top:66px;left:12px;right:12px;overflow-y:auto}.cloud-page-sync{min-width:0;top:68px;left:12px;right:12px}.top-nav{bottom:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--surface-strong);border-radius:16px;justify-content:space-around;left:12px;position:fixed!important;top:auto!important}@supports (color:color-mix(in lab,red,red)){.top-nav{background:color-mix(in srgb,var(--surface-strong) 92%,transparent)}}.top-nav{box-shadow:var(--shadow-large);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:5px}.top-nav button{flex-direction:column;flex:1;gap:3px;min-width:0;min-height:46px;padding:5px 9px;font-size:13px}.top-nav button span{display:inline}.workspace{min-height:calc(100vh - 60px);padding-bottom:72px}.focus-view{gap:9px;min-height:calc(100svh - 60px);padding:16px 14px 90px}.focus-page-meta>div:first-child h1{max-width:min(72vw,500px);font-size:34px}.focus-meta-actions{gap:10px}.share-focus-setup span{display:none}.share-focus-setup{width:38px;padding:0}.today-score{padding-left:15px}.today-score-main>strong{font-size:28px}.today-score-main>span{font-size:13px}.today-score>small{font-size:12px}.timer-ring{width:min(39vh,82vw);min-width:270px}.timer-value,.timer-value-editor input{font-size:clamp(48px,14vw,62px)}.focus-command-bar{grid-template-columns:1fr;gap:11px;padding:0}.focus-sound-control,.focus-task-control{min-width:0;min-height:0;display:flex}.focus-sound-control{width:100%;display:block}.focus-task-control select,.focus-task-control>button{width:100%;min-width:0}.focus-sound-control>span{display:inline-flex}.command-divider{width:100%;height:1px}.sound-options{justify-content:flex-end;min-width:0;max-width:100%;overflow-x:auto}.sound-options button span{display:none}.view{padding:38px 16px 105px}.collection-heading,.view-heading{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.collection-heading h1,.view-heading h1{font-size:34px}.collection-search{width:100%}.custom-tool-fields,.text-tool-grid,.tool-field-grid.three,.tools-grid{grid-template-columns:minmax(0,1fr)}.tool-card{min-height:220px}.plugin-lab-body{grid-template-columns:minmax(0,1fr);gap:15px}.plugin-lab-actions{flex-wrap:wrap}.tool-modal-backdrop{align-items:flex-end;padding:0}.tool-modal{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-height:96svh}.tool-modal-heading{padding:15px 16px}.tool-modal-heading p{display:none}.tool-modal-body{padding:18px 16px}.tool-split-layout{grid-template-columns:minmax(0,1fr)}.converter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.converter-equals{display:none}.converter-result{grid-area:2/1}.converter-grid>.tool-field:last-child{grid-area:2/2}.bill-result{grid-template-columns:minmax(0,1fr)}.bill-result .tool-secondary,.custom-tool-fields .tool-field:has(textarea){grid-column:1}.tool-launcher-backdrop{align-items:flex-end;padding:0}.tool-launcher{width:100%;padding-bottom:env(safe-area-inset-bottom,0);border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0}.collection-shell{padding:14px}.queue-editor{grid-template-columns:auto minmax(0,1fr) auto}.queue-editor>button[type=submit]{grid-area:1/3/3;align-self:stretch}.queue-editor .queue-editor-cancel{grid-column:2;justify-self:start;padding:0}.queue-context{flex-direction:column;align-items:flex-start}.queue-context-actions{width:100%}.queue-context-actions button{padding-left:0;padding-right:10px}.queue-delete-confirm{grid-template-columns:1fr 1fr}.queue-delete-confirm>div{grid-column:1/-1}.insights-story{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:21px}.insights-story h2{font-size:27px}.insights-story .karo-mascot{width:72px;height:76px}.task-composer{grid-template-columns:auto minmax(0,1fr) auto}.task-composer>button{grid-area:auto;align-self:center}.task-row{grid-template-columns:auto minmax(0,1fr) auto auto}.task-group-select{grid-column:2;justify-self:start;padding:4px 6px}.task-row .focus-indicator{display:none}.task-edit-menu{grid-area:1/3}.task-delete{opacity:1;grid-area:1/4}.note-composer{padding:16px}.note-composer>div{grid-template-columns:1fr auto}.note-composer>div>span{display:none}.stats-grid{grid-template-columns:1fr 1fr}.reset-hero{grid-template-columns:1fr;gap:20px}.reset-hero h1{font-size:43px}.reset-hero-buddy{grid-template-columns:auto auto 1fr}.reset-hero-buddy>.karo-mascot{justify-self:end}.reset-schedule{gap:18px;padding:17px}.reset-schedule-options,.routine-grid{grid-template-columns:1fr}.routine-card{min-height:137px}.routine-guide-backdrop{padding:0}.routine-guide{border:0;border-radius:0;justify-content:flex-start;width:100%;min-height:100svh;max-height:100svh;padding:72px 22px 18px;overflow-y:auto}.reset-reminder{width:auto;bottom:82px;left:14px;right:14px}.stat-card{min-height:148px;padding:18px}.stat-card>strong{font-size:34px}.consistency-card,.weekly-chart{min-height:330px;padding:17px 14px}.wellness-insight{padding:17px}.wellness-insight-heading .karo-mascot{width:66px;height:70px}.wellness-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.bars{gap:6px;height:220px}.shortcut-list{grid-template-columns:1fr}.toast{justify-content:center;bottom:82px;left:14px;right:14px}.karo-shell.is-focus-mode .workspace{padding-bottom:0}.karo-shell.is-focus-mode .focus-view{padding:16px}.karo-shell.is-focus-mode .timer-ring{width:min(49vh,88vw)}}@media (max-width:430px){.landing-choice-bar button{gap:4px;padding-left:8px;padding-right:8px}.focus-page-meta>div:first-child span{font-size:11px}.focus-page-meta>div:first-child h1{width:auto;max-width:300px;font-size:34px}.today-score{display:none}.mode-switcher button{min-height:36px;padding-left:11px;padding-right:11px;font-size:12px}.timer-ring{min-width:245px}.timer-face .karo-mascot{width:56px;height:59px}.timer-status{font-size:11px}.start-control{min-width:145px}.focus-sound-control>span,.focus-task-control>span{font-size:11px}.insights-story,.stats-grid{grid-template-columns:1fr}.insights-story .karo-mascot{display:none}.queue-name-editor{grid-template-columns:1fr 1fr}.queue-name-editor>.queue-editor-fields{grid-column:1/-1}.queue-name-editor input{min-height:38px}.backup-actions,.shield-toggles,.wellness-metrics{grid-template-columns:1fr}.wellness-metrics>div{justify-content:space-between;align-items:center;display:flex}.wellness-metrics strong{margin-top:0}.routine-visual{height:170px}.routine-visual>.karo-mascot{width:78px;height:82px}.top-nav button{padding-left:3px;padding-right:3px}.reset-hero-buddy{grid-template-columns:auto auto}.reset-hero-buddy>.karo-mascot{display:none}.schedule-row{grid-template-columns:1fr}.schedule-row>label{border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}@supports (color:color-mix(in lab,red,red)){.schedule-row>label{border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}}.schedule-row>label{padding-top:7px}.reset-reminder{grid-template-columns:1fr}.reset-reminder>.karo-mascot{display:none}.reset-reminder-actions{flex-wrap:wrap;grid-column:1}}@media (max-width:760px){.play-heading{align-items:stretch}.play-return{align-self:flex-start}.play-welcome{gap:12px;padding:13px 16px}.play-welcome .karo-mascot{width:70px;height:74px}.play-grid,.play-library{grid-template-columns:minmax(0,1fr)}.play-launch-card{min-height:200px}.play-modal-backdrop{padding:0}.play-modal{width:100%;min-height:100svh;max-height:100svh;padding-top:max(18px,env(safe-area-inset-top,0px));padding-bottom:max(18px,env(safe-area-inset-bottom,0px));border:0;border-radius:0}.play-modal.arcade{justify-content:flex-start}.arcade-game{margin:auto 0}.play-modal.sudoku{justify-content:flex-start}.sudoku-toolbar{flex-direction:column;align-items:stretch}.sudoku-difficulties{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sudoku-difficulties button{min-width:0}.sudoku-meta{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sudoku-layout{grid-template-columns:minmax(0,1fr)}.sudoku-board{max-width:540px;margin:0 auto}.sudoku-number-pad{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.sudoku-number-pad button{aspect-ratio:1;border-radius:8px;font-size:15px}.sudoku-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-tools button{justify-content:center}.sudoku-tools button small{margin-left:0}}@media (max-width:430px){.play-card{padding:17px}.play-launch-card{grid-template-columns:108px minmax(0,1fr);gap:14px;min-height:178px;padding:16px}.play-launch-preview{border-radius:16px;width:108px;padding:12px}.play-launch-copy>strong{font-size:19px}.play-launch-copy>small{font-size:12px}.play-launch-action{margin-top:14px}.play-modal{padding-left:14px;padding-right:14px}.play-modal-card{padding-left:0;padding-right:0}.play-welcome .karo-mascot{display:none}.play-welcome{grid-template-columns:minmax(0,1fr);padding:17px}.play-card-heading{align-items:flex-start}.play-card h2{font-size:18px}.play-game-icon{width:39px;height:39px}.memory-board,.three-board{gap:6px}.memory-card{border-radius:10px}.three-board button{border-radius:12px}.play-result{flex-direction:column;align-items:flex-start}.arcade-game{padding-top:12px}.arcade-hud{gap:5px}.arcade-hud>span{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:43px;padding:0 8px}.arcade-hud strong{font-size:14px}.arcade-stage{border-radius:14px}.arcade-controls,.arcade-controls.garden{grid-template-columns:45px minmax(100px,1fr) 45px}.arcade-controls p{text-align:center;grid-column:1/-1;margin:2px 0 0}.sudoku-game{padding-top:12px}.sudoku-meta>span{min-width:0}.sudoku-tools button{gap:5px;padding:0 7px}.sudoku-complete{grid-template-columns:auto minmax(0,1fr)}.sudoku-complete button{grid-column:1/-1}}@media (max-height:780px) and (min-width:761px){.focus-view{padding-top:15px;padding-bottom:15px}.timer-ring{width:min(38vh,330px);min-width:280px;margin-top:7px;margin-bottom:6px}.timer-face .karo-mascot{width:58px;height:61px}.timer-value,.timer-value-editor input{font-size:54px}}@media (max-height:780px){.routine-guide{padding-top:50px;padding-bottom:18px}.routine-guide-top h2{font-size:25px}.routine-visual{height:165px;margin-top:9px}.routine-step{min-height:194px;padding:12px 0 24px}.routine-step>span{font-size:16px}.routine-step>strong{margin-top:5px;font-size:60px}.routine-step p{margin-top:13px;padding:10px 15px;font-size:15px}.routine-guide-controls{margin-top:6px}.routine-health-note{margin-top:9px;padding:9px 10px;font-size:13px}}@media (max-width:620px){.environment-preset-list,.environment-preset-save,.landing-cloud-actions,.session-review-actions{grid-template-columns:1fr}.account-modal{padding:20px 16px}.cloud-account-state{grid-template-columns:auto minmax(0,1fr)}.cloud-account-actions{grid-column:1/-1}.cloud-account-actions>button{flex:1}.cloud-plan-picker{grid-template-columns:1fr 1fr}.cloud-plan-picker>div{grid-column:1/-1;padding:2px 2px 4px}.cloud-plan-picker>button{min-height:64px}}.seo-feature-page{background:radial-gradient(circle at 80% 12%,var(--tomato-soft),transparent 28%),var(--page);min-height:100vh}@supports (color:color-mix(in lab,red,red)){.seo-feature-page{background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--tomato-soft) 70%,transparent),transparent 28%),var(--page)}}.seo-feature-content,.seo-feature-cta,.seo-feature-hero,.seo-feature-highlights{width:min(1120px,100% - 40px);margin-inline:auto}.seo-feature-hero{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:54px;min-height:520px;padding:76px 0 56px;display:grid}.seo-feature-hero h1{max-width:780px;font-family:var(--display);letter-spacing:-.055em;margin-top:13px;font-size:clamp(48px,7vw,88px);font-weight:650;line-height:.98}.seo-feature-hero p:not(.eyebrow){max-width:680px;color:var(--ink-soft);margin:24px 0 28px;font-size:clamp(18px,2.2vw,22px);line-height:1.58}.seo-feature-buddy{border:1px solid var(--line);background:var(--surface-strong);border-radius:42% 58% 52% 48%/52% 42% 58% 48%;place-items:center;min-height:300px;display:grid}@supports (color:color-mix(in lab,red,red)){.seo-feature-buddy{background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}}.seo-feature-buddy{box-shadow:var(--shadow-lg)}.seo-feature-highlights{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-sm);border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.seo-feature-highlights div{color:var(--ink-soft);align-items:center;gap:9px;padding:17px;font-weight:700;display:flex}.seo-feature-highlights div+div{border-left:1px solid var(--line)}.seo-feature-highlights svg{color:var(--green);flex:none}.seo-quick-starts{border:1px solid var(--green);grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:30px;width:min(1120px,100% - 40px);margin:28px auto 0;display:grid}@supports (color:color-mix(in lab,red,red)){.seo-quick-starts{border:1px solid color-mix(in srgb,var(--green) 22%,var(--line))}}.seo-quick-starts{background:var(--green-soft);border-radius:19px}@supports (color:color-mix(in lab,red,red)){.seo-quick-starts{background:color-mix(in srgb,var(--green-soft) 58%,var(--surface-strong))}}.seo-quick-starts{padding:24px}.seo-quick-starts h2{font-family:var(--display);letter-spacing:-.035em;margin-top:7px;font-size:clamp(25px,3vw,34px);line-height:1.05}.seo-quick-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.seo-quick-start-grid>a{border:1px solid var(--line);background:var(--surface-strong);min-width:0;min-height:94px;color:var(--ink);border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:15px;text-decoration:none;transition:all .16s;display:flex}.seo-quick-start-grid>a:hover{border-color:var(--green)}@supports (color:color-mix(in lab,red,red)){.seo-quick-start-grid>a:hover{border-color:color-mix(in srgb,var(--green) 42%,var(--line))}}.seo-quick-start-grid>a:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.seo-quick-start-grid span{flex-direction:column;min-width:0;display:flex}.seo-quick-start-grid strong{font-size:14px;line-height:1.25}.seo-quick-start-grid small{color:var(--ink-faint);margin-top:6px;font-size:12px;line-height:1.35}.seo-quick-start-grid svg{color:var(--green);flex:none}.seo-feature-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:72px 0;display:grid}.seo-feature-content section{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:26px}.seo-feature-content h2{font-family:var(--display);font-size:25px;line-height:1.12}.seo-feature-content p{color:var(--ink-soft);margin-top:12px;font-size:16px;line-height:1.65}.seo-session-best-for ul{flex-wrap:wrap;gap:7px;margin-top:16px;padding:0;list-style:none;display:flex}.seo-session-best-for li{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink-soft);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:680}.seo-feature-cta{border:1px solid var(--green);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:72px;display:grid}@supports (color:color-mix(in lab,red,red)){.seo-feature-cta{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}}.seo-feature-cta{background:var(--green-soft);border-radius:20px;padding:24px}.seo-feature-cta h2{font-family:var(--display);font-size:29px}.seo-feature-cta p{color:var(--ink-soft);margin-top:5px}.seo-feature-cta>a{background:var(--green);color:#fff;border-radius:11px;align-items:center;gap:8px;padding:13px 16px;font-weight:800;text-decoration:none;display:inline-flex}@media (max-width:840px){.seo-feature-hero{grid-template-columns:1fr;min-height:0;padding-top:50px}.seo-feature-buddy{min-height:220px}.seo-feature-content,.seo-feature-highlights{grid-template-columns:1fr 1fr}.seo-quick-starts{grid-template-columns:1fr}.seo-feature-highlights div+div{border-left:0}.seo-feature-highlights div:nth-child(2n){border-left:1px solid var(--line)}.seo-feature-highlights div:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:620px){.seo-feature-content,.seo-feature-highlights,.seo-quick-start-grid{grid-template-columns:1fr}.seo-quick-start-grid>a{min-height:72px}.seo-feature-highlights div:nth-child(2n){border-left:0}.seo-feature-highlights div+div{border-top:1px solid var(--line)}.seo-feature-cta{text-align:center;grid-template-columns:1fr}.seo-feature-cta>a,.seo-feature-cta>div,.seo-feature-cta>svg{margin-inline:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.focus-sessions-page{background:radial-gradient(circle at 84% 9%,var(--green-soft),transparent 30rem),radial-gradient(circle at 10% 54%,var(--tomato-soft),transparent 30rem),var(--page);min-height:100vh}@supports (color:color-mix(in lab,red,red)){.focus-sessions-page{background:radial-gradient(circle at 84% 9%,color-mix(in srgb,var(--green-soft) 68%,transparent),transparent 30rem),radial-gradient(circle at 10% 54%,color-mix(in srgb,var(--tomato-soft) 45%,transparent),transparent 30rem),var(--page)}}.focus-sessions-heading,.focus-sessions-library,.focus-sessions-note{width:min(1180px,100% - 40px);margin-inline:auto}.focus-sessions-heading{text-align:center;padding:88px 0 54px}.focus-sessions-heading h1{max-width:900px;font-family:var(--display);letter-spacing:-.065em;margin:15px auto 0;font-size:clamp(52px,8vw,94px);font-weight:680;line-height:.95}.focus-sessions-heading>p:last-child{max-width:760px;color:var(--ink-soft);margin:27px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.6}.focus-session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.focus-session-card{border:1px solid var(--line);background:var(--surface-strong);min-height:390px;box-shadow:var(--shadow-sm);isolation:isolate;border-radius:22px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.focus-session-card:before{z-index:-1;background:var(--tomato-soft);border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-70px}@supports (color:color-mix(in lab,red,red)){.focus-session-card:before{background:color-mix(in srgb,var(--tomato-soft) 58%,transparent)}}.focus-session-card:before{content:""}.focus-session-card[data-scene-preview=meadow]:before{background:var(--green-soft)}@supports (color:color-mix(in lab,red,red)){.focus-session-card[data-scene-preview=meadow]:before{background:color-mix(in srgb,var(--green-soft) 82%,transparent)}}.focus-session-card[data-scene-preview=sunrise]:before{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.focus-session-card[data-scene-preview=sunrise]:before{background:color-mix(in srgb,var(--yellow) 30%,transparent)}}.focus-session-card[data-theme-preview=dark]{color:#f1eee5;background:#1f211d;border-color:#383b34}.focus-session-card[data-theme-preview=dark]:before{opacity:.24}.focus-session-card-actions,.focus-session-card-sound,.focus-session-card-top{align-items:center;display:flex}.focus-session-card-top{justify-content:space-between;gap:10px}.focus-session-card-sound,.focus-session-card-top span{color:var(--ink-faint);font-family:var(--mono);letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:720;display:inline-flex}.focus-session-card[data-theme-preview=dark] .focus-session-card-copy>p:not(.eyebrow),.focus-session-card[data-theme-preview=dark] .focus-session-card-sound,.focus-session-card[data-theme-preview=dark] .focus-session-card-top span{color:#adafa5}.focus-session-card-copy{margin:auto 0;padding:35px 0 27px}.focus-session-card-copy h2{font-family:var(--display);letter-spacing:-.055em;margin-top:8px;font-size:clamp(38px,5vw,54px);line-height:.98}.focus-session-card-copy>p:not(.eyebrow){max-width:500px;color:var(--ink-soft);margin-top:15px;font-size:15px;line-height:1.6}.focus-session-card-sound{opacity:.78;border-top:1px solid;padding-top:15px}.focus-session-card-actions{gap:8px;margin-top:18px}.focus-session-card-actions a{border:1px solid var(--line);min-height:42px;color:inherit;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.focus-session-card-actions a.primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.focus-session-card[data-theme-preview=dark] .focus-session-card-actions a{border-color:#494c44}.focus-session-card[data-theme-preview=dark] .focus-session-card-actions a.primary{color:#1f211d;background:#f1eee5;border-color:#f1eee5}.focus-sessions-note{border:1px solid var(--line);background:var(--surface-strong);border-radius:20px;grid-template-columns:minmax(210px,.7fr) minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:28px;margin-bottom:68px;padding:26px;display:grid}.focus-sessions-note h2{font-family:var(--display);letter-spacing:-.04em;margin-top:7px;font-size:30px}.focus-sessions-note>p{color:var(--ink-soft);line-height:1.6}.focus-sessions-note>a{background:var(--green);color:#fff;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:0 16px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}@media (max-width:820px){.focus-session-grid,.focus-sessions-note{grid-template-columns:1fr}.focus-sessions-note>a{justify-self:start}}@media (max-width:520px){.focus-sessions-heading{padding:60px 0 38px}.focus-session-card{min-height:360px;padding:20px}.focus-session-card-actions{flex-direction:column;align-items:stretch}.focus-sessions-note>a{width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}