html,body{color:#e6e9ef;background:#0b0e14;height:100%;margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{position:fixed;inset:0}.panel{width:min(520px,90vw);margin:0;position:fixed;left:50%;transform:translate(-50%)}.panel-bottom{bottom:28px}.panel-top{opacity:.55;width:min(320px,70vw);transition:opacity .12s;top:16px}.panel-top:focus-within{opacity:1}input,textarea,button{font:inherit;color:inherit}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.panel input,.detail input,.detail textarea{box-sizing:border-box;background:#141820f0;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:9px 12px}.panel input:focus,.detail input:focus,.detail textarea:focus{border-color:#fff6}input[type=search]::-webkit-search-cancel-button{display:none}.hint,.error{color:#ffffff59;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:12px;position:fixed;bottom:8px;left:12px}.error{color:#f7768e;left:auto;right:12px}.detail{background:#141820f0;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:10px;width:min(320px,90vw);padding:12px;display:flex;position:fixed;top:16px;right:16px}.detail header{align-items:center;gap:6px;display:flex}.detail .detail-title{font-weight:600}.detail dl{grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.detail dt{color:#e6e9ef8c}.detail dd{margin:0}.detail dd input[type=number]{width:5em;padding:3px 6px}.detail dd.snooze{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail dd.snooze button{padding:3px 8px;font-size:12px}.detail dd.snooze input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:2px 6px;font-size:12px}.detail textarea{resize:vertical}.detail footer{gap:6px;display:flex}.detail button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:7px 12px}.detail button:hover:not(:disabled){background:#ffffff1f}.detail button:disabled{opacity:.4;cursor:default}.detail button.primary{color:#0b0e14;background:#9ece6a;border-color:#9ece6a;font-weight:600}.detail button.undo{color:#0b0e14;background:#f7768e;border-color:#f7768e;font-weight:600}.detail button.danger{color:#f7768e;margin-left:auto}.detail .chips{flex-wrap:wrap;gap:4px;display:flex}.detail button.chip{color:#e6e9efbf;border-radius:999px;padding:3px 9px;font-size:12px}.detail button.chip.on{color:#0b0e14;background:#e6e9efeb;border-color:#0000;font-weight:600}.detail button.ghost{background:0 0;border-color:#0000;padding:4px 9px;font-size:18px;line-height:1}.legend{flex-direction:column;gap:4px;max-height:70vh;display:flex;position:fixed;top:50%;left:12px;overflow-y:auto;transform:translateY(-50%)}.legend-item{color:#e6e9ef99;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:12px;display:flex}.legend-item:hover{color:#e6e9efe6;background:#ffffff0d}.legend-item.on{color:#e6e9ef;background:#141820f0;border-color:#ffffff40}.legend .dot{border-radius:50%;flex:none;width:10px;height:10px}.detail dd input.category{width:100%;padding:3px 6px}.tune{background:#141820f0;border:1px solid #ffffff1f;border-radius:10px;width:260px;padding:10px 12px;font-size:11px;position:fixed;top:16px;bottom:60px;left:16px;overflow-y:auto}.tune header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tune header strong{flex:1;font-size:12px}.tune button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:11px}.tune h4{text-transform:uppercase;letter-spacing:.04em;color:#e6e9ef80;margin:10px 0 4px;font-size:11px}.tune label{grid-template-columns:1fr auto;gap:0 8px;margin:4px 0;display:grid}.tune label span{color:#e6e9efbf}.tune label output{font-variant-numeric:tabular-nums;color:#e6e9efe6}.tune label input[type=range]{grid-column:1/-1;width:100%;margin:0}.tune .tune-toggle{align-items:center;gap:6px;display:flex}