:root{--font-body: ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;font-family:var(--font-body);color:#fffaf4;background:#1d1741;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #201a45;--ink-soft: #625d7d;--cream: #fffaf4;--butter: #ffd66e;--coral: #ff806b;--teal: #62d5c8;--purple: #7569dc}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#1d1741}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.app{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 12% 22%,rgba(100,211,203,.16),transparent 24rem),radial-gradient(circle at 88% 17%,rgba(255,141,99,.17),transparent 21rem),linear-gradient(148deg,#21194c,#332162 52%,#1b173e)}.app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.page-enter{animation:pageEnter .55s cubic-bezier(.22,1,.36,1) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px) scale(.99)}}.brand{position:relative;z-index:8;width:min(1180px,calc(100% - 40px));height:84px;margin:0 auto;display:flex;align-items:center;gap:12px}.brand__mark{width:44px;height:44px;display:grid;place-items:center;color:#38265e;font-size:22px;transform:rotate(-9deg);background:linear-gradient(145deg,#ffe589,#ffaf5b);border-radius:15px 17px 14px 18px;box-shadow:0 7px 24px #ffbe5938,inset 0 1px 2px #fff7c7}.brand__words{display:flex;flex-direction:column;line-height:1}.brand__name{font:700 20px/1 var(--font-display);letter-spacing:.01em}.brand__tagline{margin-top:5px;color:#bcb3df;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.brand__actions{display:flex;gap:9px;margin-left:auto}.icon-button{position:relative;width:43px;height:43px;display:grid;place-items:center;color:#ddd6f6;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#fff1;box-shadow:inset 0 1px #ffffff14;cursor:pointer}.icon-button:hover{background:#ffffff1f;color:#fff}.icon-button--light{color:#4d4763;border-color:#e8e3e9;background:#f5f1f3}.icon-button--glass{color:#fff;background:#0f0a2752;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.parent-moon,.parent-hint{touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.parent-moon *,.parent-hint *{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.parent-moon{overflow:hidden}.parent-moon:active .parent-moon__progress{animation:holdFill 1.1s linear forwards}.parent-moon__progress{position:absolute;inset:auto 0 0;height:0;background:#ffd66e3d}@keyframes holdFill{to{height:100%}}.welcome{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));min-height:calc(100svh - 84px);margin:0 auto;padding:42px 0 56px;display:grid;grid-template-columns:minmax(330px,.95fr) minmax(360px,1.05fr);grid-template-rows:1fr auto;gap:22px 64px;align-items:center}.welcome__copy{max-width:560px;align-self:end;padding-bottom:25px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--butter);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.welcome h1{margin:17px 0 18px;color:#fffaf4;font:600 clamp(48px,5.2vw,78px)/.98 var(--font-display);letter-spacing:-.035em}.welcome h1 em{color:#ffd46c;font-style:normal;text-shadow:0 7px 28px rgba(255,196,88,.16)}.welcome__copy>p{max-width:510px;margin:0;color:#c5bede;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.mirror-card{position:relative;grid-column:2;grid-row:1 / span 2;width:min(100%,540px);aspect-ratio:.92;justify-self:center;display:grid;place-items:center}.mirror-card__halo{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(255,206,101,.18),rgba(124,107,219,.06) 47%,transparent 70%);filter:blur(12px);animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}.mirror-card__glass{position:relative;width:76%;aspect-ratio:.78;overflow:hidden;border:10px solid rgba(255,229,169,.8);border-radius:47% 47% 45% 45%/39% 39% 54% 54%;background:radial-gradient(circle at 54% 28%,rgba(255,255,255,.22),transparent 20%),radial-gradient(circle at 50% 75%,rgba(255,187,87,.22),transparent 38%),linear-gradient(160deg,#6054a4,#2c255e 70%);box-shadow:0 30px 80px #07041b6b,0 0 0 2px #9c79bd,0 0 0 8px #432d68,0 0 0 10px #ffe6b452,inset 0 0 60px #0a072775}.mirror-card__glass:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.13);border-radius:inherit}.mirror-card__shine{position:absolute;z-index:1;top:-10%;left:-7%;width:45%;height:76%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(23deg)}.lumo{display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.lumo--welcome{position:absolute;z-index:2;width:102%;left:-1%;bottom:-4%;filter:drop-shadow(0 20px 22px rgba(18,10,35,.35));animation:lumoFloat 4.5s ease-in-out infinite}@keyframes lumoFloat{50%{transform:translateY(-10px) rotate(1deg)}}.mirror-card__orbit{position:absolute;z-index:3;display:grid;place-items:center;color:var(--butter);border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#57458d;box-shadow:0 10px 26px #04021659}.mirror-card__orbit--one{width:58px;height:58px;right:1%;top:20%;animation:bob 3.2s ease-in-out infinite}.mirror-card__orbit--two{width:26px;height:26px;left:6%;bottom:21%;color:#6edbd0;animation:bob 3.2s .8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.mirror-card--ready .mirror-card__glass{box-shadow:0 30px 90px #07041b6b,0 0 0 2px #ffbf6a,0 0 0 9px #564080,0 0 42px #ffcf6961,inset 0 0 60px #0a072752}.welcome__action{align-self:start}.primary-button,.prime-button,.scan-button,.again-button{position:relative;border:0;cursor:pointer;font-weight:700}.primary-button{width:min(100%,390px);min-height:66px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;color:#392958;border:1px solid rgba(255,255,255,.6);border-radius:19px;background:linear-gradient(135deg,#ffe58d,#ffb557);box-shadow:0 9px #d98a39,0 17px 36px #ffb45233,inset 0 1px #ffffffbf;transition:transform .2s ease,box-shadow .2s ease}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 11px #d98a39,0 21px 42px #ffb45245,inset 0 1px #ffffffbf}.primary-button:not(:disabled):active{transform:translateY(7px) scale(.99);box-shadow:0 2px #d98a39,0 8px 20px #ffb4522b,inset 0 1px #ffffffa6}.primary-button__icon{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;color:#654690}.primary-button__label{text-align:center}.primary-button--locked{color:#a09aaa;border-color:#ffffff14;background:#ffffff17;box-shadow:0 5px #05031933,inset 0 0 0 1px #ffffff0f}.primary-button--locked .primary-button__icon{color:#a69fc1}.primary-button:disabled{cursor:default}.parent-hint{margin:17px 0 0;padding:0;display:flex;align-items:center;gap:10px;color:#aaa2c8;border:0;background:transparent;font-size:12px;cursor:pointer;touch-action:none}.parent-hint strong{color:#d4cee7}.parent-hint__moon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0f;font-size:17px}.parent-hint:active .parent-hint__moon{animation:hintHold 1.1s linear forwards}@keyframes hintHold{to{color:#3d2b5b;background:#ffd873;transform:scale(1.08)}}.ambient-stars{position:absolute;inset:-84px -6vw 0;pointer-events:none}.ambient-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff8d9;opacity:.55;box-shadow:0 0 10px #fff2ab;animation:twinkle 3s ease-in-out infinite}.ambient-stars i:nth-child(1){top:15%;left:5%}.ambient-stars i:nth-child(2){top:34%;left:44%;width:2px;height:2px;animation-delay:.6s}.ambient-stars i:nth-child(3){top:9%;left:69%;animation-delay:1.1s}.ambient-stars i:nth-child(4){top:71%;left:2%;width:2px;height:2px}.ambient-stars i:nth-child(5){top:87%;left:56%;animation-delay:.4s}.ambient-stars i:nth-child(6){top:50%;right:1%;width:3px;height:3px;animation-delay:1.7s}@keyframes twinkle{50%{transform:scale(2);opacity:1}}.panel-backdrop{position:fixed;z-index:50;inset:0;padding:20px;display:flex;align-items:flex-end;justify-content:center;background:#0f0a23b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0}}.parent-panel{width:min(100%,610px);max-height:calc(100svh - 24px);overflow-y:auto;padding:13px 26px 25px;color:var(--ink);border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#fffaf6;box-shadow:0 30px 100px #0503188c;animation:panelUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes panelUp{0%{transform:translateY(45px);opacity:0}}.parent-panel__handle{width:42px;height:5px;margin:0 auto 16px;border-radius:4px;background:#ded8df}.parent-panel__header{display:flex;align-items:center;justify-content:space-between}.parent-panel__title-row{display:flex;align-items:center;gap:13px}.parent-panel__badge{width:43px;height:43px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#7569dc,#493f9c);box-shadow:0 8px 20px #5345aa38}.parent-panel__header p{margin:0 0 3px;color:#878096;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.parent-panel__header h2{margin:0;font:600 24px/1.1 var(--font-display)}.parent-panel__intro{margin:19px 0 16px;color:#696378;font-size:14px;line-height:1.5}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preset-card{position:relative;min-width:0;padding:17px 8px 14px;display:flex;flex-direction:column;align-items:center;color:var(--ink);border:1.5px solid #e9e3e5;border-radius:19px;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.preset-card:hover{transform:translateY(-2px);border-color:#c9c0df}.preset-card.is-selected{border-color:#7569dc;background:#f7f5ff;box-shadow:0 8px 24px #5346a01a}.preset-card__check{position:absolute;top:8px;right:8px;width:20px;height:20px;display:none;place-items:center;color:#fff;border-radius:50%;background:#6f64d3}.preset-card.is-selected .preset-card__check{display:grid}.preset-card__icon{width:45px;height:45px;margin-bottom:10px;display:grid;place-items:center;border-radius:15px;font-size:24px}.preset-card__art{width:100%;aspect-ratio:1.22;margin-bottom:10px;overflow:hidden;border-radius:13px;background:#ece8f4}.preset-card__art img{width:100%;height:100%;display:block;object-fit:cover}.preset-card--sleepy .preset-card__icon{color:#655abf;background:#ece9ff}.preset-card--steady .preset-card__icon{color:#298b89;background:#ddf7f2}.preset-card--bright .preset-card__icon{color:#c46d1c;background:#fff0cd}.preset-card strong{font-size:13px;white-space:nowrap}.preset-card small{margin-top:4px;color:#918b99;font-size:10px}.parent-settings{margin:17px 0 0;border-top:1px solid #eee8e9}.setting-row{width:100%;padding:13px 2px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;color:var(--ink);border:0;border-bottom:1px solid #eee8e9;background:transparent;cursor:pointer}.setting-row:disabled{opacity:.52;cursor:default}.setting-row--language{cursor:default}.setting-row__icon{width:36px;height:36px;display:grid;place-items:center;color:#6b61c7;border-radius:12px;background:#efecfb}.setting-row>span:nth-child(2){display:flex;flex-direction:column}.setting-row strong{font-size:13px}.setting-row small{margin-top:2px;color:#8b8595;font-size:10px}.toggle{position:relative;width:43px;height:25px;border-radius:20px;background:#dcd7de;transition:background .2s}.toggle i{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #1e143233;transition:transform .2s}.toggle.is-on{background:#7166d4}.toggle.is-on i{transform:translate(18px)}.language-picker{padding:3px;display:flex;gap:2px;border-radius:11px;background:#e9e5eb}.language-picker button{width:37px;height:29px;padding:0;color:#777180;border:0;border-radius:8px;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.language-picker button.is-active{color:#fff;background:#7166d4;box-shadow:0 3px 8px #3c318438}.privacy-note{margin:13px 0;display:flex;align-items:center;gap:8px;color:#6f6979;font-size:10px}.privacy-note svg{color:#5dbaae}.prime-button{width:100%;height:58px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:10px;color:#34244e;border-radius:18px;background:linear-gradient(135deg,#ffe28b,#ffb356);box-shadow:0 10px 28px #db8d312e}.prime-button>span:last-child{position:absolute;right:20px;font-size:20px}.sparkle-dot{width:28px;height:28px;display:grid;place-items:center;color:#fff;border-radius:9px;background:#513978b8}.app--scanner{background:#0c0a1d}.scanner{position:relative;z-index:3;min-height:100svh;display:grid;place-items:center;background:#0c0a1d}.camera-stage{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;background:linear-gradient(150deg,#3f326a,#171329)}.camera-feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .4s}.camera-feed.is-visible{opacity:1}.camera-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;color:#ddd5f0;text-align:center;background:radial-gradient(circle at 50% 37%,#4d3d78,#17132a 70%)}.camera-fallback__glow{position:absolute;width:50vw;height:50vw;max-width:500px;max-height:500px;left:50%;top:43%;border-radius:50%;background:#7d6cd02e;filter:blur(55px);transform:translate(-50%,-50%)}.loader-orb{position:relative;width:54px;height:54px;border:3px solid rgba(255,255,255,.15);border-top-color:#ffd46b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-fallback>p{position:relative;margin-top:17px}.camera-error{position:relative;width:min(340px,calc(100vw - 48px));padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#191334c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.camera-error__icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;color:#ffd369;border-radius:19px;background:#ffd3691f}.camera-error h2{margin:0;font:600 27px var(--font-display)}.camera-error p{color:#bbb3d0;line-height:1.5}.camera-error button{min-height:48px;padding:0 18px;color:#392958;font-weight:700;border:0;border-radius:15px;background:#ffd46b;cursor:pointer}.scan-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,6,24,.72),transparent 22%,transparent 59%,rgba(7,5,21,.91) 89%)}.scan-vignette.is-scanning{background:linear-gradient(180deg,#080618ba,#48357d0d 30%,#0c092326 57%,#070515ed 90%)}.scan-vignette.is-revealing{z-index:3;background:radial-gradient(circle at 50% 43%,#ffe8910a 0 17%,#23174b80 55%,#080519e6);animation:revealVignette .95s ease-out both}@keyframes revealVignette{0%{opacity:0}35%{opacity:1}}.scanner__topbar{position:absolute;z-index:4;top:0;left:0;right:0;height:max(76px,calc(60px + env(safe-area-inset-top)));padding:max(16px,env(safe-area-inset-top)) 22px 0;display:flex;align-items:center;justify-content:space-between}.scanner__status{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.scanner__status i{width:8px;height:8px;border-radius:50%;background:#71d8c7;box-shadow:0 0 12px #71d8c7}.face-frame{position:absolute;z-index:2;left:50%;top:43%;width:min(62vw,420px);height:min(47vh,500px);border-radius:48% 48% 44% 44%/43% 43% 53% 53%;border:1px solid rgba(255,226,136,.27);transform:translate(-50%,-50%);box-shadow:0 0 70px #ffd36a14,inset 0 0 45px #7762ce14}.face-frame:before,.face-frame:after{content:"";position:absolute;inset:7%;border:1px dashed rgba(255,255,255,.12);border-radius:inherit}.face-frame:after{inset:49% -8% auto;border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.face-cue{position:absolute;left:50%;top:47%;width:94px;height:64px;opacity:.16;transform:translate(-50%,-50%);transition:opacity .25s}.face-cue i{position:absolute;top:7px;width:12px;height:17px;border:2px solid white;border-radius:50%}.face-cue i:first-child{left:20px}.face-cue i:nth-child(2){right:20px}.face-cue span{position:absolute;left:50%;bottom:5px;width:38px;height:17px;border-bottom:2px solid white;border-radius:0 0 50% 50%;transform:translate(-50%)}.face-frame.is-scanning .face-cue{opacity:0}.corner{position:absolute;width:35px;height:35px;border-color:#ffd66e;border-style:solid;filter:drop-shadow(0 0 8px rgba(255,214,110,.5))}.corner--tl{left:3%;top:5%;border-width:3px 0 0 3px;border-radius:16px 0 0}.corner--tr{right:3%;top:5%;border-width:3px 3px 0 0;border-radius:0 16px 0 0}.corner--bl{left:3%;bottom:5%;border-width:0 0 3px 3px;border-radius:0 0 0 16px}.corner--br{right:3%;bottom:5%;border-width:0 3px 3px 0;border-radius:0 0 16px}.scan-line{display:none;position:absolute;z-index:3;left:6%;right:6%;top:9%;height:2px;background:linear-gradient(90deg,transparent,#fff3b0,#5de0d5,transparent);box-shadow:0 0 18px 5px #5fddd040}.face-frame.is-scanning .scan-line{display:block;animation:scanLine 2.2s ease-in-out infinite}@keyframes scanLine{50%{top:88%}}.face-frame.is-revealing{z-index:4;border-color:#ffe78fbf;animation:frameDiscovered .75s cubic-bezier(.2,.8,.2,1) both}.face-frame.is-revealing:before,.face-frame.is-revealing:after{opacity:0}@keyframes frameDiscovered{0%{opacity:1;box-shadow:0 0 20px #ffde7526}55%{opacity:.7;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 100px #ffde758c}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}.scanner-sparkles{position:absolute;z-index:2;inset:15% 13% 28%;pointer-events:none}.scanner-sparkles i{position:absolute;color:#ffe496;font-style:normal;opacity:.75;animation:sparkleFloat 3s ease-in-out infinite}.scanner-sparkles i:nth-child(1){left:3%;top:20%}.scanner-sparkles i:nth-child(2){right:5%;top:12%;color:#62d5c8}.scanner-sparkles i:nth-child(3){right:1%;bottom:12%;animation-delay:.7s}.scanner-sparkles i:nth-child(4){left:6%;bottom:22%;color:#6fdbd1;animation-delay:1.1s}@keyframes sparkleFloat{50%{transform:translateY(-10px) rotate(20deg);opacity:.35}}.scanner-lumo{position:absolute;z-index:3;top:57%;right:max(18px,calc(50% - 250px));width:clamp(62px,18vw,92px);pointer-events:none;filter:drop-shadow(0 12px 16px rgba(6,3,22,.4));transform:rotate(7deg);animation:scannerLumoHello 3s ease-in-out infinite}.scanner-lumo.is-scanning{animation:scannerLumoMeasure 1.45s ease-in-out infinite}@keyframes scannerLumoHello{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes scannerLumoMeasure{50%{transform:translateY(-6px) rotate(-5deg) scale(1.04);filter:drop-shadow(0 0 20px rgba(255,225,128,.5))}}.scan-reveal{position:absolute;z-index:5;left:50%;top:42%;width:210px;height:210px;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%)}.scan-reveal>img{position:relative;z-index:4;width:112px;filter:drop-shadow(0 14px 23px rgba(12,5,35,.45));animation:lumoDiscovered .85s cubic-bezier(.16,1,.3,1) both}.scan-reveal__ring{position:absolute;z-index:2;inset:20px;border:2px solid rgba(255,231,141,.78);border-radius:50%;box-shadow:0 0 30px #ffe07759,inset 0 0 24px #ffe07738;animation:revealRing .85s cubic-bezier(.2,.8,.2,1) both}.scan-reveal__ring--outer{inset:-4px;border-width:1px;border-color:#70dace8c;animation-delay:.08s}.scan-reveal__burst{position:absolute;z-index:1;color:#fff1a8;font-size:190px;line-height:1;text-shadow:0 0 35px rgba(255,228,130,.65);animation:revealBurst .8s ease-out both}.scan-reveal>i{position:absolute;z-index:5;color:#fff0a5;font-style:normal;animation:revealSpark .75s cubic-bezier(.2,.8,.2,1) both}.scan-reveal>i:nth-of-type(1){left:3%;top:23%}.scan-reveal>i:nth-of-type(2){right:5%;top:13%;animation-delay:.08s}.scan-reveal>i:nth-of-type(3){right:8%;bottom:15%;color:#71dbd0;animation-delay:.14s}.scan-reveal>i:nth-of-type(4){left:10%;bottom:8%;color:#71dbd0;animation-delay:.2s}@keyframes lumoDiscovered{0%{opacity:0;transform:scale(.35) rotate(-18deg)}65%{opacity:1;transform:scale(1.12) rotate(7deg)}to{transform:scale(1) rotate(2deg)}}@keyframes revealRing{0%{opacity:0;transform:scale(.22)}70%{opacity:1}to{opacity:0;transform:scale(1.28)}}@keyframes revealBurst{0%{opacity:0;transform:scale(.2) rotate(-30deg)}40%{opacity:.9}to{opacity:0;transform:scale(1.25) rotate(10deg)}}@keyframes revealSpark{0%{opacity:0;transform:translate(0) scale(.2)}45%{opacity:1}to{opacity:0;transform:translate(12px,-32px) scale(1.25) rotate(35deg)}}.scanner__guide{position:absolute;z-index:4;left:20px;right:20px;bottom:max(44px,calc(26px + env(safe-area-inset-bottom)));text-align:center;text-shadow:0 2px 15px rgba(5,3,20,.7)}.scanner__kicker{margin:0 0 8px!important;display:flex;align-items:center;justify-content:center;gap:7px;color:#ffe28a!important;font-size:11px!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.scanner__guide h1{margin:0;font:600 clamp(31px,7vw,52px)/1.04 var(--font-display);letter-spacing:-.02em}.scanner__guide>p{margin:9px 0 16px;color:#d1c9df;font-size:14px}.scan-button{min-width:240px;min-height:61px;padding:8px 22px 8px 9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#362650;border-radius:20px;background:linear-gradient(135deg,#ffe38a,#ffb55b);box-shadow:0 14px 38px #06031652}.scan-button:not(:disabled){animation:scanButtonInvite 2.4s ease-in-out infinite}.scan-button span{width:45px;height:45px;display:grid;place-items:center;color:#fff;border-radius:14px;background:#6552a0;animation:scanButtonSpark 2.4s ease-in-out infinite}.scan-button:disabled{opacity:.5;cursor:default}@keyframes scanButtonInvite{50%{transform:translateY(-2px);box-shadow:0 18px 48px #ffc55d40}}@keyframes scanButtonSpark{50%{transform:rotate(6deg) scale(1.06);box-shadow:0 0 18px #6552a073}}.scan-progress{width:min(330px,77vw);height:6px;margin:0 auto 17px;overflow:hidden;border-radius:5px;background:#ffffff24}.scan-progress span{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d6ca,#ffe173);box-shadow:0 0 14px #64d6ca80;transition:width .12s linear}.scanner__privacy{position:absolute;z-index:4;bottom:max(12px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;gap:5px;color:#ffffff75;font-size:9px;transform:translate(-50%)}.scanner__found{animation:foundMessage .65s cubic-bezier(.16,1,.3,1) both}.scanner__found h1{color:#fff7d3;text-shadow:0 0 28px rgba(255,221,112,.55)}@keyframes foundMessage{0%{opacity:0;transform:translateY(14px) scale(.9)}}.app--result{background:#211946}.result{--result-accent: #8d83f7;position:relative;z-index:2;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;color:var(--ink);background:linear-gradient(180deg,#2c225d,#51418b 43%,#f5f0ed 43.1%);overflow-y:auto}.result--steady{--result-accent: #49bdb4;background:linear-gradient(180deg,#173f52,#276775 43%,#eef5f1 43.1%)}.result--bright{--result-accent: #f0a83e;background:linear-gradient(180deg,#54401f,#a46b28 43%,#fff5e7 43.1%)}.result__sky{position:absolute;inset:0 0 57%;pointer-events:none;overflow:hidden}.result__sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff2b3;box-shadow:0 0 10px #fff2b3;animation:twinkle 2.4s infinite}.result__sky i:nth-child(1){left:12%;top:24%}.result__sky i:nth-child(2){left:30%;top:9%;animation-delay:.7s}.result__sky i:nth-child(3){right:16%;top:18%;animation-delay:1.2s}.result__sky i:nth-child(4){right:8%;top:67%}.result__sky i:nth-child(5){left:7%;top:72%;animation-delay:.4s}.result__brand{position:relative;z-index:3;color:#ffffffc7;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.result__brand span{color:#ffdf77;margin-right:6px}.result__hero{position:relative;z-index:2;min-height:342px;padding-top:14px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.result-orb{position:relative;width:205px;height:205px;display:grid;place-items:center}.result-orb:before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,#fff1aa 0%,#ffc767 48%,rgba(255,198,103,.18) 68%,transparent 70%);filter:blur(1px);box-shadow:0 0 46px #ffd56f47}.result-orb__ring{position:absolute;inset:5%;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:orbitSpin 9s linear infinite}.result-orb__ring:before,.result-orb__ring:after{content:"✦";position:absolute;color:#ffe68f;font-size:12px}.result-orb__ring:before{top:-6px;left:45%}.result-orb__ring:after{bottom:8px;right:3px}@keyframes orbitSpin{to{transform:rotate(360deg)}}.result-orb__icon{position:absolute;z-index:1;top:38%;font-size:45px;color:#fff}.result-orb img{position:absolute;z-index:2;width:97px;right:-15px;bottom:4px;filter:drop-shadow(0 11px 14px rgba(11,5,27,.28));transform:rotate(8deg)}.result__eyebrow{margin:1px 0 7px;display:flex;align-items:center;gap:6px;color:#ffe492;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.result__hero h1{margin:0;max-width:460px;font:600 clamp(32px,7vw,44px)/1 var(--font-display);letter-spacing:-.025em}.energy-card{position:relative;z-index:3;width:min(100%,480px);margin-top:-5px;padding:20px 21px 18px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:#fffffff0;box-shadow:0 18px 50px #2c224c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.energy-card__label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.energy-card__label span{color:#8b8492;text-transform:uppercase;letter-spacing:.1em}.energy-card__label strong{color:var(--result-accent)}.energy-meter{height:35px;margin:12px 0 17px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:7px}.energy-meter i{display:block;height:13px;border-radius:8px;background:#e5e1e7;transform-origin:bottom;animation:meterPop .5s cubic-bezier(.22,1,.36,1) both}.energy-meter i:nth-child(2){height:18px;animation-delay:.08s}.energy-meter i:nth-child(3){height:23px;animation-delay:.16s}.energy-meter i:nth-child(4){height:28px;animation-delay:.24s}.energy-meter i:nth-child(5){height:34px;animation-delay:.32s}.energy-meter i.is-filled{background:linear-gradient(180deg,color-mix(in srgb,var(--result-accent),white 25%),var(--result-accent));box-shadow:0 5px 12px color-mix(in srgb,var(--result-accent),transparent 70%)}@keyframes meterPop{0%{transform:scaleY(.1);opacity:0}}.energy-card>p{margin:0;color:#666070;font-size:14px;line-height:1.55;text-align:center}.result-action{margin-top:16px;min-height:48px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:color-mix(in srgb,var(--result-accent),#1f1740 45%);border-radius:15px;background:color-mix(in srgb,var(--result-accent),white 86%)}.result-action span{font-size:20px}.result-action strong{font-size:13px}.again-button{min-height:49px;margin-top:17px;padding:0 22px;display:flex;align-items:center;gap:8px;color:#4e475c;border:1px solid rgba(58,48,75,.12);border-radius:16px;background:#ffffff8c}.result__footer{margin:12px 0 0;color:#8a8390;font-size:10px;text-align:center}.no-face{position:relative;z-index:2;min-height:100svh;padding:38px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.no-face>img{width:min(220px,52vw);margin:-20px 0 -7px;filter:drop-shadow(0 20px 20px rgba(6,3,22,.28))}.no-face__stars{position:absolute;top:12%;color:#ffe082;font-size:28px;letter-spacing:34px;opacity:.65}.no-face__icon{width:51px;height:51px;display:grid;place-items:center;color:#ffd975;border-radius:17px;background:#ffffff17}.no-face .eyebrow{margin-top:19px}.no-face h1{margin:9px 0 12px;font:600 clamp(36px,9vw,50px)/1.02 var(--font-display)}.no-face__copy{max-width:390px;margin:0 0 24px;color:#c5bddc;font-size:14px;line-height:1.55}.no-face .primary-button{width:min(100%,330px);justify-content:center;padding:0 20px}.text-button{margin-top:15px;padding:10px;color:#aaa2c6;border:0;background:none;cursor:pointer}@media(max-width:800px){.brand{width:calc(100% - 30px);height:72px}.brand__mark{width:39px;height:39px;border-radius:13px}.brand__name{font-size:18px}.welcome{width:calc(100% - 30px);min-height:calc(100svh - 72px);padding:6px 0 max(25px,env(safe-area-inset-bottom));grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;text-align:center}.welcome__copy{max-width:530px;margin:0 auto;padding:12px 0 0;align-self:auto}.welcome h1{margin:10px 0;font-size:clamp(39px,11.5vw,57px)}.welcome__copy>p{max-width:440px;font-size:14px;line-height:1.48}.mirror-card{grid-column:1;grid-row:2;width:min(82vw,390px);height:min(39svh,390px);aspect-ratio:auto}.mirror-card__glass{width:min(65vw,270px);height:min(34svh,345px);border-width:7px}.mirror-card__orbit--one{width:45px;height:45px;right:6%;top:18%}.mirror-card__orbit--two{left:8%;bottom:19%}.welcome__action{width:100%;display:flex;flex-direction:column;align-items:center}.primary-button{width:min(100%,360px)}.parent-hint{margin-top:12px}.panel-backdrop{padding:8px}.parent-panel{padding:12px 17px max(20px,env(safe-area-inset-bottom));border-radius:26px}}@media(max-width:390px){.brand{height:66px}.icon-button{width:39px;height:39px}.welcome{min-height:calc(100svh - 66px)}.welcome__copy{padding-top:4px}.welcome h1{font-size:37px}.welcome__copy>p{font-size:13px}.mirror-card{width:74vw;height:min(35svh,320px)}.mirror-card__glass{height:min(30svh,290px)}.primary-button{min-height:61px;border-radius:19px;font-size:14px}.preset-card{padding-inline:4px}.preset-card strong{font-size:11px}.result__hero{min-height:325px}.result-orb{width:190px;height:190px}}@media(max-width:800px)and (max-height:680px){.brand{height:58px}.brand__mark{width:36px;height:36px;border-radius:12px;font-size:18px}.brand__name{font-size:16px}.brand__tagline{margin-top:3px;font-size:8px}.icon-button{width:37px;height:37px}.welcome{min-height:calc(100svh - 58px);padding:2px 0 max(10px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(155px,1fr) auto;gap:5px}.welcome__copy{padding:0}.eyebrow{gap:5px;font-size:9px;line-height:1.2}.eyebrow svg{width:13px;height:13px}.welcome h1{margin:6px 0 7px;font-size:clamp(30px,9.8vw,38px);line-height:.98}.welcome__copy>p{max-width:340px;font-size:11px;line-height:1.34}.mirror-card{width:min(62vw,220px);height:min(31svh,205px)}.mirror-card__glass{width:min(53vw,185px);height:min(28svh,185px);border-width:6px}.mirror-card__orbit--one{width:38px;height:38px}.mirror-card__orbit--two{width:21px;height:21px}.primary-button{min-height:51px;padding:7px 18px;border-radius:16px;box-shadow:0 6px #d98a39,0 12px 25px #ffb4522e,inset 0 1px #ffffffb3}.primary-button--locked{box-shadow:0 4px #05031933,inset 0 0 0 1px #ffffff0f}.parent-hint{margin-top:6px;gap:7px;font-size:10px}.parent-hint__moon{width:25px;height:25px;font-size:14px}.camera-stage{min-height:100svh}.face-frame{top:39%;height:min(43vh,390px)}.scanner__guide{bottom:max(34px,calc(22px + env(safe-area-inset-bottom)))}.scanner__guide h1{font-size:clamp(27px,8vw,36px)}.scanner__guide>p{margin-block:6px 10px;font-size:12px}.scan-button{min-height:53px}.scanner__privacy{font-size:8px}.panel-backdrop{padding:5px}.parent-panel{max-height:calc(100svh - 10px);padding:9px 14px max(16px,env(safe-area-inset-bottom));border-radius:22px}}@media(max-width:340px){.brand{width:calc(100% - 20px)}.brand__actions{gap:6px}.welcome{width:calc(100% - 20px)}.welcome__copy>p{font-size:10.5px}.primary-button{font-size:13px}.preset-grid{gap:6px}.preset-card{padding:10px 4px;border-radius:15px}.preset-card__art{margin-bottom:6px;border-radius:10px}.preset-card__check{top:5px;right:5px}.preset-card strong{min-height:21px;display:flex;align-items:center;font-size:9px;line-height:1.05;white-space:normal}.preset-card small{margin-top:2px;font-size:8px;line-height:1.15}}@media(min-width:801px){.camera-stage{width:min(100%,600px);height:min(940px,100svh);box-shadow:0 0 90px #000000b3}.scanner{background:radial-gradient(circle,#352957,#0b0919 70%)}.panel-backdrop{align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.story-result{--story-accent: #8d83f7;--story-dark: #17133f;position:relative;z-index:2;min-height:100svh;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;color:var(--ink);background:linear-gradient(180deg,var(--story-dark) 0 42%,#f4f1f7 42%);overflow-x:hidden}.story-result--steady{--story-accent: #45b9ad;--story-dark: #174f55;background:linear-gradient(180deg,#174f55 0 42%,#edf7f2 42%)}.story-result--bright{--story-accent: #f3a23d;--story-dark: #8b471d;background:linear-gradient(180deg,#8b471d 0 42%,#fff4e4 42%)}.story-result__brand{position:relative;z-index:6;margin-bottom:12px;color:#ffffffd1;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.story-result__brand span{margin-right:6px;color:#ffe379}.story-scene{position:relative;width:min(100%,560px);height:min(53svh,510px);min-height:390px;padding:0;overflow:hidden;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:var(--story-dark);box-shadow:0 22px 60px #0c08234d;isolation:isolate;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;animation:storySceneArrive .8s cubic-bezier(.16,1,.3,1) both}.story-scene:focus-visible{outline:3px solid #ffe379;outline-offset:4px}.story-scene:active{transform:scale(.992)}.story-scene__motion{position:absolute;inset:0;display:block;overflow:hidden}.story-result--sleepy .story-scene__motion.is-replaying{animation:sleepyReplay 1.65s ease-in-out}.story-result--steady .story-scene__motion.is-replaying{animation:steadyReplay 1.1s cubic-bezier(.2,.8,.2,1)}.story-result--bright .story-scene__motion.is-replaying{animation:brightReplay .8s cubic-bezier(.16,1,.3,1)}@keyframes storySceneArrive{0%{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes sleepyReplay{35%{filter:brightness(.9);transform:scale(1.012)}70%{filter:brightness(1.04)}}@keyframes steadyReplay{35%{transform:translateY(-7px) rotate(-.4deg)}70%{transform:translateY(2px) rotate(.3deg)}}@keyframes brightReplay{28%{transform:scale(1.045) rotate(-1deg)}58%{transform:scale(.985) rotate(1deg)}82%{transform:scale(1.018)}}.story-scene__image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.01)}.story-result--sleepy .story-scene__image{animation:sleepyBreathe 5s ease-in-out infinite}.story-result--steady .story-scene__image{animation:calmFloat 5.5s ease-in-out infinite}.story-result--bright .story-scene__image{animation:happyDance 1.25s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes sleepyBreathe{50%{transform:scale(1.035) translateY(2px);filter:brightness(.94)}}@keyframes calmFloat{50%{transform:scale(1.025) translateY(-3px)}}@keyframes happyDance{25%{transform:scale(1.035) rotate(-.8deg)}75%{transform:scale(1.035) rotate(.8deg) translateY(-3px)}}.story-scene__shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,7,29,.08) 58%,rgba(11,7,29,.83) 100%);pointer-events:none}.story-scene__caption{position:absolute;z-index:4;left:22px;right:22px;bottom:21px;color:#fff;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.45)}.story-scene__caption>span{margin:0 0 6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#ffe793;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.story-scene__caption>strong{display:block;margin:0;font:600 clamp(29px,7vw,43px)/1 var(--font-display);letter-spacing:-.025em}.story-scene__replay{position:absolute;z-index:5;top:16px;right:16px;width:45px;height:45px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:#140d2f61;box-shadow:0 8px 22px #0a051c33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:replayHint 2.8s ease-in-out 1.2s infinite}.story-scene__replay>span{font:600 22px/1 var(--font-display)}.story-scene__replay i{position:absolute;top:-4px;right:-2px;color:#ffe279;font-size:12px;font-style:normal;animation:replaySparkle 1.7s ease-in-out infinite}@keyframes replayHint{50%{transform:scale(1.08);background:#140d2f8a}}@keyframes replaySparkle{50%{opacity:.3;transform:scale(.65) rotate(30deg)}}.story-effects{position:absolute;z-index:3;inset:0;pointer-events:none}.story-effects i{position:absolute;display:block}.story-result--sleepy .story-effects i{width:10px;height:10px;border:2px solid rgba(227,222,255,.58);border-radius:50%;animation:dreamBubble 4s ease-in infinite}.story-result--sleepy .story-effects i:nth-child(1){left:15%;bottom:29%}.story-result--sleepy .story-effects i:nth-child(2){left:21%;bottom:36%;width:17px;height:17px;animation-delay:1.1s}.story-result--sleepy .story-effects i:nth-child(3){right:14%;top:17%;animation-delay:2s}.story-result--sleepy .story-effects i:nth-child(n+4){display:none}@keyframes dreamBubble{0%{opacity:0;transform:translateY(8px) scale(.5)}45%{opacity:.8}to{opacity:0;transform:translateY(-35px) scale(1.15)}}.story-result--steady .story-effects i{width:7px;height:7px;border-radius:50%;background:#ffec9acc;box-shadow:0 0 12px #fff0aa;animation:calmSpark 3.6s ease-in-out infinite}.story-result--steady .story-effects i:nth-child(1){left:9%;top:21%}.story-result--steady .story-effects i:nth-child(2){right:12%;top:31%;animation-delay:.7s}.story-result--steady .story-effects i:nth-child(3){left:18%;bottom:27%;animation-delay:1.4s}.story-result--steady .story-effects i:nth-child(4){right:19%;bottom:35%;animation-delay:2.1s}.story-result--steady .story-effects i:nth-child(n+5){display:none}@keyframes calmSpark{50%{opacity:.25;transform:translateY(-9px) scale(.7)}}.story-result--bright .story-effects i{width:9px;height:18px;border-radius:5px;background:#ffdf59;animation:confettiFall 2.2s linear infinite}.story-result--bright .story-effects i:nth-child(1){left:9%;top:-5%;transform:rotate(18deg)}.story-result--bright .story-effects i:nth-child(2){left:29%;top:-12%;background:#68d7cc;animation-delay:.5s}.story-result--bright .story-effects i:nth-child(3){right:32%;top:-7%;background:#f276a6;animation-delay:1.1s}.story-result--bright .story-effects i:nth-child(4){right:11%;top:-16%;background:#8174e4;animation-delay:1.55s}.story-result--bright .story-effects i:nth-child(5){left:19%;top:-21%;background:#ff8b55;animation-delay:1.8s}.story-result--bright .story-effects i:nth-child(6){right:21%;top:-25%;background:#ffe16e;animation-delay:.8s}@keyframes confettiFall{to{top:75%;transform:rotate(390deg)}}.story-reading{position:relative;z-index:5;width:min(calc(100% - 8px),520px);margin-top:-11px;padding:19px;border:1px solid rgba(255,255,255,.85);border-radius:25px;background:#fffffff5;box-shadow:0 18px 48px #2a214324;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-reading{animation:storyReadingArrive .65s .18s cubic-bezier(.16,1,.3,1) both}@keyframes storyReadingArrive{0%{opacity:0;transform:translateY(20px)}}.story-energy__label{display:flex;justify-content:space-between;align-items:center}.story-energy__label span{color:#928a99;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.story-energy__label strong{color:var(--story-accent);font-size:13px}.story-energy__stars{margin-top:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.story-energy__stars span{height:50px;display:grid;place-items:center;color:#c9c3cb;border:1px solid #e7e2e7;border-radius:16px;background:#f2eff2;font-size:23px}.story-energy__stars span.is-filled{color:#fff;border-color:transparent;background:linear-gradient(145deg,color-mix(in srgb,var(--story-accent),white 25%),var(--story-accent));box-shadow:0 8px 18px color-mix(in srgb,var(--story-accent),transparent 72%);animation:storyStarPop .55s cubic-bezier(.22,1,.36,1) both}.story-energy__stars span:nth-child(2){animation-delay:.12s}.story-energy__stars span:nth-child(3){animation-delay:.24s}@keyframes storyStarPop{0%{opacity:0;transform:scale(.65) rotate(-15deg)}}.read-aloud{margin:15px 0;padding:12px 14px;border-left:3px solid var(--story-accent);border-radius:4px 14px 14px 4px;background:color-mix(in srgb,var(--story-accent),white 92%)}.read-aloud__label{display:block;margin-bottom:3px;color:color-mix(in srgb,var(--story-accent),#322744 34%);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.read-aloud p{margin:0;color:#5f5967;font-size:13px;line-height:1.45}.story-action{min-height:57px;padding:8px 12px;display:flex;align-items:center;gap:12px;border-radius:17px;background:color-mix(in srgb,var(--story-accent),white 86%)}.story-action__icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;color:#fff;border-radius:13px;background:var(--story-accent);font:700 22px var(--font-display)}.story-action div{display:flex;flex-direction:column}.story-action small{color:#827b88;font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.story-action strong{margin-top:2px;color:#413b49;font-size:13px}.story-done{min-height:47px;margin-top:14px;padding:0 22px;display:flex;align-items:center;gap:8px;color:#5d5665;border:1px solid rgba(59,49,72,.12);border-radius:15px;background:#ffffff9e;font-weight:700;cursor:pointer}@media(min-width:900px){.story-result{display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(380px,.9fr);grid-template-rows:auto 1fr auto;gap:0 50px;padding:36px max(42px,calc((100vw - 1180px)/2));background:linear-gradient(90deg,var(--story-dark) 0 54%,#f4f1f7 54%)}.story-result--steady{background:linear-gradient(90deg,#174f55 0 54%,#edf7f2 54%)}.story-result--bright{background:linear-gradient(90deg,#8b471d 0 54%,#fff4e4 54%)}.story-result__brand{grid-column:1;align-self:start;justify-self:center}.story-scene{grid-column:1;grid-row:2 / span 2;width:min(100%,650px);height:min(78svh,720px);align-self:center}.story-reading{grid-column:2;grid-row:2;width:100%;margin:0;padding:24px;align-self:center}.story-done{grid-column:2;grid-row:2;align-self:center;justify-self:center;margin-top:390px}}@media(max-width:420px){.story-result{padding-inline:10px}.story-result__brand{margin-bottom:8px}.story-scene{height:48svh;min-height:350px;border-radius:25px}.story-scene__caption{left:15px;right:15px;bottom:17px}.story-scene__caption>strong{font-size:28px}.story-reading{padding:15px;border-radius:22px}.story-energy__stars span{height:44px}.read-aloud{margin:12px 0;padding:10px 12px}.story-done{margin-top:11px}}