:root{--bg:#0b1014;--panel:#141c22;--ink:#f7f4ec;--muted:#9aa8b2;--line:#2d3942;--accent:#e2a94d;--accent2:#ffc66a;--red:#e07368;--green:#54c68a;font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#1a2730 0,transparent 38rem),var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}a{color:var(--accent2)}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:50}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;min-height:68px;display:flex;align-items:center;gap:1.4rem;padding:.8rem clamp(1rem,4vw,3.2rem);border-bottom:1px solid var(--line);background:#0b1014eb;backdrop-filter:blur(16px)}.brand{margin-right:auto;color:var(--ink);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-decoration:none}.brand span{color:var(--accent)}.site-header nav{display:flex;gap:.35rem}.site-header nav a{padding:.65rem .8rem;border-radius:9px;color:#dce4e8;text-decoration:none}.site-header nav a:hover{background:#ffffff0d}.site-header form{margin:0}.quiet-button{min-height:40px;padding:.5rem .8rem;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);cursor:pointer}.shell{width:min(100% - 2rem,1180px);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 6rem}.eyebrow{margin:0;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-heading h1,.hero-panel h1{margin:.18rem 0 0;letter-spacing:-.045em;line-height:.98}.page-heading h1{font-size:clamp(2.5rem,7vw,4.6rem)}.heading-actions,.hero-actions,.summary-actions{display:flex;flex-wrap:wrap;gap:.6rem}.panel,.empty-state,.hero-panel,.login-card{margin-bottom:1rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#172129,#11181e);box-shadow:0 18px 50px #0003}.panel h2,.empty-state h2{margin:.25rem 0}.panel p,.help,.empty-state p{color:var(--muted)}.notice{margin-bottom:1rem;padding:.9rem 1rem;border-left:4px solid var(--accent);border-radius:10px;background:#202a31}.notice.success{border-color:var(--green)}.notice.error{border-color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border:1px solid #3b4851;border-radius:11px;background:#243039;color:var(--ink);font-weight:800;text-decoration:none;cursor:pointer}.button:hover{background:#303f49}.button.primary{border-color:#d59a3b;background:var(--accent);color:#171007}.button.primary:hover{background:var(--accent2)}.button.ghost{background:transparent}.button.danger{border-color:#7b3f3a;background:#622d2a;color:#fff}.button:disabled,.move-actions button:disabled{opacity:.4;cursor:not-allowed}label{font-size:.8rem;font-weight:800;color:#dfe6e9}input,textarea,select{width:100%;min-height:46px;padding:.7rem .8rem;border:1px solid #3a4852;border-radius:10px;background:#0d1419;color:var(--ink)}textarea{resize:vertical;line-height:1.45}.stack{display:grid;gap:.55rem}.inline-form{display:flex;gap:.55rem}.inline-form input,.inline-form select{flex:1}.setup-grid{display:grid;gap:1.2rem}.presentation-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.2rem}.presentation-summary h2{font-size:clamp(1.5rem,4vw,2.25rem)}.summary-actions{justify-content:flex-end}.display-url{grid-column:1/-1;padding-top:1rem;border-top:1px solid var(--line)}.display-url label{display:block;margin-bottom:.45rem}.display-url input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.link-danger{padding:0;border:0;background:none;color:#f1978e;text-decoration:underline;cursor:pointer}.upload-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:1.5rem}.upload-panel form{display:grid;gap:.8rem}.upload-drop{display:grid;place-items:center;min-height:116px;padding:1rem;border:2px dashed #4b5c67;border-radius:13px;background:#0d1419;text-align:center;cursor:pointer}.upload-drop span{font-size:1rem}.upload-drop input{margin-top:.7rem;padding:.45rem;min-height:0}.slide-list-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.2rem 0 .8rem}.slide-list-heading h2{margin:.2rem 0 0}.save-order{position:fixed;right:max(1rem,calc((100vw - 1180px)/2));bottom:1rem;z-index:15;box-shadow:0 10px 30px #0008}.slide-list{display:grid;gap:.85rem}.slide-card{position:relative;display:grid;grid-template-columns:28px minmax(160px,260px) 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:border-color .15s,transform .15s}.slide-card.dragging{opacity:.48}.slide-card.drag-target{border-color:var(--accent);transform:translateY(2px)}.drag-handle{padding-top:.7rem;color:#72818b;font-size:1.4rem;letter-spacing:-.2em;cursor:grab}.slide-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:11px;background:#000}.slide-thumb img,.slide-thumb video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}.slide-editor{min-width:0}.slide-title{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.slide-title h3{margin:.2rem 0;font-size:1.35rem}.move-actions{display:flex;gap:.3rem}.move-actions form{margin:0}.move-actions button{width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#202a32;color:var(--ink);cursor:pointer}.caption-form{display:grid;grid-template-columns:1fr auto;gap:.55rem;margin-top:.65rem}.caption-form label{grid-column:1/-1}.caption-form textarea{min-height:78px}.caption-form .button{align-self:end}details{margin-top:.75rem;border-top:1px solid var(--line);padding-top:.7rem}summary{color:var(--muted);font-size:.82rem;cursor:pointer}.detail-actions{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:.8rem}.detail-actions form:first-child{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.5rem;flex:1}.detail-actions label{display:grid;gap:.35rem}.detail-actions input{padding:.45rem;font-size:.78rem}.hero-panel{min-height:min(660px,75vh);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,7vw,6rem)}.hero-panel h1{max-width:850px;font-size:clamp(3rem,9vw,7.5rem)}.hero-status{margin:2rem 0;color:var(--muted);font-size:1.05rem}.status-dot{display:inline-block;width:.65rem;height:.65rem;margin-right:.35rem;border-radius:99px;background:var(--green);box-shadow:0 0 18px var(--green)}.login-page{display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,440px);margin:8vh auto;padding:2rem}.login-card h1{margin:.4rem 0 1.5rem;font-size:clamp(2rem,8vw,3.2rem)}.login-card form,.login-card label{display:grid;gap:.55rem}.login-card label{margin-bottom:1rem}@media(min-width:760px){.setup-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:.5rem}.site-header nav{order:3;width:100%}.site-header nav a{flex:1;text-align:center}.page-heading,.slide-list-heading{align-items:flex-start;flex-direction:column}.presentation-summary,.upload-panel{grid-template-columns:1fr}.summary-actions{justify-content:flex-start}.slide-card{grid-template-columns:20px 92px 1fr;gap:.65rem}.caption-form{grid-template-columns:1fr}.detail-actions,.detail-actions form:first-child{display:grid;grid-template-columns:1fr}.slide-thumb{aspect-ratio:1}.drag-handle{font-size:1rem}.inline-form{align-items:stretch}.inline-form .button{flex:none}}@media(max-width:520px){.slide-card{grid-template-columns:16px 74px 1fr;padding:.7rem}.slide-title{align-items:flex-start;flex-direction:column}.move-actions{align-self:stretch}.move-actions button{width:46px}.caption-form label,.caption-form textarea,.caption-form .button,details{grid-column:1/-1}.slide-editor{display:contents}.heading-actions{width:100%}.heading-actions .button{flex:1}.inline-form{flex-direction:column}.save-order{right:1rem}.shell{width:min(100% - 1rem,1180px)}}
.order-feedback{position:fixed;right:1rem;bottom:1rem;max-width:min(100% - 2rem,560px);z-index:25;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 6px 24px #0006}
.order-feedback p{margin:0}.order-feedback .button:disabled{display:none}.order-feedback[data-error="true"]{border-color:#ff7878;color:#ffaaaa}.slide-card[draggable="true"] .slide-thumb{user-select:none;-webkit-user-drag:none}.slide-list[aria-busy="true"] .drag-handle{cursor:wait}
.slide-card.drop-before{border-top-color:var(--accent);box-shadow:0 -3px 0 var(--accent)}.slide-card.drop-after{border-bottom-color:var(--accent);box-shadow:0 3px 0 var(--accent)}
