html,body,#app{height:100%;overflow:hidden}:root{color:#fff7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0d1623e0;--panel-border:#ffffff14;--accent:#ff9d67;--accent-soft:#ffd4bb;--mint:#83f0e7;--text-soft:#c3d0dc;--danger:#ff6675;--button-font:"Trebuchet MS", "Segoe UI Rounded", "Arial Rounded MT Bold", sans-serif;background:radial-gradient(circle at top,#ff996642,#0000 28%),radial-gradient(circle at 100% 100%,#83f0e72e,#0000 24%),linear-gradient(#08111b 0%,#0e1725 48%,#122131 100%);font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}img,svg{width:100%;display:block}.splash-screen,.app-shell{place-items:center;height:100dvh;min-height:100dvh;padding:0;display:grid;overflow:hidden}.splash-inner{text-align:center;width:min(360px,100%)}.splash-logo-card{background:#243545;border-radius:42px;width:164px;height:164px;margin:0 auto 18px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 50px #0000002e}.splash-art{width:220px;margin:0 auto 18px}.splash-art-logo{object-fit:contain;width:100%;height:100%;margin:0}.splash-inner h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:3rem}.splash-inner p{color:var(--text-soft);margin:6px 0 0}.splash-guide{justify-items:center;gap:12px;display:grid}.splash-guide-badge{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;background:#83f0e714;border:1px solid #83f0e72e;border-radius:999px;padding:8px 14px;font-size:.72rem}.splash-guide p{color:#fff7ef;max-width:280px;margin:0;font-size:1.02rem}.device-frame{width:min(100vw,560px,56.25dvh);max-width:100%;height:min(100dvh,177.778vw);min-height:0}.screen-shell{min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto 1fr auto;gap:10px;padding:10px;display:grid;overflow:hidden}.screen-top,.mini-banner,.mini-panel,.bottom-nav,.stat-box{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--panel);border:1px solid var(--panel-border)}.screen-top{border-radius:20px;justify-content:space-between;align-items:start;gap:14px;padding:12px 14px;display:flex}.screen-top h1,.mini-banner h2,.mini-panel h3,.card h3,.choice-screen h2{margin:0;font-family:Georgia,Times New Roman,serif}.screen-top h1{font-size:1.58rem}.eyebrow,.section-kicker,.question-tag,.mode-indicator{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.eyebrow,.section-kicker,.mode-indicator{color:var(--mint);margin:0 0 6px}.screen-body{overscroll-behavior:contain;min-width:0;min-height:0;padding-right:2px;overflow:auto}.single-screen{overscroll-behavior:contain;align-content:start;gap:10px;min-width:0;height:100%;min-height:0;padding-right:2px;display:grid;overflow:auto}.settings-screen{padding-right:2px;overflow:hidden auto}.question-screen,.recommendation-screen{grid-template-rows:auto;min-width:0;overflow:hidden auto}.recommendation-screen-loading-state{flex-direction:column;justify-content:center;align-items:stretch;height:100%;min-height:100%;display:flex;overflow:hidden}.recommendation-result-screen{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;height:auto;min-height:0;display:grid;overflow:hidden auto}.recommendation-result-screen-loading{flex-direction:column;flex:auto;justify-content:center;align-items:center;height:100%;min-height:100%;display:flex}.mini-banner,.mini-panel,.choice-screen{border-radius:18px;min-width:0;padding:12px}.choice-screen{align-content:start;gap:12px;min-width:0;height:auto;min-height:0;display:grid;overflow:visible}.card{background:#101b28eb;border:1px solid #ffffff17;border-radius:22px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid;overflow:hidden}.card-fit{height:100%;min-height:0;max-height:100%;overflow:hidden auto}.question-screen .card-fit{grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.question-screen .card-fit>.media-frame{min-height:0}.card-seen{background:linear-gradient(#83f0e72e,#83f0e70d)}.card-taste,.card-recommendation{background:linear-gradient(#ff9d6733,#ff9d670d)}.card-recommendation{grid-template-rows:auto minmax(0,1fr) auto auto;align-self:stretch;height:100%;min-height:0;display:grid}.question-tag{color:var(--accent-soft);margin:0}.card-head{grid-template-columns:minmax(0,1fr) 42px;align-items:start;gap:10px;min-width:0;display:grid}.card-head-copy{gap:8px;min-width:0;display:grid}.card-corner-action{color:#80d8ff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex:none;width:38px;height:38px;position:relative}.card-corner-actions{gap:8px;display:grid}.card-corner-action .button-glyph{opacity:.95;width:20px;height:20px;text-shadow:none;top:50%}.card-corner-action-share{color:#ffb07e}.meta-row,.button-row{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.meta-row span{color:var(--text-soft);background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:.8rem}.media-frame{justify-content:center;align-items:center;min-height:0;max-height:none;display:flex;overflow:hidden}.poster-image-trigger{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.card-seen .media-frame,.card-taste .media-frame{height:auto;min-height:0;max-height:none;margin-block:2px 6px}.card-recommendation .media-frame{min-height:0;max-height:none;margin-block:2px 6px}.card-recommendation .button-row{flex-wrap:nowrap;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.card-recommendation .answer-action{min-height:62px;padding:8px}.card-recommendation .button-label{text-align:center;font-size:1.22em}.poster-image{object-fit:contain;object-position:center;background:#ffffff0a;border-radius:22px;width:100%;max-width:none;height:100%;max-height:none}.poster-image-thumbnail{object-fit:contain}.poster-image-crop{object-fit:cover}.poster-lightbox-backdrop{background:#050a11e6;padding:20px}.poster-lightbox-panel{cursor:zoom-out;background:#0b121cfa;border:1px solid #ffffff14;border-radius:24px;justify-content:center;align-items:center;width:min(92vw,760px);height:min(90dvh,1200px);padding:10px;display:flex;box-shadow:0 24px 60px #0000006b}.poster-lightbox-image{object-fit:contain;background:#ffffff0a;border-radius:18px;width:100%;height:100%}.gesture-hint,.card-copy,.muted,.choice-screen p{color:var(--text-soft);margin:0}.gesture-hint{color:var(--mint);text-align:center;font-size:.8rem}.button-row>*{flex:1 1 0}.button-row-3>*{min-width:0}.primary,.ghost,.danger,.choice,.result-pill{font-family:var(--button-font);letter-spacing:-.02em;border-radius:16px;padding:10px 13px;font-size:clamp(.88rem,2.45vw,1rem);font-weight:800;line-height:1.05;transition:transform .16s,opacity .16s}.primary:hover,.ghost:hover,.danger:hover,.choice:hover,.result-pill:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg, var(--accent), #ffc088);color:#2d1405;font-weight:700}.ghost,.choice,.result-pill{color:#fff7ef;background:#ffffff0d;border:1px solid #ffffff14}.danger{color:#ffd6dc;background:#ff667529;border:1px solid #ff667538}.answer-action{isolation:isolate;color:#fff7ef;background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;min-height:66px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.answer-action.primary,.answer-action.ghost,.answer-action.danger{color:#fff7ef;background:#ffffff0f;border:1px solid #ffffff1a}.button-label{z-index:1;text-shadow:0 1px #0000003d;font-size:1.36em;position:relative}.button-glyph{opacity:.82;z-index:0;pointer-events:none;text-shadow:0 0 24px #ffffff2e;width:58px;height:58px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.button-glyph svg{width:100%;height:100%;display:block}.action-yes .button-glyph{color:#ff3158}.action-flip .button-glyph{color:#4cb6ff}.action-no .button-glyph{color:#ff8a2b;opacity:.98;text-shadow:0 0 2px #3f16008c,0 0 18px #ff8a2b47;width:70px;height:70px;top:50%}.action-partial .button-glyph{color:#ffd84a}.action-search .button-glyph{color:#80d8ff}.action-seen .button-glyph{color:#41e36e}.score-panel{width:100%;display:grid}.score-scale{background:linear-gradient(90deg,#ff5630 0%,#ff9b24 22%,#ffe23b 50%,#9bf233 76%,#34ea3d 100%);border:1px solid #ffffff24;border-radius:20px;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -14px 24px #0000002e}.score-edge-label{z-index:2;pointer-events:none;color:#fff7efeb;text-shadow:0 1px 6px #00000073;font-size:1.22rem;font-weight:800;line-height:1;position:absolute;bottom:8px}.score-edge-label-left{left:12px}.score-edge-label-right{right:12px}.score-center-label{z-index:2;pointer-events:none;color:#7a2500;text-shadow:0 1px #fff1d28c,0 0 12px #ffd35e38;letter-spacing:-.02em;font-size:1.18rem;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-taste .score-panel{justify-self:stretch;width:100%;margin-top:10px}.card-taste .score-scale{min-height:74px}.score-segment{background:0 0;border:0;border-left:1px solid #0a121c33;border-radius:0;min-width:0;min-height:74px;padding:0}.score-segment:first-child{border-left:0}.score-segment:hover{background:#ffffff14}.full{width:100%}.search-box{gap:8px;display:grid}.help-copy{gap:10px;margin-top:10px;display:grid}.auth-panel{gap:10px;margin-top:12px;display:grid}.profile-access-modal{width:min(100%,420px)}.help-list{gap:10px;display:grid}.help-list strong{color:#fff7ef}.search-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:14px 15px}.feedback-textarea{resize:vertical;color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;width:100%;min-height:132px;padding:14px 15px}.search-box select{color:#fff7ef;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#ffffff0d;background-image:linear-gradient(45deg,#0000 50%,#fff7efe6 50%),linear-gradient(135deg,#fff7efe6 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff1f;border-radius:16px;padding:14px 34px 14px 15px}.search-box select option{color:#fff7ef;background:#132131}.birth-grid{grid-template-columns:.9fr 1.3fr 1fr;gap:8px;display:grid}.compact-list,.finger-list,.choice-grid,.stats-grid{gap:10px;display:grid}.choice-grid{grid-template-columns:1fr 1fr}.choice-grid-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.loading-screen{text-align:center;align-content:center;place-items:center;height:100%;min-height:100%;display:grid}.recommendation-result-screen-loading>.loading-screen{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:18px;width:100%;max-width:520px;margin:auto;display:flex}.loading-actions{width:min(100%,460px)}.loading-art{width:min(100%,240px);height:auto;overflow:visible}.loading-orbit{fill:none;stroke:#83f0e747;stroke-width:10px;stroke-linecap:round;stroke-dasharray:120 180;transform-origin:160px 110px}.orbit-a{animation:4.2s linear infinite orbit-spin}.orbit-b{stroke:#ff9d6757;animation:3s linear infinite reverse orbit-spin}.loading-wave{fill:none;stroke:#fff7efe6;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30 22;animation:1.5s linear infinite wave-shift}.loading-spark{fill:#ffcf45;filter:drop-shadow(0 0 14px #ffcf4573);animation:1.4s ease-in-out infinite spark-pulse}.choice{text-align:left;min-height:66px}.choice-any{color:#dffffb;background:#83f0e71f;border-color:#83f0e733}.stats-grid{grid-template-columns:1fr 1fr}.stat-box{border-radius:22px;padding:16px}.stat-box strong{font-size:2rem;display:block}.stat-box span{color:var(--text-soft)}.finger-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.finger-row:last-child{border-bottom:0}.popup-group{gap:4px;display:grid}.finger-row-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.finger-row-button:hover .finger-row{color:#fff7ef}.error-banner{color:#ffd8de;background:#ff667526;border-radius:18px;padding:12px 14px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#050a12b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;gap:12px;width:min(100%,360px);padding:16px;display:grid}.modal-panel-full{width:min(100%,560px);height:min(100%,100dvh);max-height:100dvh;padding:14px 14px max(14px, env(safe-area-inset-bottom));border-radius:0;grid-template-rows:auto minmax(0,1fr) auto}.modal-scroll{min-height:0;padding-right:2px;overflow:hidden auto}.modal-actions{background:linear-gradient(#0d162300,#0d1623f0 32%);padding-top:8px;position:sticky;bottom:0}.modal-actions-row{background:0 0;grid-template-columns:1fr 1fr;gap:10px;padding-top:0;display:grid;position:static}.modal-error{color:#ffd8de;background:#ff667524;border:1px solid #ff66753d;border-radius:14px;margin:0;padding:10px 12px}.modal-success{color:#dffffb;background:#83f0e71f;border:1px solid #83f0e733;border-radius:14px;margin:0;padding:10px 12px}.bottom-nav{border-radius:22px;grid-template-columns:repeat(3,1fr);gap:8px;min-width:0;padding:8px;display:grid}.bottom-nav button{color:var(--text-soft);background:0 0;border-radius:16px;justify-items:center;gap:6px;min-width:0;padding:8px 5px;font-size:clamp(.92rem,2.6vw,1.1rem);display:grid}.settings-version{text-align:center;color:#bfd0e3c7;letter-spacing:.03em;margin-top:2px;padding-bottom:10px;font-size:.96rem;font-weight:700}.settings-build-stamp{letter-spacing:.02em;color:#bfd0e38f;margin-top:4px;font-size:.78rem;font-weight:600}.bottom-nav button.active{color:#fff;background:#ff9d671f}.nav-icon{color:currentColor;background:#ffffff0f;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.nav-icon svg{width:18px;height:18px}@media (width>=900px){.device-frame{--desktop-ui-scale:.84}.device-frame .screen-shell{width:calc(100% / var(--desktop-ui-scale));height:calc(100% / var(--desktop-ui-scale));transform:scale(var(--desktop-ui-scale));transform-origin:top}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave-shift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-104px}}@keyframes spark-pulse{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (width<=640px){.app-shell,.splash-screen{padding:0}.device-frame{width:100%;height:100dvh}.screen-shell{min-height:100dvh;padding:max(env(safe-area-inset-top), 0px) max(env(safe-area-inset-right), 0px) max(env(safe-area-inset-bottom), 0px) max(env(safe-area-inset-left), 0px);border-radius:0}.screen-top,.mini-banner,.mini-panel,.choice-screen,.card,.bottom-nav,.stat-box{border-left:0;border-right:0;border-radius:0}.screen-top,.mini-banner,.mini-panel,.choice-screen,.card,.bottom-nav{margin:0}.poster-image{max-width:100%}}