:root{--ice-back:#040a12;--ice-deep:#27436b;--ice-mid:#5f8dbd;--ice-light:#b9d2e4;--glass-bg:#040a1261;--glass-border:#b9d2e429;--glass-text:#b9d2e4eb}*{box-sizing:border-box}html,body,#root{background:var(--ice-back);width:100%;height:100%;color:var(--glass-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app,.stage{position:absolute;inset:0}.stage-fallback{place-items:center;display:grid}.stage-fallback p{opacity:.7;font-size:14px}.ui{pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.ui>*{pointer-events:auto}.ui-hidden .ui{opacity:0}.ui-hidden .ui>*{pointer-events:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);border:1px solid var(--glass-border);color:var(--glass-text);border-radius:14px}button.glass{cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,transform .15s}button.glass:hover{border-color:#b9d2e473;transform:translateY(-1px)}.wordmark{letter-spacing:.5em;color:var(--ice-light);text-shadow:0 1px 12px #040a12cc;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:700;position:absolute;top:22px;left:26px}.top-actions{gap:10px;display:flex;position:absolute;top:16px;right:20px}.icon-btn{border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;line-height:1;display:grid}.icon-btn-active{border-color:var(--ice-mid);background:#5f8dbd59}.preset-bar{flex-wrap:wrap;gap:8px;max-width:60vw;display:flex;position:absolute;bottom:20px;left:20px}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:12.5px;display:flex}.chip-active{border-color:var(--ice-mid);background:#5f8dbd47}.chip-dots{gap:3px;display:flex}.chip-dots i{border-radius:50%;width:9px;height:9px;display:block}.panel-toggle{border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;display:grid;position:absolute;bottom:20px;right:20px}.panel{flex-direction:column;gap:10px;width:280px;padding:14px 16px 16px;display:flex;position:absolute;bottom:20px;right:20px}.panel-head{letter-spacing:.18em;text-transform:uppercase;opacity:.85;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.panel-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:13px}.panel-close:hover{opacity:1}.row{align-items:center;gap:10px;font-size:12px;display:flex}.row-label{opacity:.8;flex-shrink:0;width:62px}.row-value{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;width:34px}.row input[type=range]{accent-color:var(--ice-mid);flex:1;height:3px}.swatches{gap:8px;display:flex}.swatches input[type=color]{border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:7px;width:32px;height:28px;padding:0}.swatch-back{margin-left:8px}.nav{border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.nav-item{color:var(--glass-text);letter-spacing:.04em;cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:12.5px;transition:opacity .2s,background .2s}.nav-item:hover{opacity:1}.nav-active{opacity:1;background:#5f8dbd4d}.page-layer,.page{pointer-events:none;position:absolute;inset:0}.page>*{pointer-events:auto}.rise{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise;animation-delay:calc(var(--i,0) * .11s)}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(26px)}to{opacity:1;filter:blur();transform:translateY(0)}}.page-waves>.preset-bar{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise}.page-waves>.panel-toggle,.page-waves>.panel{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) .11s forwards rise}.page-waves>.hint{opacity:0;animation:.7s .26s forwards rise-quiet}@keyframes rise-quiet{0%{opacity:0}to{opacity:.35}}.page-dashboard{place-items:center;display:grid}.widget-grid{grid-template-columns:repeat(2,300px);gap:16px;display:grid}.widget{opacity:0;min-height:150px;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise;animation-delay:calc(var(--i,0) * .11s);flex-direction:column;justify-content:center;padding:22px 24px;display:flex}.widget-title{letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-bottom:10px;font-size:11px;font-weight:700}.widget-quiet{opacity:.6;text-align:center;font-size:13px}.widget-clock{text-align:center;align-items:center}.clock-time{letter-spacing:.02em;color:#fff;font-size:52px;font-weight:200;line-height:1.1}.clock-seconds{opacity:.55;font-variant-numeric:tabular-nums;margin-left:8px;font-size:18px}.clock-date{opacity:.75;margin-top:6px;font-size:13.5px}.widget-weather{text-align:center;align-items:center}.weather-icon{font-size:34px;line-height:1}.weather-temp{color:#fff;font-size:40px;font-weight:200;line-height:1.2}.weather-label{opacity:.75;font-size:13px}.links-grid{gap:10px;display:flex}.link-tile{border:1px solid var(--glass-border);color:var(--glass-text);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;font-size:12.5px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}.link-tile:hover{background:#5f8dbd2e;border-color:#b9d2e473;transform:translateY(-2px)}.link-icon{font-size:22px}.stats-preset{color:#fff;margin-bottom:10px;font-size:22px;font-weight:300}.stats-swatches{gap:6px;margin-bottom:12px;display:flex}.stats-swatches i{border:1px solid var(--glass-border);border-radius:6px;width:22px;height:22px;display:block}.stats-rows{opacity:.75;gap:14px;font-size:12px;display:flex}.page-about{place-items:center;display:grid}.about-card{width:min(560px,100vw - 40px);padding:36px 40px}.about-card h1{color:#fff;letter-spacing:.01em;margin:0 0 14px;font-size:34px;font-weight:200}.about-card p{opacity:.85;margin:0 0 14px;font-size:14.5px;line-height:1.65}.about-keys{opacity:.8;grid-template-columns:1fr 1fr;gap:8px 18px;margin:4px 0 18px;padding:0;font-size:13px;list-style:none;display:grid}.about-keys b{min-width:26px;color:var(--ice-light);display:inline-block}.about-colophon{letter-spacing:.08em;opacity:.45!important;margin-bottom:0!important;font-size:11.5px!important}.hint{letter-spacing:.14em;text-transform:uppercase;opacity:.35;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toast{padding:10px 18px;font-size:13px;animation:.25s toast-in;position:absolute;top:72px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.sheet{z-index:10;flex-direction:column;gap:10px;width:min(520px,100vw - 40px);padding:14px 16px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sheet textarea{resize:none;border:1px solid var(--glass-border);width:100%;color:var(--glass-text);background:#040a128c;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5}@media (width<=640px){.preset-bar{max-width:none;bottom:76px;left:12px;right:12px}.panel{border-radius:18px;width:auto;bottom:12px;left:12px;right:12px}.panel-toggle{bottom:12px;right:12px}.hint{display:none}.wordmark{top:18px;left:18px}.nav{top:auto;bottom:12px}.page-waves>.preset-bar{bottom:132px}.widget-grid{grid-template-columns:minmax(0,340px);max-height:calc(100vh - 140px);padding:70px 0 60px;overflow-y:auto}.about-card{max-height:calc(100vh - 120px);padding:26px 24px;overflow-y:auto}.about-card h1{font-size:26px}}