:root{color-scheme:dark;--bg:#05030d;--panel:hsla(0,0%,100%,.04);--panel-strong:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.12);--text-dim:#b7b7c3;--accent:linear-gradient(135deg,#7c3aed,#22d3ee);--glow:0 20px 70px rgba(127,90,240,.35)}*{box-sizing:border-box}body,html{width:100%;height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.2),transparent 25%),radial-gradient(circle at 80% 0,rgba(34,211,238,.2),transparent 20%),var(--bg);color:#fff;-webkit-font-smoothing:antialiased}main{position:relative}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px 56px;overflow:hidden}.hero-card{position:relative;width:min(520px,100%);padding:28px;border-radius:28px;background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));box-shadow:var(--glow),0 18px 40px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.glass-panel,.hero-card{border:1px solid var(--border)}.glass-panel{background:var(--panel);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ghost-button,.pill-button,.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:700;border-radius:999px;padding:14px 18px;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.primary-button{background-image:var(--accent);box-shadow:0 12px 25px rgba(124,58,237,.3)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(124,58,237,.4)}.secondary-button{background:var(--panel-strong);border:1px solid var(--border);color:#e6e6f0}.ghost-button:hover,.secondary-button:hover{transform:translateY(-1px)}.ghost-button{background:transparent;border:1px solid var(--border);color:#e6e6f0}.pill-button{background:hsla(0,0%,100%,.08);color:#e1e5f0;border:1px solid hsla(0,0%,100%,.12);padding:10px 14px;font-size:13px}.button-stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;background:hsla(0,0%,100%,.12);color:#e6e6f0;border:1px solid hsla(0,0%,100%,.14)}.hero-title{font-size:32px;line-height:1.2;margin:8px 0}.hero-subtitle{color:var(--text-dim);font-size:14px;line-height:1.6}.footer-hint{margin-top:4px;color:var(--text-dim);font-size:12px}.page-shell{min-height:100vh;padding:30px 18px 40px;max-width:1100px;margin:0 auto}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.page-heading{display:flex;flex-direction:column;gap:6px}.page-heading h1{margin:0;font-size:26px}.page-heading p{margin:0;color:var(--text-dim);font-size:14px}.page-card{padding:16px;border-radius:20px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35)}.toolbar{align-items:center}.toolbar,.toolbar-actions{display:flex;gap:10px}.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.visual-card{position:relative;padding:12px;border-radius:16px;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid var(--border);box-shadow:0 10px 20px rgba(0,0,0,.35);color:inherit;text-decoration:none;transition:transform .14s ease,border .14s ease}.visual-card:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.5)}.visual-card__preview{position:relative;aspect-ratio:9/16;width:100%;border-radius:12px;background:linear-gradient(145deg,#111827,#0b0b13);overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-card__gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.45),transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,211,238,.4),transparent 55%)}.visual-card__label{position:relative;z-index:1;padding:6px 10px;border-radius:12px;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.14);font-size:12px;letter-spacing:.02em}.visual-card__meta{display:flex;flex-direction:column;gap:4px;margin-top:10px}.visual-card__title{font-weight:700;font-size:15px;margin:0}.visual-card__description{margin:0;color:var(--text-dim);font-size:13px;line-height:1.4}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.07);color:#eaeaf5;border:1px solid hsla(0,0%,100%,.1);font-size:12px;font-weight:600}.chip.warning{background:rgba(255,190,92,.18);color:#fcd34d;border-color:rgba(252,211,77,.4)}.chip.success{background:rgba(34,211,238,.18);color:#99f6e4;border-color:rgba(34,211,238,.45)}.hint-text{color:var(--text-dim);font-size:13px}.install-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));z-index:30}.install-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.install-text{display:flex;flex-direction:column;gap:4px}.install-title{font-weight:700;font-size:14px}.install-subtitle{color:var(--text-dim);font-size:12px}.install-button{padding-inline:16px}.player-shell{position:relative;width:100vw;min-height:100vh;background:#000;overflow:hidden}.player-actions{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:10}.player-actions .toolbar{padding:8px 10px;background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;box-shadow:0 12px 24px rgba(0,0,0,.35)}.player-frame{position:relative;flex:1 1;width:100vw;min-height:100vh;background:#000}.player-embed{position:absolute;inset:0;border:0;width:100%;height:100%}@media (max-width:540px){.hero-card{padding:22px}.toolbar{width:100%;justify-content:space-between}.toolbar-actions{margin-left:auto}.page-card{padding:12px}}