:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #070312;--bg-deep: #0b0618;--bg-card: rgba(18, 10, 38, .84);--bg-card-strong: rgba(23, 11, 47, .92);--bg-input: rgba(8, 4, 24, .92);--text: #f5f1ff;--text-soft: #cfc4f6;--text-muted: #a697dc;--violet: #8b5cf6;--violet-2: #6d28d9;--cyan: #67e8f9;--cyan-2: #22d3ee;--gold: #f3dc97;--gold-2: #e9be63;--border: rgba(139, 92, 246, .32);--border-strong: rgba(103, 232, 249, .5);--shadow-violet: 0 0 24px rgba(139, 92, 246, .18);--shadow-cyan: 0 0 26px rgba(34, 211, 238, .14);--shadow-panel: 0 22px 70px rgba(0, 0, 0, .45), 0 0 0 1px rgba(139, 92, 246, .12), 0 0 28px rgba(139, 92, 246, .16)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(103,232,249,.08),transparent 28%),radial-gradient(circle at 80% 18%,rgba(139,92,246,.16),transparent 32%),radial-gradient(circle at 50% 100%,rgba(34,211,238,.08),transparent 24%),linear-gradient(180deg,#12081f,#0c0619 48%,#070312);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff05,#ffffff05),radial-gradient(circle at center,transparent 0,rgba(0,0,0,.22) 100%);mix-blend-mode:screen;opacity:.45}img{max-width:100%}.app,.entry-screen{min-height:100vh;display:grid;place-items:center;padding:32px 20px;position:relative}.app:before,.entry-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(139,92,246,.11),transparent 24%),radial-gradient(circle at 50% 80%,rgba(103,232,249,.06),transparent 18%)}.entry-panel,.panel{position:relative;z-index:1;overflow:hidden}.entry-panel:before,.panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(103,232,249,.18),transparent 22%,transparent 75%,rgba(139,92,246,.18));opacity:.9}.entry-panel{width:min(560px,100%);background:linear-gradient(180deg,#150a2ce6,#0c061cf0);border:1px solid rgba(139,92,246,.26);border-radius:24px;padding:30px 28px;text-align:center;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{width:min(980px,100%);background:linear-gradient(180deg,#160a2ce6,#0b061af2);border:1px solid rgba(139,92,246,.28);border-radius:28px;padding:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-panel)}.app-logo{width:92px;height:92px;margin:0 auto 14px;display:block;filter:drop-shadow(0 0 10px rgba(103,232,249,.35)) drop-shadow(0 0 16px rgba(139,92,246,.3))}.brand-row{display:flex;align-items:center;gap:18px}.brand-logo{width:70px;height:70px;object-fit:contain;border-radius:18px;background:#0c081a85;padding:10px;box-shadow:inset 0 0 0 1px #67e8f91f,0 0 18px #67e8f924,0 0 24px #8b5cf61f}.brand-copy{display:flex;flex-direction:column;gap:6px;min-width:0}h1,.brand-title{margin:0;font-size:clamp(2.1rem,3vw,3.15rem);line-height:.95;letter-spacing:-.03em;color:#f9f8ff;text-shadow:0 0 12px rgba(139,92,246,.28),0 0 18px rgba(103,232,249,.12)}.brand-kicker{margin:0;color:var(--cyan);text-transform:uppercase;font-size:clamp(.78rem,1vw,1rem);letter-spacing:.2em;font-weight:700;opacity:.9}.lead{margin:12px 0 0;color:var(--text-soft);font-size:1rem;line-height:1.55}.hero-lead{max-width:56ch;color:#ddd5ff;margin:14px 0 0;font-size:1.02rem}.startup-screen{min-height:100vh;position:relative;display:grid;place-items:center;padding:24px;background-image:linear-gradient(to top,#05020ed6,#05020e73 36%,#05020e1f),var(--startup-bg);background-size:cover;background-position:center center;background-repeat:no-repeat}.startup-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(103,232,249,.12),transparent 28%),radial-gradient(circle at center,rgba(139,92,246,.18),transparent 42%);pointer-events:none}.startup-loading-box{position:relative;z-index:1;width:min(480px,92vw);border:1px solid rgba(103,232,249,.28);border-radius:22px;background:#0a0617b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;padding:22px 24px;box-shadow:0 20px 50px #00000061,0 0 22px #67e8f929,0 0 26px #8b5cf629}.startup-loading-text{margin:0;font-family:Courier New,monospace;letter-spacing:.14em;font-weight:700;color:#f3f4ff}.startup-loader-dots:after{content:"...";display:inline-block;width:0ch;overflow:hidden;vertical-align:bottom;animation:startup-dots 1.2s steps(4,end) infinite}.startup-loading-ascii{margin:8px 0 0;font-family:Courier New,monospace;color:var(--cyan)}@keyframes startup-dots{0%{width:0ch}to{width:3ch}}.toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:22px}.toolbar-left{display:flex;align-items:center;gap:14px}.toolbar-center{display:flex;justify-content:center}.credits-display{transform:scale(1.05);box-shadow:0 0 22px #67e8f91f,0 0 28px #8b5cf61a}.toolbar-right{display:flex;align-items:center;gap:8px}.credits-display{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:#0a0517a6;border:1px solid rgba(139,92,246,.22);box-shadow:inset 0 0 0 1px #67e8f90a}.credit-pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:#180c32d1;border:1px solid rgba(103,232,249,.14);color:var(--text);font-size:.94rem;box-shadow:inset 0 0 12px #67e8f908}.credit-pill .icon{filter:drop-shadow(0 0 6px rgba(103,232,249,.25))}.store-button,.settings-button,.lang-select,.history-button,.user-menu-trigger,.lang-button{margin-top:0}.store-button,.settings-button{min-width:46px;height:46px;border-radius:14px;padding:0 14px;border:1px solid rgba(103,232,249,.16);background:linear-gradient(135deg,#67e8f92e,#8b5cf638);color:#fff;box-shadow:0 0 14px #67e8f91f,0 0 20px #8b5cf61a}.language-switcher{display:inline-flex;gap:8px}.lang-button,.user-menu-trigger,.lang-select{min-height:42px;border-radius:999px;border:1px solid rgba(139,92,246,.28);background:#0a0517ad;color:var(--text);box-shadow:inset 0 0 10px #67e8f905}.lang-button{min-width:56px;padding:8px 14px}.lang-button.active{background:linear-gradient(135deg,#67e8f9eb,#8b5cf6e0);color:#0b0618;border-color:transparent;box-shadow:0 0 14px #67e8f938,0 0 18px #8b5cf62e}.user-menu{position:relative}.user-menu-trigger{min-width:140px;padding:8px 14px;text-align:left}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#0f081ff5;border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 16px 36px #00000057,0 0 18px #8b5cf624;z-index:30;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.user-menu-item{width:100%;margin-top:0;text-align:left;padding:11px 12px;border-radius:12px;background:transparent;color:var(--text);border:1px solid transparent}.user-menu-item:hover{background:#ffffff0d}label{display:block;margin:0 0 10px;font-weight:700;color:#e8e2ff}.field-block{margin-top:22px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-hint{color:var(--text-muted);font-size:.86rem}textarea,input,.deck-style-select,.lang-select,select{width:100%;border-radius:16px;border:1px solid rgba(139,92,246,.3);padding:14px 15px;font-size:1rem;background:var(--bg-input);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.lang-select{width:auto;min-width:74px;padding:8px 12px}textarea{resize:vertical;min-height:124px;line-height:1.55}textarea::placeholder,input::placeholder{color:#8176af}textarea:focus,input:focus,select:focus,.deck-style-select:focus,.lang-select:focus{outline:none;border-color:#67e8f9b3;box-shadow:0 0 0 1px #67e8f9a6,0 0 18px #67e8f92e,0 0 24px #8b5cf61f;transform:translateY(-1px)}button{margin-top:14px;border:0;border-radius:16px;padding:12px 18px;font-weight:800;font-size:.98rem;cursor:pointer;color:#0a0717;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 10px 24px #0e0a1e3d,0 0 14px #67e8f92e,0 0 18px #8b5cf629;transition:transform .18s ease,box-shadow .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #0e0a1e4d,0 0 18px #67e8f93d,0 0 22px #8b5cf638}button:disabled{opacity:.7;cursor:wait}.primary-cta{margin:0;min-width:220px;padding:14px 22px;border-radius:999px;font-size:1rem;letter-spacing:.01em}.section-card{margin-top:22px;padding:18px;border-radius:20px;border:1px solid rgba(139,92,246,.2);background:linear-gradient(180deg,#120a26b8,#090516c2);box-shadow:inset 0 0 0 1px #67e8f90a,0 0 24px #8b5cf614}.reader-selection{background:linear-gradient(180deg,#180d2fd6,#0b0619db);border:1px solid rgba(139,92,246,.22);border-radius:20px;padding:18px;margin-top:22px;box-shadow:inset 0 0 0 1px #67e8f908,0 0 22px #8b5cf614}.reader-selection-header{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:4px;border-radius:14px;transition:background .2s ease}.reader-selection-header:hover{background:#ffffff09}.reader-selection h3,.section-title{margin:0;font-size:1.05rem;color:#f0e7ff}.selected-reader-display{display:flex;align-items:center;gap:12px;min-width:0}.selected-reader-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(103,232,249,.54);box-shadow:0 0 12px #67e8f92e,0 0 16px #8b5cf629}.selected-reader-name{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-icon{font-size:.84rem;color:var(--text-soft);margin-left:4px}.reader-selection-content{margin-top:18px;padding-top:16px;border-top:1px solid rgba(139,92,246,.16)}.gender-toggle{display:flex;justify-content:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.gender-toggle label{margin:0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--text-soft);padding:10px 14px;border-radius:999px;background:#0a051775;border:1px solid rgba(139,92,246,.16)}.gender-toggle input{width:auto;margin:0;accent-color:var(--cyan)}.readers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.reader-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;border-radius:18px;border:1px solid rgba(139,92,246,.16);cursor:pointer;transition:all .2s ease-in-out;background:linear-gradient(180deg,#0e091cd6,#120a22b8)}.reader-card:hover{background:linear-gradient(180deg,#160e2cf2,#120a22d6);transform:translateY(-3px);border-color:#67e8f942;box-shadow:0 0 16px #67e8f91a,0 0 18px #8b5cf61a}.reader-card.active{border-color:#67e8f999;background:linear-gradient(180deg,#1d103afa,#140b28eb);box-shadow:0 0 16px #67e8f929,0 0 22px #8b5cf62e}.reader-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.28);box-shadow:0 0 12px #8b5cf61a}.reader-card.active .reader-avatar{border-color:#67e8f9c7;box-shadow:0 0 12px #67e8f92e,0 0 16px #8b5cf624}.reader-name{font-size:.88rem;text-align:center;line-height:1.25;color:#f5f3ff}.action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.action-hint{color:var(--text-muted);font-size:.9rem}.cards{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card-item{background:linear-gradient(180deg,#1a0f34f5,#0d081eeb);border:1px solid rgba(139,92,246,.2);border-radius:22px;padding:16px;opacity:0;transform:translateY(-120px) translate(var(--throw-x, 0px)) rotate(var(--throw-rot, 0deg));transition:transform .55s cubic-bezier(.2,.9,.2,1),opacity .3s ease;box-shadow:0 16px 36px #00000047,0 0 20px #8b5cf614}.card-item.dealt{opacity:1;transform:translateY(0) translate(0) rotate(0)}.card-item h2{margin:0 0 4px;font-size:1.12rem;color:#f7f4ff}.card-image{width:100%;border-radius:14px;border:1px solid rgba(103,232,249,.16);box-shadow:0 12px 28px #04020980,0 0 16px #67e8f90d;display:block}.card-image.reversed{transform:rotate(180deg)}.card-flip{margin-top:10px;width:100%;aspect-ratio:2 / 3;position:relative;transform-style:preserve-3d;transition:transform .7s ease}.card-flip.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden}.card-face-back{transform:rotateY(0)}.card-face-front{transform:rotateY(180deg)}.card-face-front.reversed img{transform:rotate(180deg)}.position{margin:6px 0;font-weight:800;color:var(--cyan);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.reading{margin-top:26px;background:linear-gradient(180deg,#0b0717f5,#0e081ff5);border:1px solid rgba(139,92,246,.22);border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px #67e8f908,0 0 24px #8b5cf614}.reading h2{margin:0 0 10px;color:#f9f8ff}.reading-question{margin:0 0 10px;font-weight:700;color:var(--cyan)}.reading pre{margin:0;white-space:pre-wrap;font-family:inherit;line-height:1.7;color:#ece8ff}.warning,.error{margin-top:16px;border-radius:16px;padding:12px 14px;font-weight:500}.warning{background:#7849082e;border:1px solid rgba(244,203,118,.34);color:#ffe6a2}.error{background:#670f4938;border:1px solid rgba(255,118,168,.28);color:#ffd0e4}.google-container{margin-top:18px;display:grid;place-items:center;gap:10px}.google-container>div{min-height:44px}.modal-overlay{position:fixed;inset:0;background:#05030eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:60}.modal-content{width:min(460px,100%);border-radius:24px;padding:24px;background:linear-gradient(180deg,#160b2df7,#0a0617fa);border:1px solid rgba(139,92,246,.26);box-shadow:0 24px 60px #00000073,0 0 24px #67e8f914,0 0 28px #8b5cf61f}.credit-modal h2{margin:0 0 10px}.time-wait{color:var(--cyan);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap}.modal-actions .primary{background:linear-gradient(135deg,var(--cyan),var(--violet))}.terms-modal{width:min(980px,calc(100vw - 24px));max-height:min(92vh,900px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:18px}.terms-modal-title,.terms-modal-lead{margin:0}.terms-content{min-height:0;overflow:auto;border-radius:14px;padding:12px;background:#0a0617a6;border:1px solid rgba(139,92,246,.24)}.terms-content pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.45;font-size:.94rem}.terms-footer{border-top:1px solid rgba(139,92,246,.2);padding-top:10px;display:grid;gap:10px}.terms-check{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;font-size:.95rem;text-align:left;width:100%}.terms-check input{width:auto;flex:0 0 auto;margin:2px 0 0}.terms-check span{flex:1;text-align:left;line-height:1.35}.terms-actions{margin-top:0}@media(max-width:640px){.terms-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px);border-radius:16px;padding:12px}}.store-screen{display:grid;gap:18px}.store-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.store-title{margin:0}.store-back-button{border:1px solid rgba(167,139,250,.45);background:#5b21b633;color:var(--text);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}.store-back-button:hover{background:#5b21b659}.neon-action-btn{background:#67e8f91a!important;color:#67e8f9!important;border-radius:6px!important;border:1px solid rgba(103,232,249,.3)!important;transition:all .2s ease}.neon-action-btn:hover:not(:disabled){background:#67e8f933!important;border-color:#67e8f999!important;box-shadow:0 0 10px #67e8f94d!important}.neon-action-btn:disabled{opacity:.5;filter:grayscale(1)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.product-card{background:#120a26b8;border:1px solid rgba(167,139,250,.26);border-radius:18px;padding:12px;display:grid;gap:10px}.product-card img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);object-fit:cover}.product-info{display:grid;gap:8px}.product-info h3{margin:0}.product-price{margin:0;color:var(--cyan);font-weight:700}.buy-button{border:none;border-radius:12px;padding:10px 12px;font-weight:700;color:#1d1138;cursor:pointer;background:linear-gradient(135deg,#95f2ff,#b5a2ff)}.history-button{min-width:46px;height:46px;border-radius:14px;padding:0;border:1px solid rgba(139,92,246,.24);background:#0a0517ad}.history-screen{display:grid;gap:16px}.history-actions{display:flex;gap:10px;flex-wrap:wrap}.history-nav-button{border-radius:999px;padding:8px 14px;border:1px solid rgba(167,139,250,.4);background:#5b21b629;color:var(--text);font-weight:700}.history-nav-button:disabled{opacity:.45}.history-question-meta{margin:0;color:var(--cyan);font-weight:600}.history-question{margin:0}.history-cards{margin-top:2px}.view-transition-surface{animation:pageSwitchIn 2.26s cubic-bezier(.2,.7,.2,1);transform-origin:top center}@keyframes pageSwitchIn{0%{opacity:0;transform:translateY(8px) scale(.99);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:820px){.toolbar{align-items:stretch}.toolbar-right{width:100%;justify-content:flex-start}.brand-row{width:100%}}@media(max-width:640px){.app,.entry-screen{padding:16px 12px}.panel,.entry-panel{padding:16px 14px;border-radius:20px}.toolbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"left right" "center center";gap:14px;align-items:center}.toolbar-left{grid-area:left;width:auto}.toolbar-center{grid-area:center;width:100%;margin-top:8px}.toolbar-right{grid-area:right;width:auto;justify-content:flex-end;gap:10px}.app-logo{width:54px;height:54px;margin:0}.brand-row{flex-direction:row;align-items:center;gap:8px;width:auto}.brand-kicker{font-size:.8rem;margin:0}.brand-logo{width:56px;height:56px;border-radius:14px}.credits-display{width:100%;justify-content:center;transform:scale(1)}.user-menu-trigger{min-width:118px}.reader-selection-header{align-items:flex-start;flex-direction:column}.selected-reader-display{width:100%}.cards{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.primary-cta{width:100%}}.card-item:hover,.card-item:active{transform:translateY(-6px) scale(1.015);box-shadow:0 24px 54px #00000061,0 0 22px #67e8f91a,0 0 24px #8b5cf61f}.reading-animated{position:relative;overflow:hidden}.reading-animated:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(103,232,249,.035),transparent);opacity:.6;animation:readingShimmer 3.6s linear infinite}.reading-text{position:relative;z-index:1;min-height:7.5em}.reading-caret{display:inline-block;width:.65ch;height:1.05em;margin-left:2px;vertical-align:-.12em;border-radius:2px;background:linear-gradient(180deg,#67e8f9,#8b5cf6);box-shadow:0 0 8px #67e8f973,0 0 12px #8b5cf647;animation:readingCaretBlink .9s steps(1,end) infinite}@keyframes readingCaretBlink{0%,48%{opacity:1}50%,to{opacity:0}}@keyframes readingShimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media(prefers-reduced-motion:reduce){.reading-animated:before,.reading-caret{animation:none!important}}.sound-toggle{min-width:46px;height:46px;border-radius:14px;padding:0;border:1px solid rgba(139,92,246,.24);background:#0a0517ad;color:var(--text);box-shadow:inset 0 0 10px #67e8f905;margin-top:0}.sound-toggle.active{background:linear-gradient(135deg,#67e8f9f2,#8b5cf6e0);color:#0b0618;border-color:transparent;box-shadow:0 0 14px #67e8f92e,0 0 18px #8b5cf629}.history-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-actions-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-question-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-question-title{margin:0}.history-question-meta{margin:0;color:var(--cyan);font-weight:600;text-align:right}.history-entry{display:grid;gap:16px}@media(max-width:640px){.history-actions{align-items:center;flex-wrap:nowrap}.history-actions-left{width:auto;flex-wrap:nowrap}.history-question-header{align-items:flex-start;flex-direction:column}.history-question-meta{text-align:left}}.shuffle-loader{--loader-c1: #67e8f9;--loader-c2: #8b5cf6;--loader-c3: #f3dc97;--loader-c4: #22d3ee;position:relative;width:82px;height:48px;margin-left:12px;display:inline-block;flex:0 0 82px;animation:loaderHueShift 4.8s linear infinite}.shuffle-card{position:absolute;top:6px;left:28px;width:24px;height:34px;border-radius:7px;background:linear-gradient(180deg,#1d0f3afa,#0a0619fa);border:1px solid color-mix(in srgb,var(--loader-c1) 55%,transparent);box-shadow:0 8px 18px #0000004d,0 0 12px color-mix(in srgb,var(--loader-c1) 22%,transparent),0 0 16px color-mix(in srgb,var(--loader-c2) 22%,transparent);overflow:hidden;transform-origin:center center}.shuffle-card:before{content:"";position:absolute;inset:3px;border-radius:5px;border:1px solid color-mix(in srgb,var(--loader-c3) 35%,transparent)}.shuffle-card:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--loader-c1) 95%,white 5%) 0%,color-mix(in srgb,var(--loader-c2) 78%,transparent) 60%,transparent 78%);box-shadow:0 0 10px color-mix(in srgb,var(--loader-c1) 28%,transparent),0 0 12px color-mix(in srgb,var(--loader-c2) 24%,transparent)}.shuffle-card-1{z-index:1;animation:shuffleCardLeft 1.45s cubic-bezier(.4,0,.2,1) infinite}.shuffle-card-2{z-index:3;animation:shuffleCardCenter 1.45s cubic-bezier(.4,0,.2,1) infinite}.shuffle-card-3{z-index:2;animation:shuffleCardRight 1.45s cubic-bezier(.4,0,.2,1) infinite}.shuffle-shimmer{position:absolute;top:1px;left:8px;width:22px;height:44px;border-radius:999px;background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--loader-c1) 24%,transparent),#ffffff94,color-mix(in srgb,var(--loader-c2) 30%,transparent),color-mix(in srgb,var(--loader-c3) 20%,transparent),#fff0);filter:blur(1.2px);opacity:0;transform:translate(0) rotate(12deg);z-index:6;pointer-events:none;animation:shuffleShimmerPass 1.45s ease-in-out infinite}.shuffle-trail{position:absolute;top:50%;left:14px;width:6px;height:6px;margin-top:-3px;border-radius:999px;opacity:0;pointer-events:none;z-index:7;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,currentColor 45%,transparent 75%);box-shadow:0 0 8px currentColor,0 0 12px currentColor}.shuffle-trail-1{color:var(--loader-c1);animation:trailSpark1 1.45s ease-out infinite}.shuffle-trail-2{color:var(--loader-c2);animation:trailSpark2 1.45s ease-out infinite}.shuffle-trail-3{color:var(--loader-c3);animation:trailSpark3 1.45s ease-out infinite}.shuffle-trail-4{color:var(--loader-c4);animation:trailSpark4 1.45s ease-out infinite}@keyframes shuffleCardLeft{0%{transform:translate(0) translateY(0) rotate(0) scale(1);z-index:1;opacity:.9}25%{transform:translate(-16px) translateY(-2px) rotate(-10deg) scale(1.02);z-index:4;opacity:1}50%{transform:translate(0) translateY(0) rotate(0) scale(.98);z-index:1;opacity:.88}75%{transform:translate(8px) translateY(1px) rotate(5deg) scale(.97);z-index:1;opacity:.82}to{transform:translate(0) translateY(0) rotate(0) scale(1);z-index:1;opacity:.9}}@keyframes shuffleCardCenter{0%{transform:translate(0) translateY(0) rotate(0) scale(1.02);z-index:3;opacity:1}25%{transform:translate(10px) translateY(1px) rotate(6deg) scale(.98);z-index:2;opacity:.86}50%{transform:translate(0) translateY(-3px) rotate(0) scale(1.04);z-index:4;opacity:1}75%{transform:translate(-10px) translateY(1px) rotate(-6deg) scale(.98);z-index:2;opacity:.86}to{transform:translate(0) translateY(0) rotate(0) scale(1.02);z-index:3;opacity:1}}@keyframes shuffleCardRight{0%{transform:translate(0) translateY(0) rotate(0) scale(1);z-index:2;opacity:.9}25%{transform:translate(8px) translateY(1px) rotate(5deg) scale(.97);z-index:1;opacity:.82}50%{transform:translate(0) translateY(0) rotate(0) scale(.98);z-index:2;opacity:.88}75%{transform:translate(16px) translateY(-2px) rotate(10deg) scale(1.02);z-index:4;opacity:1}to{transform:translate(0) translateY(0) rotate(0) scale(1);z-index:2;opacity:.9}}@keyframes shuffleShimmerPass{0%{opacity:0;transform:translate(0) rotate(12deg) scaleY(.95)}18%{opacity:.14}42%{opacity:.82}58%{opacity:.38}to{opacity:0;transform:translate(54px) rotate(12deg) scaleY(1.04)}}@keyframes trailSpark1{0%,22%{opacity:0;transform:translate(0) scale(.2)}36%{opacity:1;transform:translate(10px,-12px) scale(1)}60%{opacity:.65;transform:translate(24px,-6px) scale(.8)}to{opacity:0;transform:translate(34px,-2px) scale(.15)}}@keyframes trailSpark2{0%,28%{opacity:0;transform:translate(0) scale(.2)}40%{opacity:.95;transform:translate(16px,9px) scale(1.05)}66%{opacity:.52;transform:translate(30px,4px) scale(.72)}to{opacity:0;transform:translate(40px,1px) scale(.12)}}@keyframes trailSpark3{0%,34%{opacity:0;transform:translate(0) scale(.2)}48%{opacity:.9;transform:translate(20px,-2px) scale(.95)}70%{opacity:.58;transform:translate(34px,-10px) scale(.68)}to{opacity:0;transform:translate(44px,-14px) scale(.12)}}@keyframes trailSpark4{0%,30%{opacity:0;transform:translate(0) scale(.2)}44%{opacity:.86;transform:translate(14px,2px) scale(.92)}68%{opacity:.45;transform:translate(28px,11px) scale(.64)}to{opacity:0;transform:translate(38px,14px) scale(.1)}}@keyframes loaderHueShift{0%{--loader-c1: #67e8f9;--loader-c2: #8b5cf6;--loader-c3: #f3dc97;--loader-c4: #22d3ee}25%{--loader-c1: #22d3ee;--loader-c2: #a78bfa;--loader-c3: #f9d66b;--loader-c4: #67e8f9}50%{--loader-c1: #8b5cf6;--loader-c2: #67e8f9;--loader-c3: #f3dc97;--loader-c4: #c084fc}75%{--loader-c1: #f3dc97;--loader-c2: #22d3ee;--loader-c3: #8b5cf6;--loader-c4: #67e8f9}to{--loader-c1: #67e8f9;--loader-c2: #8b5cf6;--loader-c3: #f3dc97;--loader-c4: #22d3ee}}@media(prefers-reduced-motion:reduce){.shuffle-loader,.shuffle-card-1,.shuffle-card-2,.shuffle-card-3,.shuffle-shimmer,.shuffle-trail-1,.shuffle-trail-2,.shuffle-trail-3,.shuffle-trail-4{animation:none!important}}button.primary:disabled{background:#ffffff1a;color:#fff6;border:1px solid rgba(255,255,255,.1)}button.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf666}button{transition:all .2s ease}.modal-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modalOverlayIn .28s ease-out}.modal-content{width:min(960px,100%);max-height:min(88vh,920px);overflow:hidden;border-radius:24px;border:1px solid rgba(139,92,246,.28);background:linear-gradient(180deg,#130734f5,#07021efa);box-shadow:0 20px 80px #00000073,0 0 0 1px #8b5cf614 inset,0 0 32px #8b5cf62e;animation:modalContentIn .34s cubic-bezier(.22,1,.36,1);transform-origin:center center;will-change:transform,opacity,filter}.terms-modal{display:flex;flex-direction:column}.terms-modal-title,.terms-modal-lead,.terms-content,.terms-footer{animation:modalInnerIn .42s ease-out both}.terms-modal-title{animation-delay:.05s}.terms-modal-lead{animation-delay:.09s}.terms-content{animation-delay:.14s}.terms-footer{animation-delay:.18s}@keyframes modalOverlayIn{0%{opacity:0;background:#02061700;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;background:#020617b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(18px) scale(.965);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes modalInnerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.closing{animation:modalOverlayOut .22s ease-in forwards}.modal-content.closing{animation:modalContentOut .22s ease-in forwards}@keyframes modalOverlayOut{0%{opacity:1;background:#020617b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}to{opacity:0;background:#02061700;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@keyframes modalContentOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(10px) scale(.975);filter:blur(6px)}}.terms-content{overflow:auto;scroll-behavior:smooth}.terms-content::-webkit-scrollbar{width:10px}.terms-content::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.terms-content::-webkit-scrollbar-track{background:transparent}.shake{animation:shakeX .4s ease}@keyframes shakeX{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.entry-screen-redesign{padding:32px 20px}.entry-panel-redesign{width:min(720px,100%);padding:34px 34px 28px;text-align:center;background:radial-gradient(circle at top center,rgba(103,232,249,.08),transparent 28%),linear-gradient(180deg,#100824f0,#080416fa);border:1px solid rgba(139,92,246,.24);border-radius:30px;box-shadow:0 26px 80px #0000007a,0 0 0 1px #8b5cf614 inset,0 0 30px #67e8f914,0 0 42px #8b5cf61f}.entry-hero{display:flex;justify-content:center;margin-bottom:20px}.entry-logo-shell{position:relative;width:min(320px,72vw);aspect-ratio:1 / 1;display:grid;place-items:center}.entry-logo-shell:before{content:"";position:absolute;inset:10%;border-radius:999px;background:radial-gradient(circle,rgba(103,232,249,.16),rgba(139,92,246,.1) 45%,transparent 72%);filter:blur(18px);transform:scale(1.08);pointer-events:none}.entry-hero-logo{position:relative;width:100%;max-width:300px;display:block;object-fit:contain;filter:drop-shadow(0 0 18px rgba(103,232,249,.22)) drop-shadow(0 0 28px rgba(139,92,246,.18))}.entry-copy{max-width:560px;margin:0 auto}.entry-eyebrow{margin:0 0 10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:800;opacity:.88}.entry-title{margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.96;letter-spacing:-.04em;color:#fbfaff;text-shadow:0 0 16px rgba(139,92,246,.22),0 0 24px rgba(103,232,249,.08)}.entry-subtitle{margin:14px auto 0;max-width:42ch;color:#e9e3ff;font-size:1.08rem;line-height:1.5}.entry-support{margin:10px auto 0;max-width:42ch;color:var(--text-muted);font-size:.96rem;line-height:1.55}.entry-actions{margin-top:28px;display:grid;gap:16px;justify-items:center}.entry-language-switcher{display:inline-flex;padding:6px;border-radius:999px;background:#0a051780;border:1px solid rgba(139,92,246,.18);box-shadow:inset 0 0 0 1px #67e8f908,0 0 18px #8b5cf614}.entry-language-switcher .lang-button{min-width:58px;min-height:44px;margin-top:0}.entry-primary-cta{min-width:min(420px,100%);width:min(420px,100%);min-height:58px;margin-top:0;border-radius:999px;font-size:1.04rem;font-weight:800;letter-spacing:.01em;background:linear-gradient(135deg,#7beefffa,#8b5cf6eb);box-shadow:0 14px 34px #00000047,0 0 22px #67e8f92e,0 0 28px #8b5cf633}.entry-footnote{margin:0;color:var(--text-muted);font-size:.9rem}.entry-google-container{margin-top:18px}@media(max-width:640px){.entry-panel-redesign{width:min(100%,520px);padding:24px 18px 20px;border-radius:24px}.entry-logo-shell{width:min(250px,74vw)}.entry-title{font-size:clamp(2rem,10vw,2.8rem)}.entry-subtitle{font-size:1rem}.entry-primary-cta{width:100%;min-width:0}}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.google-icon{display:flex;align-items:center;justify-content:center}.lang-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.lang-button{font-size:.95rem}.google-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;will-change:transform,box-shadow}.google-btn:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(103,232,249,.15),rgba(139,92,246,.12),transparent 65%);opacity:0;transition:opacity .25s ease;z-index:0}.google-btn:after{content:"";position:absolute;top:-30%;left:-40%;width:20%;height:160%;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);transform:skew(-20deg);opacity:0;pointer-events:none;animation:googleShinePro 3s ease-in-out infinite;z-index:1}.google-btn:hover:not(:disabled),.google-btn:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px #00000059,0 0 22px #67e8f940,0 0 28px #8b5cf638}.google-btn:hover:before,.google-btn:focus-visible:before{opacity:1}.google-btn:hover:after,.google-btn:focus-visible:after{animation:googleShinePro .9s ease;opacity:1}@keyframes googleShinePro{0%{left:-40%;opacity:0}15%{opacity:1}to{left:120%;opacity:0}}.entry-hero-logo{position:relative;width:100%;max-width:300px;display:block;object-fit:contain;filter:drop-shadow(0 0 18px rgba(103,232,249,.18)) drop-shadow(0 0 24px rgba(139,92,246,.14));animation:logoBreathingGlow 4.8s ease-in-out infinite;will-change:transform,filter}@keyframes logoBreathingGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 14px rgba(103,232,249,.14)) drop-shadow(0 0 18px rgba(139,92,246,.1))}50%{transform:scale(1.018);filter:drop-shadow(0 0 24px rgba(103,232,249,.24)) drop-shadow(0 0 34px rgba(139,92,246,.2))}}.entry-hero-logo{mix-blend-mode:screen;opacity:.95}.sound-toggle,.history-button,.settings-button,.store-button{opacity:.8}.sound-toggle:hover,.history-button:hover,.settings-button:hover,.store-button:hover{opacity:1}.toolbar-right{padding:6px;border-radius:999px;background:#0a05178c;border:1px solid rgba(139,92,246,.18)}.history-button,.store-button,.settings-button,.sound-toggle{display:inline-flex;align-items:center;justify-content:center}.history-button svg,.store-button svg,.settings-button svg,.sound-toggle svg{width:20px;height:20px;flex:0 0 auto}.history-button:hover svg,.store-button:hover svg,.settings-button:hover svg,.sound-toggle:hover svg{filter:brightness(1.08)}.credit-pill{display:inline-flex;align-items:center;gap:6px}.credit-pill .icon{display:flex;align-items:center;justify-content:center}.credit-pill svg{width:18px;height:18px;flex:0 0 auto}.credit-pill:hover svg{filter:brightness(1.08)}.history-button,.store-button,.settings-button,.sound-toggle,.credit-pill .icon{display:inline-flex;align-items:center;justify-content:center}.history-button svg,.store-button svg,.settings-button svg,.sound-toggle svg,.credit-pill svg{display:block;flex:0 0 auto}.history-button svg,.store-button svg,.settings-button svg,.sound-toggle svg{width:20px;height:20px}.credit-pill svg{width:18px;height:18px}.sound-toggle.active svg{transform:scale(1.03)}.history-button:hover svg,.store-button:hover svg,.settings-button:hover svg,.sound-toggle:hover svg,.credit-pill:hover svg{filter:brightness(1.08)}@media(max-width:400px){.app,.entry-screen{padding:12px 8px}.panel,.entry-panel{padding:14px 10px;border-radius:16px}.toolbar{gap:8px}.app-logo{width:46px;height:46px}.brand-kicker{font-size:.72rem}.store-button,.settings-button,.history-button{min-width:40px;height:40px;padding:0 10px}.credit-pill{font-size:.85rem;padding:0 10px;height:34px;gap:6px}}
