@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#f7f6f3;--card:#fff;--ink:#24343c;--inkSoft:#5a6b75;--soft:#85939c;--line:#ece9e3;--orange:#fb8d05;--orangeD:#e07f00;--orangeSoft:#fff1dc;--green:#16a875;--greenSoft:#e3f5ee;--red:#e5484d;--redSoft:#fdeaea;--blue:#3b82f6;--blueSoft:#e8f0fe;--purple:#8b5cf6;--font:"Manrope", sans-serif;--disp:"Space Grotesk", sans-serif;--mono:"IBM Plex Mono", monospace;--sh:0 1px 2px #24343c0a, 0 4px 12px -4px #24343c14, 0 16px 32px -18px #24343c29;--shHover:0 2px 4px #24343c0d, 0 12px 28px -8px #24343c33;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#e8e6e1;justify-content:center;display:flex}button{font-family:var(--font);cursor:pointer;color:inherit;transition:transform .15s var(--ease), box-shadow .2s var(--ease), background .2s ease, border-color .2s ease;background:0 0;border:none}button:active{transform:scale(.96)}input,textarea{font-family:var(--font);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{box-shadow:0 0 0 3px #fb8d051a;border-color:var(--orange)!important}.mono{font-family:var(--mono)}.disp{font-family:var(--disp)}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .18s var(--ease), box-shadow .2s var(--ease);border-radius:18px}.card:active{box-shadow:var(--shHover);transform:scale(.985)}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rec{0%,to{opacity:1}50%{opacity:.2}}@keyframes wave{0%,to{height:8px}50%{height:var(--h,26px)}}@keyframes glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen{animation:screenIn .42s var(--ease);flex-direction:column;flex:1;display:flex}.casc>*{animation:riseIn .45s var(--ease) backwards}.casc>:first-child{animation-delay:20ms}.casc>:nth-child(2){animation-delay:60ms}.casc>:nth-child(3){animation-delay:.1s}.casc>:nth-child(4){animation-delay:.14s}.casc>:nth-child(5){animation-delay:.18s}.casc>:nth-child(6){animation-delay:.22s}.casc>:nth-child(7){animation-delay:.26s}.casc>:nth-child(8){animation-delay:.3s}.blueprint{pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.frame{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #00000024}.viewport{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.viewport::-webkit-scrollbar{width:0}.topbar{z-index:10;background:linear-gradient(180deg, var(--bg) 72%, #f7f6f300);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:12px;padding:18px 20px 12px;display:flex;position:sticky;top:0}.topbar h2{font-family:var(--disp);letter-spacing:-.02em;flex:1;font-size:19px;font-weight:700}.back{border:1px solid var(--line);background:var(--card);width:38px;height:38px;box-shadow:var(--sh);border-radius:11px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.back:active{transform:scale(.92)}.tabs{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);z-index:20;background:#f7f6f3e0;align-items:flex-end;padding-bottom:4px;display:flex;position:sticky;bottom:0}.tab{color:#a4a4a0;transition:color .2s ease, transform .15s var(--ease);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 0 12px;font-size:12px;font-weight:700;display:flex}.tab:active{transform:scale(.9)}.tab.on{color:var(--orange)}.tab .ti{transition:transform .2s var(--ease);font-size:19px}.tab.on .ti{transform:translateY(-1px)scale(1.08)}.tab.fab{flex:none;padding:11px 12px;transform:translateY(-12px)}.tab.fab:active{transform:translateY(-12px)scale(.92)}.tab.fab .ti{background:linear-gradient(145deg, #ffa52e, var(--orange));color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 8px 18px -4px #fb8d0599,0 2px 6px #fb8d054d}.sheet-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;background:#24343c80;max-width:430px;margin:0 auto;transition:opacity .3s;position:fixed;inset:0}.sheet-bg.open{opacity:1;pointer-events:all}.sheet{background:var(--bg);z-index:100;max-width:430px;animation:slideUp .38s var(--ease);border-radius:28px 28px 0 0;max-height:88vh;margin:0 auto;padding:8px 20px 28px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px -8px #24343c40}.sheet-grab{background:#d8d5ce;border-radius:3px;width:42px;height:5px;margin:8px auto 16px}.logo{background:var(--ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 6px 14px -5px #24343c80}.logo .helm{background:var(--orange);position:relative}.logo .helm:before{content:"";background:var(--orange);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:-3px;right:-3px}.word{font-family:var(--disp);letter-spacing:-.02em;color:var(--ink);font-weight:700}.word span{color:var(--orange)}