:root{--paper:#f7f4ed;--card:#fff;--ink:#221c16;--ink-2:#756a5e;--hairline:#221c1621;--hairline-2:#221c1614;--accent:#d95d39;--accent-soft:#fcf1ea;--accent-ring:#d95d396b;--cta:#241d17;--cta-text:#f9f5ee}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#17110d;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.stage{background:radial-gradient(120% 90% at 50% 0,#2b211a 0%,#1a1410 55%,#120d0a 100%);place-items:center;min-height:100dvh;padding:28px 16px;display:grid;position:relative}.stage:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(closest-side,#d95d3926,#0000 70%);border-radius:50%;width:580px;height:580px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.device{background:#060404;border-radius:55px;width:392px;height:min(848px,100dvh - 40px);padding:10px;position:relative;box-shadow:0 0 0 1px #ffffff17,0 2px 8px #0000008c,0 46px 90px #0009}.screen{background:var(--paper);border-radius:45px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.island{z-index:40;background:#060404;border-radius:20px;width:118px;height:33px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.statusbar{flex:none;justify-content:space-between;align-items:flex-end;height:56px;padding:0 27px 9px 31px;display:flex}.statusbar .time{letter-spacing:-.2px;font-variant-numeric:tabular-nums;font-size:15.5px;font-weight:600}.statusbar .glyphs{align-items:center;gap:7px;display:flex}.brand{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:12px;padding:9px 20px 13px;display:flex}.brand-mark{background:linear-gradient(140deg, #e9773f 0%, var(--accent) 55%, #b23e27 100%);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 14px #b94a2c52,inset 0 1px #ffffff4d}.brand-name{letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.brand-tag{letter-spacing:.1px;color:var(--ink-2);margin:1px 0 0;font-size:12.5px}.content{scrollbar-width:none;flex:auto;padding:18px 20px 26px;overflow-y:auto}.content::-webkit-scrollbar{display:none}.headline{letter-spacing:-.35px;text-wrap:balance;margin:2px 0 0;font-family:New York,ui-serif,Georgia,Times New Roman,serif;font-size:28.5px;font-weight:700;line-height:1.17}.subhead{color:var(--ink-2);max-width:34ch;margin:9px 0 0;font-size:15px;line-height:1.45}.prefs{flex-direction:column;gap:11px;margin-top:17px;display:flex}.pref{text-align:left;background:var(--card);border:1px solid var(--hairline);border-radius:15px;align-items:center;gap:13px;width:100%;padding:12px 15px;transition:transform .12s,background .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #221c160a}.pref:active{transform:scale(.98)}.pref.on{background:var(--accent-soft);border-color:var(--accent-ring);box-shadow:0 2px 10px #d95d391a}.tickbox{background:var(--card);border:1.6px solid #221c1647;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;transition:background .18s,border-color .18s,box-shadow .18s;display:grid}.tickbox svg{width:15px;height:15px;transition:transform .22s cubic-bezier(.2,1.45,.45,1);transform:scale(0)}.pref.on .tickbox{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 8px #d95d3959}.pref.on .tickbox svg{transform:scale(1)}.pref-label{letter-spacing:-.2px;font-size:16px;font-weight:560}.illus{border:1px solid var(--hairline-2);background:radial-gradient(90% 130% at 12% 0,#fbe9d6 0%,#fbe9d600 55%),radial-gradient(90% 130% at 88% 100%,#e7eddd 0%,#e7eddd00 60%),#f9f3e8;border-radius:22px;margin:19px 0 0;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 14px 30px #402d1a1a}.illus svg{width:100%;height:auto;display:block}@keyframes floaty{0%{transform:translateY(2.5px)}to{transform:translateY(-3px)}}@keyframes pulse{0%,to{transform:translate(160.5px,18.5px)scale(1.22)}50%{transform:translate(160.5px,16.5px)scale(1.3)}}.chip-float{animation:3.6s ease-in-out infinite alternate floaty}.chip-float.b{animation-duration:4.4s;animation-delay:.6s}.heart-pulse{animation:2.8s ease-in-out infinite pulse}.actions{flex-direction:column;align-items:center;margin-top:19px;display:flex}.cta{background:var(--cta);width:100%;height:54px;color:var(--cta-text);letter-spacing:-.2px;border-radius:17px;justify-content:center;align-items:center;font-size:17px;font-weight:600;transition:transform .12s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 12px 24px #18110c47,inset 0 1px #ffffff1a}.cta:active:not(:disabled){transform:scale(.98)}.cta:disabled{opacity:.45;box-shadow:none;cursor:default}.skip{color:var(--ink-2);text-underline-offset:3px;margin-top:12px;padding:6px 10px;font-size:15px;font-weight:500;-webkit-text-decoration:underline #756a5e80;text-decoration:underline #756a5e80}.skip:active{opacity:.6}.tabbar-wrap{border-top:1px solid var(--hairline);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);padding-bottom:env(safe-area-inset-bottom,0px);background:#fcfaf4eb;flex:none}.tabbar{align-items:center;padding:7px 14px 0;display:flex}.tab{color:#a2968a;flex:1;place-items:center;padding:8px 0;transition:color .15s,transform .12s;display:grid}.tab:active{transform:scale(.92)}.tab.active{color:var(--accent)}.tab svg{width:26px;height:26px}.home-indicator{background:#221c16d9;border-radius:3px;width:134px;height:5px;margin:5px auto 8px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:.55s cubic-bezier(.2,.7,.3,1) both rise}.rise.d1{animation-delay:50ms}.rise.d2{animation-delay:.12s}.rise.d3{animation-delay:.19s}.rise.d4{animation-delay:.26s}@media (prefers-reduced-motion:reduce){.rise,.chip-float,.heart-pulse{animation:none!important}}@media (width<=520px){body{background:var(--paper)}.stage{background:var(--paper);padding:0}.stage:before{display:none}.device{background:var(--paper);width:100%;height:100dvh;box-shadow:none;border-radius:0;padding:0}.screen{border-radius:0}.island{display:none}.statusbar{height:auto;padding-top:calc(env(safe-area-inset-top,0px) + 12px)}}
