:root{--bg:#0f1117;--bg-elevated:#181b24;--bg-card:#1e2230;--border:#2a2f3e;--text:#e4e7ec;--text-muted:#8b92a7;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--radius:12px;--radius-sm:8px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{min-height:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--bg);color:var(--text-muted);word-break:break-all;border-radius:4px;padding:2px 6px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.85em}input,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=number],select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;padding:10px 14px;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--primary)}select{cursor:pointer}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--primary);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-large{width:100%;padding:14px 28px;font-size:16px}.alert{border-radius:var(--radius-sm);margin-top:12px;padding:12px 16px;font-size:14px}.alert-error{border:1px solid var(--danger);color:#fca5a5;background:#ef44441f}.alert-success{border:1px solid var(--success);color:#86efac;background:#22c55e1f}.page-loading,.app-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:60px;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.topnav{background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topnav-desktop{align-items:center;gap:24px;display:flex}.topnav-user{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-left:auto;font-size:13px;overflow:hidden}.topnav-logout{cursor:pointer;color:var(--text-muted);font-size:13px;background:0 0!important;border:none!important}.topnav-burger{cursor:pointer;color:var(--text);background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:22px;display:none}.topnav-mobile{display:none}.topnav-brand{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.topnav-brand:hover{text-decoration:none}.topnav-logo{font-size:22px}.topnav-link{color:var(--text-muted);font-size:14px;font-weight:500}.topnav-link:hover{color:var(--text);text-decoration:none}.app-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 20px 60px}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px}.back-link{color:var(--text-muted);margin-bottom:8px;font-size:14px;display:inline-block}.back-link:hover{color:var(--primary);text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{font-size:18px;font-weight:600}.card-total{color:var(--primary);font-size:22px;font-weight:700}.empty-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px}.empty-card h2{margin-bottom:8px}.empty-card p{color:var(--text-muted)}.empty-state{color:var(--text-muted);text-align:center;padding:20px 0}.device-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.device-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.device-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px)}.device-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.device-card-icon{font-size:28px}.device-card-header h3{font-size:17px;font-weight:600}.device-card-id{color:var(--text-muted);font-size:12px;display:block}.device-card-section{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.device-card-label{color:var(--text-muted);font-size:13px}.device-card-total{font-size:20px;font-weight:700}.usage-bar-container{margin-top:8px}.usage-bar-header{align-items:baseline;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.usage-bar-used{font-weight:700}.usage-bar-sep,.usage-bar-limit{color:var(--text-muted)}.usage-bar-pct{color:var(--text-muted);margin-left:auto;font-size:13px}.usage-bar-nolimit{color:var(--text-muted);font-size:13px}.usage-bar-track{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.usage-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .3s}.usage-bar-over{color:var(--danger);margin-top:6px;font-size:13px;font-weight:600}.app-list{flex-direction:column;gap:14px;display:flex}.app-list-item{flex-direction:column;gap:4px;display:flex}.app-list-item-top{justify-content:space-between;align-items:center;display:flex}.app-list-label{align-items:center;gap:8px;display:flex}.app-list-name{font-size:14px;font-weight:600}.app-list-rule{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.app-list-rule-included{color:#86efac;background:#22c55e26}.app-list-rule-excluded{color:var(--text-muted);background:#8b92a726}.app-list-rule-whitelisted{color:#93c5fd;background:#3b82f626}.app-list-time{white-space:nowrap;font-size:14px;font-weight:600}.app-list-bar-track{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.app-list-bar-fill{background:var(--primary);border-radius:3px;min-width:2px;height:100%}.app-list-package{color:var(--text-muted);font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px}.limit-editor h3{margin-bottom:16px;font-size:18px}.limit-editor-toggle{margin-bottom:16px}.switch-label{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.switch-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.limit-editor-input{margin-bottom:16px}.limit-editor-input label{color:var(--text-muted);margin-bottom:6px;font-size:14px;display:block}.limit-editor-input input{width:120px}.limit-editor-presets{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.preset-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.preset-btn:hover{border-color:var(--primary);color:var(--text)}.preset-btn-active{background:var(--primary);border-color:var(--primary);color:#fff}.limit-editor-preview{background:var(--bg);border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:16px;padding:12px 16px;font-size:14px}.limit-editor-preview strong{color:var(--text)}.date-picker-section{align-items:center;gap:10px;margin-bottom:20px;display:flex}.date-picker-section label{color:var(--text-muted);font-size:14px}.date-picker-section select{min-width:180px}.blocked-list{flex-direction:column;gap:10px;display:flex}.blocked-item{border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444440;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.blocked-package{font-size:14px;font-weight:600}.blocked-detail{color:var(--text-muted);margin-top:2px;font-size:12px}.blocked-badge{background:var(--danger);color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.setup-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:20px;display:flex}.setup-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:40px}.setup-logo{align-items:center;gap:12px;margin-bottom:16px;display:flex}.setup-logo .logo-icon{font-size:36px}.setup-logo h1{font-size:32px;font-weight:800}.setup-subtitle{color:var(--text-muted);margin-bottom:28px}.setup-form .form-field{margin-bottom:20px}.setup-form label{color:var(--text-muted);margin-bottom:6px;font-size:14px;display:block}.setup-form input{width:100%}.pairing-section{text-align:center;margin:28px 0}.pairing-section h2{color:var(--text-muted);margin-bottom:12px;font-size:16px;font-weight:600}.pairing-code{letter-spacing:8px;background:var(--bg);border:2px dashed var(--primary);border-radius:var(--radius);color:var(--primary);padding:20px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:48px;font-weight:800}.pairing-instructions{color:var(--text-muted);margin-top:14px;font-size:14px}.setup-details{flex-direction:column;gap:10px;margin:24px 0;display:flex}.setup-detail-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.setup-detail-row span{color:var(--text-muted)}@media (width<=600px){.app-main{padding:16px 12px 40px}.page-header h1{font-size:22px}.pairing-code{letter-spacing:6px;font-size:36px}.device-grid{grid-template-columns:1fr}.card{padding:16px}.card-header h2{font-size:16px}.topnav{flex-wrap:wrap;gap:16px;height:auto;min-height:56px;padding:0 16px}.topnav-desktop{display:none}.topnav-burger{display:block}.topnav-mobile{border-top:1px solid var(--border);flex-direction:column;gap:0;width:100%;padding:8px 0 12px;display:flex}.topnav-mobile-link{color:var(--text);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;border-left:none;border-right:none;padding:12px 0;font-size:15px;font-weight:500;text-decoration:none;display:block;background:0 0!important}.topnav-mobile-link:hover{color:var(--primary);text-decoration:none}.topnav-mobile-user{color:var(--text-muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;padding:12px 0;font-size:13px;overflow:hidden}.topnav-mobile-logout{border-bottom:none}.setup-card{padding:20px 16px}}.section-title{margin:8px 0 12px;font-size:18px;font-weight:700}.chore-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.chore-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;transition:border-color .15s;display:flex}.chore-card:hover{border-color:var(--primary)}.chore-editor{flex-direction:column;gap:8px;display:flex}.chore-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.chore-row-editing{border-color:var(--primary)}.chore-row-minutes{color:var(--primary);min-width:60px;font-size:13px;font-weight:700}.chore-row-cooldown{color:var(--text-muted);min-width:110px;font-size:13px}.chore-row-actions{gap:6px;display:flex}.chore-form{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.chore-form input[type=text]{flex:1;min-width:180px}.chore-form label{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.chore-form input[type=number]{width:76px;padding:8px 10px}.chore-form select{padding:8px 10px}.chore-form-actions{gap:6px;display:flex}.chore-person-picker{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chore-chart-summary{color:var(--text-muted);margin-bottom:8px;font-size:13px}.chore-chart-summary strong{color:var(--primary)}.chore-chart-svg{width:100%;height:auto;display:block}.chore-chart-legend{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.chore-chart-legend-item{align-items:center;gap:6px;display:inline-flex}.chore-chart-swatch{border-radius:2px;width:10px;height:10px}