@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--bg:#08080a;--bg-surface:#111114;--bg-elevated:#18181c;--bg-overlay:#08080ad9;--text-primary:#f2f2f0;--text-secondary:#f2f2f08c;--text-disabled:#f2f2f040;--accent:#c8a882;--accent-dim:#c8a88226;--accent-glow:#c8a88259;--border:#ffffff12;--border-active:#c8a88266;--danger:#e5534b;--disabled-bg:#ffffff0a;--disabled-text:#f2f2f033;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:22px;--font-size-xl:28px;--font-size-2xl:36px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{font-family:var(--font);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}h1{font-size:var(--font-size-xl);letter-spacing:-.5px;font-weight:500}h2{font-size:var(--font-size-lg);font-weight:500}h3{font-size:var(--font-size-md);font-weight:500}p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.screen{max-width:480px;min-height:100dvh;padding:0 var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);width:100%;padding:16px var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font);font-size:var(--font-size-base);letter-spacing:.3px;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);-webkit-appearance:none;border:none;outline:none;font-weight:500;display:flex}.btn:active{opacity:.85;transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#0a0a0a}.btn-primary:hover:not(:disabled){opacity:.9}.btn-ghost{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-active)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:10px var(--spacing-md);font-size:var(--font-size-sm)}.input-field{width:100%;padding:14px var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:var(--font-size-base);transition:border-color var(--transition-fast);-webkit-appearance:none;outline:none}.input-field:focus{border-color:var(--border-active)}.input-field::placeholder{color:var(--text-disabled)}.chip-group{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:10px 18px;font-weight:400}.chip:hover{border-color:var(--border-active);color:var(--text-primary)}.chip.selected{background:var(--accent-dim);border-color:var(--border-active);color:var(--accent)}.chip.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.section-label{font-size:var(--font-size-xs);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-disabled);margin-bottom:var(--spacing-xs);font-weight:500}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-elevated);border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:480px;padding:var(--spacing-lg)var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));animation:slide-up var(--transition-base)ease}.divider{background:var(--border);border-radius:var(--radius-full);width:40px;height:3px;margin:0 auto var(--spacing-md)}.error-text{font-size:var(--font-size-sm);color:var(--danger)}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.star-row{justify-content:center;gap:8px;display:flex}.star{cursor:pointer;transition:transform var(--transition-fast);font-size:28px;line-height:1}.star:hover,.star.filled{transform:scale(1.15)}.star.filled{filter:drop-shadow(0 0 6px var(--accent-glow))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gentle{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:.4s both fade-in}::-webkit-scrollbar{display:none}*{scrollbar-width:none}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}.trial-badge{background:var(--accent-dim);border:1px solid var(--border-active);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent);letter-spacing:.3px;align-items:center;gap:5px;padding:4px 10px;font-weight:500;display:inline-flex}input[type=range]{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#fff3;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);border-radius:50%;width:16px;height:16px;box-shadow:0 0 4px #00000080}.player-screen{z-index:200;background:#000;position:fixed;inset:0;overflow:hidden}.player-landscape-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.player-landscape-wrapper video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.admin-table th{color:var(--text-secondary);font-weight:500}.admin-table tr:hover td{background:var(--bg-surface)}