:root{--page-bg:#edf3f1;--heading:#101827;--text:#263241;--muted:#6c7785;--accent:#0f8797;--accent-strong:#0b657d;--accent-warm:#ffb347;--surface:#ffffffdb;--surface-strong:#fff;--border:#72849133;--border-strong:#0f879761;--shadow-soft:0 18px 55px #111f2b1a;--shadow-card:0 16px 34px #111f2b1f;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{background:var(--page-bg);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{background:linear-gradient(135deg, #ffb3472e 0%, transparent 28%), linear-gradient(180deg, #0f87972e 0%, #edf3f100 44%), linear-gradient(120deg, #1018270d 0 1px, transparent 1px 100%), var(--page-bg);min-height:100vh;color:var(--text);background-size:auto,auto,34px 34px,auto}.auth-shell{background:linear-gradient(135deg, #0f879733, transparent 44%), linear-gradient(315deg, #ffb34742, transparent 36%), linear-gradient(120deg, #1018270d 0 1px, transparent 1px 100%), var(--page-bg);min-height:100vh;color:var(--text);background-size:auto,auto,34px 34px,auto;place-items:center;padding:32px 16px;display:grid}.auth-panel{background:var(--surface);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;padding:34px}.auth-intro{margin-bottom:26px}.auth-intro h1,.auth-intro p,.auth-switch,.auth-error{margin:0}.auth-intro h1{color:var(--heading);font-size:2.35rem;line-height:1.05}.auth-intro p{color:var(--muted);margin-top:10px}.auth-form{gap:16px;display:grid}.auth-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-form label{color:var(--heading);gap:8px;font-size:.92rem;font-weight:800;display:grid}.auth-form input{width:100%;min-height:46px;color:var(--text);font:inherit;background:#ffffffc7;border:1px solid #7284913d;border-radius:8px;outline:none;padding:0 14px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f879724}.auth-submit{width:100%;margin-top:6px}.auth-switch{color:var(--muted);text-align:center;margin-top:22px}.auth-switch a{color:var(--accent);font-weight:800;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-error{color:#a52828;font-size:.92rem;font-weight:700}.workspace{width:min(1180px,100% - 32px);margin:0 auto;padding:44px 0 56px}.toolbar,.section-header,.media-meta,.toolbar-actions,.topbar,.user-chip{align-items:center;display:flex}.topbar{justify-content:flex-end;gap:12px;margin-bottom:20px}.user-chip{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;gap:12px;min-height:54px;padding:8px 12px 8px 8px;box-shadow:0 10px 24px #111f2b14}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-warm));color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.user-chip small,.user-chip strong{display:block}.user-chip small{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.user-chip strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.logout-button{color:#b42318;background:#fff2f0;border:1px solid #b423182e;padding:0 16px;font-weight:800}.toolbar{justify-content:space-between;gap:24px;margin-bottom:30px}.toolbar h1,.empty-state h2,.empty-show h1{color:var(--heading);margin:0}.toolbar h1{letter-spacing:0;max-width:760px;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.list-manager{grid-template-columns:minmax(260px,330px) 1fr;gap:16px;margin-bottom:22px;display:grid}.list-sidebar,.list-summary{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.list-sidebar{padding:18px}.list-sidebar-header,.list-summary{justify-content:space-between;align-items:center;gap:18px;display:flex}.list-sidebar-header{margin-bottom:14px}.list-sidebar h2,.list-sidebar p,.list-summary h2,.list-summary p{margin:0}.list-sidebar h2,.list-summary h2{color:var(--heading)}.list-sidebar p,.list-summary p{color:var(--muted)}.new-list-form{grid-template-columns:1fr auto;gap:8px;margin-bottom:8px;display:grid}.new-list-form input{width:100%;min-height:44px;color:var(--text);font:inherit;background:#ffffffd1;border:1px solid #7284913d;border-radius:8px;min-width:0;padding:0 12px}.new-list-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0f879724}.list-tabs{gap:8px;display:grid}.list-error{color:#b42318;background:#fff2f0;border:1px solid #b423182e;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:.88rem;font-weight:800}.list-tab{width:100%;color:var(--heading);text-align:left;background:#ffffffa3;border:1px solid #72849129;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 12px;display:flex}.list-tab:hover:not(.is-active){background:#fffffff0;border-color:#0f879733}.list-tab.is-active{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(135deg,#0f87972e,#ffb34724),#fff;border-color:#0f87976b}.list-tab span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.list-tab small{color:var(--muted);flex:none;font-weight:700}.list-summary{background:linear-gradient(135deg, #ffb34729, transparent 42%), var(--surface);align-items:flex-start;padding:22px}.list-summary h2{font-size:1.8rem;line-height:1.1}.list-summary p:not(.eyebrow){max-width:620px;margin-top:8px}button{cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:44px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #111f2b1a}button:focus-visible,.drop-zone:focus-visible,.new-list-form input:focus-visible{outline-offset:3px;outline:3px solid #0f879747}button:disabled{cursor:not-allowed;opacity:.45}.primary-button,.secondary-button{padding:0 18px;font-weight:800}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 14px 26px #0f879738}.secondary-button,.text-button{color:var(--heading);border:1px solid var(--border);background:#ffffffd1}.secondary-button:hover:not(:disabled),.text-button:hover:not(:disabled){border-color:#0f87974d}.text-button{padding:0 14px}.danger-text-button{color:#a52828;flex:none}.file-input{display:none}.drop-zone{border:1px dashed var(--border-strong);min-height:178px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;cursor:pointer;background:linear-gradient(135deg,#0f879714,#ffb34717),#ffffffc7;border-radius:8px;place-items:center;margin-bottom:30px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.drop-zone:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-1px)}.drop-zone div{gap:8px;display:grid}.drop-zone strong{color:var(--heading);font-size:1.45rem}.drop-zone span,.section-header p,.media-meta p,.empty-state p{color:var(--muted)}.section-header{justify-content:space-between;gap:18px;margin-bottom:16px}.section-header h2,.section-header p,.media-meta h3,.media-meta p{margin:0}.section-header h2{color:var(--heading);font-size:1.45rem}.status{width:fit-content;color:var(--accent-strong);background:#0f87971a;border:1px solid #0f87972e;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-weight:700}.media-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.media-card{background:var(--surface-strong);border:1px solid var(--border);cursor:grab;border-radius:8px;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden;box-shadow:0 12px 28px #111f2b14}.media-card:hover{box-shadow:var(--shadow-card);border-color:#0f879747;transform:translateY(-2px)}.media-card.is-dragging{cursor:grabbing;opacity:.55;transform:scale(.98)}.media-card.is-drag-over{border-color:var(--accent);box-shadow:0 0 0 3px #0f87972e, var(--shadow-card)}.preview-frame{aspect-ratio:16/10;background:#111827;position:relative;overflow:hidden}.preview-frame img,.preview-frame video{object-fit:cover;width:100%;height:100%;display:block}.order-badge{min-width:32px;height:32px;color:var(--heading);background:#fffffff0;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 8px 18px #1018272e}.media-meta{justify-content:space-between;align-items:flex-start;gap:14px;padding:15px}.media-meta h3{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;max-width:128px;font-size:.98rem;overflow:hidden}.media-meta p{font-size:.88rem}.media-actions{justify-items:end;gap:8px;display:grid}.drag-handle{color:var(--accent-strong);text-transform:uppercase;background:#0f879714;border:1px solid #0f87972e;border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:900}.remove-button{color:#b42318;background:#fff2f0;min-height:36px;padding:0 12px}.empty-state{border:1px solid var(--border);background:var(--surface);min-height:240px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:8px;place-content:center;padding:28px;display:grid}.slideshow-screen{color:#fff;isolation:isolate;background:#030405;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.slide-stage{z-index:1;place-items:center;padding:clamp(8px,1.25vmin,20px);display:grid;position:absolute;inset:0}.slide-backdrop{position:absolute;inset:0;overflow:hidden}.slide-backdrop:after{content:"";background:radial-gradient(circle,#0304050f,#03040557 66%),#0304052e;position:absolute;inset:0}.slide-backdrop img,.slide-backdrop video{filter:blur(34px)saturate(1.18);object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.12)}.slide-media{object-fit:contain;object-position:center;filter:drop-shadow(0 18px 46px #00000047);will-change:opacity, transform, filter;background:0 0;width:100%;max-width:calc(100vw - clamp(16px,2.5vmin,40px));height:100%;max-height:calc(100vh - clamp(16px,2.5vmin,40px));animation:.62s both slide-enter;display:block}.slide-media.is-exiting{animation:.65s ease-in both slide-exit}.slide-counter{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffe0;z-index:2;background:#0000007a;border:1px solid #ffffff1f;border-radius:999px;padding:7px 12px;font-size:.9rem;line-height:1;position:fixed;bottom:clamp(12px,1.5vw,24px);right:clamp(12px,1.5vw,24px)}.empty-show{align-content:center;gap:18px}.empty-show button{padding:0 18px}@keyframes slide-enter{0%{opacity:0;filter:blur(8px);transform:scale(1)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes slide-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(1)translateY(-18px)}}@media (width<=760px){.workspace{width:min(100% - 24px,1180px);padding-top:22px}.toolbar,.section-header,.list-summary{flex-direction:column;align-items:flex-start}.list-manager{grid-template-columns:1fr}.toolbar-actions,.toolbar-actions button{width:100%}.toolbar-actions button{justify-content:center}.new-list-form{grid-template-columns:1fr}.drop-zone{min-height:140px;padding:0 18px}.auth-panel{padding:26px 18px}.auth-row{grid-template-columns:1fr}}