:root{--bg: #05070b;--bg-soft: #04060d;--card: #070b12;--card-soft: #05080f;--outline-soft: #111827;--text-main: #f9fafb;--text-soft: #d1d5db;--text-muted: #6b7280;--teal: #19f0c5;--teal-soft: #4ff9d6;--teal-deep: #0b8c72}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;min-height:100vh;background:radial-gradient(circle at top,#050910 0,#05070b 40%,#020308);color:var(--text-main);display:flex;justify-content:center;padding:24px 16px 40px}.page{width:100%;max-width:1120px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}.nav-left{display:flex;align-items:center;gap:10px}.logo-orb{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 25% 15%,#e6fffb,var(--teal-soft) 38%,var(--teal) 60%,var(--teal-deep) 82%,#020309 100%);box-shadow:0 0 26px #19f0c5e6}.logo-text-main{font-weight:600;letter-spacing:.06em;font-size:15px;text-transform:uppercase}.logo-text-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.nav-links{display:flex;gap:18px;font-size:13px;color:var(--text-muted)}.nav-links a{color:inherit;text-decoration:none;position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--teal),transparent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .12s ease,opacity .12s ease}.nav-links a:hover:after{transform:scaleX(1);opacity:1}.nav-cta{display:flex;gap:10px;align-items:center}.btn{border-radius:999px;border:1px solid transparent;padding:7px 14px;font-size:12px;cursor:pointer;background:transparent;color:var(--text-main);white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.btn-outline{border-color:#94a3b866;color:var(--text-soft);background:#0f172a80}.btn-primary{background:linear-gradient(135deg,#19f0c5,#06b6d4);color:#ecfeff;font-weight:600;box-shadow:0 18px 50px #000}.btn:hover{transform:translateY(-1px);box-shadow:0 20px 60px #000}.btn-outline:hover{background:#0f172ae6;border-color:#94a3b8b3}.footer{font-size:11px;color:var(--text-muted);margin-top:32px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.hero-title{font-size:clamp(34px,5vw,44px);line-height:1.05;letter-spacing:-.04em;margin-bottom:16px}.hero-highlight{color:var(--teal-soft)}.hero-sub{font-size:15px;color:var(--text-muted);max-width:32rem;margin-bottom:22px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{font-size:11px;color:var(--text-soft);padding:5px 10px;border-radius:999px;border:1px solid #0f172a;background:#0a101be6}.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-note{font-size:12px;color:var(--text-muted)}.preview-wrap{display:flex;justify-content:center}.phone-shell{width:100%;max-width:340px;border-radius:40px;padding:8px;background:radial-gradient(circle at top,#050910 0,#020308 55%);box-shadow:0 32px 120px #000000e6}.phone-inner,.card-main.dashboard-card{border-radius:32px;padding:26px 20px 20px;background:var(--card);border:1px solid #020617}.phone-title{text-align:center;font-size:20px;margin-bottom:22px}.orb-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px}.orb-aura{padding:10px;border-radius:999px;background:radial-gradient(circle at top,#020617,#000 70%);display:flex;align-items:center;justify-content:center;transition:box-shadow .25s ease,transform .25s ease}.orb-aura-high{box-shadow:0 0 80px #22d3eea6;transform:translateY(-2px)}.orb-aura-mid{box-shadow:0 0 40px #0f172ae6}.orb-aura-low{box-shadow:0 0 28px #0f172ab3;transform:translateY(1px)}.orb-shell{position:relative;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle at 25% 15%,#e6fffb,var(--teal-soft) 35%,var(--teal) 55%,var(--teal-deep) 78%,#020309 100%);box-shadow:0 0 55px #19f0c5e6,0 0 160px #000;display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.orb-shell-high{transform:scale(1.08);box-shadow:0 0 80px #19f0c5,0 0 200px #000}.orb-shell-mid{transform:scale(1)}.orb-shell-low{transform:scale(.9);background:radial-gradient(circle at 25% 15%,#99f6e4,#22c5a5 40%,#0f172a,#020617);box-shadow:0 0 40px #0f766eb3,0 0 130px #0f172af2}.orb-inner{text-align:center;position:relative;z-index:1}.orb-percent{font-size:42px;font-weight:700;letter-spacing:.04em}.orb-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-top:4px}.orb-caption{font-size:14px;color:var(--text-muted);margin-top:4px;text-align:center}.orb-ring{position:absolute;border-radius:999px;border:1px solid rgba(148,163,184,.2);top:-6px;right:-6px;bottom:-6px;left:-6px;animation:orb-orbit 10s linear infinite;pointer-events:none}.orb-ring-2{top:-14px;right:-14px;bottom:-14px;left:-14px;opacity:.4;animation-duration:16s}@keyframes orb-orbit{0%{transform:rotate(0);border-color:#38bdf84d}50%{border-color:#2dd4bf99}to{transform:rotate(360deg);border-color:#38bdf84d}}.wave{width:100%;max-width:240px;margin:10px auto 0;height:30px;position:relative;overflow:hidden}.wave:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#0b1220,transparent)}.wave-line{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 5% 70%,rgba(25,240,197,.3) 0,transparent 50%),radial-gradient(circle at 30% 30%,rgba(25,240,197,.5) 0,transparent 55%),radial-gradient(circle at 60% 70%,rgba(25,240,197,.35) 0,transparent 55%),radial-gradient(circle at 90% 30%,rgba(25,240,197,.2) 0,transparent 55%);opacity:.6;filter:blur(4px)}.divider{height:1px;background:#020617;margin:22px 0 16px}.card-secondary{background:var(--card-soft);border-radius:22px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--outline-soft)}.log-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px}.log-plus{width:24px;height:24px;border-radius:999px;border:1px solid #111827;display:flex;align-items:center;justify-content:center;background:#020308;font-size:18px}.snapshot{margin-top:10px}.snapshot-title{font-size:14px;margin-bottom:12px}.snapshot-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:54px;margin-bottom:10px;align-items:flex-end}.bar{border-radius:9px}.bar-input-full,.bar-input-mid,.bar-input-low{background:radial-gradient(circle at 30% 10%,var(--teal-soft),var(--teal-deep));box-shadow:0 0 16px #19f0c566}.bar-input-full{height:100%}.bar-input-mid{height:75%}.bar-input-low{height:55%}.bar-drain-mid,.bar-drain-high,.bar-drain-low{background:radial-gradient(circle at 30% 10%,#0e9f83,#064e3b);box-shadow:0 0 10px #082f49cc}.bar-drain-mid{height:60%}.bar-drain-high{height:80%}.bar-drain-low{height:45%}.snapshot-label{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.legend-dot{width:9px;height:9px;border-radius:999px;background:var(--teal);box-shadow:0 0 8px #19f0c5b3}.auth-shell{display:flex;justify-content:center}.auth-card{max-width:420px;width:100%;background:var(--card);border-radius:24px;padding:24px 20px 20px;border:1px solid #020617;box-shadow:0 24px 80px #000000e6}.auth-title{font-size:20px;margin-bottom:8px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-label{font-size:13px;display:flex;flex-direction:column;gap:4px}.auth-input{border-radius:12px;border:1px solid #111827;background:#020308;color:var(--text-main);padding:8px 10px;font-size:13px}.auth-input:focus{outline:none;border-color:var(--teal-soft)}.auth-error{font-size:12px;color:#fca5a5}.auth-submit{width:100%;margin-top:6px}.auth-toggle{margin-top:10px;background:none;border:none;cursor:pointer;text-align:left;font-size:12px;color:var(--teal-soft)}.dashboard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr);gap:32px}.dashboard-left{display:flex;flex-direction:column;gap:18px}.dashboard-right,.dashboard-history{display:flex;flex-direction:column;gap:16px}.section-heading{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.slider-card{background:var(--card-soft);border-radius:22px;padding:14px 16px;border:1px solid var(--outline-soft);display:flex;flex-direction:column;gap:12px}.slider-row{display:flex;flex-direction:column;gap:6px}.slider-header{display:flex;justify-content:space-between;font-size:13px}.slider-value{color:var(--text-soft)}.slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#020617;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;background:var(--teal-soft);box-shadow:0 0 8px #19f0c5b3;cursor:pointer;border:none}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--teal-soft);box-shadow:0 0 8px #19f0c5b3;cursor:pointer;border:none}.note-input{min-height:90px;border-radius:16px;border:1px solid #0b1220;background:#020308;color:var(--text-main);padding:10px 12px;font-size:13px;resize:vertical}.note-input:focus{outline:none;border-color:var(--teal-soft)}.save-row{display:flex;flex-direction:column;gap:8px}.history-card{background:var(--card-soft);border-radius:22px;padding:14px 16px;border:1px solid var(--outline-soft);max-height:440px;overflow:auto}.history-list{list-style:none;display:flex;flex-direction:column;gap:10px}.history-row{padding:10px 10px 8px;border-radius:14px;background:radial-gradient(circle at top left,#020617,#020309 65%,#000);border:1px solid #020617}.history-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.history-pill{padding:4px 10px;border-radius:999px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.history-pill-high{background:radial-gradient(circle at 30% 10%,var(--teal-soft),var(--teal-deep));box-shadow:0 0 18px #19f0c5cc}.history-pill-mid{background:radial-gradient(circle at 30% 10%,#0e9f83,#064e3b);box-shadow:0 0 12px #082f49cc}.history-pill-low{background:radial-gradient(circle at 30% 10%,#0f172a,#020617);box-shadow:0 0 10px #0f172ae6}.history-pill-percent{font-weight:600}.history-date{font-size:12px;color:var(--text-muted)}.history-note{font-size:12px;color:var(--text-soft)}.screen-center{display:flex;justify-content:center;align-items:center}@media(max-width:880px){.hero{grid-template-columns:minmax(0,1fr)}.preview-wrap{order:-1}.nav-links{display:none}.dashboard{grid-template-columns:minmax(0,1fr)}}.save-log-button{width:100%;border-radius:999px;border:1px solid #020617;background:#05080f;color:var(--text-main);padding:12px 18px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 18px 50px #000;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.save-log-button:hover:not([disabled]){background:#020308;border-color:#111827;transform:translateY(-1px);box-shadow:0 22px 60px #000}.save-log-button[disabled]{opacity:.5;cursor:default;transform:none;box-shadow:none}.save-log-plus{width:24px;height:24px;border-radius:999px;border:1px solid #111827;display:flex;align-items:center;justify-content:center;background:#020308;font-size:16px;line-height:1}.history-row{cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.history-row:hover{background:radial-gradient(circle at top left,#020819,#020309 65%,#000);border-color:#1f2937;transform:translateY(-1px)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#0f172ae6,#000000f5);display:flex;justify-content:center;align-items:center;z-index:40;padding:16px}.detail-card{width:100%;max-width:440px;border-radius:24px;background:#05080f;border:1px solid #020617;box-shadow:0 26px 90px #000;padding:20px 20px 18px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.detail-title{font-size:16px;font-weight:600}.detail-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.detail-close{border-radius:999px;border:1px solid #111827;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#020308;color:var(--text-soft);cursor:pointer;font-size:16px;line-height:1;transition:background .15s ease,border-color .15s ease,transform .08s ease}.detail-close:hover{background:#030712;border-color:#1f2937;transform:translateY(-1px)}.detail-body{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding:8px 10px;border-radius:14px;background:radial-gradient(circle at top left,#020617,#020309 65%,#000);border:1px solid #020617}.detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.detail-value{font-size:14px;font-weight:600}.detail-note-block{margin-top:6px}.detail-note-text{margin-top:4px;font-size:13px;color:var(--text-soft);line-height:1.5;padding:10px 12px;border-radius:14px;background:#020308;border:1px solid #020617}.detail-section-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:8px;margin-bottom:4px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.detail-mini-row{display:flex;justify-content:space-between;font-size:12px}.detail-mini-label{color:var(--text-muted)}.detail-mini-value{color:var(--text-soft)}.bar-row.bar-row-two{grid-template-columns:repeat(2,1fr);gap:16px;height:60px;align-items:flex-end}.bar-input-dynamic,.bar-drain-dynamic{position:relative;border-radius:12px;background:#020617;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;right:0;border-radius:12px 12px 4px 4px;transition:height .35s ease-out}.bar-fill-input{background:radial-gradient(circle at 30% 10%,var(--teal-soft),var(--teal-deep));box-shadow:0 0 16px #19f0c580}.bar-fill-drain{background:radial-gradient(circle at 30% 10%,#0e9f83,#064e3b);box-shadow:0 0 14px #082f49e6}.legend-input{background:var(--teal)}.legend-drain{background:#0e9f83}.history-card{margin-top:24px}.dashboard-history>*+*{margin-top:24px}.footer{font-size:11px;color:var(--text-muted);margin-top:32px;padding-top:20px;border-top:1px solid #0f172a;display:flex;flex-direction:column;gap:10px;text-align:center}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--teal-soft)}.legal-page{max-width:720px;margin:80px auto;color:var(--text-muted);padding:0 20px}.legal-page h1{font-size:28px;margin-bottom:12px;color:#fff}.legal-page h2{font-size:18px;margin-top:28px;color:var(--teal-soft)}.legal-page p,.legal-page li{font-size:14px;line-height:1.6;margin:12px 0}.legal-page a{color:var(--teal-soft)}.metric-pill{padding:8px 12px;border-radius:999px;border:1px solid #0f172a;background:radial-gradient(circle at top,#020617,#020308 70%);display:flex;flex-direction:column;gap:2px}.metric-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--text-muted)}.metric-value{font-size:12px;color:var(--text-soft)}.statsbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:16px;overflow:hidden}.stat{padding:12px 14px}.stat+.stat{border-left:1px solid rgba(255,255,255,.08)}.stat-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px}.stat-value{font-size:14px;font-weight:600;color:#ffffffe6}@media(max-width:720px){.statsbar{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}.auth-message{border:1px solid rgba(16,185,129,.3);background:#10b9811f;color:#ffffffe6;padding:10px 12px;border-radius:12px;font-size:12px}.auth-link{background:none;border:none;margin-top:10px;font-size:12px;color:#ffffffa6;cursor:pointer;text-align:center}.auth-actions{display:grid;gap:10px;margin-top:12px}.auth-link{width:100%;background:transparent;border:none;color:#ffffffb3;font-size:12px;cursor:pointer;padding:2px 4px;text-align:left}.auth-link:hover{text-decoration:underline}.auth-toggle{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:10px 12px;border-radius:12px;cursor:pointer}.auth-toggle:hover{background:#ffffff0d;border-color:#ffffff29}.auth-input-wrap{position:relative;display:block}.auth-input--withbtn{padding-right:74px}.auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffc7;border-radius:10px;padding:7px 10px;font-size:12px;cursor:pointer}.auth-eye:hover{border-color:#ffffff29;background:#ffffff0f}.auth-head{margin-bottom:16px}.auth-badge{margin-bottom:12px}.auth-title{margin:0 0 8px;line-height:1.15}.auth-sub{margin:0;line-height:1.5}.auth-input-wrap{position:relative;width:100%}.auth-input--icon{width:100%;padding-right:46px}.auth-iconbtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;cursor:pointer}.auth-iconbtn:hover{background:#ffffff0f;border-color:#ffffff29}.auth-iconbtn:active{transform:translateY(-50%) scale(.98)}