*{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#2563eb;--brand-accent:#60a5fa;--brand-gradient:linear-gradient(135deg, #2563eb, #7c3aed)}body{color:#e0e0e0;background:#0a0a0a;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.app{max-width:1060px;margin:0 auto;padding:2rem 1.25rem}.app-nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.app-nav-left{cursor:pointer;flex-shrink:0;align-items:center;gap:.45rem;display:flex}.app-nav-left svg{color:var(--brand-accent)}.app-nav-logo{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.app-nav-tabs{background:#141414;border-radius:10px;gap:.25rem;padding:.2rem;display:flex}[data-theme=light] .app-nav-tabs{background:#e5e5e5}.nav-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.nav-tab:hover{color:#ddd}[data-theme=light] .nav-tab:hover{color:#333}.nav-tab-active{background:var(--brand-primary);color:#fff!important}.app-nav-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.nav-credits{color:#86efac;background:#0a2618;border-radius:16px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}[data-theme=light] .nav-credits{color:#065f46;background:#d1fae5}.nav-avatar-wrap{position:relative}.nav-avatar-btn{cursor:pointer;color:#aaa;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .5rem .25rem .25rem;transition:all .15s;display:flex}.nav-avatar-btn:hover{color:#ddd;border-color:#444}[data-theme=light] .nav-avatar-btn{color:#666;background:#f5f5f5;border-color:#ddd}[data-theme=light] .nav-avatar-btn:hover{border-color:#bbb}.nav-avatar-img{object-fit:cover;border-radius:50%;width:26px;height:26px}.nav-avatar-btn .rotated{transform:rotate(180deg)}.nav-menu-backdrop{z-index:49;position:fixed;inset:0}.nav-menu{z-index:50;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;width:200px;padding:.4rem;animation:.15s menuIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #0006}[data-theme=light] .nav-menu{background:#fff;border-color:#e0e0e0;box-shadow:0 8px 30px #0000001a}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-menu-header{flex-direction:column;gap:.15rem;padding:.5rem .6rem;display:flex}.nav-menu-name{color:#e0e0e0;font-size:.85rem;font-weight:600}[data-theme=light] .nav-menu-name{color:#1a1a1a}.nav-menu-credits{color:#86efac;font-size:.7rem}.nav-menu-divider{background:#2a2a2a;height:1px;margin:.25rem 0}[data-theme=light] .nav-menu-divider{background:#e5e5e5}.nav-menu-item{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;font-size:.82rem;transition:background .1s;display:flex}.nav-menu-item:hover{background:#262626}[data-theme=light] .nav-menu-item{color:#444}[data-theme=light] .nav-menu-item:hover{background:#f5f5f5}.nav-menu-logout{color:#f87171}.nav-menu-logout:hover{background:#1c0a0a}[data-theme=light] .nav-menu-logout{color:#dc2626}[data-theme=light] .nav-menu-logout:hover{background:#fef2f2}h3{color:#777;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary);filter:brightness(.9)}.btn-secondary{color:#aaa;background:#262626}.btn-secondary:hover:not(:disabled){color:#ddd;background:#333}.btn-danger{color:#fca5a5;background:#7f1d1d}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-success{color:#86efac;background:#166534}.btn-success:hover:not(:disabled){background:#15803d}.btn-ghost{color:#888;background:0 0;padding:.4rem}.btn-ghost:hover:not(:disabled){color:#fff}.btn-sm{padding:.35rem .7rem;font-size:.78rem}.btn-icon{border-radius:6px;padding:.4rem}.topic-form-big{background:#141414;border:2px solid #222;border-radius:20px;margin-bottom:1.5rem;padding:2rem 2.25rem}.topic-form-title{color:#e0e0e0;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.topic-form-title svg{color:#fbbf24}.topic-field-big{margin-bottom:1.25rem}.topic-field-big label{color:#999;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.82rem;font-weight:500;display:flex}.topic-field-big>input[type=text]{color:#e0e0e0;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-size:1.05rem;transition:border-color .2s}.topic-field-big>input[type=text]:focus{border-color:var(--brand-primary)}.topic-field-big>input[type=text]::placeholder{color:#444}.topic-form-row-big{flex-wrap:wrap;gap:2rem;display:flex}.topic-form-row-big .topic-field-big{flex:1;min-width:200px}.topic-grade-pills{flex-wrap:wrap;gap:.4rem;display:flex}.topic-pill{color:#888;cursor:pointer;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:20px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.topic-pill:hover{color:#ddd;border-color:#555;transform:scale(1.05)}.topic-pill-active{color:#000;background:#f59e0b;border-color:#f59e0b}.topic-pill-active:hover{background:#d97706;border-color:#d97706}.topic-scene-pills{gap:.4rem;display:flex}.topic-scene-pill{color:#888;cursor:pointer;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.topic-scene-pill:hover{color:#ddd;border-color:#555;transform:scale(1.1)}.topic-scene-pill-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.topic-scene-pill-active:hover{filter:brightness(.9)}.topic-ratio-pills{gap:.5rem;display:flex}.topic-ratio-pill{color:#888;cursor:pointer;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.topic-ratio-pill:hover{color:#ddd;border-color:#555;transform:scale(1.05)}.topic-ratio-pill-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.topic-ratio-pill-active:hover{filter:brightness(.9)}.topic-form-footer{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.topic-generate-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.topic-generate-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 25px #2563eb59}.topic-generate-btn:disabled{opacity:.45;cursor:not-allowed}.lesson-badge{color:#fbbf24;background:#1a1a0a;border:1px solid #3d3d00;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .8rem;font-size:.78rem;font-weight:500;display:inline-flex}.prompt-section{margin-bottom:1.5rem}.prompt-section textarea{color:#e0e0e0;resize:vertical;background:#141414;border:1px solid #2a2a2a;border-radius:10px;outline:none;width:100%;margin-bottom:.6rem;padding:.75rem;font-size:.92rem;line-height:1.5;transition:border-color .15s}.prompt-section textarea:focus{border-color:#2563eb}.controls{align-items:center;gap:.75rem;display:flex}.controls label{color:#999;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.controls input[type=number]{color:#e0e0e0;text-align:center;background:#141414;border:1px solid #2a2a2a;border-radius:6px;outline:none;width:48px;padding:.35rem;font-size:.85rem}.progress-section{margin-bottom:1.25rem}.progress-info{color:#888;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.8rem;display:flex}.progress-track{background:#1a1a1a;border-radius:4px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--brand-primary);border-radius:4px;height:100%;transition:width .4s}.progress-steps{gap:.4rem;margin-top:.5rem;display:flex}.progress-step{color:#555;background:#1a1a1a;border:1px solid #222;border-radius:8px;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.72rem;transition:all .2s;display:flex}[data-theme=light] .progress-step{background:#f5f5f5;border-color:#ddd}.progress-step.active{border-color:var(--brand-primary);color:var(--brand-accent);background:#2563eb1a;animation:1s infinite stepPulse}@keyframes stepPulse{0%,to{opacity:1}50%{opacity:.6}}.progress-step.done{color:#86efac;background:#1665341a;border-color:#166534}.progress-step-num{font-weight:700}.progress-step-status{font-size:.8rem}.error-bar{color:#fca5a5;background:#1c0a0a;border:1px solid #3b1111;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.85rem;display:flex}.credit-info{color:#777;margin-top:.4rem;font-size:.78rem}.credit-warn{color:#fca5a5;font-weight:600}.scenes-toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.scenes-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;display:grid}.scenes-grid.dimmed .scene-card:not(.editing){opacity:.15;pointer-events:none;filter:blur(2px);transition:all .25s}.scene-card{background:#141414;border:1px solid #222;border-radius:12px;padding:1rem;transition:all .25s;position:relative}.scene-card.editing{z-index:10;border-color:#2563eb;box-shadow:0 0 30px #2563eb26}.scene-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.scene-card-header h4{color:var(--brand-accent);font-size:.9rem;font-weight:600}.scene-num{color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.scene-title{color:#e0e0e0!important;font-size:.95rem!important}.scene-card-actions{gap:.2rem;display:flex}.scene-narration{color:var(--brand-accent);align-items:flex-start;gap:.35rem;margin-bottom:.35rem;font-size:.82rem;line-height:1.45;display:flex}.scene-concept{color:#fbbf24;align-items:flex-start;gap:.35rem;margin-bottom:.5rem;font-size:.78rem;line-height:1.4;display:flex}.scene-desc{color:#ccc;cursor:pointer;border-radius:6px;margin-bottom:.5rem;padding:.3rem;font-size:.83rem;line-height:1.55;transition:background .15s}.scene-desc:hover{background:#1a1a1a}.video-prompt-tag{color:#666;align-items:center;gap:.3rem;margin-bottom:.6rem;font-size:.75rem;font-style:italic;display:inline-flex}.scene-image-wrap{margin-top:.5rem;position:relative}.scene-image-wrap img{cursor:pointer;border-radius:8px;width:100%;transition:transform .15s}.scene-image-wrap img:hover{transform:scale(1.01)}.regen-overlay{position:absolute;bottom:.5rem;right:.5rem}.skeleton{background:#1a1a1a;border-radius:8px;justify-content:center;align-items:center;height:180px;margin-top:.5rem;display:flex;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{color:#555;z-index:1;align-items:center;gap:.4rem;font-size:.78rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.edit-overlay{z-index:5;background:#141414;border-radius:12px;flex-direction:column;padding:1rem;display:flex;position:absolute;inset:0}.edit-overlay h4{color:#60a5fa;margin-bottom:.6rem;font-size:.9rem}.edit-overlay textarea{color:#e0e0e0;resize:none;background:#0a0a0a;border:1px solid #333;border-radius:8px;outline:none;flex:1;width:100%;padding:.6rem;font-size:.85rem;line-height:1.5}.edit-overlay textarea:focus{border-color:#2563eb}.edit-overlay-actions{justify-content:flex-end;gap:.4rem;margin-top:.6rem;display:flex}.lightbox{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{border-radius:10px;max-width:90vw;max-height:90vh;box-shadow:0 0 60px #00000080}.generating-overlay{flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.generating-dots{gap:.4rem;display:flex}.generating-dots span{background:#2563eb;border-radius:50%;width:10px;height:10px;animation:1.2s infinite bounce}.generating-dots span:nth-child(2){animation-delay:.15s}.generating-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.generating-overlay p{color:#888;font-size:.9rem}.slideshow{z-index:200;-webkit-user-select:none;user-select:none;background:#000;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 320px;display:grid;position:fixed;inset:0}.slideshow-topbar{z-index:10;background:#00000080;grid-column:1/-1;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.slideshow-counter{color:#999;letter-spacing:.05em;font-size:.85rem;font-weight:500}.slideshow-topbar-actions{gap:.3rem;display:flex}.slideshow-topbar .btn-ghost{color:#aaa}.slideshow-topbar .btn-ghost:hover{color:#fff}.slideshow-body{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;grid-column:1/-1;grid-template-columns:1fr 320px;margin:0 1.5rem;display:grid;overflow:hidden}.slideshow-image{justify-content:center;align-items:center;padding:1.25rem;transition:opacity .2s;display:flex;overflow:hidden}.slideshow-image img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}.slideshow-image.fade-in{opacity:1}.slideshow-image.fade-out{opacity:0}.slideshow-info-side{background:#ffffff08;border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;padding:2rem 1.5rem;display:flex;overflow-y:auto}.slideshow-scene-num{color:#555;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-size:.68rem}.slideshow-info-side h2{color:#fff;margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.35}.slideshow-info-side .slideshow-narration{color:#ccc;margin-bottom:.75rem;font-size:.88rem;line-height:1.6}.slideshow-info-side .slideshow-concept{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf241f;border-radius:8px;padding:.5rem .7rem;font-size:.8rem;line-height:1.45}@media (width<=768px){.slideshow{grid-template-columns:1fr}.slideshow-body{grid-template-rows:1fr auto;grid-template-columns:1fr;margin:0 .75rem}.slideshow-info-side{border-top:1px solid #ffffff14;border-left:none;max-height:35vh;padding:1rem}}.slideshow-controls{z-index:10;grid-column:1/-1;justify-content:center;align-items:center;gap:1.5rem;padding:.5rem 0;display:flex}.slideshow-controls .btn-ghost{color:#aaa}.slideshow-controls .btn-ghost:hover{color:#fff}.slideshow-dots{z-index:10;grid-column:1/-1;justify-content:center;gap:.4rem;padding-bottom:.75rem;display:flex}.slideshow-dot{cursor:pointer;background:#444;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.slideshow-dot.active{background:var(--brand-primary);transform:scale(1.3)}.slideshow-dot:hover:not(.active){background:#666}.slideshow-progress{z-index:11;background:#ffffff0d;grid-column:1/-1;height:3px;position:absolute;top:0;left:0;right:0}.slideshow-progress-fill{background:var(--brand-primary);border-radius:0 2px 2px 0;width:0%;height:100%}@keyframes slideProgress{0%{width:0%}to{width:100%}}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-form{background:#141414;border:1px solid #222;border-radius:16px;flex-direction:column;gap:.85rem;width:100%;max-width:360px;padding:2rem;display:flex}.login-form h2{text-align:center;margin-bottom:0;font-size:1.3rem}.login-subtitle{text-align:center;color:#666;margin-bottom:.5rem;font-size:.85rem}.login-form input{color:#e0e0e0;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s}.login-form input:focus{border-color:#2563eb}.login-btn{justify-content:center;width:100%;margin-top:.25rem;padding:.65rem!important;font-size:.9rem!important}.login-error{color:#fca5a5;text-align:center;background:#1c0a0a;border:1px solid #3b1111;border-radius:8px;padding:.5rem .75rem;font-size:.82rem}.stories-panel{z-index:150;background:#0a0a0a;padding:1.5rem;position:fixed;inset:0;overflow-y:auto}.stories-header{justify-content:space-between;align-items:center;max-width:900px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:flex}.stories-header h2{color:#e0e0e0;align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.stories-count{color:#666;font-size:.8rem;font-weight:400}.stories-loading{color:#888;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.stories-empty{text-align:center;color:#666;padding:3rem 1rem}.stories-list{flex-direction:column;gap:.5rem;max-width:900px;margin:0 auto;display:flex}.story-item{background:#141414;border:1px solid #222;border-radius:10px;transition:border-color .15s;overflow:hidden}.story-item.expanded{border-color:#333}.story-item-header{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:background .15s;display:flex}.story-item-header:hover{background:#1a1a1a}.story-item-left{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.story-item-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.story-item-meta{color:#666;font-size:.72rem}.story-item-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.story-previews{gap:.25rem;display:flex}.story-previews img{object-fit:cover;border:1px solid #2a2a2a;border-radius:5px;width:36px;height:36px}.story-time-badge{color:#888;white-space:nowrap;background:#1a1a1a;border-radius:12px;padding:.2rem .5rem;font-size:.68rem}.chevron{color:#555;flex-shrink:0;transition:transform .2s}.chevron.rotated{transform:rotate(90deg)}.story-item-body{padding:0 1rem 1rem}.story-actions{gap:.4rem;margin-bottom:.75rem;display:flex}.story-scenes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.story-scene-thumb{background:#1a1a1a;border-radius:8px;overflow:hidden}.story-scene-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.story-scene-noimg{aspect-ratio:1;color:#444;background:#111;justify-content:center;align-items:center;width:100%;font-size:.75rem;display:flex}.story-scene-num{color:#60a5fa;padding:.3rem .5rem;font-size:.72rem;font-weight:500;display:block}.story-scene-desc{color:#999;padding:0 .5rem .4rem;font-size:.7rem;line-height:1.4}.fun-stories{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>✏️</text></svg>") 4 28,auto;flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.fun-card-new{background:var(--brand-gradient);cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>👆</text></svg>") 10 4,pointer;border:3px dashed #ffffff4d;border-radius:20px;padding:2rem;transition:all .3s;animation:3s ease-in-out infinite wiggle}.fun-card-new:hover{transform:scale(1.02)rotate(-1deg);box-shadow:0 8px 40px #764ba266}.fun-card-new-inner{color:#fff;flex-direction:column;align-items:center;gap:.6rem;display:flex}.fun-card-new-inner svg{filter:drop-shadow(0 2px 4px #0000004d)}.fun-card-new-inner span{letter-spacing:-.02em;text-shadow:0 2px 8px #0000004d;font-size:1.3rem;font-weight:800}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}.fun-card{transform:rotate(var(--card-tilt,0deg));background:#141414;border:2px solid #222;border-radius:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.fun-card:hover{border-color:var(--card-color);box-shadow:0 6px 30px #0000004d, 0 0 0 1px var(--card-color);transform:rotate(0)scale(1.01)}.fun-card-expanded{border-color:var(--card-color)!important;transform:rotate(0)!important}.fun-card-header{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>👆</text></svg>") 10 4,pointer;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.fun-card-cover{border:2px solid var(--card-color);border-radius:14px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.fun-card-cover img{object-fit:cover;width:100%;height:100%}.fun-card-emoji{background:linear-gradient(135deg, var(--card-color), #1a1a1a);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.fun-card-info{flex:1;min-width:0}.fun-card-title{color:#f0f0f0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:1.1rem;font-weight:700;overflow:hidden}.fun-card-meta{color:#888;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.fun-badge{background:var(--card-color);color:#000;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.fun-badge-public{color:#14532d!important;background:#86efac!important}.fun-badge-private{color:#1e3a5f!important;background:#60a5fa!important}.fun-time{color:#555}.fun-card-preview-stack{flex-shrink:0;gap:-8px;display:flex}.fun-card-preview-stack img{object-fit:cover;border:2px solid #141414;border-radius:10px;width:40px;height:40px;margin-left:-10px;transition:transform .2s}.fun-card-preview-stack img:first-child{margin-left:0}.fun-card-preview-stack img:hover{z-index:2;transform:scale(1.2)}.fun-card-body{padding:0 1.25rem 1.25rem;animation:.3s expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fun-card-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.fun-btn{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>👆</text></svg>") 10 4,pointer;border:none;border-radius:12px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.fun-btn:hover{transform:scale(1.05)}.fun-btn-play{background:var(--brand-primary);color:#fff}.fun-btn-play:hover{filter:brightness(.9);box-shadow:0 4px 15px #0003}.fun-btn-pdf{color:#fff;background:#ff6b6b}.fun-btn-pdf:hover{background:#ee5a5a;box-shadow:0 4px 15px #ff6b6b4d}.fun-btn-toggle{color:#aaa;background:#262626}.fun-btn-toggle:hover{color:#fff;background:#333}.fun-status-toggle{border:1px solid #333;border-radius:10px;margin-left:auto;display:flex;overflow:hidden}.fun-status-btn{color:#666;text-transform:capitalize;cursor:pointer;background:#1a1a1a;border:none;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.fun-status-btn:not(:last-child){border-right:1px solid #333}.fun-status-btn:hover{color:#aaa;background:#262626}.fun-status-active[data-status=draft]{color:#fbbf24;background:#92400e}.fun-status-active[data-status=private]{color:#60a5fa;background:#1e3a5f}.fun-status-active[data-status=public]{color:#86efac;background:#14532d}.fun-feedback-row{margin-top:.5rem;margin-bottom:.25rem}.fun-scenes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.fun-scene-card{background:#1a1a1a;border:2px solid #0000;border-radius:14px;transition:all .2s;overflow:hidden}.fun-scene-card:hover{border-color:var(--scene-color);transform:translateY(-3px)}.fun-scene-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.fun-scene-noimg{aspect-ratio:1;background:linear-gradient(135deg,#1a1a1a,#111);justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.fun-scene-label{color:var(--brand-accent);padding:.4rem .6rem;font-size:.75rem;font-weight:600;display:block}.fun-scene-narration{color:var(--brand-accent);padding:0 .6rem .5rem;font-size:.7rem;line-height:1.4}.fun-card-loading{color:#888;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem;font-size:.9rem;display:flex}.fun-filters{flex-direction:column;gap:.6rem;margin-bottom:.25rem;display:flex}.fun-search{background:#141414;border:2px solid #222;border-radius:14px;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:border-color .2s;display:flex}.fun-search:focus-within{border-color:var(--brand-primary)}.fun-search svg{color:#555;flex-shrink:0}.fun-search input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.fun-search input::placeholder{color:#555}.fun-search-clear{cursor:pointer;color:#aaa;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.fun-search-clear:hover{color:#fff;background:#444}.fun-grade-pills{flex-wrap:wrap;gap:.4rem;display:flex}.fun-pill{color:#999;cursor:pointer;background:#141414;border:2px solid #333;border-radius:20px;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s}.fun-pill:hover{color:#ddd;border-color:#555;transform:scale(1.05)}.fun-pill-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.fun-pill-active:hover{filter:brightness(.9)}.fun-empty{text-align:center;padding:3rem 1rem}.fun-empty-emoji{margin-bottom:.75rem;font-size:3rem;display:block}.fun-empty p{color:#666;font-size:1rem}.fun-footer{color:#444;justify-content:center;align-items:center;gap:.4rem;padding:1rem 0;font-size:.75rem;display:flex}.community{padding-bottom:2rem}.community-header{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.community-header svg{color:#54a0ff}.community-header h2{font-size:1.2rem;font-weight:700}.community-count{color:#888;background:#1a1a1a;border-radius:12px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem}.community-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.community-card{background:#141414;border:2px solid #222;border-radius:16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.community-card:hover{border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.community-card-cover{aspect-ratio:16/10;cursor:pointer;background:#111;position:relative;overflow:hidden}.community-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.community-card:hover .community-card-cover img{transform:scale(1.05)}.community-card-placeholder{background:linear-gradient(135deg,#1a1a1a,#111);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.community-card-play{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.community-card-play svg{color:#fff;filter:drop-shadow(0 2px 6px #00000080)}.community-card:hover .community-card-play{opacity:1}.community-card-body{padding:.75rem .85rem}.community-card-body h3{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.9rem;font-weight:600;overflow:hidden}.community-card-meta{flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem;display:flex}.community-tag{color:#999;background:#1a1a1a;border-radius:8px;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.68rem;display:inline-flex}.community-card-author{color:#666;align-items:center;gap:.3rem;font-size:.68rem;display:flex}.community-card-bottom{justify-content:space-between;align-items:center;margin-top:.3rem;display:flex}.community-feedback-toggle{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.7rem;transition:color .15s;display:inline-flex}.community-feedback-toggle:hover{color:#aaa}.community-feedback-toggle .rotated{transform:rotate(180deg)}.feedback{border-top:1px solid #222;margin-top:.6rem;padding-top:.6rem}.feedback-loading{color:#666;align-items:center;gap:.4rem;padding:.5rem 0;font-size:.75rem;display:flex}.feedback-rating-section{margin-bottom:.5rem}.feedback-stars-row{align-items:center;gap:.4rem;display:flex}.feedback-label{color:#888;font-size:.72rem}.feedback-stars{gap:.1rem;display:flex}.feedback-star{cursor:pointer;background:0 0;border:none;padding:.1rem;transition:transform .15s}.feedback-star:hover{transform:scale(1.2)}.feedback-star:disabled{cursor:default}.feedback-avg{color:#fbbf24;font-size:.72rem;font-weight:600}.feedback-comment-input{gap:.35rem;margin-bottom:.5rem;display:flex}.feedback-comment-input input{color:#e0e0e0;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;outline:none;flex:1;padding:.4rem .6rem;font-size:.78rem}.feedback-comment-input input:focus{border-color:var(--brand-primary)}.feedback-send{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:.4rem .6rem;transition:background .15s;display:flex}.feedback-send:hover:not(:disabled){background:#1d4ed8}.feedback-send:disabled{opacity:.4;cursor:not-allowed}.feedback-comments{margin-top:.25rem}.feedback-comments-header{color:#666;align-items:center;gap:.3rem;margin-bottom:.35rem;font-size:.7rem;display:flex}.feedback-comment{background:#111;border-radius:8px;margin-bottom:.3rem;padding:.45rem .6rem}.feedback-comment-top{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.feedback-comment-author{color:#60a5fa;align-items:center;gap:.25rem;font-size:.68rem;font-weight:500;display:flex}.feedback-comment-time{color:#555;font-size:.62rem}.feedback-comment p{color:#ccc;font-size:.78rem;line-height:1.4}.profile-layout{grid-template-columns:240px 1fr;gap:1.25rem;max-width:800px;margin:0 auto;display:grid}@media (width<=640px){.profile-layout{grid-template-columns:1fr}}.profile-sidebar{text-align:center;background:#141414;border:2px solid #222;border-radius:16px;flex-direction:column;align-items:center;height:fit-content;padding:1.5rem 1rem;display:flex;position:sticky;top:1rem}[data-theme=light] .profile-sidebar{background:#fff;border-color:#e0e0e0}.profile-sidebar-name{color:#e0e0e0;margin-top:.75rem;margin-bottom:.15rem;font-size:1rem;font-weight:700}[data-theme=light] .profile-sidebar-name{color:#1a1a1a}.profile-sidebar-email{color:#888;word-break:break-all;margin-bottom:.4rem;font-size:.75rem}.profile-sidebar-role{text-transform:uppercase;color:#60a5fa;background:#1e3a5f;border-radius:12px;margin-bottom:.75rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.profile-stats{gap:.5rem;width:100%;margin-bottom:.75rem;display:flex}.profile-stat{background:#1a1a1a;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:.5rem .25rem;display:flex}.profile-stat-val{color:var(--brand-accent);font-size:1rem;font-weight:700}.profile-stat-lbl{color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.profile-sidebar-since{color:#555;font-size:.68rem}.profile-main{min-width:0}.profile-tabs{background:#141414;border-radius:10px;gap:.25rem;margin-bottom:1rem;padding:.2rem;display:flex}[data-theme=light] .profile-tabs{background:#e5e5e5}.profile-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.profile-tab:hover{color:#ddd}[data-theme=light] .profile-tab:hover{color:#333}.profile-tab.active{background:var(--brand-primary);color:#fff!important}.profile-tab-content{background:#141414;border:2px solid #222;border-radius:16px;padding:1.25rem}[data-theme=light] .profile-tab-content{background:#fff;border-color:#e0e0e0}.profile-loading{color:#888;justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.profile-avatar{cursor:pointer;border:3px solid #333;border-radius:50%;width:80px;height:80px;transition:border-color .2s;position:relative;overflow:hidden}.profile-avatar:hover{border-color:var(--brand-primary)}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-placeholder{color:#555;background:#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-avatar-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-field{flex:1;margin-bottom:.85rem}.profile-field label{color:#888;align-items:center;gap:.3rem;margin-bottom:.35rem;font-size:.78rem;font-weight:500;display:flex}.profile-field input[type=text],.profile-field input[type=password],.profile-field textarea,.profile-field select{color:#e0e0e0;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.profile-field input:focus,.profile-field textarea:focus,.profile-field select:focus{border-color:var(--brand-primary)}.profile-field textarea{resize:vertical}.profile-row{gap:1rem;display:flex}.profile-toggle-group{border:1px solid #333;border-radius:10px;display:flex;overflow:hidden}.profile-toggle-btn{color:#666;text-transform:capitalize;cursor:pointer;background:#1a1a1a;border:none;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.profile-toggle-btn:not(:last-child){border-right:1px solid #333}.profile-toggle-btn:hover{color:#aaa;background:#262626}.profile-toggle-btn.active{background:var(--brand-primary);color:#fff}.profile-notif-btn{cursor:pointer;border:1px solid #333;border-radius:10px;padding:.45rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .15s}.profile-notif-btn.on{color:#86efac;background:#14532d;border-color:#166534}.profile-notif-btn.off{color:#666;background:#1a1a1a;border-color:#333}.profile-notif-btn:hover{opacity:.85}.profile-save-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.profile-save-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 20px #2563eb4d}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-section-title{color:#ddd;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.profile-pw-input{align-items:center;display:flex;position:relative}.profile-pw-input input{width:100%;padding-right:2.5rem}.profile-pw-eye{color:#666;cursor:pointer;background:0 0;border:none;padding:.2rem;position:absolute;right:.6rem}.profile-pw-eye:hover{color:#aaa}.profile-pw-msg{border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem}.profile-pw-msg.ok{color:#86efac;background:#0a2618;border:1px solid #166534}.profile-pw-msg.err{color:#fca5a5;background:#1c0a0a;border:1px solid #3b1111}.login-link{color:#60a5fa;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;margin-top:.25rem;font-size:.82rem;transition:color .15s;display:inline-flex}.login-link:hover{color:#93c5fd}.login-success{color:#86efac;text-align:center;background:#0a2618;border:1px solid #166534;border-radius:8px;padding:.5rem .75rem;font-size:.82rem}[data-theme=light] body,[data-theme=light]{color:#1a1a1a;background:#f5f5f5}[data-theme=light] .app-header h1{color:#1a1a1a}[data-theme=light] .user-name{color:#555}[data-theme=light] .user-credits{color:#065f46;background:#d1fae5}[data-theme=light] .btn-secondary{color:#555;background:#e5e5e5}[data-theme=light] .btn-secondary:hover:not(:disabled){color:#333;background:#d4d4d4}[data-theme=light] .btn-ghost{color:#888}[data-theme=light] .btn-ghost:hover:not(:disabled){color:#333}[data-theme=light] .scene-card,[data-theme=light] .profile-form,[data-theme=light] .topic-form-big,[data-theme=light] .fun-card,[data-theme=light] .community-card{background:#fff;border-color:#e0e0e0}[data-theme=light] .scene-card-header h4{color:var(--brand-primary)}[data-theme=light] .scene-desc{color:#444}[data-theme=light] .scene-desc:hover{background:#f0f0f0}[data-theme=light] .scene-narration{color:var(--brand-primary)}[data-theme=light] .scene-concept{color:#b45309}[data-theme=light] .scene-num{color:#999}[data-theme=light] .scene-title{color:#1a1a1a!important}[data-theme=light] .topic-field-big>input[type=text],[data-theme=light] .profile-field input,[data-theme=light] .profile-field textarea,[data-theme=light] .profile-field select,[data-theme=light] .fun-search,[data-theme=light] .feedback-comment-input input{color:#1a1a1a;background:#fff;border-color:#ddd}[data-theme=light] .topic-field-big>input[type=text]::placeholder,[data-theme=light] .fun-search input::placeholder{color:#aaa}[data-theme=light] .topic-pill,[data-theme=light] .topic-scene-pill,[data-theme=light] .fun-pill{color:#666;background:#fff;border-color:#ddd}[data-theme=light] .topic-pill:hover,[data-theme=light] .topic-scene-pill:hover,[data-theme=light] .fun-pill:hover{color:#333;border-color:#bbb}[data-theme=light] .fun-card-title{color:#1a1a1a}[data-theme=light] .fun-card-emoji{background:linear-gradient(135deg, var(--card-color), #f5f5f5)}[data-theme=light] .fun-scene-card{background:#f5f5f5}[data-theme=light] .fun-scene-noimg{background:linear-gradient(135deg,#f0f0f0,#e5e5e5)}[data-theme=light] .fun-scene-label{color:#333}[data-theme=light] .fun-btn-toggle{color:#666;background:#e5e5e5}[data-theme=light] .fun-footer{color:#aaa}[data-theme=light] .community-card-body h3{color:#1a1a1a}[data-theme=light] .community-tag{color:#666;background:#f0f0f0}[data-theme=light] .profile-avatar{border-color:#ddd}[data-theme=light] .profile-account-info span{color:#555;background:#fff;border-color:#e0e0e0}[data-theme=light] .profile-toggle-group{border-color:#ddd}[data-theme=light] .profile-toggle-btn{color:#888;background:#f5f5f5}[data-theme=light] .profile-toggle-btn:hover{color:#555;background:#e5e5e5}[data-theme=light] .profile-notif-btn.off{color:#888;background:#f5f5f5;border-color:#ddd}[data-theme=light] .profile-sidebar-card{background:#fff;border-color:#e0e0e0}[data-theme=light] .profile-stat{background:#f5f5f5}[data-theme=light] .fun-status-btn{color:#888;background:#f5f5f5}[data-theme=light] .fun-status-btn:not(:last-child){border-color:#ddd}[data-theme=light] .feedback{border-color:#e0e0e0}[data-theme=light] .feedback-comment{background:#f5f5f5}[data-theme=light] .feedback-comment p{color:#333}[data-theme=light] .error-bar{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme=light] .skeleton{background:#e5e5e5}[data-theme=light] .edit-overlay{background:#fff}[data-theme=light] .edit-overlay textarea{color:#1a1a1a;background:#f5f5f5;border-color:#ddd}[data-theme=light] .lightbox{background:#ffffffe6}[data-theme=light] .login-form{background:#fff;border-color:#e0e0e0}[data-theme=light] .login-form input{color:#1a1a1a;background:#f5f5f5;border-color:#ddd}[data-theme=light] .login-subtitle{color:#999}[data-theme=light] .lesson-badge{color:#854d0e;background:#fef9c3;border-color:#fde047}[data-theme=light] .credit-info{color:#888}[data-theme=light] .fun-search{background:#fff;border-color:#ddd}[data-theme=light] .fun-search svg{color:#aaa}[data-theme=light] .fun-search input{color:#1a1a1a}[data-theme=light] .fun-search-clear{color:#666;background:#e5e5e5}[data-theme=light] .progress-track{background:#e5e5e5}[data-theme=light] .fun-card-new{background:var(--brand-gradient);border-color:#0000001a}[data-theme=light] .fun-card-new-inner span{color:#fff;text-shadow:0 2px 8px #0000004d}[data-theme=light] .fun-card-new-inner svg{color:#fff}[data-theme=light] .generating-overlay p{color:#666}[data-theme=light] .generating-dots span{background:#2563eb}[data-theme=light] .fun-card-loading{color:#666}[data-theme=light] .fun-empty p,[data-theme=light] .fun-card-meta{color:#888}[data-theme=light] .fun-time{color:#aaa}[data-theme=light] .fun-card-preview-stack img{border-color:#fff}[data-theme=light] .fun-card-cover{border-color:var(--card-color)}[data-theme=light] .fun-card-info h3{color:#1a1a1a}[data-theme=light] .fun-scene-narration{color:var(--brand-primary)}[data-theme=light] .community-header h2{color:#1a1a1a}[data-theme=light] .community-count{color:#666;background:#e5e5e5}[data-theme=light] .community-card-author{color:#888}[data-theme=light] .community-card-placeholder{background:linear-gradient(135deg,#f0f0f0,#e5e5e5)}[data-theme=light] .community-feedback-toggle{color:#888}[data-theme=light] .feedback-label{color:#666}[data-theme=light] .feedback-star svg{color:#ddd}[data-theme=light] .feedback-comments-header{color:#888}[data-theme=light] .feedback-comment-author{color:var(--brand-primary)}[data-theme=light] .feedback-comment-time{color:#bbb}[data-theme=light] .profile-title{color:#1a1a1a}[data-theme=light] .profile-avatar-placeholder{color:#bbb;background:#f0f0f0}[data-theme=light] .profile-avatar-hint{color:#aaa}[data-theme=light] .profile-field label{color:#666}[data-theme=light] .profile-section-title{color:#333}[data-theme=light] .profile-pw-msg.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .profile-pw-msg.err{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme=light] .profile-pw-eye{color:#aaa}[data-theme=light] .story-time-badge{color:#888;background:#f0f0f0}[data-theme=light] .video-prompt-tag{color:#999}[data-theme=light] h3{color:#888}[data-theme=light] .login-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme=light] .login-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .login-link{color:var(--brand-primary)}.palette-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.palette-swatch{cursor:pointer;border:3px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:52px;transition:all .2s;display:flex;position:relative;overflow:hidden}.palette-swatch:hover{transform:scale(1.06)}.palette-active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}[data-theme=light] .palette-active{border-color:#333;box-shadow:0 0 0 2px #00000026}.palette-check{color:#fff;text-shadow:0 1px 3px #0006;font-size:1rem;font-weight:700}.palette-name{color:#ffffffd9;text-shadow:0 1px 3px #0006;font-size:.62rem;font-weight:600}.community-share-btn{color:var(--brand-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.7rem;font-weight:600;transition:color .15s;display:inline-flex}.community-share-btn:hover{color:var(--brand-primary)}.shared-story{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.shared-loading,.shared-error{text-align:center;color:#888;flex-direction:column;align-items:center;gap:.75rem;display:flex}.shared-error svg{color:#f87171}.shared-error h2{color:#e0e0e0;font-size:1.1rem}.shared-error p{color:#888;margin-bottom:.5rem;font-size:.85rem}.shared-card{background:#141414;border:2px solid #222;border-radius:20px;width:100%;max-width:600px;overflow:hidden}.shared-cover{aspect-ratio:16/9;overflow:hidden}.shared-cover img{object-fit:cover;width:100%;height:100%}.shared-info{padding:1.5rem}.shared-badge{color:var(--brand-accent);align-items:center;gap:.3rem;margin-bottom:.5rem;font-size:.75rem;display:inline-flex}.shared-info h1{color:#e0e0e0;margin-bottom:.35rem;font-size:1.4rem;font-weight:700}.shared-author{color:#888;margin-bottom:.2rem;font-size:.82rem}.shared-meta{color:#666;margin-bottom:1.25rem;font-size:.78rem}.shared-actions{gap:.6rem;margin-bottom:1.25rem;display:flex}.shared-play-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.shared-play-btn:hover{transform:scale(1.03);box-shadow:0 6px 25px #0000004d}.shared-thumbs{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.shared-thumbs img{object-fit:cover;border:2px solid #222;border-radius:10px;flex-shrink:0;width:80px;height:80px}.locked-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.locked-card{text-align:center;background:#141414;border:2px solid #7f1d1d;border-radius:20px;max-width:420px;padding:2.5rem 2rem}[data-theme=light] .locked-card{background:#fff}.locked-card svg{color:#f87171;margin-bottom:1rem}.locked-card h2{color:#f87171;margin-bottom:.75rem;font-size:1.3rem}.locked-card p{color:#ccc;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}[data-theme=light] .locked-card p{color:#555}.locked-sub{color:#888!important;margin-bottom:1.25rem!important;font-size:.78rem!important}.locked-card .btn{margin-top:.5rem}.toast-container{z-index:400;flex-direction:column;gap:.5rem;max-width:360px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.82rem;font-weight:500;animation:.3s toastIn;display:flex;box-shadow:0 6px 20px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{color:#86efac;background:#14532d;border:1px solid #166534}.toast-error{color:#fca5a5;background:#7f1d1d;border:1px solid #991b1b}.toast-info{color:#93c5fd;background:#1e3a5f;border:1px solid #2563eb}[data-theme=light] .toast-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .toast-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme=light] .toast-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.1rem}.toast-close:hover{opacity:1}