:root{color-scheme:dark;--bg:#080913;--surface:#111423;--panel:#151929;--panel-2:#1c2133;--line:#30384f;--ink:#f5f7ff;--muted:#a1adc6;--dim:#78849f;--cyan:#51e6ff;--violet:#a881ff;--magenta:#ff5cc8;--mint:#64f6c2;--danger:#ff718a;--amber:#ffce77;--shadow:0 15px 42px #0008;--r:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--ink);font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--cyan)}p{line-height:1.5}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(27px,6.8vw,36px);letter-spacing:-1.3px;margin-bottom:9px}h2{font-size:21px;letter-spacing:-.55px;margin-bottom:12px}h3{font-size:16px;letter-spacing:-.15px;margin-bottom:9px}strong{font-weight:720}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.tiny-text{font-size:10px}.caption{font-size:12px;color:var(--muted);line-height:1.5}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:850;color:var(--cyan);text-transform:uppercase;margin-bottom:8px}.mono,.metric,.brand-meta,.stat-val,.pill,.chip{font-variant-numeric:tabular-nums}.metric{font-size:clamp(30px,8vw,48px);font-weight:800;letter-spacing:-2px}.metric.sm{font-size:28px}.metric .unit{font-size:12px;color:var(--muted);letter-spacing:0}.negative{color:var(--danger)}.positive{color:var(--mint)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.magenta{color:var(--magenta)}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62vw 55vw at 105% -10%,#8849ff20,transparent 80%),radial-gradient(ellipse 85vw 65vw at -23% 40%,#00eeff10,transparent 78%),linear-gradient(145deg,#080913,#0c1020 75%,#080912)}.app-shell{max-width:700px;margin:0 auto;min-height:100dvh;position:relative;padding:0 16px calc(115px + env(safe-area-inset-bottom))}.app-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e;margin-bottom:25px;padding-top:env(safe-area-inset-top)}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;font-weight:950;font-size:13px;letter-spacing:-1px;border:1px solid #51e6ff70;background:linear-gradient(135deg,#25d7f52d,#944afa30);box-shadow:0 0 22px #27dafa26}.brand-mark span{color:var(--magenta)}.brand-title{font-size:12px;font-weight:950;letter-spacing:1.2px}.brand-meta{font-size:9px;letter-spacing:1.3px;color:var(--dim);margin-top:3px}.icon-btn{border:1px solid var(--line);color:var(--muted);background:#1e2334;display:grid;place-items:center;border-radius:13px;width:43px;height:43px;font-size:21px}.icon-btn.tiny{width:38px;height:38px}.page{animation:pageIn .23s ease-out}@keyframes pageIn{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}.tabbar{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);max-width:700px;width:100%;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #99a8e130;padding:10px 8px calc(8px + env(safe-area-inset-bottom));background:#0e1222f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tab{background:transparent;color:#7988a4;border:0;display:flex;flex-direction:column;gap:4px;align-items:center;padding:3px 0 1px;font-size:10px;font-weight:600}.navicon{font-size:24px;line-height:28px}.tab.active{color:var(--cyan);text-shadow:0 0 15px #3af0ff90}.tab.active .navicon{filter:drop-shadow(0 0 8px #2bddff88)}
.hero{position:relative;border:1px solid #52dbf359;border-radius:25px;background:linear-gradient(123deg,#131b32ee,#19152df0);padding:23px 21px;margin-bottom:16px;box-shadow:0 8px 45px #07a3f40d, inset 0 1px 0 #ffffff16;overflow:hidden}.hero:before{content:"";width:240px;height:240px;position:absolute;right:-90px;top:-115px;border-radius:100%;border:25px solid #22bce012;box-shadow:0 0 35px #24dfff20,inset 0 0 45px #24dfff18;pointer-events:none}.hero p{position:relative}.hero .headline{max-width:95%;font-weight:800;font-size:23px;line-height:1.18;letter-spacing:-.7px;margin:0 0 10px}.hero .sub{font-size:12px;color:#b6c6e1;max-width:83%;line-height:1.5}.hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.chip{padding:6px 9px;background:#ffffff0c;color:#b9dcf4;border:1px solid #ffffff20;border-radius:100px;font-size:10px;font-weight:750}.chip.ok{border-color:#64f6c260;color:var(--mint)}.chip.warn{border-color:#ff718a77;color:var(--danger)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.section-title{margin:23px 1px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h2{margin:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card{background:linear-gradient(160deg,#171b2e,#111624);border:1px solid #ffffff17;border-radius:var(--r);padding:17px;box-shadow:0 5px 20px #0002;overflow:hidden}.card.glow-cyan{border-color:#46d9ff57;box-shadow:0 0 24px #25cfff10}.card.glow-magenta{border-color:#fa64d74b;box-shadow:0 0 22px #ff5fc310}.card.glow-violet{border-color:#a277ff55;box-shadow:0 0 22px #ac81ff10}.card .subtle-head{font-size:11px;color:var(--muted);letter-spacing:.3px;margin-bottom:10px;font-weight:650}.card .big-number{font-size:33px;letter-spacing:-1.4px;font-weight:850;line-height:1.15}.number-note{margin-top:6px;font-size:11px;color:var(--muted)}.glow-ink{background:linear-gradient(100deg,var(--cyan),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 15px #c86dff44)}.progress{height:8px;border-radius:20px;background:#29344c;overflow:hidden;margin-top:12px}.progress>div{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 12px #54dffc75}.progress.danger>div{background:linear-gradient(90deg,var(--magenta),var(--danger))}.progress.mint>div{background:linear-gradient(90deg,var(--mint),var(--cyan))}.divider{border:0;border-top:1px solid #ffffff18;margin:15px 0}.btn{border:1px solid transparent;border-radius:15px;padding:12px 15px;color:#08101b;background:var(--cyan);font-weight:800;text-align:center;min-height:44px;transition:transform .15s,box-shadow .15s;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn:active{transform:scale(.975)}.btn.primary{box-shadow:0 0 18px #31defd3b}.btn.secondary{color:#e3ecff;background:#252e46;border-color:#52607b88}.btn.tertiary{color:#c9d8ee;background:transparent;border-color:#43506f}.btn.magenta-btn{background:linear-gradient(110deg,#ff6cdb,#a881ff);color:#190a22;box-shadow:0 0 16px #df63f339}.btn.mint-btn{background:linear-gradient(115deg,#8afccc,#5fd9ed);color:#081b1a}.btn.danger-btn{background:#382231;border-color:#af465e;color:#ff9cac}.btn.block{width:100%}.btn.compact{min-height:36px;padding:8px 11px;font-size:12px;border-radius:11px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions .wide{grid-column:span 2}.hero-action{padding:14px 13px;min-height:58px;font-size:13px}.pill{padding:4px 9px;border-radius:30px;border:1px solid #ffffff25;background:#ffffff11;font-size:10px;color:#bfd0ec;font-weight:700}.pill.cyan{color:var(--cyan);border-color:#38bbd768}.pill.pink{color:var(--magenta);border-color:#ff62d070}.pill.green{color:var(--mint);border-color:#61cc9f70}.pill.red{color:var(--danger);border-color:#fe698070}
label.field{font-size:11px;letter-spacing:.3px;font-weight:740;color:#b5c6e0;display:block;margin-bottom:6px}input:not([type=checkbox]):not([type=range]),select,textarea{background:#0b1122;color:#f5f7ff;width:100%;border:1px solid #46516e;border-radius:13px;padding:12px;min-height:44px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #51e6ff19}input[type=range]{width:100%;accent-color:var(--magenta)}textarea{resize:vertical;line-height:1.4;min-height:78px}select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#b3c1e2 50%),linear-gradient(135deg,#b3c1e2 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-row{margin-bottom:13px}.form-row:last-child{margin-bottom:0}.inline-check{display:flex;align-items:center;gap:10px;line-height:1.3}.inline-check input{width:20px;height:20px;accent-color:var(--cyan)}.segmented{display:flex;gap:5px;background:#0a1020;border:1px solid #2c3752;border-radius:12px;padding:4px}.segmented button{flex:1;background:none;color:#8291b1;border:0;border-radius:9px;padding:9px 8px;font-size:11px;font-weight:750;min-width:0}.segmented button.active{background:#283855;color:var(--cyan);box-shadow:0 0 12px #2bcaff24}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff13}.list-item:last-child{border-bottom:0}.list-main{min-width:0;flex:1}.list-title{font-weight:770;font-size:13px;overflow-wrap:anywhere}.list-meta{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.55;overflow-wrap:anywhere}.list-actions{display:flex;gap:5px;align-items:center}.small-icon{width:33px;height:33px;border-radius:10px;border:1px solid #ffffff25;background:#222a41;color:#dfedff;font-size:14px}.empty{padding:22px 8px;text-align:center;color:var(--dim);font-size:13px;line-height:1.5}.empty-icon{font-size:33px;margin-bottom:9px}.link-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px;margin-bottom:10px;background:#161b2d;border:1px solid #ffffff1d;border-radius:17px;text-align:left;color:var(--ink);width:100%}.link-card .ico{font-size:22px;width:32px}.link-card .info{flex:1}.link-card strong{font-size:14px}.link-card p{font-size:11px;color:var(--muted);margin:4px 0 0}.link-card .arrow{color:var(--cyan);font-size:19px}.graph{width:100%;display:block;overflow:visible;margin:4px auto 0}.graph text{fill:#8295b3;font-size:10px;font-family:inherit}.graph .axis{stroke:#344057;stroke-width:1}.graph .area{fill:url(#areaGrad)}.legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:4px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:20px;margin-right:5px;background:var(--cyan)}.dot.mag{background:var(--magenta)}.dot.vio{background:var(--violet)}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.heat-cell{aspect-ratio:1;border-radius:7px;background:#263044;display:grid;place-items:center;font-size:10px;font-weight:700;color:#cad8e8;border:1px solid #ffffff0c;min-width:0}.heat-cell.l1{background:#215e6b}.heat-cell.l2{background:#2e8db5}.heat-cell.l3{background:#6563d9}.heat-cell.l4{background:#b449cc}.heat-cell.muted-cell{opacity:.22}.heat-head{font-size:10px;color:var(--dim);text-align:center;margin-bottom:8px}.trend{display:inline-block;padding:4px 8px;border-radius:7px;background:#284e4960;color:var(--mint);font-size:11px;font-weight:800}.trend.bad{background:#71374d70;color:#ff9eae}.note{border-left:2px solid var(--cyan);background:#16bbee0b;padding:10px 12px;border-radius:0 11px 11px 0;font-size:12px;color:#b7c9e6;line-height:1.5}.note.warning{border-left-color:var(--amber)}.note.danger{border-left-color:var(--danger)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#202a42;border:1px solid #414e6b;color:#aec7e4;font-size:11px;padding:7px 10px;border-radius:30px}.tag.selected{background:#3d2557;border-color:var(--magenta);color:#ffbce6}.wrapped{background:linear-gradient(130deg,#232249,#24102d 56%,#0e3351);border:1px solid #ad7aff77;box-shadow:0 0 24px #9b5fff28;overflow:hidden;position:relative}.wrapped:after{content:"◈";font-size:160px;position:absolute;right:-15px;top:0;color:#ffffff08;pointer-events:none}.wrapped>*{position:relative;z-index:1}.source{font-size:11px;color:var(--cyan);line-height:1.5;word-break:break-word}.quote{font-size:18px;font-weight:800;line-height:1.35;padding:15px;border-left:3px solid var(--magenta);background:#ff51c50b;border-radius:0 12px 12px 0}
.modal-root[hidden]{display:none!important}.modal-root{position:fixed;z-index:100;inset:0;background:#03050bbd;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-panel{background:#121827;border:1px solid #6478a655;border-bottom:0;box-shadow:0 -15px 45px #0007;border-radius:25px 25px 0 0;width:100%;max-width:700px;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px calc(24px + env(safe-area-inset-bottom));animation:slideUp .22s ease-out}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.modal-head h2{margin:0}.modal-x{border:1px solid #57627a;background:#283046;color:var(--ink);width:32px;height:32px;border-radius:10px}.modal-foot{display:flex;gap:10px;margin-top:19px}.modal-foot .btn{flex:1}@keyframes slideUp{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}.toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translate(-50%,-25px);z-index:200;opacity:0;pointer-events:none;padding:12px 17px;max-width:min(92%,480px);width:max-content;border-radius:12px;border:1px solid #50e0f780;background:#152438;color:white;font-size:12px;font-weight:720;box-shadow:0 9px 35px #000a;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.privacy{color:var(--muted);font-size:11px;line-height:1.5}.key{display:inline-block;font-size:10px;letter-spacing:1px;color:var(--cyan);background:#2c3750;padding:4px 7px;border-radius:6px}.hide{display:none!important}input[type="file"]{font-size:12px}input[type="file"]::file-selector-button{background:#27334d;border:1px solid #5d6b88;padding:8px;color:white;border-radius:9px;margin-right:10px}::selection{background:#a881ff99;color:white}
@media(min-width:600px){.app-shell{padding-left:25px;padding-right:25px}.grid3{gap:14px}.grid2{gap:15px}.card{padding:20px}.hero{padding:30px}.modal-root{align-items:center}.modal-panel{border-radius:23px;border-bottom:1px solid #6478a655;max-height:90dvh;padding-bottom:23px}}
@media(max-width:365px){.app-shell{padding-left:11px;padding-right:11px}.card{padding:13px}.brand-title{font-size:11px}.brand-meta{font-size:8px}.big-number{font-size:28px!important}.btn{padding:10px}.metric.sm{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.graph [stroke="#51e6ff"]{filter:drop-shadow(0 0 4px #51e6ff8c)}.graph [stroke="#ff5cc8"]{filter:drop-shadow(0 0 4px #ff5cc888)}