:root{--bg-main: #faf9f6;--bg-surface: #ffffff;--text-main: #2c2a29;--text-muted: #6b6661;--pastel-blue: #d0e1fd;--pastel-green: #d1ead8;--pastel-purple: #e8dff5;--pastel-yellow: #fcf4dd;--pastel-apricot: #fddcd2;--border-radius-soft: 16px;--border-radius-pill: 999px;--space-xs: 6px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--line: 1px solid #ece9e3;--shadow-soft: 0 2px 14px rgba(44, 42, 41, .05);--shadow-lift: 0 8px 28px rgba(44, 42, 41, .09);--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--focus-ring: 0 0 0 3px rgba(44, 42, 41, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.15}h1{font-size:clamp(1.7rem,4vw,2.4rem)}a{color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.skip-link{position:absolute;left:-999px;top:8px;background:var(--bg-surface);padding:8px 14px;border-radius:8px;box-shadow:var(--shadow-lift);z-index:100}.skip-link:focus{left:8px}.app-shell{max-width:1100px;margin:0 auto;padding:var(--space-lg)}.card{background:var(--bg-surface);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-soft);padding:var(--space-lg);border:var(--line)}.btn{font-family:var(--font-body);font-size:.98rem;font-weight:600;border:var(--line);background:var(--bg-surface);color:var(--text-main);border-radius:var(--border-radius-pill);padding:11px 20px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn-primary{background:var(--text-main);color:var(--bg-surface);border-color:var(--text-main)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select{font-family:var(--font-body);font-size:1rem;padding:11px 14px;border:var(--line);border-radius:12px;background:var(--bg-surface);color:var(--text-main);width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.field label{font-size:.85rem;color:var(--text-muted);font-weight:600}.muted{color:var(--text-muted)}.banner{background:var(--pastel-yellow);border-radius:12px;padding:10px 14px;font-size:.9rem}.banner-error{background:var(--pastel-apricot)}.sync-bar{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted)}.dot{width:9px;height:9px;border-radius:50%;background:#b7d8c1}.dot.offline{background:#e7b7a7}.grid-table{border-collapse:collapse;width:100%}.grid-table th,.grid-table td{border:var(--line);padding:0;text-align:center;height:56px}.grid-table th{color:var(--text-muted);font-size:.8rem;font-weight:600;height:36px}.slot-btn{width:100%;height:100%;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:600;border-radius:10px}.playlist-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:var(--line);background:var(--bg-surface);margin-bottom:8px}.cat{font-size:.7rem;font-weight:700;border-radius:var(--border-radius-pill);padding:2px 9px}.cat-A{background:var(--pastel-apricot)}.cat-B{background:var(--pastel-blue)}.cat-C{background:var(--pastel-green)}@media print{nav,.app-menu,.btn,.sync-bar,.no-print{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #000}.grid-table th,.grid-table td{border:1px solid #000;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.playlist-item{page-break-inside:avoid;border:1px solid #000}@page{size:A4;margin:12mm}}