:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#10110f;--text:#eeece4;--muted:#aaa9a2;--line:#ffffff17;--glass:#ffffff08;--blue:#8fb8ff;--lavender:#b9a8ff;--field:#0003}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 85% 8%, #b9a8ff12, transparent 45%), var(--bg);color:var(--text);min-height:100vh;margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1080px;margin:auto;padding:32px 36px}header,.actions,.toolbar,.device,.section-heading,.app-row>div{justify-content:space-between;align-items:center;gap:16px;display:flex}header{border-bottom:1px solid var(--line);padding:6px 0 42px}.brand{letter-spacing:-1px;color:var(--text);align-items:center;gap:12px;font-size:27px;text-decoration:none;display:flex}.brand span{color:var(--lavender);font-size:38px}.private,.fine{color:var(--muted);font-size:13px}button,input,select{font:inherit}button,.primary{border:1px solid var(--line);background:var(--glass);color:var(--text);cursor:pointer;border-radius:15px;padding:10px 18px;text-decoration:none;transition:background .2s,transform .2s}button:hover,.primary:hover{background:#8fb8ff20}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.primary{background:linear-gradient(125deg, var(--blue), var(--lavender));color:#10110f;border:0;align-items:center;gap:45px;padding:16px 24px;font-weight:600;display:inline-flex}.primary:hover{background:var(--lavender)}.welcome{text-align:center;max-width:650px;margin:70px auto 90px}.welcome h1{letter-spacing:-3px;margin:20px 0 24px;font-size:clamp(45px,7vw,72px);font-weight:500;line-height:1.08}.welcome>p{color:var(--muted);margin:24px 0}.welcome .fine{margin-top:30px}.orb{color:var(--lavender);text-shadow:0 0 65px #8fb8ff60;font-size:82px}.eyebrow{letter-spacing:2.3px;color:var(--muted);font-size:12px;font-weight:600}.intro{padding:42px 0 24px}.intro h1{letter-spacing:-1.4px;margin:10px 0;font-size:clamp(26px,5vw,42px);font-weight:500;line-height:1.2}.intro p:last-child{color:var(--muted)}.toolbar{flex-wrap:wrap;justify-content:flex-start;margin:22px 0}.segmented{border:1px solid var(--line);border-radius:18px;gap:3px;padding:4px;display:flex}.segmented button{background:0 0;border:0;padding:8px 16px}.segmented button[aria-pressed=true]{color:var(--blue);background:#8fb8ff23}label{text-align:left;color:var(--muted);flex-direction:column;gap:6px;margin:18px 0;font-size:14px;display:flex}label.compact{flex-direction:row;align-items:center;margin:0;font-size:12px}input,select{color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:12px;min-width:0;max-width:100%;padding:10px}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(130deg,#ffffff0d,#ffffff03);border-radius:30px;margin:22px 0;padding:30px;box-shadow:inset 0 1px #ffffff0b,0 20px 70px #0000000a}.hero{justify-content:space-between;align-items:center;min-height:230px;padding:35px 45px;display:flex;overflow:hidden}.time{letter-spacing:-2px;font-variant-numeric:tabular-nums;font:500 clamp(40px,6vw,74px)/1.15 ui-rounded,SF Pro Rounded,-apple-system,sans-serif}.hero p:last-child{color:var(--muted);margin:15px 0}.light-ring{width:140px;height:140px;color:var(--lavender);border:2px solid #b9a8ff70;border-right-color:#0000;border-radius:50%;place-items:center;font-size:70px;display:grid;box-shadow:0 0 60px #8fb8ff18,inset 0 0 60px #b9a8ff0a}h2{letter-spacing:-.5px;margin:0 0 18px;font-size:23px;font-weight:500}h3{font-weight:500}.section-heading span{color:var(--muted);font-size:12px}.chart{gap:12px;padding:18px 0;display:grid;overflow-x:auto}.chart button{background:0 0;border:0;border-radius:8px;min-width:0;padding:0 2px}.bar-space{justify-content:center;align-items:flex-end;height:150px;padding-bottom:4px;display:flex}.bar{background:linear-gradient(160deg, var(--lavender), #8fb8ff85);transform-origin:bottom;border-radius:10px;width:65%;max-width:50px;animation:.7s both rise;display:block}.chart button:hover .bar{filter:brightness(1.2)}.chart small{white-space:nowrap;color:var(--muted);margin-top:12px;font-size:12px;display:block}.dot{background:var(--muted);opacity:.35;border-radius:50%;width:5px;height:5px}.app-row{padding:12px 0}.app-row span:first-child{overflow-wrap:anywhere}.app-row span:last-child{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.track{background:var(--line);border-radius:4px;height:4px;margin-top:10px}.track i{background:linear-gradient(90deg, var(--blue), var(--lavender));border-radius:4px;height:100%;display:block}.notice{overflow-wrap:anywhere;background:#8fb8ff0d;border:1px solid #8fb8ff35;border-radius:18px;padding:20px 24px}.secret{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;margin:15px 0;display:block}.settings{max-width:760px}.settings .actions{flex-wrap:wrap;justify-content:flex-start;margin-top:24px}.device{border-bottom:1px solid var(--line);padding:12px 0}.danger{color:var(--muted);margin-top:24px}footer{color:var(--muted);max-width:700px;padding:20px 0 40px;font-size:13px}footer p:last-child{color:var(--lavender);margin-top:30px}@keyframes rise{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@media (prefers-color-scheme:light){:root{--bg:#eeece4;--text:#10110f;--muted:#62645e;--line:#10110f18;--glass:#ffffff60;--field:#fff8}.glass{background:linear-gradient(130deg,#fffa,#ffffff50)}.brand span,.orb,footer p:last-child{color:#6659a8}.segmented button[aria-pressed=true]{color:#334f85}}@media (max-width:650px){main{padding:20px}header{padding-bottom:22px}.private{display:none}.welcome{margin-top:45px}.glass{border-radius:23px;padding:23px}.hero{min-height:190px}.light-ring{flex-shrink:0;width:70px;height:70px;margin-left:10px;font-size:42px}.time{font-size:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:0}.chart{gap:6px}.chart small{font-size:10px}.toolbar{gap:12px}.toolbar .compact{flex:1}.compact select{max-width:155px}.actions{gap:8px}button{padding:9px 13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}