:root,:root[data-theme=dark]{color-scheme:dark;--bg-page: #0f1216;--bg-card: #1a1f26;--bg-nav: #0c0e12;--bg-row-info: #131820;--bg-row-home: #16202c;--bg-active: #232a33;--border: #2a313b;--border-faint: #1a1f26;--cell-border: rgba(0, 0, 0, .25);--shadow-strong: rgba(0, 0, 0, .5);--text: #e6e8eb;--text-2: #cbd5e1;--text-muted: #8a929c;--text-dim: #6b7280;--text-faint: #4b5563;--text-vfaint: #3a4150;--accent: #7dd3fc;--accent-strong: #38bdf8;--accent-soft-bg: rgba(56, 189, 248, .18);--accent-bg: #1e3a8a;--accent-bg-hover: #2a4cb0;--accent-on-bg: #bfdbfe;--info-bg: #0e2540;--info-text: #bfdbfe;--success-bg: #166534;--success-text: #bbf7d0;--success-border: #22c55e;--warn-bg: #2b1f0d;--warn-text: #fcd34d;--warn-border: #f59e0b;--danger-bg: #4c1d24;--danger-text: #fca5a5;--status-beta-bg: #78350f;--status-beta-text: #fde68a;--band-sleep-bg: #0a1428;--band-sleep-text: #6b8aa6;--band-early-bg: #1a3a5c;--band-early-text: #93c5fd;--band-work-bg: #14532d;--band-work-text: #bbf7d0;--band-evening-bg: #5a3514;--band-evening-text: #fcd34d;--band-night-bg: #1a0e1f;--band-night-text: #a78bfa;--heat-0-bg: #1a1f26;--heat-0-text: #4b5563;--heat-1-bg: #4c1d24;--heat-1-text: #fca5a5;--heat-2-bg: #5a3514;--heat-2-text: #fcd34d;--heat-3-bg: #4d4015;--heat-3-text: #fde68a;--heat-4-bg: #1f4a25;--heat-4-text: #bbf7d0;--heat-5-bg: #166534;--heat-5-text: #d1fae5}:root[data-theme=light]{color-scheme:light;--bg-page: #f7f8fa;--bg-card: #ffffff;--bg-nav: #ffffff;--bg-row-info: #f3f4f6;--bg-row-home: #e0f2fe;--bg-active: #f1f5f9;--border: #e5e7eb;--border-faint: #f1f5f9;--cell-border: rgba(15, 23, 42, .06);--shadow-strong: rgba(15, 23, 42, .18);--text: #111827;--text-2: #374151;--text-muted: #6b7280;--text-dim: #9ca3af;--text-faint: #b0b6bf;--text-vfaint: #d1d5db;--accent: #0284c7;--accent-strong: #0ea5e9;--accent-soft-bg: rgba(14, 165, 233, .14);--accent-bg: #2563eb;--accent-bg-hover: #1d4ed8;--accent-on-bg: #ffffff;--info-bg: #dbeafe;--info-text: #1e3a8a;--success-bg: #d1fae5;--success-text: #065f46;--success-border: #10b981;--warn-bg: #fef3c7;--warn-text: #92400e;--warn-border: #d97706;--danger-bg: #fee2e2;--danger-text: #b91c1c;--status-beta-bg: #fde68a;--status-beta-text: #78350f;--band-sleep-bg: #e2e8f0;--band-sleep-text: #334155;--band-early-bg: #fef3c7;--band-early-text: #854d0e;--band-work-bg: #d1fae5;--band-work-text: #065f46;--band-evening-bg: #fed7aa;--band-evening-text: #9a3412;--band-night-bg: #ddd6fe;--band-night-text: #5b21b6;--heat-0-bg: #f3f4f6;--heat-0-text: #9ca3af;--heat-1-bg: #fee2e2;--heat-1-text: #b91c1c;--heat-2-bg: #ffedd5;--heat-2-text: #9a3412;--heat-3-bg: #fef3c7;--heat-3-text: #92400e;--heat-4-bg: #d1fae5;--heat-4-text: #065f46;--heat-5-bg: #10b981;--heat-5-text: #ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.app,.page{max-width:1200px;margin:0 auto;padding:32px 24px}.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}.home-tagline{font-size:16px;color:var(--text-2);line-height:1.55;margin-top:0}.page.wide{max-width:1400px}.top-nav{border-bottom:1px solid var(--border-faint);background:var(--bg-nav);position:sticky;top:0;z-index:40}.top-nav-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}.brand{font-weight:700;font-size:20px;color:var(--text);text-decoration:none;letter-spacing:.3px;display:inline-flex;align-items:center;gap:10px;line-height:1}.brand:hover{color:var(--accent)}.logo{flex:0 0 auto;display:block;transition:transform .2s ease}.brand:hover .logo{transform:rotate(-12deg)}.logo .logo-bg{fill:var(--accent-bg);transition:fill .15s ease}.brand:hover .logo .logo-bg{fill:var(--accent-strong)}.logo .logo-plus{opacity:.85}.nav-links{display:flex;gap:16px;margin-left:auto;font-size:13px}.nav-links a{color:var(--text-muted);text-decoration:none;white-space:nowrap}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent)}.nav-link-wrap{position:relative;display:inline-flex;align-items:center}.nav-tooltip{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;box-shadow:0 6px 18px var(--shadow-strong);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:100;letter-spacing:.1px}.nav-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--border)}.nav-tooltip:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--bg-card)}.nav-link-wrap:hover .nav-tooltip,.nav-link-wrap a:focus-visible~.nav-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 800px){.nav-tooltip{display:none}}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}@media (min-width: 801px){.nav-links+.nav-right{margin-left:16px}}.nav-menu-btn{display:none;width:32px;height:32px;background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:6px;font-size:16px;line-height:1;cursor:pointer;font-family:inherit;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s,background .15s}.nav-menu-btn:hover{color:var(--accent);border-color:var(--accent-strong);background:var(--accent-soft-bg)}.nav-mobile-menu{display:none;flex-direction:column;background:var(--bg-nav);border-bottom:1px solid var(--border-faint);border-top:1px solid var(--border-faint);padding:4px 0;position:relative;z-index:41}.nav-mobile-menu a{display:block;padding:12px 24px;color:var(--text-2);text-decoration:none;font-size:15px;font-weight:500;border-left:3px solid transparent}.nav-mobile-menu a:hover{background:var(--bg-active);color:var(--text)}.nav-mobile-menu a.active{color:var(--accent);border-left-color:var(--accent-strong);background:var(--accent-soft-bg)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow-strong);z-index:39;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 800px){.nav-links-desktop{display:none}.nav-menu-btn{display:inline-flex}.nav-mobile-menu{display:flex;max-height:0;overflow:hidden;padding:0;border:0;transition:max-height .25s ease,padding .25s ease,border-width .25s ease}.nav-mobile-menu.open{max-height:600px;padding:4px 0;border-top-width:1px;border-bottom-width:1px}}.theme-toggle{width:32px;height:32px;background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:6px;font-size:16px;line-height:1;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s,background .15s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent-strong);background:var(--accent-soft-bg)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.app-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;gap:10px}.app-card:hover{border-color:var(--accent-strong);transform:translateY(-2px)}.app-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.app-card h2,.app-card h3{margin:0;font-size:18px;color:var(--text);font-weight:700}.app-card p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.app-tagline{color:var(--text-2)!important;font-weight:500;font-size:14px!important}.app-bullets{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-direction:column;gap:4px}.app-bullets li{color:var(--text-muted);font-size:12.5px;line-height:1.5;padding-left:14px;position:relative}.app-bullets li:before{content:"·";position:absolute;left:4px;color:var(--accent);font-weight:700}.section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:24px 0 12px}.about{margin-top:40px;max-width:720px}.about p{color:var(--text-muted);font-size:14px;line-height:1.65;margin:0 0 12px}.status{font-size:10px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.status-ready{background:var(--success-bg);color:var(--success-text)}.status-beta{background:var(--status-beta-bg);color:var(--status-beta-text)}.status-soon{background:var(--accent-bg);color:var(--accent-on-bg)}.tag{display:inline-block;background:var(--bg-active);color:var(--text-muted);font-size:11px;padding:2px 8px;border-radius:4px;margin-right:4px}.tags{display:flex;flex-wrap:wrap;gap:4px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-btn{background:var(--accent-bg);color:var(--accent-on-bg);border:1px solid var(--accent-bg-hover);border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;cursor:pointer}.add-btn:hover{background:var(--accent-bg-hover)}.muted{color:var(--text-dim);font-size:13px}.muted.small{font-size:12px;margin:0 0 12px}.overlap-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px;color:var(--text-muted)}.overlap-controls input[type=number]{background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:13px;width:60px}.person-list{display:flex;flex-direction:column;gap:8px}.person-row{display:grid;grid-template-columns:160px minmax(220px,1fr) auto auto auto;gap:10px;align-items:center;padding:8px;background:var(--bg-page);border:1px solid var(--bg-active);border-radius:8px}.person-name{background:transparent;color:var(--text);border:1px solid transparent;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:500}.person-name:hover,.person-name:focus{background:var(--bg-card);border-color:var(--border);outline:none}.person-tz .tz-trigger{min-width:200px}.person-hours{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:12px}.hours-input{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:12px;width:60px;text-align:center}.workdays{display:flex;gap:2px}.day-btn{width:24px;height:24px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}.day-btn.on{background:var(--accent-bg);color:var(--accent-on-bg);border-color:var(--accent-bg-hover)}.day-btn:hover{border-color:var(--accent-strong)}.remove-btn{width:28px;height:28px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;font-size:16px;cursor:pointer;font-family:inherit;padding:0}.remove-btn:hover{color:var(--danger-text);border-color:var(--danger-bg)}.heatmap-wrap{display:flex;flex-direction:column;gap:14px}.heatmap-tz{font-size:12px;color:var(--text-muted)}.heatmap-scroll{overflow-x:auto;background:var(--bg-page);border:1px solid var(--bg-active);border-radius:8px;padding:8px}.heatmap{border-collapse:separate;border-spacing:1px;font-size:11px}.heatmap .corner{width:70px}.heatmap .hour-label{color:var(--text-dim);font-weight:400;padding:4px 6px;text-align:center;min-width:26px}.heatmap .day-label{text-align:right;padding-right:10px;font-weight:400;color:var(--text-2);white-space:nowrap}.heatmap .day-label .day-name{font-weight:600;font-size:12px}.heatmap .day-label .day-date{color:var(--text-dim);font-size:10px}.heatmap .day-label.weekend .day-name{color:var(--text-dim)}.heatmap .cell{min-width:26px;height:26px;text-align:center;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px;border-radius:3px;cursor:pointer;font-weight:500;transition:filter .1s}.heatmap .cell:hover{filter:brightness(1.1)}.heatmap .cell.heat-0{background:var(--heat-0-bg);color:var(--heat-0-text)}.heatmap .cell.heat-1{background:var(--heat-1-bg);color:var(--heat-1-text)}.heatmap .cell.heat-2{background:var(--heat-2-bg);color:var(--heat-2-text)}.heatmap .cell.heat-3{background:var(--heat-3-bg);color:var(--heat-3-text)}.heatmap .cell.heat-4{background:var(--heat-4-bg);color:var(--heat-4-text)}.heatmap .cell.heat-5{background:var(--heat-5-bg);color:var(--heat-5-text);font-weight:700}.heatmap .cell.all{outline:1px solid var(--success-border)}.heatmap .cell.active{outline:2px solid var(--accent-strong);outline-offset:-1px}.cell-detail{background:var(--bg-page);border:1px solid var(--bg-active);border-radius:8px;padding:12px 14px;font-size:13px}.cell-detail-header{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;flex-wrap:wrap}.cell-count{margin-left:auto;color:var(--accent);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:12px}.cell-people{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:4px}.cell-people li{display:grid;grid-template-columns:16px 140px 1fr 90px;align-items:center;gap:8px;padding:4px 0;font-size:12px}.cell-people li.unavail{color:var(--text-dim)}.cell-people .dot{text-align:center}.cell-people .avail .dot{color:var(--success-border)}.cell-people .pname{font-weight:500}.cell-people .ptz{color:var(--text-dim);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px}.cell-people .ptime{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:12px;color:var(--accent);text-align:right}.cell-people .unavail .ptime{color:var(--text-dim)}.rec-slots{display:flex;flex-direction:column;gap:10px}.rec-slot{background:var(--bg-page);border:1px solid var(--bg-active);border-left:3px solid var(--success-border);border-radius:6px;padding:12px 14px}.rec-slot-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}.rec-slot-rank{background:var(--success-bg);color:var(--success-text);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.5px}.rec-slot-time{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--text)}.rec-arrow{color:var(--text-dim)}.rec-len{color:var(--accent);font-size:12px;margin-left:4px}.rec-slot-tz{margin-left:auto;color:var(--text-dim);font-size:11px;font-family:SF Mono,Menlo,ui-monospace,monospace}.rec-slot-people{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:4px}.rec-slot-people li{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;font-size:12px}.rec-slot-people .pname{font-weight:500}.rec-slot-people .ptz{color:var(--text-dim);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px}.rec-slot-people .ptime{color:var(--accent);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:12px;text-align:right}.wc-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.wc-control-group{display:flex;gap:6px;align-items:center}.wc-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.wc-btn{background:var(--bg-card);color:var(--text-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;cursor:pointer}.wc-btn:hover{border-color:var(--accent-strong);color:var(--text)}.wc-btn.primary{background:var(--accent-bg);color:var(--accent-on-bg);border-color:var(--accent-bg-hover)}.wc-btn.primary:hover{background:var(--accent-bg-hover)}.wc-btn.copied{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.wc-btn.copied:hover{background:var(--success-bg);color:var(--success-text)}.wc-date{background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-family:inherit;font-size:13px}.wc-toggle{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.wc-toggle.on{background:var(--accent-bg);color:var(--accent-on-bg);border-color:var(--accent-bg-hover)}.wc-card{padding:0;overflow:visible}.wc-grid-header{border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.wc-grid{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.wc-grid-row{display:grid;grid-template-columns:240px minmax(0,1fr);border-bottom:1px solid var(--border-faint)}.wc-grid-row:last-child{border-bottom:none}.wc-grid-row-home .wc-row-info{background:var(--bg-row-home);border-left:3px solid var(--accent-strong)}.wc-home-wrap{position:relative;display:inline-flex}.wc-home-btn{width:24px;height:24px;background:transparent;color:var(--text-faint);border:1px solid transparent;border-radius:4px;font-size:16px;line-height:1;cursor:pointer;font-family:inherit;padding:0;display:inline-flex;align-items:center;justify-content:center}.wc-home-btn:hover{color:var(--accent);border-color:var(--accent-bg-hover)}.wc-home-btn.on{color:var(--accent-strong);cursor:default}.wc-home-btn.on:hover{border-color:transparent}.wc-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:240px;padding:10px 12px;background:var(--bg-nav);color:var(--text);border:1px solid var(--accent-bg-hover);border-radius:6px;font-size:12px;line-height:1.45;text-align:left;font-weight:400;box-shadow:0 8px 24px var(--shadow-strong);z-index:100;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;white-space:normal}.wc-tooltip strong{color:var(--accent);font-weight:600}.wc-tooltip-icon{display:inline-block;font-size:13px;color:var(--accent-strong);padding:0 1px}.wc-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent-bg-hover)}.wc-tooltip:before{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--bg-nav);z-index:1}.wc-home-wrap:hover .wc-tooltip,.wc-home-btn:focus-visible+.wc-tooltip{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.15s}@media (max-width: 800px){.wc-tooltip{display:none}}.remove-btn:disabled{opacity:.3;cursor:not-allowed}.remove-btn:disabled:hover{color:var(--text-dim);border-color:var(--border)}.wc-grid-header{background:var(--bg-nav)}.wc-grid-header .wc-row-info{min-height:0;padding:0;border-right:1px solid var(--border-faint);background:var(--bg-nav)}.wc-row-info{padding:10px 14px;border-right:1px solid var(--border-faint);background:var(--bg-row-info);display:flex;flex-direction:column;gap:4px;min-height:56px;position:sticky;left:0;z-index:5}.wc-row-label-line{display:flex;align-items:center;gap:6px}.wc-row-name{flex:1;color:var(--text);font-family:inherit;font-size:12px;font-weight:600;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:.2px}.wc-row-meta{display:flex;align-items:baseline;gap:8px;font-size:12px;margin-top:2px;flex-wrap:wrap}.wc-row-time{font-size:13px;font-weight:600;color:var(--accent);font-family:SF Mono,Menlo,ui-monospace,monospace;white-space:nowrap}.wc-row-dash{color:var(--text-faint);font-weight:400}.wc-selection-info{margin-left:auto;display:flex;gap:6px;align-items:baseline;font-size:13px}.wc-selection-info strong{color:var(--accent-strong);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:13px}.wc-row-date{color:var(--text-muted);font-size:11px}.wc-row-delta{margin-left:auto;color:var(--text-dim);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px}.wc-row-delta-rel{color:var(--text-faint)}.wc-row-cells{display:grid;grid-template-columns:repeat(24,minmax(36px,1fr))}.wc-header-cell{font-size:10px;color:var(--text-dim);text-align:center;padding:6px 0;font-family:SF Mono,Menlo,ui-monospace,monospace;border-right:1px solid var(--border-faint)}.wc-header-cell:last-child{border-right:none}.wc-header-cell.anchor{background:var(--accent-soft-bg);color:var(--accent)}.wc-header-cell.now{border-bottom:2px solid var(--warn-border);color:var(--warn-text)}.wc-cell{position:relative;border-right:1px solid var(--cell-border);text-align:center;font-family:SF Mono,Menlo,ui-monospace,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--text);transition:filter .1s}.wc-cell:hover{filter:brightness(1.25)}.wc-cell:last-child{border-right:none}.wc-cell.in-sel{position:relative;z-index:2;box-shadow:inset 0 2px 0 var(--accent-strong),inset 0 -2px 0 var(--accent-strong)}.wc-cell.in-sel.sel-start{box-shadow:inset 2px 2px 0 var(--accent-strong),inset 0 -2px 0 var(--accent-strong),inset 2px 0 0 var(--accent-strong)}.wc-cell.in-sel.sel-end{box-shadow:inset -2px 2px 0 var(--accent-strong),inset 0 -2px 0 var(--accent-strong),inset -2px 0 0 var(--accent-strong)}.wc-cell.in-sel.sel-start.sel-end{box-shadow:inset 0 0 0 2px var(--accent-strong)}.wc-cell.now:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--warn-border);opacity:.7;pointer-events:none}.wc-cell-day{position:absolute;top:1px;right:3px;font-size:8px;color:var(--danger-text);font-weight:700}.wc-cell-min{font-size:9px;opacity:.7;margin-left:1px}.band-sleep{background:var(--band-sleep-bg);color:var(--band-sleep-text)}.band-early{background:var(--band-early-bg);color:var(--band-early-text)}.band-work{background:var(--band-work-bg);color:var(--success-text)}.band-evening{background:var(--band-evening-bg);color:var(--warn-text)}.band-night{background:var(--band-night-bg);color:var(--band-night-text)}.wc-legend{display:flex;gap:8px;padding:12px 16px;font-size:11px;border-top:1px solid var(--border-faint);background:var(--bg-nav);flex-wrap:wrap;align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wc-leg{padding:3px 10px;border-radius:4px;font-family:SF Mono,Menlo,ui-monospace,monospace}.wc-leg-spacer{flex:1}.wc-leg-anchor,.wc-leg-now{padding:3px 10px;border-radius:4px;background:var(--bg-row-info);color:var(--text-2)}.wc-leg-anchor{outline:2px solid var(--accent-strong);outline-offset:-2px}.wc-leg-now{border-bottom:2px solid var(--warn-border)}header h1{margin:0 0 4px;font-size:24px}header .sub{color:var(--text-muted);margin:0 0 24px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.card h2{margin:0 0 12px;font-size:16px;color:var(--text-2)}textarea{width:100%;background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:12px;font-family:inherit;font-size:15px;resize:vertical}textarea:focus{outline:none;border-color:var(--accent-strong)}.examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.examples button{background:var(--bg-active);color:var(--text-2);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;font-family:inherit}.examples button:hover{background:var(--border);border-color:var(--accent-strong)}.controls{display:flex;gap:16px;margin-top:14px;font-size:13px;color:var(--text-muted)}.controls select,.controls input{background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:13px}.controls input[type=number]{width:60px}.tz-label{display:flex;align-items:center;gap:8px}.tz-picker{position:relative;display:inline-block}.tz-trigger{background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-family:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-width:220px;text-align:left}.tz-trigger:hover{border-color:var(--accent-strong)}.tz-trigger.tz-trigger-add{min-width:0;background:var(--accent-bg);color:#fff;border-color:var(--accent-bg-hover);font-weight:500}.tz-trigger.tz-trigger-add .tz-name,.tz-trigger.tz-trigger-add .tz-arrow{color:#fff}.tz-trigger.tz-trigger-add:hover{background:var(--accent-bg-hover);border-color:var(--accent-strong)}.tz-name{flex:1;color:var(--text)}.tz-offset{color:var(--accent);font-size:11px;font-family:SF Mono,Menlo,ui-monospace,monospace}.tz-arrow{color:var(--text-dim);font-size:10px}.tz-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px var(--shadow-strong);z-index:50;display:flex;flex-direction:column;max-height:360px}.tz-search{background:var(--bg-page);color:var(--text);border:none;border-bottom:1px solid var(--border);padding:10px 12px;font-family:inherit;font-size:13px;border-radius:6px 6px 0 0}.tz-search:focus{outline:none}.tz-list{list-style:none;margin:0;padding:4px 0;overflow-y:auto;max-height:300px}.tz-item{padding:6px 12px;font-size:13px;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.tz-item.active{background:var(--bg-active)}.tz-item.selected{color:var(--accent)}.tz-item-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-item-region{color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.5px}.tz-item-tz{color:var(--text-dim);font-size:10px;font-family:SF Mono,Menlo,ui-monospace,monospace;white-space:nowrap}.tz-item-offset{color:var(--accent);font-size:11px;font-family:SF Mono,Menlo,ui-monospace,monospace;min-width:56px;text-align:right}.tz-empty,.tz-more{padding:10px 12px;color:var(--text-dim);font-size:12px;font-style:italic}.cron-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cron-card .cron{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:22px;color:var(--accent);background:var(--bg-page);padding:12px 16px;border-radius:6px;letter-spacing:.5px;flex:0 1 auto}.copy-btn{background:var(--accent-bg);color:var(--accent-on-bg);border:1px solid var(--accent-bg-hover);border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.copy-btn:hover{background:var(--accent-bg-hover);border-color:var(--accent-strong)}.copy-btn.copied{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.cron-card .desc{color:var(--text-2);margin-top:12px;font-size:14px}.info{background:var(--info-bg);border-left:3px solid var(--accent-strong);padding:8px 12px;border-radius:4px;font-size:13px;margin-top:10px;color:var(--info-text)}.warn{background:var(--warn-bg);border-left:3px solid var(--warn-border);padding:8px 12px;border-radius:4px;font-size:13px;margin-top:10px;color:var(--warn-text)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 800px){.grid{grid-template-columns:1fr}}ul.fires{list-style:none;padding:0;margin:0}ul.fires li{padding:8px 0;border-bottom:1px solid var(--bg-active);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:13px;display:grid;grid-template-columns:50px 110px 60px 1fr;align-items:center}ul.fires li .day{color:var(--text-muted)}ul.fires li .date{color:var(--text)}ul.fires li .time{color:var(--accent)}ul.fires li .tz{color:var(--text-dim);font-size:11px}.calendars{display:grid;grid-template-columns:1fr;gap:14px}.month{background:var(--bg-page);border:1px solid var(--bg-active);border-radius:8px;padding:12px}.month h3{margin:0 0 10px;font-size:13px;color:var(--text-2);text-align:center;font-weight:500}.month table{width:100%;border-collapse:separate;border-spacing:2px;font-size:11px}.month th{color:var(--text-dim);font-weight:400;padding:4px 0;text-align:center}.month td{text-align:center;padding:6px 0;border-radius:4px;height:28px;cursor:default}.month td.fire{background:var(--accent-bg);color:var(--accent-on-bg);font-weight:600}.month td.today{outline:1px solid var(--warn-border)}.month td.muted{color:var(--text-vfaint)}.legend{font-size:11px;color:var(--text-muted);margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.legend span{padding:2px 8px;border-radius:4px}.legend .l-fire{background:var(--accent-bg);color:var(--accent-on-bg)}.legend .l-today{outline:1px solid var(--warn-border);color:var(--warn-text)}.muted{color:var(--text-dim)}footer{margin-top:32px;text-align:center;font-size:12px;color:var(--text-dim)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.swatch{display:flex;flex-direction:column;gap:6px}.swatch-color{position:relative;aspect-ratio:1.6;border-radius:8px;border:1px solid var(--border-faint);display:flex;align-items:flex-end;padding:8px;font-size:11px;font-family:SF Mono,Menlo,ui-monospace,monospace}.swatch-original{position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2);outline:1px solid rgba(255,255,255,.3)}.swatch-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0000004d;color:#fff;border:0;border-radius:50%;font-size:13px;cursor:pointer;line-height:1;padding:0}.swatch-remove:hover{background:#dc2626cc}.swatch-remove:disabled{opacity:.3;cursor:not-allowed}.swatch-meta{display:flex;align-items:center;gap:6px}.swatch-picker{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer}.swatch-hex{flex:1;background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px;min-width:0;text-transform:lowercase}.palette-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:12px}.palette-control-group{display:flex;align-items:center;gap:8px}.palette-label{font-size:12px;color:var(--text-muted);font-weight:500}.seg-control{display:inline-flex;background:var(--bg-page);border:1px solid var(--border);border-radius:6px;padding:2px}.seg-btn{background:transparent;color:var(--text-muted);border:0;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;cursor:pointer;font-weight:500}.seg-btn:hover{color:var(--text)}.seg-btn.on{background:var(--accent-bg);color:#fff}.palette-stats{margin-top:12px;display:flex;gap:8px;font-size:13px;color:var(--text-2);font-family:SF Mono,Menlo,ui-monospace,monospace}.palette-stats strong{color:var(--accent)}.contrast-matrix-wrap{overflow-x:auto;margin-top:8px}.contrast-matrix{border-collapse:separate;border-spacing:4px;width:100%}.matrix-corner{background:transparent;font-size:10px;color:var(--text-dim);font-weight:400;text-align:left;padding:4px;font-family:SF Mono,Menlo,ui-monospace,monospace}.matrix-head,.matrix-row-head{padding:4px;font-weight:400;vertical-align:middle}.matrix-row-head{text-align:right;white-space:nowrap;min-width:80px}.matrix-head{text-align:center;min-width:80px}.matrix-head-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-faint);display:inline-block;margin-bottom:2px}.matrix-row-head .matrix-head-swatch{margin-right:6px;margin-bottom:0;vertical-align:middle}.matrix-head-hex{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:9px;color:var(--text-muted)}.matrix-row-head .matrix-head-hex{display:inline-block;vertical-align:middle}.matrix-cell{width:90px;height:80px;text-align:center;vertical-align:middle;border-radius:6px;cursor:pointer;position:relative;font-family:SF Mono,Menlo,ui-monospace,monospace;transition:transform .1s}.matrix-cell:hover{transform:scale(1.05);z-index:2}.matrix-cell.self{background:transparent;color:var(--text-vfaint);cursor:default}.matrix-cell.self:hover{transform:none}.matrix-cell.hidden{background:transparent;color:var(--text-vfaint);cursor:default}.matrix-cell.fail{outline:2px solid var(--danger-text);outline-offset:-2px}.matrix-cell-text{font-size:18px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1}.matrix-cell-ratio{font-size:11px;margin-top:2px;opacity:.85}.matrix-badges{display:flex;justify-content:center;gap:4px;margin-top:4px}.badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.badge-pass{background:#22c55ed9;color:#fff}.badge-fail{background:#dc2626d9;color:#fff;text-decoration:line-through;text-decoration-thickness:1px}.matrix-preview{margin-top:16px;display:grid;grid-template-columns:1fr 280px;gap:16px;background:var(--bg-page);border:1px solid var(--border);border-radius:8px;padding:16px}@media (max-width: 800px){.matrix-preview{grid-template-columns:1fr}}.matrix-preview-swatch{border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:220px;justify-content:center}.preview-large{font-size:22px;font-weight:700;line-height:1.2}.preview-medium{font-size:15px;line-height:1.4}.preview-small{font-size:12px;line-height:1.5;opacity:.95}.matrix-preview-meta{display:flex;flex-direction:column;gap:6px}.ratio-big{font-size:28px;color:var(--accent);font-family:SF Mono,Menlo,ui-monospace,monospace;letter-spacing:-.5px}.preview-badges{display:flex;flex-direction:column;gap:6px;margin-top:8px}.badge-row{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;font-size:12px}.badge-pass-dot{color:#22c55e;font-weight:700;text-align:center}.badge-fail-dot{color:var(--danger-text);font-weight:700;text-align:center}.badge-label{color:var(--text-2)}.cite-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cite-select{background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px;margin-left:6px}.cite-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 900px){.cite-grid{grid-template-columns:1fr}}.cite-pane{margin-bottom:0;display:flex;flex-direction:column}.cite-pane-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;gap:12px;flex-wrap:wrap}.cite-pane-title{margin:0;font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.cite-pane-meta{font-size:12px}.cite-textarea{width:100%;min-height:320px;background:var(--bg-page);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:14px;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:13px;line-height:1.55;resize:vertical}.cite-textarea:focus{outline:none;border-color:var(--accent-strong)}.cite-textarea[readonly]{background:var(--bg-row-info);cursor:text}.cite-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cite-card{border:1px solid var(--border);border-radius:8px;background:var(--bg-page);overflow:hidden}.cite-card.has-warning{border-left:3px solid var(--warn-border)}.cite-card-summary{display:grid;grid-template-columns:16px auto auto 1fr auto auto;gap:10px;align-items:center;width:100%;background:transparent;color:var(--text);border:0;padding:10px 14px;cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.cite-card-summary:hover{background:var(--bg-active)}.cite-card-arrow{color:var(--text-dim);font-size:11px}.cite-card-type-tag{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--bg-active);color:var(--text-muted);padding:2px 8px;border-radius:3px}.cite-card-lang{font-size:10px;color:var(--text-dim);font-weight:600}.cite-card-title{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cite-card-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.cite-card-warn{color:var(--warn-text);background:var(--warn-bg);font-size:11px;font-weight:600;padding:2px 8px;border-radius:3px}.cite-card-details{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;margin:0;padding:12px 16px 16px 38px;font-size:12px;border-top:1px solid var(--border-faint);background:var(--bg-row-info)}.cite-card-details dt{color:var(--text-dim);font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.5px;align-self:start;padding-top:2px}.cite-card-details dd{margin:0;color:var(--text-2);font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:12px;word-break:break-word}.cite-warnings{margin:0;padding-left:16px;color:var(--warn-text)}.unit-cat-tabs{display:flex;gap:6px;flex-wrap:wrap}.unit-cat-tab{background:var(--bg-page);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap;font-weight:500;transition:color .1s,border-color .1s,background .1s}.unit-cat-tab:hover{color:var(--text);border-color:var(--accent-strong)}.unit-cat-tab.on{background:var(--accent-bg);color:#fff;border-color:var(--accent-bg-hover)}.unit-header{margin-bottom:16px}.unit-cat-title{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text)}.unit-cat-desc{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.unit-list{display:flex;flex-direction:column;gap:4px}.unit-row{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) 28px;gap:12px;align-items:center;padding:8px 12px;border-radius:6px;border:1px solid transparent;background:var(--bg-page)}.unit-row:hover{border-color:var(--border)}.unit-row:focus-within{border-color:var(--accent-strong);background:var(--accent-soft-bg)}.unit-row-symbol{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.unit-row-sym{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:14px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-row-name{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-row-input{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 12px;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:14px;text-align:right;width:100%;min-width:0}@media (max-width: 600px){.unit-row{grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"symbol note" "input  note";row-gap:6px}.unit-row-symbol{grid-area:symbol}.unit-row-input{grid-area:input}.unit-row-note{grid-area:note;align-self:center}}.unit-row-input:focus{outline:none;border-color:var(--accent-strong)}.unit-row-note{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-active);color:var(--text-muted);font-size:12px;cursor:help;-webkit-user-select:none;user-select:none}.unit-row-note:hover{background:var(--accent-soft-bg);color:var(--accent)}.unit-notes{margin-top:20px;padding:14px 16px;background:var(--info-bg);border-left:3px solid var(--accent-strong);border-radius:4px}.unit-notes-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--info-text);margin-bottom:6px}.unit-notes ul{margin:0;padding-left:18px;color:var(--info-text)}.unit-notes li{font-size:13px;line-height:1.55;margin-bottom:4px}