:root{--ink:#0c1218;--paper:#141c24;--paper-2:#1b2530;--text:#e8eef4;--muted:#8a97a4;--line:#2a3540;--gold:#e0b04a;--gold-dim:#e0b04a29;--teal:#3ecfc0;--coral:#e88a5a;--violet:#9b8cff;--danger:#e07070;--focus-ring:#e0b04a61;color:var(--text);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Avenir Next,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}button{cursor:pointer}input,select,textarea{color:var(--text)}.app{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 72px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{flex:none;width:48px;height:48px}h1{letter-spacing:-.03em;margin:0;font-family:Palatino,Iowan Old Style,Times New Roman,serif;font-size:1.9rem;font-weight:650}.tag{color:var(--muted);margin:2px 0 0;font-size:.98rem}.tools{flex-wrap:wrap;gap:8px;display:flex}.ghost,.tiny,.solid{color:var(--text);border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 14px;font-size:.86rem}.ghost:hover,.tiny:hover{background:var(--paper)}.ghost.danger,.tiny.danger{color:var(--danger)}.ghost.warn,.tiny.warn{color:var(--danger);background:#e070701f;border-color:#e0707073}.ghost:disabled,.tiny:disabled,.solid:disabled{opacity:.4;cursor:not-allowed}.solid{background:var(--gold);border-color:var(--gold);color:#1a140c;font-weight:650}.solid:hover:not(:disabled){filter:brightness(1.05)}.tiny{padding:4px 10px;font-size:.74rem}.blurb{color:var(--muted);max-width:52rem;margin:14px 0 0;font-size:.92rem}.notice{background:var(--gold-dim);color:var(--gold);border:1px solid #e0b04a66;border-radius:12px;margin:14px 0 0;padding:10px 14px;font-size:.92rem}.notice.ok{color:var(--teal);background:#3ecfc01a;border-color:#3ecfc059}.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0 0 8px;font-size:.72rem}.projects{gap:10px;margin-top:22px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 16px;padding:14px 16px;display:grid}.project-card.on{border-color:var(--gold);box-shadow:0 0 0 3px var(--focus-ring)}.swatch{border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 2px #ffffff0f}.project-meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.project-meta strong{font-size:1.02rem}.used{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.86rem}.remain{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.82rem}.remain.full{color:var(--teal)}.meter{background:var(--paper-2);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.meter>span{border-radius:inherit;min-width:0;height:100%;display:block}.meter.full{box-shadow:inset 0 0 0 1px #e0b04a8c}.project-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.composer,.detail{background:var(--paper);border:1px solid var(--line);border-radius:16px;gap:10px;margin-top:16px;padding:16px;display:grid}.composer-grid{grid-template-columns:1.4fr 110px 160px auto;align-items:end;gap:8px;display:grid}.block-grid{grid-template-columns:1.4fr 120px 120px 120px auto;align-items:end;gap:8px;display:grid}.composer-grid label,.block-grid label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:4px;font-size:.72rem;display:grid}.colors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:2px solid #0000;border-radius:999px;width:22px;height:22px;padding:0}.chip.on{box-shadow:0 0 0 2px var(--gold)}.week-wrap{border:1px solid var(--line);background:var(--paper);border-radius:16px;margin-top:22px;overflow-x:auto}.week{grid-template-columns:56px repeat(7,minmax(92px,1fr));min-width:760px;display:grid}.week-head,.hour-label,.slot{border-bottom:1px solid #2a35408c;border-right:1px solid #2a3540b3}.week-head{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--paper-2);z-index:1;padding:10px 6px;font-size:.72rem;position:sticky;top:0}.week-head.today{color:var(--gold);background:var(--gold-dim)}.week-head.weekend,.slot.weekend{background:#ffffff05}.hour-label{color:var(--muted);font-variant-numeric:tabular-nums;background:#0c121859;justify-content:flex-end;align-items:center;padding:0 8px;font-size:.72rem;display:flex}.slot{color:#0c1218;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-top:0;border-bottom:1px solid #2a35408c;border-left:0;border-right:1px solid #2a3540b3;min-height:36px;padding:2px 5px;font-size:.72rem;font-weight:650;overflow:hidden}.slot:hover:not(.filled){background:#e0b04a14}.slot.filled:hover{filter:brightness(1.08)}.slot.on{outline:2px solid var(--gold);outline-offset:-2px;z-index:1}input[type=text],input[type=number],select{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;padding:9px 12px;font-size:1rem}input:focus,select:focus,.ghost:focus,.tiny:focus,.solid:focus,.slot:focus,.chip:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.detail{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail h2{margin:0 0 4px;font-family:Palatino,Iowan Old Style,Times New Roman,serif;font-size:1.25rem;font-weight:600}.when{color:var(--muted);margin:0;font-size:.9rem}.foot{color:var(--muted);margin-top:22px;font-size:.8rem}@media (width<=860px){.composer-grid,.block-grid{grid-template-columns:1fr 1fr}.project-card{grid-template-columns:auto 1fr}.project-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=560px){.composer-grid,.block-grid{grid-template-columns:1fr}.detail{flex-direction:column}}