:root{color-scheme:light;--paper:#f5f5f0;--white:#fff;--ink:#151915;--muted:#7a8078;--line:#e3e5df;--lime:#c6fa4b;--green:#2d8050;--red:#d74d42;--amber:#b7791f;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.app-shell{max-width:1200px;margin:auto;padding:0 48px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.8px}.brand-period{color:#8dc523}.brand-mark{width:24px;height:24px;background:var(--ink);border-radius:7px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:6px}.brand-mark span{width:3px;border-radius:3px;background:var(--lime)}.brand-mark span:nth-child(1){height:6px}.brand-mark span:nth-child(2){height:11px}.brand-mark span:nth-child(3){height:8px}.topbar-right{display:flex;align-items:center;gap:19px}.beta,.note-tag{font:10px var(--mono);letter-spacing:.7px;color:#666d63}.live-dot,.status-dot{width:7px;height:7px;border-radius:99px;display:inline-block;background:#93cc29;margin-right:7px}.avatar{border:1px solid var(--line);background:#e8e9e3;width:34px;height:34px;border-radius:50%;font:600 13px var(--sans);color:#51574f}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;padding:52px 0 29px}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1px;color:#73796f;margin:0 0 16px}.eyebrow-line{height:1px;width:20px;background:#97c82f}.welcome-row h1{font:700 clamp(31px,4vw,43px)/1.1 var(--display);letter-spacing:-2px;margin:0}.wave{display:inline-block;color:#90bd36;font-size:.65em;margin-left:10px;transform:rotate(18deg)}.intro{color:#73796f;margin:12px 0 0;font-size:14px}.date-pill{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fbfbf8;border-radius:30px;padding:10px 14px;color:#70766d;font-size:12px}.calendar-icon{font-size:17px;color:#343b32}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-card{background:var(--white);border:1px solid #e9eae5;border-radius:10px;min-height:140px;padding:19px 21px}.summary-card-dark{background:#171c17;color:white;border-color:#171c17}.summary-label{font:10px var(--mono);letter-spacing:.8px;color:#83897f}.summary-card-dark .summary-label{color:#a8afa5}.summary-value{font:700 31px var(--display);letter-spacing:-1px;margin:10px 0 5px;display:flex;align-items:baseline;gap:8px}.summary-unit{font:12px var(--sans);font-weight:400;letter-spacing:0;color:#8a9087}.summary-foot{font-size:11px;color:#8a9087;display:flex;align-items:center;margin-top:11px}.summary-card-dark .summary-foot{color:#a8afa5}.mini-mark{font-size:15px;color:#91c331;margin-right:7px}.status-dot.muted{background:#a3aaa0}.status-dot.lime{background:var(--lime)}.latest-value{font-size:19px;letter-spacing:-.3px;margin-top:17px}.sites-section{margin-top:44px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.section-eyebrow{margin-bottom:8px}.section-heading h2{font:700 21px var(--display);letter-spacing:-.55px;margin:0}.count-chip{font:11px var(--mono);letter-spacing:0;background:#e8eae2;color:#737a70;border-radius:12px;padding:4px 8px;vertical-align:3px;margin-left:5px}.button{border:0;cursor:pointer;font:600 12px var(--sans);border-radius:7px;transition:transform .15s,background .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,input:focus-visible{outline:3px solid #9ccb42;outline-offset:2px}.button-quiet{padding:10px 13px;border:1px solid var(--line);background:#fbfbf8;color:#4f574d}.button-quiet:disabled{opacity:.45;cursor:not-allowed}.refresh-icon{font-size:16px;margin-right:5px}.add-form{display:flex;align-items:center;background:#fff;border:1px solid #dfe2d9;border-radius:9px;padding:6px;min-height:54px}.input-prefix{font:12px var(--mono);padding-left:12px;color:#989e94}.add-form input{font:13px var(--sans);border:0;outline:0;min-width:50px;flex:1;padding:10px 4px;color:var(--ink);background:transparent}.add-form input::placeholder{color:#adb2a9}.button-primary{padding:12px 17px;background:var(--ink);color:#fff;white-space:nowrap}.button-primary:hover{background:#333b31}.button-primary span{color:var(--lime);font-size:16px;vertical-align:-1px;margin-right:5px}.form-hint{color:#92988e;font-size:11px;margin:9px 0 0 3px}.notice{font-size:12px;min-height:18px;margin:11px 0 0;color:#536148}.notice.error{color:#b34238}.site-list{display:grid;gap:9px;margin-top:16px}.site-card{display:grid;grid-template-columns:minmax(0,1fr) 112px 120px auto;align-items:center;gap:20px;padding:17px 18px;background:#fff;border:1px solid #e8eae4;border-radius:9px}.site-identity{display:flex;align-items:center;gap:13px;min-width:0}.site-symbol{width:37px;height:37px;flex:0 0 37px;border-radius:9px;background:#f0f2ec;display:grid;place-items:center;color:#485244;font:600 14px var(--mono)}.site-name{font:600 13px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-url{font:11px var(--mono);color:#9a9f96;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#72796e}.site-status .status-dot{margin:0}.site-status.good .status-dot{background:#4baf6c}.site-status.warn .status-dot{background:#e6a63e}.site-status.bad .status-dot{background:#d6574c}.site-status.pending .status-dot{background:#a3aaa0;animation:pulse 1s infinite}.site-meta{text-align:right}.meta-main{font:12px var(--mono);color:#444b41}.meta-sub{font-size:10px;color:#a1a69d;margin-top:4px}.card-actions{display:flex;align-items:center;gap:7px}.icon-button{border:1px solid var(--line);background:#fff;width:31px;height:31px;border-radius:6px;color:#62695f;cursor:pointer;font-size:15px}.icon-button:hover{background:#f2f4ef}.remove-button{font-size:17px;color:#989e94}.empty-state{padding:25px 15px 41px;text-align:center}.empty-art{width:150px;height:112px;margin:2px auto 13px;position:relative}.art-orbit{position:absolute;border:1px solid #e4e8d9;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:144px;height:61px;left:3px;top:30px}.orbit-two{width:115px;height:86px;left:17px;top:16px;transform:rotate(31deg)}.art-window{position:absolute;background:white;border:1px solid #e0e4d9;width:93px;height:75px;border-radius:8px;left:29px;top:20px;box-shadow:0 8px 24px #343a2414;transform:rotate(-4deg)}.art-window-top{height:18px;border-bottom:1px solid #eef0ea;display:flex;align-items:center;padding-left:8px;gap:3px}.art-window-top i{width:4px;height:4px;border-radius:50%;background:#d5d9ce}.art-line{height:4px;background:#e9ece4;border-radius:2px;position:absolute;left:10px}.line-a{top:31px;width:39px}.line-b{top:40px;width:28px}.art-check{position:absolute;right:11px;top:29px;background:var(--lime);width:23px;height:23px;border-radius:50%;font-size:13px;line-height:23px;font-weight:700}.art-spark{position:absolute;color:#8ebd2d}.spark-a{top:4px;left:17px;font-size:17px}.spark-b{right:4px;bottom:15px;font-size:15px}.empty-state h3{font:700 16px var(--display);letter-spacing:-.3px;margin:0 0 7px}.empty-state p{max-width:365px;margin:auto;color:#8a9087;font-size:12px;line-height:1.6}.bottom-note{display:flex;align-items:center;gap:11px;background:#eeefe9;border-radius:8px;padding:12px 15px;margin:4px 0 0}.note-icon{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid #aeb4a8;color:#727b6d;text-align:center;line-height:16px;font:12px/17px var(--mono)}.bottom-note p{font-size:11px;color:#777e73;line-height:1.55;margin:0;flex:1}.bottom-note strong{color:#545c50;font-weight:600}.note-tag{font-size:9px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:52px;padding:18px 0 24px;color:#93998f;font:9px var(--mono);letter-spacing:.5px}.footer span+span{font:11px var(--sans);letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{50%{opacity:.35}}@media(max-width:760px){.app-shell{padding:0 22px}.welcome-row{padding-top:39px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card-dark{grid-column:span 2;min-height:115px}.site-card{grid-template-columns:minmax(0,1fr) auto;gap:12px}.site-status{grid-column:1;grid-row:2;margin-left:50px}.site-meta{grid-column:1;grid-row:3;text-align:left;margin-left:50px}.card-actions{grid-column:2;grid-row:1/4}.section-heading h2{font-size:19px}}@media(max-width:480px){.app-shell{padding:0 16px}.topbar{height:67px}.welcome-row{align-items:flex-start;padding:34px 0 24px}.welcome-row h1{font-size:32px}.date-pill{display:none}.summary-grid{gap:8px}.summary-card{padding:15px 14px;min-height:128px}.summary-card-dark{min-height:108px}.summary-value{font-size:26px}.summary-unit{font-size:11px}.summary-foot{font-size:10px}.section-heading{align-items:center}.section-heading h2{font-size:18px}.button-quiet{padding:9px 10px;font-size:11px}.add-form{flex-wrap:wrap;padding:7px;gap:5px}.add-form input{flex-basis:55%}.input-prefix{padding-left:6px}.button-primary{width:100%;padding:12px}.site-card{padding:14px 12px}.site-status,.site-meta{margin-left:48px}.bottom-note{align-items:flex-start}.footer{gap:15px}.footer span+span{text-align:right}}