:root{--cream:#f7f1e6;--paper:#fffaf1;--ink:#28221b;--muted:#81776a;--line:#e5dccd;--orange:#cf5700;--orange-dark:#a54200;--orange-pale:#f8e2d5;--rose:#f8e2d9;--rose-deep:#c95c2a;--gold:#f4e5b9;--gold-deep:#9b7100;--sage:#e2eddf;--sage-deep:#51865e;--blue:#e1e9ef;--blue-deep:#497ea0;--alert:#f9d7cb;--alert-ink:#b83b00;--dark:#31442b;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:48px;--sp8:72px;--r-sm:12px;--r:20px;--r-pill:999px;--shadow:0 14px 22px #34281721;--focus:3.5px;--top:30px;--content:720px;--key-content:1040px;--camera-w:188px;--camera-h:142px;--scan-ms:1.8s;--ring-width:3.5px;--ring-width-thick:4.5px;--ring-width-key:3.5px;--elevation-card:0 2px 4px #3428170a,0 10px 24px #34281714,inset 0 1px .5px #ffffffe6;--elevation-card-hover:0 4px 10px #34281712,0 14px 28px #3428171f,inset 0 1px 1px #fff;--elevation-card-active:0 10px 24px #3428171f,0 20px 40px #cf570029,inset 0 1px 1px #fff;--elevation-card-selected:0 22px 48px #3428173d,0 36px 72px #cf570059,inset 0 1px 1px #fff;--elevation-pill:0 4px 12px #34281712,inset 0 1px .5px #fffc;--dur-fast:.15s;--dur-normal:.25s;--dur-page:.24s;--dur-idle:3.6s;--ease-spring:cubic-bezier(.22,1.25,.36,1);--ease-spring-squish:cubic-bezier(.175,.885,.32,1.275);--ease-out-smooth:cubic-bezier(.16,1,.3,1);--ease-dwell:cubic-bezier(.35,0,.25,1);--dur-suggest:.22s;--say-it-full-h:92px;--say-it-compact-h:92px;--card-padding:clamp(16px,1rem + 1vw,24px);--sp-fluid-card-pad:var(--card-padding);--key-padding:clamp(10px,1vw + 6px,16px)var(--sp4);--font-fluid-splash:clamp(5rem,3.5rem + 6.5vw,10.5rem);--font-fluid-tagline:clamp(1.25rem,1.05rem + 1vw,1.75rem);--font-fluid-spoken:clamp(3.25rem,2.2rem + 4.5vw,7.75rem);--font-fluid-card-title:clamp(1.35rem,1.15rem + 1.1vw,1.95rem);--font-fluid-eyebrow:clamp(.7rem,.65rem + .2vw,.85rem);--font-fluid-body:clamp(.85rem,.8rem + .3vw,1.05rem);--sp-fluid-home-top:clamp(3vh,2vh + 5vw,19vh);--sp-fluid-app-pad:clamp(1rem,.5rem + 2vw,3rem);--card-fluid-min-h:clamp(120px,90px + 6vw,157px);--icon-fluid-size:clamp(48px,38px + 1.6vw,66px);--icon-fluid-font:clamp(20px,16px + 1vw,29px);--camera-fluid-w:clamp(136px,110px + 5vw,188px);--camera-fluid-h:clamp(102px,82px + 4vw,142px);--key-grid-max-w:1160px;--row-label-w:84px;--row-label-gap:var(--sp4);--key-gap:var(--sp3);--key-min-height:88px;--key-radius:18px;--landing-content:1040px;--font-fluid-section-title:clamp(2rem,1.6rem + 1.8vw,3rem);--sp-landing-section-gap:clamp(48px,6vh + 2vw,96px)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--sans);background:0 0}.page-bg-layer{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 43%,#fffdf7 0,var(--cream)45%,#f2eadc 100%);position:fixed;inset:0}.app-background-shader{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.threeui-background{isolation:isolate;background:0 0;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.threeui-background>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit}button:focus-visible,a:focus-visible{outline:var(--focus)solid var(--orange);outline-offset:3px}.app{min-height:100vh;padding:var(--sp-fluid-app-pad)var(--sp-fluid-app-pad);z-index:1;position:relative}.page-transition{animation:pageEnter var(--dur-page)var(--ease-out-smooth)forwards;will-change:opacity,transform}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{font:600 25px var(--serif);color:var(--ink);text-decoration:none}.brand i{background:var(--orange);border-radius:50%;width:7px;height:7px;margin:0 10px 5px 0;display:inline-block}.controls{gap:var(--sp2);display:flex}.pill,.button{border:1px solid var(--line);border-radius:var(--r-pill);background:linear-gradient(180deg,#fff 0%,var(--paper)100%);color:var(--muted);min-height:44px;padding:0 var(--sp5);cursor:pointer;box-shadow:var(--elevation-pill);transition:transform .2s var(--ease-spring),box-shadow .2s ease,background .2s ease;font-size:14px;font-weight:700}.button:hover{box-shadow:var(--elevation-card-hover);transform:translateY(-1px)}.button:active,.button.is-pressed{box-shadow:var(--elevation-card-active);transform:translateY(0)}.eye-pill{color:var(--orange-dark);background:#f8e2d599;border-color:#efc9b5}.custom-mode-select{display:inline-block;position:relative}.mode-trigger-btn{align-items:center;gap:var(--sp2);border-radius:var(--r-pill);min-height:44px;color:var(--orange-dark);box-shadow:var(--elevation-pill),inset 0 1px .5px #ffffffe6;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s ease,border-color .2s ease;background:linear-gradient(#fffbf7 0%,#fceee6 100%);border:1.5px solid #efc9b5;padding:0 16px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.mode-trigger-btn:hover{box-shadow:var(--elevation-card-hover),inset 0 1px 1px #fff;border-color:var(--orange);transform:translateY(-1px)}.mode-btn-icon{color:var(--orange);justify-content:center;align-items:center;display:flex}.mode-btn-label{white-space:nowrap}.mode-chevron{color:var(--orange-dark);justify-content:center;align-items:center;margin-left:2px;transition:transform .2s;display:flex}.mode-chevron.open{transform:rotate(180deg)}.mode-dropdown-menu{z-index:350;border:1.5px solid var(--line);min-width:220px;animation:menuFadeIn .2s var(--ease-out-smooth)forwards;background:linear-gradient(160deg,#fff 0%,#fffdf8 50%,#fdf5e7 100%);border-radius:18px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #3428172e,0 4px 12px #0000000d}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mode-option-item{color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.mode-option-item .option-icon{color:var(--muted);justify-content:center;align-items:center;transition:color .15s;display:flex}.mode-option-item:hover,.mode-option-item.focused{background:var(--orange-pale);color:var(--orange-dark)}.mode-option-item:hover .option-icon,.mode-option-item.focused .option-icon{color:var(--orange-dark)}.mode-option-item.selected{background:var(--orange-pale);color:var(--orange-dark)}.mode-option-item.selected .option-icon{color:var(--orange)}.option-check{color:var(--orange);margin-left:auto;font-size:14px;font-weight:800}.button.primary{border-color:var(--orange-dark);color:#fff;background:linear-gradient(#df630c 0%,#b84600 100%);box-shadow:0 4px 12px #cf570052,0 10px 24px #3428171f,inset 0 1px .5px #ffffff73}.button.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #cf570066,0 14px 28px #34281729,inset 0 1px 1px #ffffff8c}.cal-start-btn,.cal-skip-btn{min-height:48px;padding:0 32px;font-size:15px}.button.dark{background:var(--dark);color:#fff;border:0;min-height:54px;padding:0 28px}.center{width:min(100%,var(--content));margin:0 auto}.screen-center{text-align:center;place-items:center;min-height:calc(100vh - 100px);display:grid}.splash-word{font:var(--font-fluid-splash)/.9 var(--serif);letter-spacing:-.08em;opacity:0;margin:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards splashFadeIn;transform:translateY(12px)}.dot{color:var(--orange)}.tagline{margin:var(--sp5)auto var(--sp6);max-width:420px;font:italic var(--font-fluid-tagline)/1.35 var(--serif);color:var(--muted);opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .15s forwards splashFadeIn;transform:translateY(12px)}.splash-cta-container{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards splashFadeIn;transform:translateY(12px)}.button.primary.splash-btn{border-radius:var(--r-pill);will-change:transform,box-shadow;transform-origin:50%;min-height:56px;transition:transform .25s var(--ease-spring),box-shadow .25s ease;padding:0 38px;font-size:16px;animation:3.2s cubic-bezier(.4,0,.6,1) .8s infinite heroBtnIdle;position:relative}.button.primary.splash-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 14px 32px #cf57006b,0 20px 40px #34281729,inset 0 1px 1px #fff9}.button.primary.splash-btn:active,.button.primary.splash-btn.is-pressed{animation:heroBtnSquish .3s var(--ease-spring-squish)forwards!important}@keyframes splashFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes heroBtnIdle{0%,to{transform:scale(1);box-shadow:0 8px 22px #cf570047,0 12px 28px #3428171a,inset 0 1px .5px #ffffff73}50%{transform:scale(1.035);box-shadow:0 16px 36px #cf570075,0 22px 46px #3428172e,inset 0 1px 1px #fff9}}@keyframes heroBtnSquish{0%{transform:scale(1)}30%{transform:scale(.92)}65%{transform:scale(1.06)}to{transform:scale(1)}}.intro-icon,.cal-icon{background:var(--orange-pale);width:70px;height:70px;color:var(--orange);border-radius:50%;place-items:center;margin:auto;font-size:30px;display:grid}.calibration{width:min(100%,460px);padding:0 var(--sp3)}.calibration h1{font:clamp(1.8rem,1.4rem + 2vw,2.8rem)/1.15 var(--serif);margin:var(--sp5)0 var(--sp3)}.calibration p{color:var(--muted);margin:0 auto var(--sp5);max-width:400px;font-size:clamp(.95rem,.85rem + .3vw,1.15rem);line-height:1.5}.button-row{justify-content:center;gap:var(--sp3);flex-wrap:wrap;display:flex}.camera-error-block{gap:var(--sp4);flex-direction:column;align-items:center;display:flex}.camera-error-block .error-text{color:var(--alert-ink);background:var(--alert);padding:var(--sp3)var(--sp4);border-radius:var(--r-sm);font-size:14px}.setup-camera-card{margin-bottom:var(--sp3);flex-direction:column;align-items:center;display:flex}.setup-video-container{border-radius:var(--r);border:2px solid var(--line);width:100%;max-width:420px;height:clamp(180px,150px + 10vw,240px);box-shadow:var(--shadow);background:#2a2520;position:relative;overflow:hidden}.setup-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.setup-landmarks-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.reticle-corner-halo{fill:none;stroke:#fff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.9;transition:opacity .25s}.reticle-corner-halo.searching{animation:2.4s ease-in-out infinite reticleSearchPulse}.reticle-corner-halo.confirming{animation:1.6s ease-in-out infinite reticleConfirmPulse}.reticle-corner-halo.confirmed{opacity:1;animation:none}.reticle-corner{fill:none;stroke:var(--orange);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .25s,opacity .25s}.reticle-corner.searching{stroke:var(--salmon);animation:2.4s ease-in-out infinite reticleSearchPulse}.reticle-corner.confirming{stroke:var(--orange);animation:1.6s ease-in-out infinite reticleConfirmPulse}.reticle-corner.confirmed{stroke:var(--sage-deep);stroke-width:2.2px;animation:none}@keyframes reticleSearchPulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes reticleConfirmPulse{0%,to{opacity:.7}50%{opacity:1}}.setup-scanline-sweep{background:linear-gradient(90deg,transparent 0%,#ffffffb3 12%,var(--orange)50%,#ffffffb3 88%,transparent 100%);height:2px;box-shadow:0 0 6px #fffc,0 0 12px var(--orange);z-index:4;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out-smooth);position:absolute;left:0;right:0}.setup-scanline-sweep.searching{animation:2.8s cubic-bezier(.4,0,.2,1) infinite scanlineSweep}.setup-scanline-sweep.confirming{animation:2.2s cubic-bezier(.4,0,.2,1) infinite scanlineSweep}.setup-scanline-sweep.confirmed{opacity:0;animation:none}@keyframes scanlineSweep{0%{opacity:0;top:0%}8%{opacity:.85}92%{opacity:.85}to{opacity:0;top:96%}}.setup-status-badge{border-radius:var(--r-pill);margin-top:var(--sp3);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .3s,color .3s;display:inline-flex}.setup-status-badge.normal,.setup-status-badge.confirming{background:var(--orange-pale);color:var(--orange-dark)}.setup-status-badge.confirmed{background:var(--sage);color:var(--sage-deep)}.setup-status-badge.warning,.setup-status-badge.searching{background:var(--alert);color:var(--alert-ink)}.setup-status-dot{border-radius:50%;width:8px;height:8px}.setup-status-badge.confirming .setup-status-dot{background:var(--orange);animation:1s ease-in-out infinite setupDotPulse}.setup-status-badge.confirmed .setup-status-dot{background:var(--sage-deep)}.setup-status-badge.warning .setup-status-dot,.setup-status-badge.searching .setup-status-dot{background:var(--salmon)}@keyframes setupDotPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.progress{border-radius:var(--r-pill);height:8px;margin-top:var(--sp5);background:#e2dbd0;overflow:hidden}.progress span{background:var(--orange);height:100%;transition:width 50ms linear;display:block}.progress.indeterminate{position:relative}.progress.indeterminate span{border-radius:var(--r-pill);animation:1.4s ease-in-out infinite progress-indeterminate-anim;position:absolute;top:0;bottom:0;width:40%!important}@keyframes progress-indeterminate-anim{0%{left:-40%}to{left:100%}}.home{padding-top:var(--sp-fluid-home-top);text-align:center;max-width:var(--landing-content);margin:0 auto}.eyebrow{color:#a89b89;font-size:var(--font-fluid-eyebrow);letter-spacing:.17em;margin:0 0 var(--sp5);text-transform:uppercase;font-weight:800}.grid{gap:var(--sp4);grid-template-columns:repeat(2,1fr);display:grid}.category-card{--tint:var(--orange-pale);--tint-deep:var(--orange-dark);border:var(--ring-width)solid transparent;box-shadow:var(--elevation-card);min-height:var(--card-fluid-min-h);padding:var(--sp-fluid-card-pad);justify-content:center;align-items:center;gap:var(--sp3);cursor:pointer;color:var(--ink);transition:transform .2s var(--ease-spring),box-shadow .2s ease,border-color .15s ease;background:linear-gradient(160deg,#fff 0%,#fffdf8 50%,#fdf5e7 100%);border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden}.category-card.wide{min-height:108px;padding-left:var(--sp5);padding-right:var(--sp5);justify-content:flex-start;align-items:center;gap:var(--sp5);text-align:left;flex-direction:row;grid-column:1/-1}.card-text-block{gap:var(--sp1);flex-direction:column;display:flex}.category-card:hover{border-color:var(--tint-deep);box-shadow:var(--elevation-card-hover);transform:translateY(-2px)}.category-card.active{border-color:var(--tint-deep);box-shadow:var(--elevation-card-active);animation:1.8s cubic-bezier(.4,0,.6,1) infinite activeCardPulse;transform:translateY(-3px)}@keyframes activeCardPulse{0%,to{box-shadow:var(--elevation-card-active)}50%{box-shadow:0 12px 30px #34281729,0 24px 48px #cf570047,inset 0 1px 1px #fff}}.category-card.selected-lift,.key.selected-lift{animation:liftAndSettle .4s var(--ease-spring)forwards!important;border-color:var(--tint-deep)!important}@keyframes liftAndSettle{0%{box-shadow:var(--elevation-card-active);transform:translateY(-3px)scale(1)}40%{box-shadow:var(--elevation-card-selected);transform:translateY(-8px)scale(1.03)}to{box-shadow:var(--elevation-card-hover);transform:translateY(-1px)scale(1)}}.card-icon{width:var(--icon-fluid-size);height:var(--icon-fluid-size);background:var(--tint);color:var(--tint-deep);font-size:var(--icon-fluid-font);transition:transform .2s var(--ease-spring);border-radius:19px;flex-shrink:0;place-items:center;display:grid}.category-card:hover .card-icon,.category-card.active .card-icon{transform:scale(1.06)}.category-card strong{font:var(--font-fluid-card-title)var(--serif);color:var(--ink);line-height:1.1}.category-card.wide strong{font-size:clamp(1.3rem,1.1rem + .9vw,1.8rem)}.category-card small{color:var(--muted);font-size:var(--font-fluid-body);line-height:1.3}.caption{color:#a49a8b;white-space:nowrap;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.pulse-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-right:10px;animation:1s infinite pulse;display:inline-block}.ai-status-pill{letter-spacing:.05em;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.ai-status-pill.error{color:var(--salmon);background:#e05a4714;border:1px solid #e05a4733}.ai-status-pill.generating{color:var(--orange);background:var(--orange-pale);border:1px solid #cf570040}.dot-wave{align-items:center;gap:3px;display:inline-flex}.dot-wave span{background-color:var(--orange);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotWave}.dot-wave span:nth-child(2){animation-delay:.2s}.dot-wave span:nth-child(3){animation-delay:.4s}@keyframes dotWave{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1.15)}}.key.ai-generating-key{background:var(--orange-pale);border:1.5px dashed var(--orange);color:var(--orange);opacity:.9;cursor:wait;justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.tactile-button{all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;background-color:#000000bf;border-radius:100em;display:inline-block;position:relative;box-shadow:-.15em -.15em .15em -.075em #05050540,.0375em .0375em .0675em #0505051a}.tactile-button:after{content:"";z-index:0;border-radius:inherit;filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply;background:linear-gradient(-135deg,#05050580,#0000 20% 100%);width:calc(100% + .3em);height:calc(100% + .3em);position:absolute;top:-.15em;left:-.15em}.tactile-button .button-outer{z-index:1;border-radius:inherit;will-change:box-shadow;transition:box-shadow .3s;position:relative;box-shadow:0 .05em .05em -.01em #050505,0 .01em .01em -.01em #05050580,.15em .3em .1em -.01em #05050540}.tactile-button:hover .button-outer{box-shadow:0 0 #050505,0 0 #05050580,0 0 #05050540}.tactile-button .button-inner{--inset:.035em;z-index:1;border-radius:inherit;will-change:box-shadow,clip-path,background-image,transform;clip-path:inset(0 round 100em);background-image:linear-gradient(135deg,#e6e6e6,#b4b4b4);padding:1.1em 2.2em;transition:box-shadow .3s,clip-path .25s,background-image .25s,transform .25s;position:relative;overflow:clip;box-shadow:inset 0 0 #0505051a,inset -.05em -.05em .05em #05050540,inset 0 0 #0505051a,inset 0 0 .05em .2em #ffffff40,inset .025em .05em .1em #fff,inset .12em .12em .12em #ffffff40,inset -.075em -.25em .25em .1em #05050540}.tactile-button:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) round 100em);box-shadow:inset .1em .15em .05em #050505bf,inset -.025em -.03em .05em .025em #05050580,inset .25em .25em .2em #05050580,inset 0 0 .05em .5em #ffffff26,inset 0 0 #fff,inset .12em .12em .12em #ffffff40,inset -.075em -.12em .2em .1em #05050540}.tactile-button .button-inner span{z-index:4;font-family:var(--sans);letter-spacing:-.03em;color:#0000;will-change:transform;text-shadow:0 0 .1em #0000001a;-webkit-user-select:none;user-select:none;background-image:linear-gradient(135deg,#191919,#4b4b4b);-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:600;transition:transform .25s;display:block;position:relative}.tactile-button:hover .button-inner span,.tactile-button:active .button-inner{transform:scale(.975)}.tactile-button.terracotta{background-color:#782300bf}.tactile-button.terracotta .button-inner{background-image:linear-gradient(135deg,#cf5700,#9e3e00)}.tactile-button.terracotta .button-inner span{background-image:linear-gradient(135deg,#fff,#fff0e6)}.tactile-button.secondary{background-color:#3c322866}.tactile-button.secondary .button-inner{background-image:linear-gradient(135deg,#fff,#f2ebd9)}.tactile-button.secondary .button-inner span{background-image:linear-gradient(135deg,#28221b,#4a3e35)}.tactile-button.active{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--orange),0 4px 12px #cf570040;outline:none;animation:1.8s cubic-bezier(.4,0,.6,1) infinite tactileActivePulse;transform:translateY(-2px)}.tactile-button.active .button-outer{box-shadow:0 0 0 1px var(--orange),0 .1em .2em #cf570033}@keyframes tactileActivePulse{0%,to{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--orange),0 4px 12px #cf570040}50%{box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--orange),0 6px 16px #cf570059}}.camera{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:var(--camera-fluid-w);height:var(--camera-fluid-h);z-index:100;transition:width .3s var(--ease-spring),height .3s var(--ease-spring),border-radius .3s ease;background:#2a2520;border:1px solid #6d655a;border-radius:18px;position:fixed;overflow:hidden;box-shadow:0 12px 28px #1e181259}.camera.minimized{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a2520eb;border-color:#524a40;border-radius:999px;width:175px;height:38px}.camera video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.video-hidden{display:none!important}.camera-toggle-btn{z-index:10;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:grid;position:absolute;top:6px;right:6px}.camera-toggle-btn:hover{background:#cf5700d9;transform:scale(1.1)}.camera-retry-btn{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:8px;width:calc(100% - 16px);margin:6px 8px 4px;padding:6px 10px;font-size:11px;font-weight:700;transition:background .18s,transform .15s;display:block}.camera-retry-btn:hover{background:var(--orange-dark,#b84a00);transform:scale(1.03)}.camera-error-hint{color:#ffffffbf;text-align:center;margin:0 8px 6px;font-size:10px;line-height:1.4}.camera-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d1);align-items:center;gap:5px;padding:8px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.camera.minimized .camera-label{background:0 0;height:100%;padding:0 0 0 10px;position:relative}.status-dot{color:#58dd91;font-size:16px}.status-dot.warning,.camera.warning .status-dot{color:#e07a5f}.camera.confidence .status-dot{color:var(--orange);animation:.5s ease-in-out infinite confidencePulse}.camera.confidence .camera-label{color:#ffbe98}@keyframes confidencePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.camera-off{text-align:center;height:100%;padding:var(--sp4);color:#fff;place-items:center;font-size:12px;display:grid}.subgrid{grid-template-columns:repeat(3,1fr);width:min(100%,850px);margin:auto}.subgrid .category-card{min-height:var(--card-fluid-min-h)}.back-card{margin:var(--sp4)auto;display:block}.help{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;height:100dvh;max-height:100dvh;padding:var(--sp4);background:#28221b73;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.help-card{border:var(--ring-width)solid var(--line);width:min(92%,520px);max-height:calc(100dvh - 32px);box-shadow:var(--elevation-card-hover);gap:var(--sp4);background:linear-gradient(160deg,#fff 0%,#fffdf8 50%,#fdf5e7 100%);border-radius:28px;flex-direction:column;padding:clamp(22px,4vw,36px);display:flex;overflow-y:auto}.help-card-header{justify-content:space-between;align-items:center;display:flex}.help-card-header h2{font:clamp(1.6rem,1.3rem + 1vw,2.2rem)var(--serif);color:var(--ink);margin:0}.help-close-btn{color:var(--muted);cursor:pointer;padding:var(--sp1)var(--sp2);background:0 0;border:none;border-radius:50%;font-size:18px;transition:color .2s}.help-close-btn:hover{color:var(--ink)}.help-steps{gap:var(--sp3);flex-direction:column;display:flex}.help-step{align-items:flex-start;gap:var(--sp3);display:flex}.step-icon{background:var(--orange-pale);width:36px;height:36px;color:var(--orange-dark);border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.help-step strong{color:var(--ink);margin-bottom:2px;font-size:15px;display:block}.help-step p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.help-card-actions{gap:var(--sp3);margin-top:var(--sp2);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-popover-panel{border:var(--ring-width)solid var(--line);border-radius:var(--r);width:min(90vw,360px);max-height:80vh;padding:var(--sp4);box-shadow:var(--elevation-card-hover);z-index:300;gap:var(--sp4);animation:modeDropdownSlide var(--dur-fast)var(--ease-spring);scrollbar-width:thin;scrollbar-color:var(--orange-dark)var(--line);background:linear-gradient(160deg,#fff 0%,#fffdf8 60%,#fdf5e7 100%);flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.settings-popover-header{justify-content:space-between;align-items:center;display:flex}.settings-popover-header h3{font:1.25rem var(--serif);color:var(--ink);margin:0}.settings-section{gap:var(--sp2);flex-direction:column;display:flex}.settings-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:700}.settings-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.voice-list{gap:var(--sp1);border:var(--ring-width)solid var(--line);border-radius:var(--r-sm);max-height:190px;padding:0;padding:var(--sp2);background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--orange-dark)var(--line);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto;box-shadow:inset 0 1px 3px #3428170d}.voice-list::-webkit-scrollbar{width:6px}.voice-list::-webkit-scrollbar-track{background:var(--line);border-radius:999px}.voice-list::-webkit-scrollbar-thumb{background:var(--orange-dark);border-radius:999px}.voice-list::-webkit-scrollbar-thumb:hover{background:var(--orange)}.voice-item{align-items:center;gap:var(--sp2);padding:var(--sp2)var(--sp3);transition:background var(--dur-fast)ease;border-radius:10px;display:flex}.settings-more-btn{padding:var(--sp3)var(--sp4);background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r-sm);color:var(--orange-dark);transition:all var(--dur-fast)ease;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex}.settings-more-btn:hover{background:var(--orange-pale);border-color:var(--orange);color:var(--orange)}.settings-page-container{width:100%;max-width:840px;padding:var(--sp5)var(--sp4)100px;gap:var(--sp4);flex-direction:column;margin:0 auto;display:flex}.settings-page-header{text-align:center}.settings-page-title{font:2.2rem var(--serif);color:var(--ink);margin:0}.settings-page-subtitle{color:var(--muted);margin:0;font-size:14px}.settings-bento-grid{gap:var(--sp4);grid-template-columns:repeat(2,1fr);display:grid}.settings-card{background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r);padding:var(--sp4);box-shadow:var(--elevation-card-hover);justify-content:space-between;gap:var(--sp3);transition:transform var(--dur-fast)ease,box-shadow var(--dur-fast)ease,border-color var(--dur-fast)ease;flex-direction:column;display:flex}.settings-card:hover{border-color:var(--orange-pale);transform:translateY(-2px)}.settings-card.bento-hero{grid-column:span 2}@media (max-width:900px){.settings-bento-grid{grid-template-columns:1fr}.settings-card.bento-hero{grid-column:span 1}}.settings-card.scannable-active-card{outline:var(--ring-width)solid var(--orange);outline-offset:2px}.telegram-link-wrap{margin-top:var(--sp2)}.telegram-link-btn{align-items:center;gap:var(--sp2);font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.caregiver-info-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp3);gap:var(--sp3);margin-top:var(--sp2);flex-direction:column;display:flex}.caregiver-detail-row{padding-bottom:var(--sp2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.caregiver-detail-row:last-of-type{border-bottom:none;padding-bottom:0}.caregiver-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:700}.caregiver-detail-value{color:var(--ink);font-size:14px;font-weight:600}.caregiver-detail-value.code-font{color:var(--orange-dark);background:#3428170f;border-radius:4px;padding:2px 6px;font-family:monospace}.caregiver-action-row{gap:var(--sp2);flex-wrap:wrap;display:flex}.select-arrow{color:var(--orange-dark);font-size:12px;font-weight:700}.telegram-link{align-items:center;gap:var(--sp2);color:var(--orange-dark);word-break:break-all;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.telegram-link:hover{color:var(--orange)}.telegram-card{background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r-sm);padding:var(--sp3);gap:var(--sp2);flex-direction:column;display:flex}.telegram-senders-list{gap:var(--sp2);margin-top:var(--sp2);flex-direction:column;display:flex}.telegram-sender-btn{padding:var(--sp2)var(--sp3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:border-color var(--dur-fast)ease,background var(--dur-fast)ease;justify-content:space-between;align-items:center;font-size:13px;display:flex}.telegram-sender-btn:hover{border-color:var(--orange);background:var(--orange-pale)}.telegram-status-pill{padding:var(--sp2)var(--sp3);border-radius:var(--r-sm);font-size:12px;font-weight:600;line-height:1.4}.telegram-status-pill.success{color:#047857;background:#10b9811f;border:1px solid #10b9814d}.telegram-status-pill.error{color:#b91c1c;background:#ef44441f;border:1px solid #ef44444d}.telegram-status-pill.info{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f64d}.voice-item:hover{background:var(--orange-pale)}.voice-item--selected{background:var(--orange-pale);outline:var(--ring-width)solid var(--orange);outline-offset:-2px}.voice-pick-btn{align-items:center;gap:var(--sp3);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;padding:0;display:flex}.voice-name{color:var(--ink);font-size:13px;font-weight:600}.voice-lang{color:var(--muted);background:var(--line);border-radius:6px;padding:2px 6px;font-size:11px}.voice-preview-btn{border:1.5px solid var(--line);color:var(--orange-dark);cursor:pointer;transition:background var(--dur-fast)ease,border-color var(--dur-fast)ease;background:0 0;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:11px}.voice-preview-btn:hover{background:var(--orange-pale);border-color:var(--orange)}.repeat-control{border:var(--ring-width)solid var(--line);width:fit-content;box-shadow:var(--elevation-pill);border-radius:12px;gap:0;display:flex;overflow:hidden}.repeat-btn{background:var(--paper);border:none;border-right:1.5px solid var(--line);color:var(--muted);cursor:pointer;transition:background var(--dur-fast)ease,color var(--dur-fast)ease;padding:10px 24px;font-size:14px;font-weight:700}.repeat-btn:last-child{border-right:none}.repeat-btn:hover{background:var(--orange-pale);color:var(--orange-dark)}.repeat-btn--active{background:var(--orange);color:#fff}.repeat-btn--active:hover{background:var(--orange-dark)}.switch-container{background:#d6d6d6;border-radius:50px;width:120px;height:52px;margin-top:10px;position:relative;box-shadow:inset -6px -6px 12px #fff,inset 6px 6px 12px #b0b0b0}.toggle-checkbox{display:none}.switch{cursor:pointer;border-radius:50px;width:100%;height:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.toggle{background:linear-gradient(145deg,#d9d9d9,#bfbfbf);border-radius:50px;justify-content:flex-start;align-items:center;width:60px;height:42px;padding-left:8px;transition:all .3s ease-in-out;display:flex;position:absolute;top:5px;left:5px;box-shadow:-3px -3px 6px #fff,3px 3px 6px #b0b0b0}.led{background:gray;border-radius:50%;width:10px;height:10px;transition:all .3s ease-in-out;box-shadow:0 0 10px 2px #0003}.toggle-checkbox:checked+.switch .toggle{background:linear-gradient(145deg,#cfcfcf,#a9a9a9);left:55px;box-shadow:-3px -3px 6px #fff,3px 3px 6px #8a8a8a}.toggle-checkbox:checked+.switch .led{background:#00e676;box-shadow:0 0 15px 4px #00e676}.switch:hover .toggle{box-shadow:-4px -4px 12px #fff,4px 4px 12px #9b9b9b}.settings-profile-link{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:var(--sp3);color:var(--ink);transition:background var(--dur-fast)ease,border-color var(--dur-fast)ease;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.settings-profile-link:hover{background:var(--orange-pale);border-color:var(--orange)}.profile-link-content{align-items:center;gap:var(--sp3);display:flex}.profile-link-icon{font-size:18px}.profile-link-content strong{color:var(--ink);font-size:13px;display:block}.profile-link-content p{color:var(--muted);margin:0;font-size:11px}.profile-link-arrow{color:var(--orange-dark);font-size:16px;font-weight:700}.repeat-indicator{color:#ffffffb3;letter-spacing:.04em;margin:0;font-size:13px}.mobile-menu-btn{background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;box-shadow:var(--elevation-pill);transition:transform var(--dur-fast)ease,background var(--dur-fast)ease;padding:8px 14px;display:none}.mobile-menu-btn:hover{background:var(--orange-pale);color:var(--orange-dark)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;animation:drawerFadeIn var(--dur-fast)ease forwards;background:#28221b73;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-drawer-panel{border-left:var(--ring-width)solid var(--line);z-index:410;width:min(85vw,320px);padding:var(--sp5)var(--sp4);gap:var(--sp4);background:linear-gradient(160deg,#fff 0%,#fffdf8 60%,#fdf5e7 100%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #34281733}.mobile-drawer-panel.open{animation:drawerSlideIn var(--dur-normal)var(--ease-spring)forwards}.mobile-drawer-header{border-bottom:1px solid var(--line);padding-bottom:var(--sp3);justify-content:space-between;align-items:center;display:flex}.drawer-title{font:1.35rem var(--serif);color:var(--ink);font-weight:700}.mobile-drawer-content{gap:var(--sp4);flex-direction:column;display:flex;overflow-y:auto}.drawer-item{gap:var(--sp2);flex-direction:column;display:flex}.drawer-item-label{letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.drawer-pill-btn{text-align:center;width:100%;padding:12px var(--sp4);justify-content:center;align-items:center;display:flex}@media (max-width:899px){.desktop-controls{display:none!important}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.settings-popover-panel{z-index:500;width:min(90vw,360px);max-height:85vh;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 40px #28221b59}}@media (min-width:900px){.mobile-menu-btn,.mobile-drawer-panel,.mobile-drawer-backdrop{display:none!important}}.plain-back-btn{color:var(--ink);cursor:pointer;transition:color var(--dur-fast)ease,transform var(--dur-fast)ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:-10px;padding:10px;text-decoration:none;display:inline-flex}.plain-back-btn:hover{color:var(--orange-dark);transform:translate(-3px)}.mobile-drawer-content .custom-mode-select{width:100%}.mobile-drawer-content .mode-trigger-btn{justify-content:space-between;width:100%}.mobile-drawer-content .mode-dropdown-menu{width:100%;box-shadow:none;animation:menuFadeIn var(--dur-fast)ease forwards;margin-top:8px;position:static}.mobile-drawer-content .mode-option-item{white-space:nowrap;padding:8px 10px;font-size:13px}.spell{max-width:var(--key-grid-max-w);width:100%;padding-top:var(--sp4);flex-direction:column;gap:0;margin:0 auto;display:flex}.spellbar{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.spellbar>:first-child{place-self:center start}.spellbar h1{font:clamp(1.35rem,1.15rem + .8vw,1.75rem)var(--serif);color:var(--ink);text-align:center;place-self:center;margin:0}.spellbar>:nth-child(3),.spellbar-right,.spellbar .pill:last-child{place-self:center end;align-items:center;gap:var(--sp3);display:flex}.spell-message{text-align:center;margin:18px 0 20px}.spell-message .eyebrow{margin:0 0 7px}.message-line{font:italic 32px var(--serif);color:#b4a895;min-height:42px}.message-line.live{color:var(--ink);font-style:normal}.keyboard-row{grid-template-columns:var(--row-label-w)1fr;gap:var(--row-label-gap);margin-bottom:var(--sp3);border-radius:var(--key-radius);align-items:center;display:grid;position:relative}.row-label{text-align:right;color:#a89b89;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800;font-family:var(--sans);align-self:center;overflow:hidden}.row-cells{gap:var(--key-gap);grid-template-columns:repeat(10,1fr);width:100%;display:grid}.keyboard-row.active .row-cells{outline:var(--ring-width)solid var(--orange-pale);outline-offset:4px;border-radius:var(--key-radius);background:#f8e2d566}.key{min-height:var(--key-min-height);border:var(--ring-width)solid transparent;border-radius:var(--key-radius);cursor:pointer;color:var(--ink);padding:var(--sp2)var(--sp2);box-sizing:border-box;text-align:center;background:linear-gradient(165deg,#fff 0%,#fff7eb 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:20px;font-weight:800;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #34281714,inset 0 1px #fff}.key-label{white-space:nowrap;text-overflow:ellipsis;line-height:1.1;overflow:hidden}.key-icon{color:var(--orange-dark);justify-content:center;align-items:center;font-size:18px;display:flex}.key.back{border:2px dashed var(--line);color:var(--muted);background:#fffdf8;font-size:12px;font-weight:700}.key.back .key-icon{color:var(--orange);font-size:16px}.key.back .key-label{white-space:nowrap;font-size:12px}.key.say-it-full{color:#fff;border-radius:var(--key-radius);min-height:var(--key-min-height);justify-content:center;align-items:center;gap:var(--sp2);padding:var(--sp2)var(--sp4);background:linear-gradient(135deg,#df630c 0%,#b84600 100%);border-color:#0000;flex-direction:row;font-size:18px;font-weight:800;display:flex;box-shadow:0 8px 20px #cf570047}.key.say-it-full .key-icon{color:#fff}.key.say-it-compact{background:var(--orange);color:#fff;border-radius:var(--key-radius);min-height:var(--key-min-height);justify-content:center;align-items:center;gap:var(--sp1);padding:var(--sp2);border-color:#0000;flex-direction:row;font-size:13px;font-weight:800;display:flex}.key.say-it-compact .key-icon{color:#fff}.key.alert{background:var(--alert);color:var(--alert-ink);border-color:#e9a797}.key.alert .key-icon{color:var(--alert-ink)}.key.active{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange-pale);outline:none}.scan-ring{pointer-events:none;border-radius:inherit;z-index:1;position:absolute;inset:0}.key.suggest{color:var(--gold-deep);text-align:center;padding:var(--sp2)var(--sp3);transition:background var(--dur-suggest)ease,border-color .15s ease;background:#f4e5b973;border-color:#0000;border-radius:14px;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1.3;display:flex}.key.suggest:hover,.key.suggest.active{background:var(--gold);border-color:var(--gold-deep)}.overlay{z-index:200;text-align:center;padding:var(--sp6);background:radial-gradient(circle,#fffdf6,var(--cream));place-items:center;display:grid;position:fixed;inset:0}.overlay.alert{background:radial-gradient(circle,#fff6ef,#f9d7cb)}.overlay-content{max-width:1200px}.alert-orb-container{transform:translateY(-112px)scale(2.9)}.alert-text-container{transform:translateY(-109px)}.dots{color:#e7a589;letter-spacing:7px;font-size:32px;animation:1.2s infinite pulse}.spoken{font:800 var(--font-fluid-spoken)/.95 var(--serif);letter-spacing:-.05em;margin:30px 0 44px}.alert .spoken{color:var(--alert-ink)}.overlay p{max-width:530px;color:var(--muted);margin:28px auto 0;line-height:1.45}.alert-toast{top:var(--sp5);right:var(--sp5);z-index:400;border-radius:var(--r-lg);font-size:16px;font-weight:600;font-family:var(--sans);pointer-events:none;align-items:center;gap:10px;max-width:420px;padding:14px 22px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:fixed;box-shadow:0 12px 32px #34281733,0 4px 12px #00000014}.alert-toast.exiting{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}.alert-toast.sent{color:#047857;background:#f0fdf4;border:1.5px solid #bbf7d0}.alert-toast.failed{color:#be123c;background:#fff1f2;border:1.5px solid #fecdd3}.alert-toast.sending{background:var(--orange-pale);color:var(--orange-dark);border:1.5px solid #efc9b5}.telegram-brand-icon{flex-shrink:0}.alert-toast-icon{flex-shrink:0;font-size:16px}.toast-text-body{line-height:1.35}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)translate(20px)scale(.95)}to{opacity:1;transform:translateY(0)translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)translate(0)scale(1)}to{opacity:0;transform:translateY(-8px)translate(16px)scale(.95)}}.hero-splash{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex;position:relative}.scroll-indicator{color:var(--muted);letter-spacing:.08em;opacity:.75;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:1;color:var(--orange-dark)}.scroll-chevron-svg{width:24px;height:24px;animation:2.4s ease-in-out infinite chevronBounce}@keyframes chevronBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.reveal-section{opacity:0;transition:opacity .65s var(--ease-out-smooth),transform .65s var(--ease-out-smooth);will-change:opacity,transform;transform:translateY(24px)}.reveal-section.is-visible{opacity:1;transform:translateY(0)}.landing-container{width:min(100%,var(--landing-content));margin:var(--sp-landing-section-gap)auto 0;gap:var(--sp-landing-section-gap);flex-direction:column;padding-bottom:60px;display:flex}.landing-section{width:100%}.section-header{text-align:center;max-width:680px;margin:0 auto var(--sp6)}.landing-eyebrow{color:var(--orange-dark);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp2);font-size:11px;font-weight:800;display:inline-block}.landing-title{font:var(--font-fluid-section-title)/1.15 var(--serif);color:var(--ink);margin:0 0 var(--sp3);letter-spacing:-.03em}.landing-subtitle{color:var(--muted);margin:0;font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.45}.bento-grid{gap:var(--sp4);grid-template-columns:repeat(3,1fr);display:grid}.bento-card{--bento-icon-color:var(--orange-dark);--stagger:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp5);cursor:default;transition:transform .3s var(--ease-out-smooth),box-shadow .3s var(--ease-out-smooth);animation:bentoFadeUp .55s var(--ease-out-smooth)both;animation-delay:calc(var(--stagger)*80ms + .12s);position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #3428171f}.bento-card--wide{grid-column:span 2}.bento-card--active{transform:translateY(-2px);box-shadow:0 18px 36px #3428171f}.bento-texture{opacity:0;pointer-events:none;background-image:radial-gradient(circle,#28221b0a 1px,#0000 1px);background-size:5px 5px;transition:opacity .3s;position:absolute;inset:0}.bento-texture--on,.bento-card:hover .bento-texture{opacity:1}.bento-ring{z-index:-1;border-radius:var(--r);opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 30%,#cf57002e 70%,#0000);padding:1px;transition:opacity .3s;position:absolute;inset:0}.bento-ring--on,.bento-card:hover .bento-ring{opacity:1}.bento-inner{gap:var(--sp3);flex-direction:column;display:flex;position:relative}.bento-top{justify-content:space-between;align-items:center;display:flex}.bento-icon-wrap{background:var(--orange-pale);width:38px;height:38px;color:var(--bento-icon-color);border-radius:11px;place-items:center;transition:background .25s;display:grid}.bento-card:hover .bento-icon-wrap{background:color-mix(in srgb,var(--orange-pale)60%,var(--cream))}.bento-meta{letter-spacing:.04em;color:var(--muted);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28221b0d;padding:3px 8px;font-size:11px;font-weight:700;transition:background .2s}.bento-card:hover .bento-meta{background:#28221b17}.bento-content{flex-direction:column;gap:6px;display:flex}.bento-title{font:500 clamp(1rem,.9rem + .4vw,1.2rem)/1.2 var(--serif);color:var(--ink);align-items:baseline;gap:var(--sp2);margin:0;display:flex}.bento-step{letter-spacing:.1em;color:var(--orange);font-size:11px;font-weight:800;font-family:var(--sans)}.bento-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.bento-footer{margin-top:var(--sp1);justify-content:flex-end;display:flex}.bento-explore{color:var(--muted);opacity:0;font-size:12px;transition:opacity .25s}.bento-card:hover .bento-explore{opacity:1}@keyframes bentoFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-section{text-align:center}.cta-glass-layout{align-items:center;gap:var(--sp8);max-width:var(--landing-content);grid-template-columns:1fr auto;margin:0 auto;display:grid}.cta-glass-text{align-items:flex-start;gap:var(--sp3);flex-direction:column;display:flex}.cta-glass-text .cta-title{text-align:left;font:clamp(2.2rem,1.8rem + 1.5vw,3.4rem)/1.1 var(--serif);color:var(--ink);letter-spacing:-.03em;margin:0}.cta-glass-text .cta-subtitle{text-align:left;max-width:440px;color:var(--muted);margin:0;font-size:clamp(1rem,.95rem + .3vw,1.2rem)}.cta-glass-card-wrap{flex-shrink:0}.glass-card-scene{perspective:1000px;width:290px;max-width:100%;height:300px}.glass-card{background:linear-gradient(145deg,var(--paper)0%,#f0e8d8 60%,var(--orange-pale)100%);width:100%;height:100%;box-shadow:0 32px 56px #cf570026,0 0 0 1px var(--line);transform-style:preserve-3d;transition:transform .45s var(--ease-out-smooth),box-shadow .45s var(--ease-out-smooth);border-radius:46px;position:relative;overflow:visible}.glass-card-scene:hover .glass-card{transform:rotate3d(1,1,0,28deg);box-shadow:28px 48px 24px -38px #cf570040,0 20px 28px #cf570014}.glass-inset{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-style:preserve-3d;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#fff3 100%);border-bottom:1px solid #ffffffb3;border-left:1px solid #ffffffb3;border-radius:50px;position:absolute;inset:8px;transform:translateZ(25px)}.glass-circles{transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;right:0}.glass-circle{transform:translate3d(0,0,var(--circle-z,20px));transition:transform .45s var(--ease-out-smooth);transition-delay:var(--circle-delay,0s);background:#cf570012;border-radius:50%;position:absolute;top:10px;right:10px;box-shadow:-8px 8px 16px #cf570014}.glass-card-scene:hover .glass-circle{transform:translate3d(0,0,calc(var(--circle-z,20px) + 10px))}.glass-mark{background:var(--cream);border:1px solid var(--line);width:50px;height:50px;transition:transform .45s var(--ease-out-smooth)1.6s;border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;right:30px;transform:translateZ(100px);box-shadow:-6px 8px 14px #cf57001f}.glass-card-scene:hover .glass-mark{transform:translateZ(118px)}.glass-mark span{background:var(--orange);border-radius:50%;width:16px;height:16px;display:block}.glass-body{transform-style:preserve-3d;position:absolute;top:90px;left:28px;right:28px;transform:translateZ(26px)}.glass-eyebrow{letter-spacing:.15em;color:#cf5700d9;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.glass-title{font:700 22px/1.2 var(--serif);color:var(--ink);letter-spacing:-.02em;margin:0 0 10px}.glass-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.glass-footer{transform-style:preserve-3d;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:20px;right:20px;transform:translateZ(26px)}.glass-actions{gap:10px;display:flex}.glass-action-btn{border:1px solid var(--line);background:var(--orange-pale);width:32px;height:32px;color:var(--orange-dark);cursor:default;transition:transform .2s,box-shadow .2s;transition-delay:var(--btn-delay,0s);border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 6px -3px #cf57001f}.glass-card-scene:hover .glass-action-btn{transform:translateZ(48px);box-shadow:-4px 16px 10px #cf570026}.glass-start-btn{color:var(--orange-dark);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:12px;font-weight:800;transition:transform .2s;display:flex}.glass-card-scene:hover .glass-start-btn{transform:translateZ(10px)}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (max-width:899px){.caption{white-space:normal;text-align:center;width:80%;font-size:11px;bottom:125px}.subgrid{grid-template-columns:repeat(2,1fr)}.spell{padding-top:20px}.keyboard-row{gap:var(--sp2);grid-template-columns:52px 1fr}.row-label{font-size:8px}.row-cells{gap:5px}.key{border-radius:12px;min-height:56px;padding:2px;font-size:15px}.key-label{white-space:nowrap;font-size:11px}.key-icon{font-size:14px}.key.back .key-label{white-space:nowrap;font-size:10px}.key.say-it-full{min-height:56px;font-size:14px}.key.say-it-compact{min-height:56px;font-size:10px}.bento-grid{grid-template-columns:1fr}.bento-card--wide{grid-column:span 1}.scroll-indicator{bottom:12px}.cta-glass-layout{text-align:center;justify-items:center;gap:var(--sp6);grid-template-columns:1fr}.cta-glass-text{align-items:center}.cta-glass-text .cta-title,.cta-glass-text .cta-subtitle{text-align:center}.camera{bottom:14px;right:14px}}.profile-container{max-width:var(--content);width:100%;padding:var(--sp5)var(--sp4);gap:var(--sp5);flex-direction:column;margin:0 auto;display:flex}.profile-header-card{align-items:center;gap:var(--sp4);background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r);padding:var(--sp4)var(--sp5);box-shadow:var(--elevation-card);display:flex}.profile-avatar-pill{background:var(--orange-pale);width:48px;height:48px;color:var(--orange-dark);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-name{font:clamp(1.5rem,1.2rem + 1vw,2rem)var(--serif);color:var(--ink);margin:0 0 2px}.profile-subtitle{color:var(--muted);margin:0;font-size:13px}.analytics-empty-card{text-align:center;background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r);padding:var(--sp8)var(--sp5);box-shadow:var(--elevation-card);align-items:center;gap:var(--sp3);flex-direction:column;display:flex}.empty-icon{font-size:42px}.analytics-empty-card h2{font:1.6rem var(--serif);color:var(--ink);margin:0}.analytics-empty-card p{color:var(--muted);max-width:420px;margin:0;font-size:14px;line-height:1.5}.analytics-grid{gap:var(--sp4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r);padding:var(--sp4)var(--sp5);box-shadow:var(--elevation-card);gap:var(--sp3);flex-direction:column;display:flex}.analytics-card.full-width{grid-column:1/-1}.stat-hero{background:linear-gradient(145deg,var(--paper)0%,var(--orange-pale)100%);border-color:var(--orange-pale)}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.stat-value{font:clamp(2.5rem,2rem + 2vw,3.8rem)var(--serif);color:var(--orange-dark);font-weight:700;line-height:1}.stat-caption{color:var(--muted);font-size:12px}.repeat-bars-list{gap:var(--sp2);flex-direction:column;display:flex}.repeat-bar-row{align-items:center;gap:var(--sp3);font-size:12px;display:flex}.repeat-bar-label{width:90px;color:var(--ink);font-weight:600}.repeat-bar-track{background:var(--line);border-radius:999px;flex:1;height:10px;overflow:hidden}.repeat-bar-fill{border-radius:999px;height:100%;transition:width .3s}.repeat-bar-fill.r1{background:var(--blue-deep)}.repeat-bar-fill.r2{background:var(--orange)}.repeat-bar-fill.r3{background:var(--rose-deep)}.repeat-bar-val{color:var(--muted);text-align:right;width:60px;font-size:11px;font-weight:700}.top-phrases-list{gap:var(--sp3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phrase-item{flex-direction:column;gap:4px;display:flex}.phrase-info{justify-content:space-between;align-items:center;font-size:14px;display:flex}.phrase-rank{color:var(--orange-dark);width:28px;font-weight:700}.phrase-text{color:var(--ink);flex:1;font-weight:600}.phrase-count{color:var(--muted);font-size:12px;font-weight:700}.phrase-bar-track{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.phrase-bar-fill{background:var(--orange);border-radius:999px;height:100%}.daily-list{gap:var(--sp2);flex-direction:column;display:flex}.daily-item{padding:var(--sp2)0;border-bottom:1px solid var(--line);justify-content:space-between;font-size:13px;display:flex}.daily-item:last-child{border-bottom:none}.daily-date{color:var(--ink);font-weight:600}.daily-count{color:var(--orange-dark);font-weight:700}.profile-actions-card{background:var(--paper);border:var(--ring-width)solid var(--line);border-radius:var(--r);padding:var(--sp4)var(--sp5);box-shadow:var(--elevation-card);justify-content:space-between;align-items:center;display:flex}.profile-actions-card strong{color:var(--ink);margin-bottom:2px;font-size:15px;display:block}.profile-actions-card p{color:var(--muted);margin:0;font-size:12px}.button.alert-btn{background:var(--alert-ink);color:#fff;border-color:var(--alert-ink)}.button.alert-btn:hover{background:#962f00}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-transition{animation:.01ms ease-out forwards pageEnterReduced!important}@keyframes pageEnterReduced{0%{opacity:1;transform:none}to{opacity:1;transform:none}}.splash-word,.tagline,.splash-cta-container{opacity:1!important;animation:none!important;transform:none!important}.button.primary.splash-btn{animation:none!important;transform:none!important;box-shadow:0 12px 22px #cf57003d!important}.button.primary.splash-btn:active,.button.primary.splash-btn.is-pressed{background:var(--orange-dark)!important;animation:none!important;transform:none!important}.category-card.active,.key.active{border-color:var(--tint-deep)!important;transform:none!important}.category-card.selected-lift,.key.selected-lift{border-color:var(--tint-deep)!important;animation:none!important;transform:none!important}.scroll-chevron-svg{animation:none!important}.reveal-section{opacity:1!important;transition:none!important;transform:none!important}.bento-card{transition:none!important;animation:none!important}.bento-texture,.bento-ring,.bento-explore,.glass-card{transition:none!important;transform:none!important}.glass-circle,.glass-mark{transition:none!important}}.not-found-container{min-height:calc(100vh - 180px);padding:var(--sp5)var(--sp4);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-align:center;align-items:center;gap:var(--sp3);flex-direction:column;width:100%;max-width:580px;padding:clamp(24px,4vw,48px);display:flex}.not-found-code{font-family:var(--serif);color:var(--orange);letter-spacing:-.02em;margin:0;font-size:clamp(4rem,8vw,7.5rem);font-weight:700;line-height:1}.not-found-title{font-family:var(--serif);color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.25}.not-found-desc{font-family:var(--sans);font-size:var(--font-fluid-body);color:var(--muted);max-width:420px;margin:0 0 var(--sp3)0;line-height:1.5}.not-found-actions{gap:var(--sp3);flex-direction:column;width:100%;display:flex}.not-found-btn{align-items:center;gap:var(--sp3);padding:var(--sp4)var(--sp5);border-radius:var(--r-sm);border:2px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:pointer;transition:transform var(--dur-fast)var(--ease-spring),border-color var(--dur-fast)ease,box-shadow var(--dur-fast)ease;text-align:left;width:100%;font-size:1.05rem;font-weight:600;display:flex;position:relative}.not-found-btn.primary{background:var(--orange-pale);color:var(--orange-dark);border-color:#0000}.not-found-btn.active{border-color:var(--orange);transform:scale(1.02);box-shadow:0 0 0 3px #cf570040}.not-found-btn .btn-icon{width:40px;height:40px;color:var(--orange);background:#cf57001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.not-found-btn.primary .btn-icon{background:var(--orange);color:#fff}.not-found-btn .btn-label{flex:1}.not-found-btn .btn-arrow{opacity:.6;transition:transform var(--dur-fast)ease;font-size:1.2rem}.not-found-btn.active .btn-arrow{opacity:1;transform:translate(4px)}.custom-phrases-modal{z-index:500;width:clamp(320px,90vw,540px);max-height:85vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.custom-phrases-open-btn{width:100%;padding:var(--sp3)var(--sp4);justify-content:center}.custom-phrase-form{gap:var(--sp3);margin-top:var(--sp2);flex-direction:column;display:flex}.custom-phrase-input{width:100%;padding:var(--sp3)var(--sp4);border:2px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--font-fluid-body);transition:border-color var(--dur-fast)ease;outline:none}.custom-phrase-input:focus{border-color:var(--orange)}.custom-phrase-form-row{gap:var(--sp3);align-items:center;display:flex}.custom-category-select-wrapper{flex:1;position:relative}.custom-category-trigger-btn{width:100%;padding:var(--sp3)var(--sp4);border:2px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:pointer;transition:border-color var(--dur-fast)ease;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.custom-category-trigger-btn:focus,.custom-category-trigger-btn:hover{border-color:var(--orange)}.custom-category-dropdown-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:550;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.custom-category-option-btn{width:100%;padding:var(--sp2)var(--sp3);color:var(--ink);font-family:var(--sans);cursor:pointer;text-align:left;transition:background var(--dur-fast)ease;background:0 0;border:none;border-radius:6px;align-items:center;font-size:.9rem;font-weight:500;display:flex}.custom-category-option-btn:hover,.custom-category-option-btn.active{background:var(--orange-pale);color:var(--orange-dark);font-weight:600}.save-phrase-btn{white-space:nowrap;flex-shrink:0}.custom-phrases-list-section{gap:var(--sp3);flex-direction:column;display:flex}.custom-phrase-group{gap:var(--sp1);flex-direction:column;display:flex}.custom-phrase-group-title{font-family:var(--sans);letter-spacing:.08em;color:var(--muted);margin:var(--sp1)0;font-size:.75rem;font-weight:700}.custom-phrase-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.custom-phrase-item{padding:var(--sp2)var(--sp3);background:var(--cream);border:1px solid var(--line);border-radius:var(--r-sm);justify-content:space-between;align-items:center;display:flex}.custom-phrase-item-text{font-family:var(--sans);color:var(--ink);font-size:.95rem;font-weight:500}.custom-phrase-delete-btn{color:var(--muted);cursor:pointer;transition:color var(--dur-fast)ease,background var(--dur-fast)ease;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.custom-phrase-delete-btn:hover{color:var(--alert-ink);background:var(--alert)}.reset-dwell-btn{align-items:center;gap:var(--sp1);margin-top:var(--sp2);padding:6px var(--sp3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--orange-dark);font-family:var(--sans);cursor:pointer;transition:background var(--dur-fast)ease,border-color var(--dur-fast)ease;font-size:.85rem;font-weight:600;display:inline-flex}.reset-dwell-btn:hover{background:var(--orange-pale);border-color:var(--orange)}.offline-banner{z-index:9999;padding:var(--sp2)var(--sp4);animation:offline-slide-in var(--dur-normal)var(--ease-out-smooth)both;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}@keyframes offline-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-banner-inner{align-items:center;gap:var(--sp3);max-width:var(--content);width:100%;padding:var(--sp3)var(--sp4);background:var(--alert);border:2px solid var(--alert-ink);border-radius:var(--r-sm);box-shadow:var(--shadow);display:flex}.offline-icon{color:var(--alert-ink);flex-shrink:0}.offline-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.offline-text strong{font-family:var(--sans);color:var(--alert-ink);font-size:.95rem;font-weight:700}.offline-text span{font-family:var(--sans);color:var(--ink);opacity:.85;font-size:.82rem}.offline-dismiss-btn{width:28px;height:28px;color:var(--alert-ink);cursor:pointer;transition:background var(--dur-fast)ease;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.offline-dismiss-btn:hover{background:#b83b001f}.alert-eyebrow{color:var(--alert-ink)!important}.error-card{border-top:4px solid var(--alert-ink)}.error-icon-wrap{width:56px;height:56px;margin:var(--sp2)auto var(--sp3);background:var(--alert);color:var(--alert-ink);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.error-details{margin:var(--sp3)0 var(--sp4);text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp2)var(--sp3)}.error-summary{font-family:var(--sans);color:var(--muted);cursor:pointer;outline:none;font-size:.85rem;font-weight:600}.error-summary:hover{color:var(--ink)}.error-code-block{margin-top:var(--sp2);padding:var(--sp2);background:var(--paper);color:var(--alert-ink);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:140px;font-family:monospace;font-size:.8rem;overflow-y:auto}
.button.primary{min-height:58px;padding:0 30px;font-size:16px}.button-row .button{min-height:52px;padding:0 28px;font-size:15px}.home{padding-top:14vh}