@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;flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}.safe-top{padding-top:env(safe-area-inset-top)}@media (display-mode:standalone){.safe-top{padding-top:calc(env(safe-area-inset-top) + 24px)}}.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{width:100%;max-width:400px;min-height:100dvh;padding:0 var(--spacing-md);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (min-width:500px) and (min-height:700px){.screen{height:100dvh;min-height:auto;max-height:850px;margin:auto;overflow-y:auto}}.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}@media (min-width:768px){.player-landscape-wrapper video{object-fit:contain;background-color:#000}}.desktop-fullscreen-btn{display:none!important}@media (min-width:768px){.desktop-fullscreen-btn{display:flex!important}}.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)}.home-bg-wrapper{z-index:-1;background-color:var(--bg);position:fixed;inset:0}.home-bg-image{object-fit:cover;opacity:0;object-position:center 30%;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.home-bg-image.active{opacity:1}.home-bg-overlay{pointer-events:none;background:linear-gradient(#08080a33 0%,#08080a66 40%,#08080af2 80%,#08080a 100%);position:absolute;inset:0}.home-section-label{font-size:var(--font-size-xs);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);opacity:.7;margin-bottom:10px;font-weight:500}.home-chip-group{flex-wrap:wrap;gap:8px;display:flex}.home-chip{border-radius:var(--radius-full);color:#f2f2f0a6;font-family:var(--font);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff1f;padding:11px 20px;font-weight:400;line-height:1}.home-chip:hover{color:var(--text-primary);border-color:#c8a88259}.home-chip.selected{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:500}.home-chip.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.more-options-area{flex-direction:column;display:flex}.more-options-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:6px 0;display:flex}.more-options-toggle:active{opacity:.6}.more-options-line{background:#ffffff1f;flex:1;height:1px}.more-options-pill{border-radius:var(--radius-full);color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast);background:#ffffff14;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;padding:7px 18px;display:flex}.more-options-toggle:hover .more-options-pill{color:var(--text-primary);background:#ffffff1f;border-color:#c8a8824d}.more-options-content{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.more-options-content.expanded{opacity:1;max-height:600px}.home-header-bar{margin-bottom:6vh}@media (orientation:landscape) and (max-height:520px){.screen{gap:0;overflow-y:auto;justify-content:flex-start!important}.home-bottom-section{margin-top:24px}.home-chip-group{flex-wrap:wrap}}