/* style.css */
:root{--primary:#00f2ea;--secondary:#ff0050;--bg-dark:#050505;--surface:#121212;--surface-hover:#1e1e1e;--border:#2a2a2a;--glass:rgba(18,18,18,0.85);--warning:#ffb700;--success:#28a745;--danger:#dc3545;--text:#fff;--text-secondary:#bbb;--radius:16px;--radius-lg:24px;--shadow:0 25px 50px -12px rgba(0,0,0,0.5);--transition:all .3s cubic-bezier(.4,0,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-dark);color:var(--text);font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
.bg-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(255,0,80,0.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,242,234,0.05),transparent 25%);z-index:-1;pointer-events:none}
.navbar-glass{background:var(--glass);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;padding:1rem 0}
.brand{font-weight:800;font-size:1.4rem;letter-spacing:-0.5px;background:linear-gradient(to right,#fff,#bbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.main-container{flex:1;max-width:700px;margin:0 auto;padding:3rem 1rem;width:100%}
.engine-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.input-zone{position:relative;margin-bottom:1.5rem}
.cyber-input{width:100%;background:#0a0a0a;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 6.5rem 1.2rem 1.2rem;color:#fff;font-size:1rem;transition:var(--transition)}
.cyber-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,242,234,.1)}
.cyber-input.locked{border-color:var(--warning);cursor:not-allowed;opacity:.6}
.input-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
.icon-btn{background:var(--surface-hover);border:1px solid var(--border);color:#aaa;width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}
.icon-btn:hover{color:#fff;border-color:var(--primary);background:#222}
.icon-btn.clear-btn{display:none;color:var(--secondary);border-color:rgba(255,59,95,.3)}
.btn-core{width:100%;background:#fff;color:#000;font-weight:700;padding:1rem;border-radius:var(--radius);border:none;position:relative;overflow:hidden;transition:var(--transition)}
.btn-core:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,255,255,.1)}
.btn-core:active:not(:disabled){transform:translateY(0)}
.btn-core.rate-limited{background:var(--warning);color:#000;cursor:not-allowed;animation:pulse .5s ease-in-out}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.98)}}
.media-player{width:100%;border-radius:var(--radius);overflow:hidden;background:#000;position:relative;min-height:300px}
video{width:100%;display:block}
.author-badge{display:flex;align-items:center;background:rgba(255,255,255,.05);padding:10px;border-radius:12px;margin-bottom:1rem}
.footer-hub{margin-top:auto;padding:2rem 0;border-top:1px solid var(--border);background:var(--surface);text-align:center}
.social-grid{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}
.social-item{width:50px;height:50px;background:var(--bg-dark);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.3rem;transition:var(--transition);text-decoration:none}
.social-item:hover{color:#fff;border-color:var(--primary);background:#222}
.d-none{display:none!important}
.shimmer{background:#1a1a1a;background-image:linear-gradient(to right,#1a1a1a 0%,#252525 20%,#1a1a1a 40%,#1a1a1a 100%);background-repeat:no-repeat;background-size:800px 100%;animation:shimmer 1.5s infinite linear}
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.toast-box{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#222;border:1px solid var(--border);padding:12px 24px;border-radius:50px;box-shadow:0 10px 40px rgba(0,0,0,.8);z-index:9999;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:var(--transition);min-width:300px;max-width:90vw}
.toast-box.show{opacity:1;bottom:40px}
.carousel-inner.bg-white{background:#fff;padding:12px}
.carousel-inner.bg-white .carousel-item img{background:#fff;max-height:500px}
.carousel-caption.bg-white{background:rgba(255,255,255,.9);color:#111}