:root{color-scheme:dark;font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif;background:#101417;color:#f4f7f6;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100%}button,input,select{font:inherit}.desktop-shell{width:100vw;height:100vh;display:block;padding:0;background:#101417;position:relative}.popup{width:100vw;height:100vh;border:0;border-radius:0;background:linear-gradient(180deg,#ffffff09,#fff0),#101417fa;box-shadow:none;padding:8px;overflow:hidden;display:flex;flex-direction:column}.header,.section-head,.footer,.split,.card-title,.metric div,.notice,.notice div,.settings-title,.settings-actions,.settings-state{display:flex;align-items:center}.header,.section-head,.footer,.settings-actions{justify-content:space-between}.header{margin-bottom:8px;cursor:grab;user-select:none}.header:active{cursor:grabbing}.eyebrow,.label,.muted,.metric span,.settings-title span,.settings-state,.split,.weekly-card em{color:#99a5a8;font-size:12px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:5px}.status-dot{width:8px;height:8px;border-radius:999px;background:#25d0aa;box-shadow:0 0 16px #25d0aab3}.status-dot.stale,.status-dot.setup{background:#f0b84d;box-shadow:0 0 16px #f0b84d99}.status-dot.error{background:#ff6b5f;box-shadow:0 0 16px #ff6b5f99}h1{margin:0;font-size:19px;line-height:1.1;letter-spacing:0}.header-actions{display:flex;gap:8px}.platform,.icon-button,.footer-button{border:1px solid rgba(255,255,255,.1);color:#f4f7f6;background:#ffffff0f;cursor:pointer}.platform{height:30px;padding:0 10px;border-radius:8px}.icon-button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:10px;margin-bottom:10px}.primary-card,.weekly-card,.metric,.history,.settings-panel{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(180deg,#ffffff12,#ffffff07),#12171ad1;box-shadow:0 14px 34px #0000002e}.primary-card{padding:11px;display:grid;gap:6px}.ring-wrap{position:relative;width:clamp(88px,24vh,126px);height:clamp(88px,24vh,126px);margin:0 auto}.progress-ring{width:clamp(88px,24vh,126px);height:clamp(88px,24vh,126px);transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:9}.ring-track{stroke:#ffffff14}.ring-value{stroke-linecap:round;transition:stroke-dashoffset .22s ease}.progress-ring.healthy .ring-value{stroke:#25d0aa;filter:drop-shadow(0 0 10px rgba(37,208,170,.3))}.progress-ring.warning .ring-value{stroke:#f0b84d}.progress-ring.critical .ring-value{stroke:#ff6b5f}.ring-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}.ring-center strong{font-size:26px;line-height:1}.ring-center span{color:#9ca8aa;font-size:12px}.card-copy{display:grid;gap:2px}.card-copy strong{font-size:16px}.weekly-card{padding:11px;min-width:0}.card-title{gap:7px;color:#cdd4d2}.weekly-card>strong{display:block;font-size:28px;margin:11px 0 9px}.bar{height:8px;border-radius:999px;overflow:hidden;background:#ffffff14;margin-bottom:8px}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25d0aa,#8de7cc)}.split{gap:8px;justify-content:space-between}.notice{justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:8px;border:1px solid rgba(240,184,77,.26);background:#f0b84d17}.error-strip,.settings-error{border:1px solid rgba(255,107,95,.26);border-radius:8px;background:#ff6b5f17;color:#ffb7b1;font-size:12px;line-height:1.35;padding:7px 9px;margin-bottom:8px}.settings-error{margin-bottom:0}.notice div{gap:7px;color:#ffd27c;white-space:nowrap}.notice span{color:#d4c7a8;font-size:12px;line-height:1.35;text-align:right}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px}.metric{padding:8px 10px;min-height:56px}.metric div{gap:7px}.metric strong{display:block;margin-top:5px;font-size:16px}.metric small{color:#9ca8aa;font-size:12px;font-weight:500;margin-left:3px}.history{padding:10px;margin-bottom:8px;min-height:0;flex:1}.section-head{margin-bottom:4px}.section-head div{display:grid;gap:2px}.sparkline{width:100%;height:clamp(38px,10vh,96px);margin-bottom:6px}.sparkline path{fill:none;stroke:#25d0aa;stroke-width:2.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(37,208,170,.28))}.day-bars{height:clamp(34px,9vh,84px);display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:7px}.day-bars span{height:100%;display:flex;align-items:end;border-radius:6px;background:#ffffff0b;overflow:hidden}.day-bars i{width:100%;display:block;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#99f1d8,#209b88)}.footer{gap:8px}.footer-button{min-width:0;height:32px;border-radius:8px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.footer-button.primary{background:#25d0aa;color:#06231d;border-color:#25d0aa;font-weight:700}.footer-button.subtle{color:#bdc7c8}.settings-panel{height:calc(100% - 43px);padding:14px;display:grid;gap:11px;overflow:hidden}.settings-title{align-items:flex-start;gap:10px;padding-bottom:4px}.settings-title div{display:grid;gap:4px}.settings-title span{line-height:1.45}label{display:grid;gap:7px;color:#dfe6e4;font-size:13px}input,select{width:100%;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.11);background:#fff1;color:#f4f7f6;padding:0 11px;outline:none}select option{color:#101417}.settings-state{gap:8px;padding:10px;border-radius:8px;background:#25d0aa14;color:#bfeee2}.tray-hint{position:fixed;right:24px;bottom:18px;height:30px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:0 10px;background:#161c1eeb;border:1px solid rgba(255,255,255,.12);color:#9ff2d8;box-shadow:0 14px 34px #00000059}.resize-grip{position:fixed;right:3px;bottom:3px;width:18px;height:18px;border:0;padding:0;cursor:nwse-resize;background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.22) 50%,transparent 52%),linear-gradient(135deg,transparent 62%,rgba(255,255,255,.18) 64%,transparent 66%),transparent;opacity:.72}.resize-grip:hover{opacity:1}.is-tauri{background:transparent}.is-tauri .tray-hint{display:none}@media (max-width: 430px){.desktop-shell{padding:12px}.popup{padding:14px}.hero-grid{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}.notice span{text-align:left}}@media (min-height: 640px){.popup{padding:16px}.header{margin-bottom:13px}.hero-grid,.notice,.metrics{margin-bottom:10px}.metric{min-height:66px}}@media (min-height: 760px){.primary-card,.weekly-card{padding:14px}.metric{min-height:76px}.history{padding:13px}}