:root{color-scheme:light;--bg: #ffffff;--text: #000000;--border: #dddddd;--border-muted: #cccccc;--muted: #888888;--muted2: #555555;--muted3: #bbbbbb;--surface: #f5f5f5;--surface2: #eeeeee;--menu-bg: #ffffff;--crosshair: rgba(0, 0, 0, .5);--btn-primary-bg: #1a1a1a;--btn-primary-bg-hover: #333333;--btn-primary-text: #ffffff}:root[data-theme=dark]{color-scheme:dark;--bg: #121212;--text: #e0e0e0;--border: #3a3a3a;--border-muted: #444444;--muted: #999999;--muted2: #aaaaaa;--muted3: #606060;--surface: #252525;--surface2: #2e2e2e;--menu-bg: #1e1e1e;--crosshair: rgba(255, 255, 255, .5);--btn-primary-bg: #e8e8e8;--btn-primary-bg-hover: #cfcfcf;--btn-primary-text: #121212}body{font-family:system-ui,sans-serif;margin:0;padding:16px;background:var(--bg);color:var(--text)}input,select,textarea{font-size:16px}nav{margin-bottom:8px}table{border-collapse:collapse}th,td{border:1px solid var(--border-muted);padding:4px 8px;text-align:left}.logo{color:var(--muted2);text-decoration:none;font-weight:600;text-transform:uppercase;font-size:18px}.dashboard-columns{display:flex;gap:24px;margin-bottom:32px}.dashboard-col{flex:1;line-height:1.6}@media (max-width: 768px){.dashboard-columns{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.dashboard-col{min-width:calc(100vw - 32px);flex-shrink:0;scroll-snap-align:start}}.quick-add{display:flex;gap:8px;flex-wrap:wrap}.qa-btn{width:72px;height:72px;box-sizing:border-box;padding:6px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none;font-size:13px;line-height:1.2;cursor:pointer}.qa-btn:hover{background:var(--surface2)}.volume-hint{background:none;border:none;padding:0;font:inherit;color:var(--muted2);cursor:pointer;border-bottom:1px dashed currentColor;line-height:1.2}.btn{padding:8px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;box-sizing:border-box}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.chart-day-date{position:absolute;left:2px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--muted3);white-space:nowrap;pointer-events:none;z-index:4;visibility:hidden}.chart-day-row:hover .chart-day-date{visibility:visible}.stats-page{max-width:960px}.stats-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.stats-header h2{margin:0}.stats-sections{display:flex;flex-direction:column;gap:32px}.stats-section-title{margin:0 0 8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2)}.stats-bar-rows-mobile{display:none}.stats-bar-rows-desktop{display:block}.stats-bar-group{display:flex;align-items:flex-end;gap:6px;height:120px}.stats-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.stats-bar-outer{flex:1;width:100%;display:flex;align-items:flex-end}.stats-bar-inner{width:100%;min-height:2px;border-radius:3px 3px 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;box-sizing:border-box;position:relative}.stats-bar-label{font-size:10px;color:#fff;text-align:center;white-space:pre;line-height:1.2;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.stats-bar-date{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}@media (max-width: 768px){.stats-bar-rows-mobile{display:flex;flex-direction:column;gap:12px}.stats-bar-rows-desktop{display:none}.stats-bar-group{height:100px}}.hamburger{background:none;border:none;padding:0;cursor:pointer;color:inherit;font-size:1.3em;line-height:1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;z-index:999}.drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s}.drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--menu-bg);border-left:1px solid var(--border);box-shadow:-4px 0 16px #00000026;transform:translate(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;z-index:1000;display:flex;flex-direction:column;padding:12px 16px;box-sizing:border-box;gap:16px}.drawer.open{transform:translate(0);visibility:visible;transition:transform .25s ease,visibility 0s linear 0s}.drawer-header{display:flex;justify-content:flex-end}.drawer-close{background:none;border:none;cursor:pointer;color:inherit;font-size:1.3em;line-height:1;padding:4px}.drawer-nav{display:flex;flex-direction:column;gap:14px}.drawer-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border);padding-top:16px}.picker-container{overscroll-behavior:contain;touch-action:pan-x}.type-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.type-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease}.type-chip:hover{background:var(--surface2)}.type-chip.selected{border-color:var(--text);background:var(--surface2);font-weight:600}.type-chip.readonly{cursor:default}.type-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.type-edit{background:none;border:none;padding:0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:1px dashed currentColor;line-height:1.2}.type-edit:hover{color:var(--text)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg-btn{padding:8px 14px;background:var(--surface);color:var(--text);border:none;border-right:1px solid var(--border);cursor:pointer;font-size:14px;line-height:1.2}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--surface2)}.seg-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text)}