:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#15181e;color:#f5f6f8;font-synthesis:none;--muted:#a8afbb;--line:#343a45;--accent:#e9f79b}
*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.app{max-width:480px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:var(--muted);font-weight:400}.brand img{margin-left:-7px}.mode{font-size:12px;border:1px solid var(--line);padding:6px 9px;border-radius:20px;color:var(--muted)}.mode.is-installed{color:var(--accent);border-color:#5a653b}.workspace{padding-top:42px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.65px;color:var(--muted);margin:0 0 16px}h1{font-size:clamp(2.25rem,10vw,3rem);font-weight:550;line-height:1.08;letter-spacing:-2px;margin:0 0 16px}.intro{color:var(--muted);font-size:16px;line-height:1.55;max-width:330px;margin:0 0 30px}.counter-panel{background:#20252d;border:1px solid #303641;border-radius:28px;padding:24px;display:flex;align-items:center;flex-direction:column}.counter-label{color:var(--muted);font-size:13px;margin-bottom:9px}input{color:#f5f6f8;text-align:center;border:none;border-bottom:1px solid #47505e;background:transparent;font-size:18px;max-width:100%;width:100%;padding:4px 0 9px;border-radius:0}output{font-size:clamp(4.5rem,20vw,6.5rem);line-height:1.2;letter-spacing:-4px;font-weight:500;font-variant-numeric:tabular-nums;margin:16px 0 18px}.counter-controls{display:flex;align-items:center;justify-content:center;gap:24px}.round{border:0;display:grid;place-items:center;border-radius:50%;transition:transform .12s,background .12s}.round:active{transform:scale(.94)}.secondary{background:#303742;width:48px;height:48px;font-size:26px}.primary{background:var(--accent);color:#202813;width:72px;height:72px;box-shadow:0 0 0 6px #e9f79b0a}.primary svg{width:32px;height:32px;stroke-width:2}.install-card{position:relative;background:#242a33;border:1px solid #3c4552;border-radius:20px;padding:18px 36px 18px 16px;display:flex;gap:13px;align-items:flex-start;margin-top:22px;animation:rise .35s ease both}.install-card>img{border-radius:12px}.install-card strong{display:block;font-size:16px;font-weight:600;line-height:1.4}.install-card div>span{display:block;font-size:14px;color:var(--muted);line-height:1.45;margin:3px 0 8px}.install-cta{padding:7px 0;border:0;background:none;color:var(--accent);font-size:14px;font-weight:650;text-align:left;min-height:36px}.install-cta span{margin-left:5px}.icon-button{background:none;border:0;width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:50%}.icon-button svg{width:20px;height:20px}.dismiss{position:absolute;right:1px;top:1px}.installed-note{display:flex;gap:12px;align-items:center;margin:24px 4px 0;color:var(--accent)}.installed-note p{margin:0;font-size:16px;font-weight:600}.installed-note span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:4px}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:20px}.text-button{font-size:13px;color:var(--muted);background:none;border:0;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.prototype-controls{margin-top:12px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer;padding:8px 0;min-height:36px}.prototype-controls div{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.prototype-controls button{font-size:14px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#20252d}.prototype-controls p{line-height:1.6;font-size:13px}dialog{padding:0;border:1px solid #3c4552;background:#20252d;color:inherit;width:min(100%,480px);max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:auto auto 0;border-radius:28px 28px 0 0;overscroll-behavior:contain}dialog[open]{animation:rise .22s ease-out}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.sheet{position:relative;padding:12px 24px calc(24px + env(safe-area-inset-bottom))}.sheet-grip{height:4px;width:32px;border-radius:8px;background:#59616e;margin:0 auto 24px}.sheet-close{position:absolute;right:8px;top:8px}.sheet-icon{border-radius:16px;display:block;margin:0 0 22px}.sheet .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:8px}h2{font-size:28px;font-weight:600;letter-spacing:-.8px;line-height:1.15;margin:0 0 10px}.sheet-intro{font-size:16px;color:var(--muted);line-height:1.5;margin:0 0 24px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}.steps li{display:flex;gap:15px}.step-icon{display:grid;place-items:center;background:#323b48;border-radius:13px;flex:0 0 44px;height:44px;color:var(--accent)}.steps strong{font-size:16px;font-weight:600;line-height:1.4;display:block}.steps p{font-size:14px;color:var(--muted);line-height:1.55;margin:5px 0 0}.steps b,.troubleshooting b{font-weight:600;color:#e7ebf0}.troubleshooting{font-size:13px;color:var(--muted);margin:17px 0 5px}.troubleshooting p{line-height:1.6;font-size:14px}.got-it{border:0;border-radius:14px;background:var(--accent);color:#202813;min-height:50px;width:100%;font-size:16px;font-weight:650;margin-top:16px}.desktop-tip{font-size:14px;color:var(--muted);line-height:1.6;margin-top:22px}.launch{position:fixed;inset:0;background:#15181e;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;opacity:1;transition:opacity .18s ease}.launch span{font-weight:600;letter-spacing:-.4px}.launch.leave{opacity:0;pointer-events:none}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);padding:14px 18px;background:var(--accent);color:#202813;border-radius:14px;font-size:14px;line-height:1.5;box-shadow:0 5px 20px #0005;z-index:20}.noscript{margin:20px;font-size:16px}.keyboard-open .install-card{display:none}.keyboard-open .workspace{padding-top:20px}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){body{background:radial-gradient(ellipse at 50% 0,#242c38 0,#15181e 60%)}.app{padding-top:40px;padding-bottom:40px}.workspace{padding-top:54px}dialog{margin:auto;border-radius:28px;max-height:90dvh}}@media(max-height:760px){.workspace{padding-top:28px}.intro{margin-bottom:22px}.counter-panel{padding:20px}output{margin:10px 0}.sheet-grip{margin-bottom:16px}.sheet-icon{width:48px;height:48px;margin-bottom:16px}.sheet-intro{margin-bottom:18px}.steps{gap:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-height:760px){.workspace{padding-top:24px}h1{font-size:34px}.eyebrow{margin-bottom:12px}.intro{line-height:1.45;margin-bottom:18px}.counter-panel{padding:16px}.counter-label{margin-bottom:5px}input{padding-bottom:6px}output{font-size:72px;line-height:1.1;margin:8px 0 12px}.primary{width:64px;height:64px}.secondary{width:44px;height:44px}.install-card{margin-top:18px;padding-top:14px;padding-bottom:14px}}
.app-mode-entry{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.app-mode-entry button{display:flex;align-items:center;gap:8px;background:#303742;border:1px solid #485465;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;min-height:44px}.app-mode-entry svg{width:18px;height:18px}.app-mode-entry>span{font-size:12px;color:var(--muted)}.app-mode-entry+.exit-app-mode+.workspace{padding-top:26px}.exit-app-mode{position:absolute;right:max(20px,env(safe-area-inset-right));top:calc(17px + env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#303742;border:1px solid #485465;z-index:2}.exit-app-mode svg{width:20px;height:20px}.app-mode{background:#15181e}.app-mode .app{position:relative;height:100dvh;min-height:430px;display:flex;flex-direction:column;background:#15181e;padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}.app-mode .topbar{padding-right:51px}.app-mode .mode{font-size:12px;padding:5px 7px}.app-mode .workspace{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0;min-height:0}.app-mode .workspace>.eyebrow,.app-mode .workspace>h1,.app-mode .workspace>.intro,.app-mode .app-mode-entry,.app-mode footer,.app-mode .prototype-controls{display:none}.app-mode .counter-panel{width:100%;background:transparent;border-color:transparent;padding:16px 0}.app-mode output{font-size:clamp(6rem,27vw,8rem);margin:24px 0 32px}.app-mode .counter-controls{gap:32px}.app-mode .primary{width:84px;height:84px}.app-mode .secondary{width:52px;height:52px}.app-mode .counter-label{margin-bottom:12px}.app-mode input{max-width:260px;border-bottom-color:#343a45;font-size:20px}.app-mode-bottom{text-align:center}.app-mode-bottom p{font-size:13px;line-height:1.5;color:var(--muted);max-width:285px;margin:0 auto 12px}.app-mode-bottom button{background:none;border:0;color:var(--accent);font-size:14px;font-weight:600;min-height:44px;padding:10px 8px}.app-mode.keyboard-open .app{height:var(--app-height,100dvh);min-height:0}.app-mode.keyboard-open .app-mode-bottom{display:none}.app-mode.keyboard-open .workspace{padding:8px 0}.app-mode.keyboard-open output{font-size:48px;margin:6px 0}.app-mode.keyboard-open .primary{width:48px;height:48px}.app-mode.keyboard-open .secondary{width:40px;height:40px}.app-mode.keyboard-open .counter-panel{padding:0}.app-mode.keyboard-open .counter-label{display:none}.app-mode.keyboard-open input{font-size:18px}@media(max-height:650px){.app-mode .workspace{padding:12px 0}.app-mode output{font-size:80px;margin:14px 0 20px}.app-mode .primary{width:64px;height:64px}.app-mode .secondary{width:44px;height:44px}}@media(min-width:640px){.app-mode .app{max-width:560px}.app-mode-entry+.exit-app-mode+.workspace{padding-top:36px}}@media(max-height:760px){.app-mode-entry{margin-top:14px}.app-mode-entry+.exit-app-mode+.workspace{padding-top:20px}.app-mode-entry~.workspace>.eyebrow{display:none}}@media(prefers-reduced-motion:reduce){.app-mode-entry button{transition:none}}
#install-coach{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;border:0;border-radius:0;background:transparent;overflow-y:auto;animation:none}#install-coach::backdrop{background:#10151bd9;backdrop-filter:blur(3px)}.coach-arrow{position:absolute;right:max(18px,env(safe-area-inset-right));top:5px;width:72px;height:90px;color:var(--accent);stroke-width:3;pointer-events:none}.coach-panel{position:relative;width:calc(100% - 40px);max-width:400px;margin:100px auto 24px;background:#242a33;border:1px solid #485260;border-radius:22px;padding:14px 20px 20px;box-shadow:0 20px 80px #0004}.coach-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:-6px -12px 14px 0}.coach-top>span{font-size:12px;letter-spacing:1px;color:var(--muted);font-weight:600}.coach-share-icon{display:grid;place-items:center;border-radius:14px;width:52px;height:52px;background:#394350;color:var(--accent);margin-bottom:18px}.coach-share-icon svg{width:27px;height:27px}.coach-panel h2{font-size:26px;line-height:1.2;max-width:300px}.coach-panel p{font-size:15px;line-height:1.55;color:var(--muted);margin:12px 0}.coach-position{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:13px;color:var(--muted);min-height:44px;padding:8px 0;text-align:left}.coach-route{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:600;line-height:1.8;border-top:1px solid #424b58;margin-top:12px;padding-top:16px;color:#e9edf3}.coach-route>span:nth-child(even){color:var(--muted)}.coach-panel .coach-note{font-size:13px;line-height:1.5;margin:12px 0 18px}.coach-navigation{display:flex;gap:10px}.coach-navigation button{min-height:48px;padding:12px;border-radius:12px;border:1px solid #586477;font-size:14px;background:#303742;font-weight:600}.coach-navigation #coach-next{flex:1;background:var(--accent);color:#202813;border-color:var(--accent)}#install-coach[open].bottom-toolbar:not(.previewing){display:flex;flex-direction:column}#install-coach.bottom-toolbar .coach-arrow{top:auto;bottom:5px;transform:scaleY(-1)}#install-coach.bottom-toolbar:not(.previewing) .coach-panel{margin-top:auto;margin-bottom:100px;flex-shrink:0}#install-coach.previewing .coach-panel{margin-top:24px}.coach-panel .preview-label{font-size:12px;font-weight:650;letter-spacing:.7px;margin:0 0 14px}.menu-example{background:#171c23;border:1px solid #485260;border-radius:18px;padding:12px 14px 16px;margin-bottom:24px;pointer-events:none}.example-grip{width:30px;height:4px;margin:0 auto 16px;background:#535d6a;border-radius:5px}.example-app{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;margin-bottom:15px}.example-app img{border-radius:9px}.example-app span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.example-muted-row,.example-highlight{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;font-size:14px;border-radius:10px}.example-muted-row{color:#a7afba;background:#262e39;margin-bottom:7px}.example-highlight{position:relative;outline:2px solid var(--accent);background:#394232;color:#f4ffbd;font-weight:600;margin-right:22px}.example-highlight svg{width:19px;height:19px}.example-pointer{position:absolute;right:-30px;font-size:30px;line-height:1;color:var(--accent)}@media(min-width:640px){.coach-arrow{right:calc(50% - 180px)}.coach-panel{margin-top:110px}}@media(max-height:700px){.coach-panel{margin-top:76px;padding:10px 18px 16px}.coach-arrow{height:68px;width:54px}.coach-share-icon{width:40px;height:40px;margin-bottom:12px}.coach-panel h2{font-size:23px}.coach-panel p{margin:8px 0;font-size:14px}.coach-top{margin-bottom:6px}.coach-route{padding-top:12px}.coach-panel .coach-note{margin:8px 0 12px}#install-coach.bottom-toolbar:not(.previewing) .coach-panel{margin-bottom:76px}.menu-example{margin-bottom:18px}.coach-panel .preview-label{font-size:12px}}
.system-menu-example{border:1px solid #434749;border-radius:26px;background:linear-gradient(130deg,#1a1e1df2,#171a1bec);padding:20px 12px 16px;margin-bottom:24px;pointer-events:none}.system-menu-example .example-app{padding:0 2px 18px;margin:0;border-bottom:1px solid #454848;font-size:16px}.system-menu-example .example-app img{width:46px;height:46px;border-radius:12px}.system-menu-example .example-app span{font-size:12px;overflow-wrap:anywhere}.coach-panel .example-location{font-size:12px;letter-spacing:.5px;line-height:1.5;color:#a2a9ad;margin:16px 0 28px;text-align:center}.system-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}.system-action-grid>div{display:flex;align-items:center;flex-direction:column;gap:9px;position:relative;text-align:center;color:#edf0ee;font-size:12px;line-height:1.5}.system-action-circle{width:100%;max-width:62px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#303534,#414644)}.system-action-circle svg{width:29px;height:29px;stroke-width:1.7}.system-more-action .system-action-circle{outline:2px solid var(--accent);outline-offset:3px;background:#424c36}.system-action-grid .system-more-action{color:var(--accent);font-weight:600}.system-action-pointer{position:absolute;top:-33px;left:0;right:0;font-size:30px;line-height:1;color:var(--accent)}@media(max-width:360px){.system-action-grid{gap:7px}.system-action-grid>div{font-size:12px}.system-action-circle svg{width:23px;height:23px}.system-menu-example{padding-left:10px;padding-right:10px}.coach-panel .example-location{letter-spacing:0;font-size:12px}}@media(prefers-color-scheme:light){.system-menu-example{background:linear-gradient(135deg,#f2f3eff5,#dee2def5);border-color:#c6cdca}.system-menu-example .example-app{color:#202622;border-color:#c0c8c2}.system-menu-example .example-app span,.coach-panel .example-location{color:#616b64}.system-action-grid>div{color:#202822}.system-action-circle{background:linear-gradient(135deg,#d7ded6,#c9d2c8)}.system-action-circle svg{color:#29332c}.system-more-action .system-action-circle{background:#e9f79b;outline-color:#64752b}.system-action-grid .system-more-action,.system-action-pointer{color:#b8d252}.system-action-grid .system-more-action>span:not(.system-action-circle){color:#53611f}}