:root{--bg:#eaf7f1;--bg-accent:rgba(148,212,191,0.34);--surface:rgba(245,255,250,0.9);--surface-strong:rgba(240,253,247,0.98);--border:rgba(44,109,95,0.16);--shadow:0 18px 40px rgba(46,104,88,0.1);--text:#183a33;--muted:#5d7e74;--accent:#3d9b82;--accent-soft:#d9f3e8;--highlight:#8fc8b2;--calendar-day:rgba(61,155,130,0.12);--calendar-active:#71bea6;--calendar-active-text:#10312a;--empty:rgba(93,126,116,0.1);--program-border:rgba(61,155,130,0.18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--text);background:radial-gradient(circle at top left,rgba(143,200,178,0.28),transparent 22%),radial-gradient(circle at top right,rgba(113,190,166,0.24),transparent 20%),linear-gradient(180deg,#f3fcf8 0%,#dcf1e7 100%);font-family:"Lato","Trebuchet MS","Gill Sans",sans-serif}body{padding:28px 20px 40px}.shell{max-width:1480px;margin:0 auto}.hero{position:relative;display:grid;gap:20px;justify-items:center;padding:86px 22px 24px;margin-bottom:24px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(245,255,250,0.96),rgba(230,248,240,0.92));box-shadow:var(--shadow);overflow:visible}.hero::before,.hero::after{content:"";position:absolute;border-radius:999px;filter:blur(6px);opacity:0.75;pointer-events:none}.hero::before{width:180px;height:180px;top:-68px;left:-34px;background:rgba(113,190,166,0.18)}.hero::after{width:240px;height:240px;right:-80px;bottom:-112px;background:rgba(148,212,191,0.16)}.hero h1{margin:0;font-family:"Lato","Trebuchet MS","Gill Sans",sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-0.04em;font-weight:900}.hero p{margin:0;max-width:760px;color:var(--muted);text-align:center;line-height:1.5}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(100%,920px);z-index:1}.calendar-wrap{position:relative;width:auto;display:grid;justify-items:end}.picker-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;padding:14px 18px;border:1px solid rgba(61,155,130,0.2);border-radius:10px;background:rgba(248,255,251,0.86);color:var(--text);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 26px rgba(61,155,130,0.12);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.picker-button:hover,.picker-button:focus-visible{transform:translateY(-1px);border-color:rgba(61,155,130,0.38);box-shadow:0 14px 32px rgba(61,155,130,0.16);outline:none}.picker-button svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}.calendar-popover{position:absolute;top:calc(100% + 12px);width:min(92vw,360px);padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-strong);box-shadow:0 28px 60px rgba(35,50,44,0.2);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity 160ms ease,transform 160ms ease;z-index:10}.calendar-popover.open{opacity:1;transform:translateY(0);pointer-events:auto}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-head strong{font-size:1rem;letter-spacing:0.01em}.calendar-nav{display:inline-flex;gap:8px}.icon-button{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:rgba(248,255,251,0.96);color:var(--accent);font:inherit;font-size:1.2rem;cursor:pointer}.icon-button:disabled{opacity:0.35;cursor:not-allowed}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-row{margin-bottom:8px;color:var(--muted);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;text-align:center}.calendar-day{min-height:42px;border:0;border-radius:10px;background:var(--calendar-day);color:var(--text);font:inherit;cursor:pointer;transition:transform 140ms ease,background 140ms ease,color 140ms ease}.calendar-day:hover,.calendar-day:focus-visible{transform:translateY(-1px);background:rgba(61,155,130,0.2);outline:none}.calendar-day.other-month{opacity:0.45}.calendar-day.disabled{opacity:0.2;cursor:not-allowed;pointer-events:none}.calendar-day.active{background:var(--calendar-active);color:var(--calendar-active-text);font-weight:700;box-shadow:0 10px 20px rgba(61,155,130,0.22)}.toolbar-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 14px;color:var(--muted);font-size:0.95rem;text-align:left;width:100%}.toolbar-meta strong{color:var(--text)}.actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px;grid-column:1 / -1}.ghost-button{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:rgba(248,255,251,0.72);color:var(--text);font:inherit;cursor:pointer}.ghost-button:hover,.ghost-button:focus-visible{border-color:rgba(61,155,130,0.34);outline:none}.ghost-button[aria-pressed="true"]{background:rgba(217,243,232,0.98);border-color:rgba(61,155,130,0.42);color:var(--accent)}.auth-panel{position:absolute;top:14px;left:14px;right:auto;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(248,255,251,0.9);z-index:2;max-width:calc(100% - 28px)}.auth-input{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit}.auth-input:focus-visible{outline:2px solid rgba(61,155,130,0.28);outline-offset:1px}.auth-meta{color:var(--muted);text-align:left;font-size:0.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-meta.error{color:#8a3a20}.content{display:grid;gap:18px}.status{min-height:24px;color:var(--muted);text-align:center}.status.error{color:#8a3a20}.recordings-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(248,255,251,0.9);box-shadow:var(--shadow);animation:rise 180ms ease}.recordings-panel.hidden{display:none}.recordings-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.recordings-title{margin:0;font-size:1.1rem}.recordings-meta{margin:0;color:var(--muted);font-size:0.92rem}.recordings-list{display:grid;gap:10px}.recording-item{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.82);border:1px solid var(--program-border);display:grid;gap:4px}.recording-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.recording-time{color:var(--accent);font-size:0.84rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase}.recording-title{margin:0;font-size:0.98rem;line-height:1.3}.recording-sub{margin:0;color:var(--muted);font-size:0.9rem;line-height:1.35}.recording-delete{width:30px;height:30px;border:1px solid rgba(185,49,49,0.35);border-radius:8px;background:rgba(255,255,255,0.9);color:#b93131;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.recording-delete:hover,.recording-delete:focus-visible{background:rgba(185,49,49,0.08);outline:none}.recording-delete svg{width:15px;height:15px;fill:currentColor}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;align-items:start}.channel-card{display:grid;gap:14px;align-content:start;align-items:start;min-height:100%;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.channel-header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.channel-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,rgba(113,190,166,0.2),rgba(61,155,130,0.28));color:var(--accent);font-weight:700;font-size:1rem}.channel-header img{width:28px;height:28px;border-radius:10px;object-fit:cover;margin-left:6px;vertical-align:middle}.channel-title{margin:0;font-size:1.1rem;line-height:1.2}.channel-subtitle{margin:4px 0 0;color:var(--muted);font-size:0.92rem}.program-list{display:grid;gap:10px;align-content:start}.program-item,.program-empty{padding:12px 14px;border-radius:10px;background:rgba(248,255,251,0.82);border:1px solid var(--program-border)}.program-item{display:grid;gap:6px}.program-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.program-time{color:var(--accent);font-size:0.84rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}.program-title{margin:0;font-size:1rem;line-height:1.3;flex:1}.record-bubble{width:18px;height:18px;border-radius:999px;border:2px solid #b93131;background:rgba(255,255,255,0.9);box-shadow:0 0 0 2px rgba(255,255,255,0.72);cursor:pointer;flex:0 0 auto;transition:transform 120ms ease,background 120ms ease,box-shadow 120ms ease}.record-bubble:hover,.record-bubble:focus-visible{transform:scale(1.08);outline:none;box-shadow:0 0 0 2px rgba(255,255,255,0.72),0 0 0 4px rgba(185,49,49,0.2)}.record-bubble.active{background:#d92020;border-color:#d92020}.record-bubble.pending{opacity:0.6;cursor:wait}.program-desc{margin:0;color:var(--muted);font-size:0.92rem;line-height:1.45}.program-desc.hidden{display:none}.program-empty{background:var(--empty);color:var(--muted)}.hidden-file-input{display:none}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){body{padding:16px 14px 28px}.hero{padding:22px 16px 20px;border-radius:10px}.auth-panel{position:static;width:100%;flex-wrap:wrap;justify-content:center;margin-bottom:6px}.auth-meta{max-width:100%;text-align:center}.topbar{grid-template-columns:1fr;justify-items:center}.calendar-wrap{width:100%;justify-items:center}.toolbar-meta{justify-content:center;text-align:center}.channel-card{padding:16px}}