:root{color-scheme:dark;--bg: #02030a;--ink: #e9e9f4;--ink-dim: #9a9ab0;--accent: #7c5cff;--accent-soft: rgba(124, 92, 255, .35);--accent-2: #4fc3d9;--panel: rgba(255, 255, 255, .06);--panel-border: rgba(255, 255, 255, .1);--font-primary: "Montserrat", "Segoe UI", system-ui, sans-serif;--font-secondary: Arial, Helvetica, sans-serif;font-family:var(--font-secondary);--screen-fade-ms: .52s;--tab-fade-ms: .2s;--modal-fade-ms: .28s}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;opacity:1;animation:screen-fade-in var(--screen-fade-ms) ease}.screen[hidden]{display:none!important}.screen.screen-exit{animation:none;opacity:0;pointer-events:none;transition:opacity var(--screen-fade-ms) ease}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.screen{animation:none}.screen.screen-exit{transition:none}}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#000;pointer-events:none;animation:splash-cycle 3s ease-in-out forwards}.splash-logo{width:min(56vw,255px);animation:splash-logo-grow 3s ease-out forwards}@keyframes splash-logo-grow{0%{transform:scale(.88)}to{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.splash-logo{animation:none}}.splash-thanks{font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-dim);text-align:center;max-width:80vw;padding:0 24px}@keyframes splash-cycle{0%{opacity:0}16%{opacity:1}84%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){#splash{animation-duration:1.4s}}#atmosphere,#flowfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#home{text-align:center;background:var(--bg)}.home-aura{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.home-aura-blob{position:absolute;border-radius:50%;will-change:transform,opacity}.home-aura-blob.b1{top:-22vmax;left:-18vmax;width:62vmax;height:62vmax;background:radial-gradient(circle,#8f61ff9e,#8f61ff00 68%);animation:home-aura-drift-1 16s ease-in-out infinite}.home-aura-blob.b2{bottom:-24vmax;right:-16vmax;width:56vmax;height:56vmax;background:radial-gradient(circle,#26dbdc80,#26dbdc00 70%);animation:home-aura-drift-2 21s ease-in-out infinite;animation-delay:-7s}.home-aura-blob.b3{top:28%;left:6%;width:46vmax;height:46vmax;background:radial-gradient(circle,#6042ff66,#6042ff00 70%);animation:home-aura-drift-3 25s ease-in-out infinite;animation-delay:-13s}@keyframes home-aura-drift-1{0%{transform:translate(0) scale(.92);opacity:.65}30%{transform:translate(7vmax,9vmax) scale(1.12);opacity:1}65%{transform:translate(-5vmax,12vmax) scale(.98);opacity:.8}to{transform:translate(0) scale(.92);opacity:.65}}@keyframes home-aura-drift-2{0%{transform:translate(0) scale(.9);opacity:.6}35%{transform:translate(-9vmax,-7vmax) scale(1.15);opacity:1}70%{transform:translate(-3vmax,-13vmax) scale(1);opacity:.78}to{transform:translate(0) scale(.9);opacity:.6}}@keyframes home-aura-drift-3{0%{transform:translate(0) scale(.95);opacity:.55}40%{transform:translate(8vmax,-6vmax) scale(1.18);opacity:.9}75%{transform:translate(4vmax,7vmax) scale(1.02);opacity:.7}to{transform:translate(0) scale(.95);opacity:.55}}@media (prefers-reduced-motion: reduce){.home-aura-blob{animation:none}}.home-content{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:max(32px,env(safe-area-inset-top)) 24px 24px;gap:22px}.brand-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:4px}.brand-logo{width:min(42vw,165px);margin-bottom:-6px}.brand-mark{font-size:20px;color:var(--accent);margin-bottom:2px}.brand-subtitle{font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:.28em;color:var(--accent-2);text-transform:uppercase}.home-view{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;opacity:1;animation:view-fade-in var(--tab-fade-ms) ease}.home-view[hidden]{display:none}.home-view.view-exit{animation:none;opacity:0;transition:opacity var(--tab-fade-ms) ease}@keyframes view-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.home-view{animation:none}.home-view.view-exit{transition:none}}.bottom-tabs{position:relative;z-index:1;flex-shrink:0;display:flex;border-top:1px solid var(--panel-border);background:#04050ee6;padding-bottom:env(safe-area-inset-bottom)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--ink-dim);font-family:var(--font-primary);font-size:11px;font-weight:600;padding:12px 0 10px;cursor:pointer}.tab-btn svg{width:22px;height:22px}.tab-btn.active{color:var(--accent-2)}.section-label{font-family:var(--font-primary);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;align-self:center}.section-label-left{align-self:flex-start;width:100%;max-width:340px;margin:0 auto;text-align:left}.settings-list{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px;text-align:left}.settings-nav-list{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;margin-top:22px}.settings-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);color:var(--ink);font-family:var(--font-primary);font-weight:700;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-title{font-family:var(--font-primary);font-weight:700;font-size:16px;color:var(--ink);align-self:flex-start;margin:40px 0 4px}.support-hero{width:100%;max-width:340px;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.support-heading{font-family:var(--font-primary);font-weight:800;font-size:21px;color:var(--ink)}.support-copy{font-size:13px;line-height:1.5;color:var(--ink-dim)}.support-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border)}.support-card-head{display:flex;align-items:center;gap:12px}.support-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;border:1px solid var(--panel-border)}.support-icon-kofi{background:#3bb4e824}.support-icon-trakteer{background:#1ac0c624}.support-card-title{font-family:var(--font-primary);font-weight:700;font-size:14px;color:var(--ink)}.support-card-sub{font-size:12px;color:var(--ink-dim)}.support-btn{width:100%;display:block;text-align:center;text-decoration:none;box-sizing:border-box}.support-btn-kofi{background:linear-gradient(180deg,#5cc6f5,#3bb4e8 60%,#2a9bd0);color:#06222f}.support-btn-trakteer{background:linear-gradient(180deg,#3fd6d6,#1ac0c6 60%,#0fa3ab);color:#032325}.about-version{font-size:11px;color:var(--ink-dim);margin-top:2px}.about-copy-card{width:100%;max-width:340px;padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);font-size:13px;line-height:1.55;color:var(--ink-dim);text-align:left}.creator-card{width:100%;max-width:340px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);text-align:left}.creator-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#ffffff14;padding:8px;box-sizing:border-box}.creator-name{font-family:var(--font-primary);font-weight:700;font-size:14px;color:var(--ink)}.creator-role{font-size:12px;color:var(--ink-dim)}.social-btn{width:100%;max-width:340px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--panel);color:var(--ink);border:1px solid var(--panel-border)}.social-btn svg{width:16px;height:16px}#detail{background:var(--bg);padding:max(20px,env(safe-area-inset-top)) 24px 32px;align-items:center;justify-content:safe center;overflow-y:auto;gap:24px;text-align:center}.back-btn{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;z-index:2}.detail-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px}.detail-preview{--preview-color: #7c5cff;position:relative;width:100%;height:180px;margin-bottom:4px}.preview-glow{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--preview-color) 0%,rgba(124,92,255,0) 72%);opacity:.55;filter:blur(2px);animation:preview-breathe 6s ease-in-out infinite}@keyframes preview-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.12);opacity:.65}}.preview-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.8;box-shadow:0 0 8px 1px #ffffff80}.preview-dot.d1{top:22%;left:34%;width:4px;height:4px}.preview-dot.d2{top:58%;left:68%;width:6px;height:6px}.preview-dot.d3{top:40%;left:78%;width:3px;height:3px}.detail-duration-label{font-family:var(--font-primary);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2)}.detail-name{font-family:var(--font-primary);font-size:26px;font-weight:800}.detail-desc{font-size:14px;color:var(--ink-dim);margin-bottom:10px}.duration-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.duration-chip{padding:10px 16px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink-dim);font-family:var(--font-primary);font-weight:600;font-size:13px;cursor:pointer}.duration-chip.selected{color:#0a0a12;background:var(--ink);border-color:var(--ink)}.skin-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 18px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);color:var(--ink);font-family:var(--font-primary);font-weight:600;font-size:13px;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.skin-chip:active{transform:scale(.97)}.wordmark{font-family:var(--font-primary);font-size:24px;letter-spacing:.12em;color:var(--ink);font-weight:800}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:14px 22px;font-family:var(--font-primary);font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .1s ease,box-shadow .2s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#9a7cff,#7c5cff 55%,#6a46f5);color:#fff;box-shadow:0 10px 26px -8px #7c5cffbf,0 0 0 1px #ffffff14 inset}.btn-primary:active{box-shadow:0 6px 16px -8px #7c5cffb3,0 0 0 1px #ffffff14 inset}.btn-hero{width:100%;max-width:340px;padding:18px 22px;font-size:16px}.btn-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--panel-border)}.btn-text{background:none;color:var(--ink-dim);font-family:var(--font-secondary);font-size:13px;padding:8px}.other-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}.other-list[hidden]{display:none}.list-group-label{font-family:var(--font-primary);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);width:100%;max-width:340px;margin:4px auto 2px}.list-group-label:not(:first-child){margin-top:18px}.experience-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);text-align:left}.session-row{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .15s ease,transform .1s ease}.session-row:active{transform:scale(.98)}.session-thumb{flex-shrink:0;width:52px;height:52px;border-radius:14px;object-fit:cover;background:#ffffff0f}.session-thumb-fallback{display:flex;align-items:center;justify-content:center;font-size:22px}.session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.session-info .name{font-family:var(--font-primary);font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-info .meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim)}.session-tag{font-family:var(--font-primary);font-weight:700;font-size:11px;letter-spacing:.08em}.session-dot{opacity:.5}.session-chevron{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink);line-height:1}#session canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#blockbuster canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#bb-back-btn{width:52px;height:52px;font-size:22px;background:#00000080;border-color:#ffffff47}.brightness-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .3s ease}.reveal-btn{position:absolute;top:max(18px,env(safe-area-inset-top));right:20px;opacity:.35;z-index:5}.session-back-btn{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;opacity:.55;z-index:5;transition:opacity .2s ease}.session-back-btn:active{opacity:.9}.session-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:66px;display:flex;align-items:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.session-top.visible{opacity:1;pointer-events:auto}.session-title{font-size:13px;color:var(--ink-dim);letter-spacing:.05em}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--panel-border);background:#00000059;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.icon-btn[hidden]{display:none}.caption{position:absolute;left:24px;right:24px;bottom:26%;text-align:center;font-family:var(--font-primary);font-size:20px;font-weight:500;line-height:1.5;color:#ffffffeb;opacity:0;transition:opacity .8s ease;pointer-events:none}.caption.visible{opacity:.35}.breathing-caption{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-size:15px;color:#ffffffbf;opacity:0;transition:opacity .6s ease;pointer-events:none}.breathing-caption.visible{opacity:1}.hint{position:absolute;left:24px;right:24px;bottom:10%;text-align:center;font-size:13px;color:var(--ink-dim);opacity:0;transition:opacity 1s ease;pointer-events:none}.hint.visible{opacity:1}.controls{position:absolute;left:0;right:0;bottom:0;padding:18px 20px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#02030a00,#02030aeb 40%);transform:translateY(100%);transition:transform .35s ease}.controls.visible{transform:translateY(0)}.control-row{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--ink-dim)}.control-row-head{display:flex;align-items:center;justify-content:space-between}.control-row label{font-family:var(--font-primary);font-weight:700;font-size:13px;letter-spacing:.03em;color:var(--ink)}.control-value{font-family:var(--font-primary);font-weight:600;font-size:12px;color:var(--ink-dim);min-width:36px;text-align:right}.control-row input[type=range]{width:100%;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.control-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px}.control-row input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;box-shadow:0 0 0 6px #7c5cff2e,0 2px 6px #0006}.control-row input[type=range]::-moz-range-track{height:6px;border-radius:999px}.control-row input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;box-shadow:0 0 0 6px #7c5cff2e,0 2px 6px #0006}.control-actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.toggle-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);font-size:12px;color:var(--ink-dim);cursor:pointer}.toggle-chip.on{color:var(--ink);border-color:var(--accent-soft);background:#7c5cff2e}#ending-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#0000;opacity:0;pointer-events:none;transition:opacity 1.2s ease}#ending-overlay.visible{opacity:1;pointer-events:auto}.ending-line{font-family:var(--font-primary);font-weight:700;font-size:20px;color:#ffffffeb;letter-spacing:.02em}.ending-actions{display:flex;gap:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#02030ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade .2s ease}.modal-overlay.modal-exit{animation:none;opacity:0;transition:opacity var(--modal-fade-ms) ease}@media (prefers-reduced-motion: reduce){.modal-overlay.modal-exit{transition:none}}.modal-overlay[hidden]{display:none}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:400px;max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#14101f,#0a0a16);border:1px solid var(--panel-border);border-bottom:none;border-radius:26px 26px 0 0;padding:56px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:modal-rise .25s ease}@keyframes modal-rise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-back{position:absolute;top:18px;left:18px}.modal-kicker{font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2)}.modal-title{font-family:var(--font-primary);font-size:22px;font-weight:800;margin-bottom:8px}.modal-list{list-style:none;margin:0 0 18px;padding:0;width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;text-align:left}.modal-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.5;color:var(--ink-dim)}.modal-list li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 1px var(--accent-soft)}