:root{--bg:#080b14;--panel:rgba(18,24,42,.82);--text:#f7f8fc;--muted:#9ea8c3;--line:rgba(255,255,255,.09);--accent:#7c5cff;--accent-two:#28d7c0;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--accent-two) 10%,transparent),transparent 30%),var(--bg);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;width:420px;height:420px;border-radius:999px;filter:blur(110px);opacity:.12;pointer-events:none}.ambient-one{background:var(--accent);top:-170px;right:-130px}.ambient-two{background:var(--accent-two);bottom:-220px;left:-180px}.shell{position:relative;width:min(1480px,calc(100% - 36px));margin:0 auto;padding:34px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 4px 30px}.eyebrow{margin:0 0 8px;color:var(--accent-two);font-weight:800;font-size:12px;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.055em}h2{margin-bottom:10px;font-family:"Space Grotesk",sans-serif;font-size:clamp(25px,3vw,40px);letter-spacing:-.035em}h3{margin-bottom:0}.subtitle,.hero-copy p,.schedule-note,footer,.request-copy p,.editor-heading p{color:var(--muted)}.subtitle{margin-bottom:0}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.button{border:1px solid transparent;border-radius:14px;padding:12px 17px;color:var(--text);font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait}.button-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,var(--accent-two)));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.button-secondary{background:rgba(255,255,255,.04);border-color:var(--line)}.capture-area{padding:0}.hero-panel{min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 44px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent 45%),linear-gradient(300deg,color-mix(in srgb,var(--accent-two) 12%,transparent),transparent 42%),var(--panel);backdrop-filter:blur(20px);box-shadow:var(--shadow);overflow:hidden}.hero-copy{max-width:680px}.hero-copy p{margin-bottom:0;line-height:1.65}.live-pill{display:inline-flex;gap:9px;align-items:center;margin-bottom:24px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#dce2f5;font-size:13px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--accent-two);box-shadow:0 0 16px var(--accent-two)}.hero-mark{font-family:"Space Grotesk",sans-serif;font-size:clamp(90px,13vw,180px);font-weight:700;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);user-select:none}.schedule-wrap{padding:48px 0 10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 4px 18px}.section-heading h2{margin-bottom:0}.schedule-note{margin:0;font-size:14px}.schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.day-card{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--panel);box-shadow:0 12px 36px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.day-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17)}.art-layer,.card-shade{position:absolute;inset:0}.art-layer{background-image:var(--art);background-size:cover;background-position:center;opacity:.52;transform:scale(1.03)}.card-shade{background:linear-gradient(180deg,rgba(5,8,16,.08) 0%,rgba(5,8,16,.62) 52%,rgba(5,8,16,.96) 100%),linear-gradient(120deg,color-mix(in srgb,var(--card-accent) 20%,transparent),transparent 60%)}.day-card:not(.has-art)::after{content:"";position:absolute;right:-35px;bottom:-55px;width:180px;height:180px;border-radius:999px;background:var(--card-accent);opacity:.11;filter:blur(15px)}.day-top,.segment-list{position:relative;z-index:1}.day-index{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;margin-bottom:22px;border-radius:9px;background:color-mix(in srgb,var(--card-accent) 22%,transparent);color:color-mix(in srgb,var(--card-accent) 68%,white);font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.day-name{margin-bottom:6px;font-family:"Space Grotesk",sans-serif;font-size:26px;letter-spacing:-.03em;text-shadow:0 2px 18px rgba(0,0,0,.5)}.day-status{margin:0;color:#c7cde0;font-size:13px}.segment-list{display:grid;gap:8px;margin-top:28px}.segment-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(8,11,20,.55);backdrop-filter:blur(12px)}.segment-time{padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--card-accent) 24%,transparent);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.segment-time.anytime{color:#bdc4d8;background:rgba(255,255,255,.07)}.segment-game{font-size:12px;font-weight:750;line-height:1.3}.day-card.off{opacity:.64}.day-card.off .card-shade{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.2))}.off-label{font-family:"Space Grotesk",sans-serif;font-size:38px;color:rgba(255,255,255,.25);letter-spacing:-.04em}.capture-footer{display:none;justify-content:space-between;padding:22px 6px 0;color:var(--muted);font-size:12px}.request-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;margin-top:54px;padding:36px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-two) 8%,transparent),transparent 45%),var(--panel);box-shadow:0 16px 55px rgba(0,0,0,.22)}.request-copy p{max-width:550px;line-height:1.65}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;color:#dce2f4;font-size:12px;font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.04);color:var(--text);outline:none}textarea{min-height:94px;resize:vertical}input:focus,textarea:focus{border-color:var(--accent)}.form-message{margin:0;min-height:18px;color:var(--accent-two);font-size:12px;font-weight:700}footer{display:flex;justify-content:space-between;gap:18px;padding:26px 6px 0;font-size:12px}.customize-dialog{width:min(1120px,calc(100% - 28px));max-height:92vh;padding:0;border:1px solid var(--line);border-radius:24px;background:#0e1424;color:var(--text);box-shadow:0 40px 120px rgba(0,0,0,.65)}.customize-dialog::backdrop{background:rgba(2,4,10,.78);backdrop-filter:blur(8px)}.dialog-card{padding:26px}.dialog-header,.dialog-actions,.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-header{margin-bottom:24px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:var(--text);font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 110px 110px;gap:14px;margin-bottom:28px}.toggle-label{grid-column:1/-1;flex-direction:row;align-items:center}.toggle-label input{width:auto}.editor-heading{margin-bottom:12px}.editor-heading p{margin:6px 0 0;font-size:12px}.text-button{border:0;background:transparent;color:var(--accent-two);font-weight:700}.day-editors{display:grid;gap:12px;max-height:50vh;overflow:auto;padding-right:4px}.day-editor{padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.day-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.day-editor strong{font-family:"Space Grotesk",sans-serif}.small-button{border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:rgba(255,255,255,.05);color:var(--text);font-size:11px;font-weight:800}.segment-edit-list{display:grid;gap:8px}.segment-editor{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.55fr) 130px 36px;gap:8px;align-items:center}.image-picker{height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer;text-align:center}.image-picker input{display:none}.remove-segment{width:36px;height:36px;border:1px solid rgba(255,100,130,.25);border-radius:10px;background:rgba(255,100,130,.08);color:#ff8ca5;font-size:20px}.empty-editor,.empty-inbox{margin:0;color:var(--muted);font-size:12px}.dialog-actions{justify-content:flex-end;margin-top:24px}.inbox-fab{position:fixed;right:22px;bottom:22px;z-index:5;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#141a2d;color:#fff;box-shadow:0 15px 45px rgba(0,0,0,.4);font-weight:800}.inbox-fab span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:5px;border-radius:999px;background:var(--accent);font-size:11px}.request-inbox{display:grid;gap:10px;max-height:65vh;overflow:auto}.request-item{display:flex;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.request-item strong{display:block;font-size:16px}.request-item span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.request-item p{margin:9px 0 0;color:#dce2f4;font-size:13px;line-height:1.45}.display-mode .header-actions,.display-mode .schedule-note,.display-mode footer,.display-mode .request-panel,.display-mode .inbox-fab{display:none}.display-mode .shell{width:min(1700px,calc(100% - 48px));padding-top:24px}.display-mode .topbar{padding-bottom:22px}.display-mode .schedule-wrap{padding-top:26px}.exporting .topbar,.exporting .request-panel,.exporting footer,.exporting .inbox-fab{display:none!important}.exporting .capture-area{width:1440px;padding:34px;background:var(--bg)}.exporting .capture-footer{display:flex}.exporting .schedule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.exporting .day-card{min-height:300px}.exporting .hero-panel{min-height:220px}.exporting .schedule-wrap{padding-top:34px}
@media(max-width:1100px){.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr 1fr 1fr}.request-panel{grid-template-columns:1fr}.segment-editor{grid-template-columns:1fr 150px 130px 36px}}
@media(max-width:680px){.shell{width:min(100% - 20px,1480px);padding-top:18px}.topbar{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .button{flex:1}.hero-panel{min-height:220px;padding:28px 24px}.hero-mark{display:none}.section-heading{align-items:flex-start;flex-direction:column}.schedule-grid{grid-template-columns:1fr}.day-card{min-height:265px}.request-panel{padding:24px}.request-form{grid-template-columns:1fr}.wide{grid-column:auto}.form-grid{grid-template-columns:1fr}.segment-editor{grid-template-columns:1fr 1fr}.image-picker{grid-column:1/-1}.remove-segment{position:absolute;right:18px}.segment-editor{position:relative;padding-right:44px}footer{flex-direction:column}.inbox-fab{right:12px;bottom:12px}}

/* v2.1 artwork improvements */
.segment-row.with-thumb{grid-template-columns:54px 1fr;padding:7px}
.segment-thumb{width:54px;height:44px;border-radius:8px;background-image:var(--thumb);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.segment-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}
.image-picker span{white-space:nowrap}
@media(max-width:560px){.segment-row.with-thumb{grid-template-columns:48px 1fr}.segment-thumb{width:48px;height:40px}.segment-copy{grid-template-columns:1fr}.segment-time{justify-self:start}}

.admin-login-panel { margin-top: 1rem; }
.admin-actions-panel { margin-bottom: 1.25rem; align-items: center; }
.admin-action-buttons { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; }
.admin-preview { margin-top: 0; }
.admin-page #adminPanel[hidden], .admin-page #loginPanel[hidden] { display: none !important; }
.admin-page .capture-area { padding-top: 0; }
.admin-page .request-panel { border: 1px solid rgba(255,255,255,.09); }
@media (max-width: 700px) { .admin-action-buttons { width: 100%; } .admin-action-buttons .button { flex: 1; } }