@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap";:root{--mint: #8fcfb0;--mint-soft: #a8dbc6;--mint-deep: #2e8b63;--mint-ink: #1f6e4d;--mint-wash: #e7f5ee;--coral: #f0a89e;--coral-btn: #c2604d;--coral-btn-h: #ab4b39;--coral-wash: #fdedeb;--lav: #a49bc7;--lav-wash: #eeeaf6;--bg-main: #f5f8f5;--bg-surface: #ffffff;--text-main: #202434;--text-muted: #535869;--pastel-blue: #dceafb;--pastel-green: #ddf1e6;--pastel-purple: #e9e3f6;--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 #e5eae6;--shadow-soft: 0 2px 14px rgba(32, 36, 52, .06);--shadow-lift: 0 14px 30px -18px rgba(32, 36, 52, .28), 0 4px 12px -8px rgba(32, 36, 52, .12);--font-display: "Quicksand", "Century Gothic", "Trebuchet MS", sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--focus-ring: 0 0 0 3px rgba(46, 139, 99, .45);--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 520px at 88% -8%,var(--mint-wash),transparent 60%),radial-gradient(680px 440px at -8% 10%,var(--lav-wash),transparent 55%),var(--bg-main);background-attachment:fixed;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:700;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{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.98rem;font-weight:700;min-height:48px;border:var(--line);background:var(--bg-surface);color:var(--text-main);border-radius:var(--border-radius-pill);padding:10px 20px;cursor:pointer;transition:transform .16s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:hover{background:var(--mint-wash);border-color:var(--mint-soft);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--coral-btn);color:#fff;border-color:var(--coral-btn);box-shadow:0 10px 20px -12px #c2604de6}.btn-primary:hover{background:var(--coral-btn-h);border-color:var(--coral-btn-h)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select,textarea{font-family:var(--font-body);font-size:1rem;min-height:48px;padding:12px 14px;border:var(--line);border-radius:12px;background:var(--bg-surface);color:var(--text-main);width:100%;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mint-deep);box-shadow:0 0 0 3px var(--mint-wash)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.field label{font-size:.88rem;color:var(--text-main);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:var(--mint)}.dot.offline{background:var(--coral)}.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 (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@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}}.layout{min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:264px;height:100vh;display:flex;flex-direction:column;padding:22px 16px;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:var(--line);z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;text-decoration:none}.brand img{height:40px;width:auto;display:block}.brand-word{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.3px;color:var(--text-main)}.brand-word b{color:var(--mint-deep)}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:4px}.side-nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:0 14px;border-radius:13px;color:var(--text-main);font-weight:600;font-size:14.5px;text-decoration:none;position:relative;transition:background .18s var(--ease),color .18s var(--ease),transform .12s var(--ease)}.side-nav a svg{width:22px;height:22px;flex:0 0 auto}.side-nav a:hover{background:var(--mint-wash)}.side-nav a:active{transform:scale(.98)}.side-nav a.active{background:var(--mint-wash);color:var(--mint-ink)}.side-nav a.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:5px;height:26px;border-radius:0 5px 5px 0;background:var(--mint-deep)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px}.side-sync{display:flex;justify-content:center}.topbar-mobile{display:none}.layout-content{margin-left:264px;min-height:100vh}.route-fade{animation:routeFade .28s var(--ease)}@keyframes routeFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottomnav{display:none}@media (max-width: 1000px){.sidebar{display:none}.layout-content{margin-left:0}.topbar-mobile{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;position:sticky;top:0;z-index:30;height:58px;padding:0 12px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--line)}.topbar-mobile .m-brand{display:flex;align-items:center;gap:8px;justify-self:center;text-decoration:none}.topbar-mobile .m-brand img{height:34px}.topbar-mobile .tb-left{justify-self:start}.topbar-mobile .tb-left .btn{min-height:40px;padding:6px 10px;font-size:.8rem}.topbar-mobile .tb-logout{justify-self:end;min-height:40px;padding:8px 12px;font-size:.85rem}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around}.bottomnav a{flex:1;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;color:var(--text-muted);font-size:11px;font-weight:600;text-decoration:none;transition:color .18s var(--ease)}.bottomnav a svg{width:23px;height:23px}.bottomnav a .nb{display:grid;place-items:center;width:48px;height:30px;border-radius:10px;transition:background .18s var(--ease)}.bottomnav a.active{color:var(--mint-ink)}.bottomnav a.active .nb{background:var(--mint-wash)}.app-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;min-height:24px;flex:0 0 auto;padding:0;border:2px solid var(--mint-soft);border-radius:7px;background:var(--bg-surface);display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:background .18s var(--ease),border-color .18s var(--ease)}input[type=checkbox]:after{content:"";width:10px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;margin-top:-2px;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .22s cubic-bezier(.2,1.5,.45,1)}input[type=checkbox]:checked{background:var(--mint-deep);border-color:var(--mint-deep)}input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}input[type=checkbox]:focus-visible{box-shadow:var(--focus-ring)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23202434' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.week-fade{animation:weekFade .26s var(--ease)}@keyframes weekFade{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}