:root{color:#fff6fb;background:#2e2449;font-family:Georgia,Times New Roman,Songti SC,STSong,SimSun,PingFang SC,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,#14102db8,#51335b57),url(/assets/background-DUB2ntVA.jpg) center / cover fixed no-repeat}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.mobile-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#1814362e,#60385c2e),url(/assets/background-DUB2ntVA.jpg) center / cover repeat-y;box-shadow:0 0 42px #160c265c}.mobile-shell:before{content:"";position:fixed;inset:0;width:min(100vw,430px);margin:0 auto;pointer-events:none;background:radial-gradient(circle at 88% 10%,rgba(255,236,208,.54),transparent 120px),linear-gradient(180deg,#241c461f,#ffb4be1f)}.result-capture-shell{position:fixed;left:-10000px;top:0;overflow:visible;margin:0;box-shadow:none}.result-capture-shell:before{position:absolute;width:100%}.screen{position:relative;z-index:1;min-height:100vh;padding:42px 22px 32px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.eyebrow{margin:0;color:#fff9fce6;font-size:15px;letter-spacing:0;text-shadow:0 2px 12px rgba(61,24,66,.45)}.intro-screen{display:grid;place-items:center;min-height:100vh;padding:0;overflow:hidden;background:#885d95}.question-block h2,.loading-screen h2,.result-header h1{margin:0;color:#fff4fb;font-weight:400;line-height:1.28;letter-spacing:0;text-shadow:0 0 16px rgba(255,222,210,.46),0 2px 16px rgba(74,32,72,.46)}.intro-design-image{display:block;width:100%;height:100vh;object-fit:fill;object-position:center top}.question-block p,.loading-screen p{margin:0;color:#fff8fce0;font-size:13px;line-height:1.85;text-shadow:0 2px 10px rgba(56,24,60,.38)}.intro-start-hotspot{position:absolute;left:8%;right:8%;bottom:calc(13vh + env(safe-area-inset-bottom));height:8.5vh;min-height:58px;max-height:86px;border:0;border-radius:4px;padding:0;color:transparent;background:transparent}.intro-auth-error,.intro-auth-status{position:absolute;left:8%;right:8%;bottom:calc(22vh + env(safe-area-inset-bottom));z-index:2;margin:0;border:1px solid rgba(255,231,231,.48);border-radius:8px;padding:10px 12px;color:#fff8fb;font-size:13px;line-height:1.5;text-align:center;background:#622d4661;box-shadow:0 8px 24px #2a143638;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-auth-status{border-color:#ffe8b775;background:#4b305c57}.primary-button,.secondary-button{position:relative;min-height:54px;border:1px solid rgba(255,220,169,.88);border-radius:999px;padding:0 22px;color:#fff8fb;font-weight:400;font-size:18px;background:linear-gradient(180deg,#ffffff3d,#cf91a952),#ffffff14;box-shadow:inset 0 1px #ffffff8c,0 0 18px #ffd59f47,0 12px 28px #341c4647;text-shadow:0 1px 8px rgba(70,31,64,.48)}.primary-button:before,.primary-button:after,.secondary-button:before,.secondary-button:after{content:"✦";position:absolute;top:50%;color:#ffe4ad;font-size:12px;transform:translateY(-50%)}.primary-button:before,.secondary-button:before{left:26px}.primary-button:after,.secondary-button:after{right:26px}.intro-start-hotspot:focus-visible{outline:2px solid rgba(255,249,237,.96);outline-offset:6px}.quiz-screen{padding:52px 22px 104px}.quiz-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:48px;color:#fff5fbe6;font-size:16px}.quiz-progress div{height:3px;overflow:visible;border-radius:99px;background:#ffffff61}.quiz-progress i{position:relative;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd29c,#ffedd5e6);transition:width .18s ease}.quiz-progress i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#fff4cf;box-shadow:0 0 14px #ffe0a8;transform:translateY(-50%)}.inline-error{margin:0 0 16px;border:1px solid rgba(255,222,222,.42);border-radius:8px;padding:10px 12px;color:#fff4f4;line-height:1.5;background:#80304138;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.question-block{display:grid;gap:18px}.question-block h2{font-size:30px}.option-list{display:grid;gap:14px;margin-top:18px}.quiz-option{display:grid;gap:6px;width:100%;min-height:64px;border:1px solid rgba(255,255,255,.46);border-radius:8px;padding:16px 20px;color:#fff9fdf0;text-align:left;background:linear-gradient(180deg,#ffffff40,#ffffff17),#ffffff1f;box-shadow:inset 0 1px 1px #ffffff73,0 8px 22px #40224c38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.quiz-option span{font-size:17px;line-height:1.38}.quiz-option small{color:#fff2f9c7;font-size:12px;line-height:1.45}.quiz-option.is-selected{border-color:#ffdaa0f2;background:linear-gradient(180deg,#ffe3cb52,#ffffff1c),#c47f9738;box-shadow:inset 0 1px 1px #ffffff94,0 0 22px #ffd79f61,0 10px 24px #461f4642}.bottom-actions{position:fixed;right:50%;bottom:0;z-index:8;display:flex;gap:10px;width:min(100vw,430px);padding:16px 34px calc(16px + env(safe-area-inset-bottom));transform:translate(50%);background:linear-gradient(180deg,#38204c00,#59375c9e 42%,#5a385ddb)}.bottom-actions .primary-button{flex:1}.bottom-actions .secondary-button{min-width:90px;font-size:15px}.bottom-actions .secondary-button:before,.bottom-actions .secondary-button:after{content:none}.loading-screen{display:grid;place-content:center;gap:16px;text-align:center}.loading-screen h2{margin-top:10px}.loading-intro,.loading-tip{justify-self:center;max-width:310px}.loading-intro{font-size:16px;line-height:1.75}.loading-tip{color:#fff8fcc2;font-size:13px}.loading-cards{position:relative;height:92px;margin-bottom:4px}.loading-cards i{position:absolute;left:50%;top:0;width:64px;height:82px;border:1px solid rgba(255,226,197,.52);border-radius:8px;background:#fff6f98f;box-shadow:0 16px 40px #76464629;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.loading-cards i:nth-child(1){transform:translate(-76px) rotate(-10deg)}.loading-cards i:nth-child(2){transform:translate(-32px) translateY(-8px)}.loading-cards i:nth-child(3){transform:translate(12px) rotate(10deg)}.result-screen{padding:24px 18px 26px}.result-header{display:grid;gap:12px;padding:0 2px 18px}.result-header h1{font-size:30px}.keyword-list,.offer-badges{display:flex;flex-wrap:wrap;gap:8px}.keyword-list span,.offer-badges span{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 12px;color:#fffafdeb;font-size:12px;background:#ffffff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-section{display:grid;gap:12px;margin-top:8px}.result-section+.result-section{margin-top:18px}.result-section h2,.save-panel h2,.empty-result h2{margin:0;color:#fff7fb;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:0;text-shadow:0 2px 12px rgba(72,28,70,.4)}.result-section>p,.save-panel p,.empty-result p{margin:0;color:#fff7fcdb;font-size:12px;line-height:1.65}.offer-card{position:relative;display:grid;grid-template-columns:minmax(122px,40%) minmax(0,1fr);min-height:168px;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:linear-gradient(135deg,#ffffffd1,#ffebf08f),#ffffff57;box-shadow:inset 0 1px 1px #ffffff8f,0 14px 28px #391c4438;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.offer-card.is-top:first-of-type{grid-template-columns:1fr}.offer-card.is-top:first-of-type .offer-image-wrap{aspect-ratio:1.38 / 1;min-height:240px}.offer-card.is-top:first-of-type .offer-content{padding-top:14px}.offer-image-wrap{position:relative;min-height:100%;padding:10px;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.52),transparent 62%),#ffebf06b}.offer-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}.offer-rank{position:absolute;left:10px;top:10px;border-radius:999px;padding:5px 10px;color:#fff6f7;font-size:11px;font-weight:700;background:#783d41eb}.offer-content{position:relative;display:grid;align-content:start;gap:7px;min-width:0;padding:14px 13px;color:#3c2634}.offer-content h3{margin:0;color:#3a2330;font-size:17px;font-weight:400;line-height:1.32;letter-spacing:0}.offer-brand,.offer-price,.offer-reason{margin:0}.offer-brand{color:#402833cc;font-size:11px;text-align:center}.offer-card.is-top:first-of-type .offer-brand{text-align:left}.offer-badges{gap:5px}.offer-badges span{border:0;padding:4px 8px;color:#8a4b55;font-size:10px;background:#ffffff94}.offer-reason{color:#4c3140;font-size:12px;line-height:1.52}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.offer-price{color:#7e333e;font-size:23px;line-height:1;white-space:nowrap}.offer-price:first-letter{font-size:14px}.offer-cta{flex:0 0 auto;min-height:34px;border:1px solid rgba(126,51,62,.2);border-radius:999px;padding:0 12px;color:#fff8fb;font-size:13px;line-height:1;background:linear-gradient(180deg,#8e424feb,#723044eb);box-shadow:inset 0 1px #ffffff47,0 8px 16px #632b3e29}.save-panel,.empty-result{display:grid;gap:12px;margin-top:18px;border-radius:8px;padding:14px 16px;text-align:center;background:#ffffff14}.save-panel>p:not(.save-message),.result-footnote{color:#fff7fcd1;font-size:12px}.save-panel .primary-button,.save-panel .secondary-button{min-height:48px;font-size:16px}.save-message{margin:0;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.save-message.is-saved{color:#fff8ec;background:#577e6c38}.save-message.is-error{color:#fff1f1;background:#9f4f5a42}@media(max-width:360px){.screen{padding-inline:16px}.intro-screen h1,.question-block h2,.result-header h1{font-size:27px}.offer-card{grid-template-columns:39% minmax(0,1fr)}.offer-content h3{font-size:15px}.offer-price{font-size:21px}}