:root{--color-bg: #f7f5f1;--color-surface: #ffffff;--color-surface-2: #f0ede7;--color-ink: #2b2a28;--color-ink-soft: #6b6862;--color-line: #e4e0d8;--color-accent: #5b7a6b;--color-accent-soft: #e6ede9;--color-focus: #3f5d50;--color-status-draft: #8a857c;--color-status-submitted: #5b7a6b;--color-status-quiet: #9a948a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: "Inter", "Noto Sans", "Noto Sans Khmer", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-khmer: "Noto Sans Khmer", "Khmer OS", var(--font-sans);--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--leading: 1.6;--leading-khmer: 1.9;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(43, 42, 40, .05), 0 4px 16px rgba(43, 42, 40, .05);--tap-min: 48px;--content-max: 560px}*{box-sizing:border-box}html,body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased}:lang(km){font-family:var(--font-khmer);line-height:var(--leading-khmer)}#app{max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);min-height:100vh}h1{font-size:var(--text-xl);font-weight:650;margin:0 0 var(--space-4)}h2{font-size:var(--text-lg);font-weight:600;margin:var(--space-5) 0 var(--space-3)}p{color:var(--color-ink-soft)}a{color:var(--color-accent)}.card{display:block;width:100%;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5);margin-bottom:var(--space-4);text-align:left;text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);width:100%;padding:0 var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer}.btn.secondary{background:var(--color-surface-2);color:var(--color-ink)}.btn:disabled{opacity:.5;cursor:default}label{display:block;font-weight:600;margin:var(--space-4) 0 var(--space-1)}.hint{color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:400;margin:0 0 var(--space-2)}input,select,textarea{width:100%;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-focus);outline-offset:1px}.chip{display:inline-block;padding:2px var(--space-3);border-radius:999px;font-size:var(--text-sm);background:var(--color-surface-2);color:var(--color-status-draft)}.chip.submitted{background:var(--color-accent-soft);color:var(--color-status-submitted)}.chip.approved{background:var(--color-accent);color:#fff}.chip.holiday{background:#e7efe7;color:#4d6a4d}.chip.test{background:#f2e9e2;color:#8a6a52}.chip.event{background:var(--color-surface-2);color:var(--color-ink-soft)}.chip.teaching{background:#e8eef2;color:#4f6678}.cal-row{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--color-line)}.cal-date{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--color-ink-soft);font-size:var(--text-sm);min-width:56px}.cal-label{flex:1 1 auto}.cal-row.removed{opacity:.7}.linkbtn{flex:0 0 auto;background:none;border:none;padding:var(--space-1) var(--space-2);color:var(--color-accent);font:inherit;font-size:var(--text-sm);cursor:pointer}.linkbtn.quiet{color:var(--color-ink-soft)}.btn.sm{width:auto;min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.cal-edit{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.row-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.toast{display:flex;gap:var(--space-2);align-items:center;background:var(--color-surface-2);color:var(--color-ink);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.board-col{margin-bottom:var(--space-4)}.board-col h2{margin-bottom:var(--space-3)}.proj-card{padding:var(--space-4)}.proj-card .rename-input{margin-bottom:var(--space-2)}.proj-move{width:auto;min-width:120px;min-height:40px;padding:var(--space-2) var(--space-3)}.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}.muted{color:var(--color-ink-soft)}.empty{color:var(--color-ink-soft);padding:var(--space-5) 0}.error{color:var(--color-ink);background:var(--color-surface-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}