:root{--bg:#09080f;--bg2:#0d0b1a;--bg3:#120f22;--glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.075);--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--violet:#a78bfa;--indigo:#818cf8;--lilac:#c084fc;--silver:#cbd5e1;--mist:#e0e7ff;--txt:#e9eaf6;--mut:#8a90ae;--faint:#5c6180;--r:20px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;background:radial-gradient(120% 80% at 50% -10%,#17132e,#0a0817 46%,#050409);color:var(--txt);display:grid;place-items:center;overflow:hidden;min-height:100dvh;-webkit-font-smoothing:antialiased}.device{position:relative;width:min(430px,100vw);height:min(924px,100dvh);background:radial-gradient(90% 55% at 62% 0%,#818cf829,#818cf800 60%),linear-gradient(180deg,#0c0a18,#09080f 60%,#08070d);overflow:hidden;display:flex;flex-direction:column;border-radius:38px;box-shadow:0 50px 120px -40px #000000e6,inset 0 0 0 1px #ffffff0d}@media (max-width:440px){.device{border-radius:0;height:100dvh}}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;font-size:13px;font-weight:600;color:var(--silver);letter-spacing:.3px;flex:none;z-index:5}.sb-r{display:flex;gap:5px;align-items:center}.sb-r i{width:4px;height:9px;border-radius:1px;background:var(--silver);opacity:.5}.sb-r i:nth-child(2){height:12px;opacity:.7}.sb-r i.bat{width:20px;height:11px;border-radius:3px;border:1px solid var(--silver);background:linear-gradient(90deg,var(--silver) 70%,transparent 70%);opacity:.8}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0}.footpad{height:104px}.hero{position:relative;padding:26px 24px 18px;overflow:hidden}.thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9}.hero-inner{position:relative;z-index:2}.wordmark{font-weight:300;font-size:34px;letter-spacing:.52em;padding-left:.52em;background:linear-gradient(100deg,#fff 0%,var(--mist) 40%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(167,139,250,.35))}.hero-count{margin-top:10px;font-size:15px;color:var(--mut)}.hero-count b{color:var(--txt);font-weight:700}.vault{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:5px 10px;border:1px solid var(--line);border-radius:20px;background:var(--glass)}.vault svg{color:var(--violet)}.search{position:relative;margin:6px 18px 0;display:flex;align-items:center;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line2);border-radius:16px;padding:0 14px;height:54px;box-shadow:0 10px 34px -14px #818cf880,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-ico{color:var(--violet);flex:none}.search input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:16.5px;padding:0 12px;letter-spacing:.1px}.search input::placeholder{color:var(--faint)}.search-x{background:var(--glass2);border:none;color:var(--mut);width:24px;height:24px;border-radius:50%;font-size:11px;cursor:pointer;flex:none}.chips{display:flex;gap:8px;padding:14px 18px 4px;flex-wrap:wrap}.chip{background:var(--glass);border:1px solid var(--line);color:var(--mut);font-size:12.5px;padding:7px 13px;border-radius:20px;cursor:pointer;transition:.2s}.chip:active{transform:scale(.95)}.chip:hover{color:var(--txt);border-color:var(--line2)}.missed-cta{position:relative;overflow:hidden;margin:14px 18px 4px;width:calc(100% - 36px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#a78bfa29,#818cf814);border:1px solid rgba(167,139,250,.28);border-radius:16px;padding:15px 16px;cursor:pointer;color:var(--txt)}.missed-cta:active{transform:scale(.99)}.mc-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 120% at 15% 50%,rgba(192,132,252,.28),transparent 60%);animation:drift 6s ease-in-out infinite}@keyframes drift{50%{transform:translate(30%)}}.mc-l{position:relative;font-weight:700;font-size:15px;display:flex;align-items:center;gap:9px}.mc-spark{color:var(--lilac);filter:drop-shadow(0 0 8px var(--lilac))}.mc-r{position:relative;font-size:11.5px;color:var(--mut);letter-spacing:.04em}.stream{padding:12px 18px 0;animation:rise .5s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.result-line{font-size:12px;color:var(--faint);letter-spacing:.05em;padding:4px 4px 10px}.day{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:16px 4px 10px}section:first-child .day{margin-top:4px}.card{position:relative;width:100%;display:flex;gap:13px;text-align:left;cursor:pointer;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:var(--r);padding:13px 14px;margin-bottom:9px;color:var(--txt);transition:transform .18s ease,border-color .18s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cardin .4s ease both}@keyframes cardin{0%{opacity:0;transform:translateY(6px)}}.card:active{transform:scale(.985)}.card:hover{border-color:var(--line2)}.card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--tint);opacity:.55;box-shadow:0 0 10px var(--tint)}.card-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-src{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tint)}.card-time{font-size:11px;color:var(--faint);flex:none}.card-title{font-size:14.5px;font-weight:650;color:var(--txt)}.card-text{font-size:13px;color:var(--mut);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-dot{position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%}.card-pin{position:absolute;top:12px;right:12px;color:var(--violet)}.empty{text-align:center;color:var(--faint);font-size:13px;line-height:1.6;padding:34px 30px}.empty-ring{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;border:1px solid var(--line2);box-shadow:0 0 0 6px #818cf80d,inset 0 0 20px #818cf81f}.missed{padding:16px 18px 0;animation:rise .5s ease}.missed-head{padding:6px 4px 14px}.missed-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--lilac)}.missed-head h3{font-size:24px;font-weight:700;margin:6px 0}.missed-head p{font-size:13.5px;color:var(--mut);line-height:1.5}.mg{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 16px 20px;margin-bottom:11px;background:linear-gradient(180deg,var(--glass2),var(--glass));overflow:hidden}.mg:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tint);box-shadow:0 0 14px var(--tint)}.mg-label{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tint)}.mg-headline{display:block;font-size:16px;font-weight:650;margin-top:7px}.mg-detail{display:block;font-size:13px;color:var(--mut);margin-top:3px}.ghost-btn{display:block;width:calc(100% + -0px);margin:8px auto 0;background:var(--glass);border:1px solid var(--line2);color:var(--silver);font-size:14px;font-weight:600;padding:14px;border-radius:15px;cursor:pointer;transition:.2s}.ghost-btn:active{transform:scale(.98)}.ghost-btn.wide{margin:18px}.ghost-btn.wide{width:calc(100% - 36px)}.tab-head{padding:22px 22px 6px}.tab-head h2{font-size:26px;font-weight:300;letter-spacing:.02em}.tab-head p{font-size:13.5px;color:var(--mut);margin-top:5px}.vault-panel{margin:14px 18px;padding:22px;border-radius:22px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#a78bfa24,#ffffff08);border:1px solid var(--line2)}.vp-lock{width:52px;height:52px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;color:var(--violet);background:#a78bfa24;border:1px solid rgba(167,139,250,.3);box-shadow:0 0 30px -6px #a78bfa80}.vp-title{font-size:18px;font-weight:700}.vp-text{font-size:13.5px;color:var(--mut);line-height:1.6;margin:9px auto 0;max-width:280px}.vp-text b{color:var(--silver)}.vp-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.vp-badges span{font-size:11px;color:var(--silver);padding:6px 11px;border-radius:20px;background:var(--glass);border:1px solid var(--line)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:6px 18px}.plan{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--glass)}.plan.pro{border-color:#a78bfa66;background:linear-gradient(180deg,rgba(167,139,250,.12),var(--glass))}.plan-name{font-size:14px;font-weight:750;margin-bottom:10px}.plan.pro .plan-name span{color:var(--lilac)}.plan ul{list-style:none;display:flex;flex-direction:column;gap:7px}.plan li{font-size:12px;color:var(--mut);padding-left:15px;position:relative}.plan li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--violet);opacity:.6}.fineprint{font-size:11px;color:var(--faint);text-align:center;padding:18px 30px 0;line-height:1.6}.incoming-wrap{position:absolute;top:46px;left:0;right:0;z-index:40;padding:0 14px;animation:drop .55s cubic-bezier(.2,.9,.25,1)}@keyframes drop{0%{opacity:0;transform:translateY(-46px)}}.incoming-scrim{position:absolute;left:0;right:0;top:-46px;height:238px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06050cf5,#06050ced 42%,#06050c8c 76%,#06050c00);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.incoming-hint{text-align:center;font-size:11.5px;color:var(--violet);letter-spacing:.05em;margin-top:10px;opacity:.85;animation:hintpulse 2s ease-in-out infinite}@keyframes hintpulse{50%{opacity:.45}}.incoming{display:flex;gap:12px;align-items:center;touch-action:none;cursor:grab;background:linear-gradient(180deg,#1e1b36f5,#141226f5);border:1px solid rgba(129,140,248,.4);border-radius:18px;padding:14px;box-shadow:0 26px 50px -18px #000c,0 0 0 1px #ffffff0d,0 0 30px -8px var(--tint);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.incoming:active{cursor:grabbing}.saved-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;background:radial-gradient(60% 40% at 50% 45%,#a78bfa29,#09080f8c 70%);animation:sfade .4s ease}@keyframes sfade{0%{opacity:0}}.sf-ring{position:absolute;width:70px;height:70px;border-radius:50%;border:2px solid var(--lilac);animation:sring 1.2s ease-out}@keyframes sring{0%{transform:scale(.4);opacity:.9}to{transform:scale(3.4);opacity:0}}.sf-check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--lilac));box-shadow:0 0 34px -4px var(--lilac);animation:spop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes spop{0%{transform:scale(0)}}.sf-text{font-size:17px;font-weight:750;letter-spacing:.02em}.sf-sub{font-size:12.5px;color:var(--violet);letter-spacing:.03em}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#05040a9e;display:flex;align-items:flex-end;animation:sfade .25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{width:100%;background:linear-gradient(180deg,#18152cfa,#0e0c1afc);border-top:1px solid var(--line2);border-radius:28px 28px 0 0;padding:10px 22px 26px;box-shadow:0 -30px 60px -20px #000000b3;animation:up .35s cubic-bezier(.2,.9,.25,1)}@keyframes up{0%{transform:translateY(100%)}}.sheet-grab{width:40px;height:4px;border-radius:3px;background:var(--line2);margin:4px auto 18px}.sheet-head{display:flex;gap:13px;align-items:center;margin-bottom:16px}.sheet-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}.sheet-src{font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--tint)}.sheet-time{font-size:12px;color:var(--faint);margin-top:2px}.sheet-title{font-size:17px;font-weight:700;margin-bottom:6px}.sheet-text{font-size:15px;color:var(--silver);line-height:1.55}.sheet-stamp{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);padding:6px 12px;border-radius:20px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.25)}.sheet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.sheet-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--glass);border:1px solid var(--line);border-radius:15px;padding:13px 4px;color:var(--silver);font-size:11.5px;font-weight:600;cursor:pointer;transition:.18s}.sheet-actions button:active{transform:scale(.94)}.sheet-actions button.on{color:var(--violet);border-color:#a78bfa66;background:#a78bfa1f}.sheet-actions button.danger{color:#fb7185}.sheet-actions button.danger:active{background:#fb71851f}.toast{position:absolute;bottom:96px;left:50%;transform:translate(-50%);z-index:60;background:#1e1b36f5;border:1px solid var(--line2);color:var(--txt);font-size:13px;font-weight:600;padding:11px 20px;border-radius:24px;white-space:nowrap;box-shadow:0 16px 34px -14px #000000b3;animation:toastin .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}}.nav{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:12px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#09080f00,#09080fe6 45%,#08070d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;color:var(--faint);font-size:10.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;padding:4px 16px;transition:.2s}.nav button svg{width:23px;height:23px}.nav button.on{color:var(--violet)}.nav button.on svg{filter:drop-shadow(0 0 8px rgba(167,139,250,.6))}.nav button:active{transform:scale(.9)}.gate{padding:0 30px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}.gate-orb{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;color:var(--violet);background:radial-gradient(120% 120% at 50% 0%,#a78bfa38,#ffffff08);border:1px solid rgba(167,139,250,.3);box-shadow:0 0 44px -8px #a78bfa99;margin-bottom:22px;animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-4px)}}.gate-mark{font-size:30px;margin-bottom:8px}.gate-lead{font-size:15px;color:var(--silver);margin-bottom:16px}.gate-body{font-size:13.5px;color:var(--mut);line-height:1.65;max-width:300px;margin-bottom:26px}.gate-body b{color:var(--silver)}.grant-btn{width:100%;max-width:300px;border:none;border-radius:16px;padding:16px;cursor:pointer;font-size:15.5px;font-weight:750;letter-spacing:.02em;color:#fff;background:linear-gradient(100deg,var(--violet),var(--indigo));box-shadow:0 16px 40px -12px #818cf8b3}.grant-btn:active{transform:scale(.98)}.grant-btn:disabled{opacity:.6}.gate-vault{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.gate-vault svg{color:var(--violet)}.retain{padding:8px 18px 2px}.retain-head{font-size:12.5px;color:var(--mut);margin:6px 4px 10px}.retain-opts{display:flex;gap:9px}.retain-opt{flex:1;position:relative;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:13px 8px;color:var(--silver);font-size:13px;font-weight:650;cursor:pointer;transition:.18s}.retain-opt.on{border-color:#a78bfa80;background:#a78bfa24;color:#fff}.retain-opt:active{transform:scale(.97)}.retain-opt em{display:block;font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--lilac);margin-top:4px}.sheet-note{font-size:11.5px;color:var(--faint);line-height:1.5;margin-top:16px;text-align:center}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}.thread{opacity:.5}}
