.quiz-player{min-height:100dvh;padding:var(--space-8) var(--space-6);justify-content:center;gap:var(--space-6);flex-direction:column;display:flex}.access-gate,.quiz-landing,.quiz-play-area,.quiz-analyzing{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-8) var(--space-6)}.access-gate-title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.access-gate-subtitle{margin-bottom:var(--space-6)}.access-gate-form{gap:var(--space-3);flex-direction:column;display:flex}.access-gate-input{width:100%;padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-hover);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out);outline:none}.access-gate-input:focus{border-color:var(--color-accent-rose)}.access-gate-error{margin-top:var(--space-3);color:var(--color-error);font-size:var(--text-sm)}.quiz-kicker{margin-bottom:var(--space-3)}.quiz-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.quiz-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.quiz-description{margin-bottom:var(--space-8)}.quiz-start-button,.quiz-next-button{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-full);background:var(--color-accent-rose);color:var(--color-text-inverse);transition:background var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.quiz-start-button:hover,.quiz-next-button:hover:enabled{background:var(--color-accent-rose-hover)}.quiz-next-button:disabled{opacity:.4;cursor:not-allowed}.quiz-progress{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-6);overflow:hidden}.quiz-progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent-rose), var(--color-accent-mauve));height:100%}.question-card-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.question-card-subtext{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.question-card-hint{margin-bottom:var(--space-4)}.question-options{gap:var(--space-3);flex-direction:column;display:flex}.option-button{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-hover);border-radius:var(--radius-lg);width:100%;padding:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);display:flex}.option-button:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.option-button.is-selected{border-color:var(--color-accent-rose);background:var(--color-accent-rose-light);box-shadow:var(--shadow-sm)}.option-button-emoji{font-size:var(--text-lg)}.option-button-text{text-align:left;flex:1}.option-button-check{width:1.5rem;color:var(--color-accent-rose-hover);font-weight:700}.quiz-analyzing{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.quiz-analyzing-ring{border-radius:var(--radius-full);border:2px solid var(--color-accent-rose-light);width:88px;height:88px;animation:1.8s infinite pulseRing}@media (width<=480px){.quiz-player{padding:var(--space-6) var(--space-4)}.quiz-title{font-size:var(--text-2xl)}.question-card-title{font-size:var(--text-xl)}}.poster-generate-button{border-radius:var(--radius-full);width:100%;padding:var(--space-4) var(--space-5);background:var(--color-accent-rose);color:var(--color-text-inverse);transition:background var(--duration-normal) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.poster-generate-button:hover:enabled{background:var(--color-accent-rose-hover)}.poster-generate-button:disabled{opacity:.65;cursor:not-allowed}.poster-render-root{pointer-events:none;position:fixed;top:0;left:-9999px}.poster-canvas{width:720px;height:1280px;color:var(--color-text-primary);background:linear-gradient(170deg,#faf8f5 20%,#f3ede7 80%);border:2px solid #efe7dd;flex-direction:column;align-items:flex-start;padding:88px 72px;display:flex}.poster-brand{border-radius:var(--radius-full);background:color-mix(in srgb, var(--poster-accent) 18%, white);color:#5a5149;margin-bottom:70px;padding:10px 22px;font-size:24px}.poster-title{margin-bottom:20px;font-size:62px;line-height:1.2}.poster-subtitle{color:#6f665f;margin-bottom:36px;font-size:28px;line-height:1.55}.poster-tags{flex-wrap:wrap;gap:12px;margin-bottom:auto;display:flex}.poster-tag{border-radius:var(--radius-full);color:#665c55;background:#fff;border:1px solid #d9cdc0;padding:9px 18px;font-size:24px}.poster-qr-wrap{text-align:center;align-self:center}.poster-qr{background:#fff;border:1px solid #ddd0c2;border-radius:12px;width:180px;height:180px;margin-bottom:10px;padding:10px}.poster-qr-text{color:#7d736b;font-size:22px}.result-page{min-height:100dvh;padding:var(--space-8) var(--space-6) var(--space-10);gap:var(--space-5);flex-direction:column;display:flex}.result-page-state{min-height:100dvh;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.result-hero,.result-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.result-hero{padding:var(--space-8) var(--space-6);text-align:center}.result-kicker{margin-bottom:var(--space-2)}.result-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.result-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.result-tags{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.result-tag-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.result-main{gap:var(--space-4);flex-direction:column;display:flex}.result-section{padding:var(--space-5)}.result-section-title{font-size:var(--text-lg);color:var(--color-accent-rose-hover);margin-bottom:var(--space-3)}.result-paragraph{color:var(--color-text-primary);line-height:var(--leading-relaxed)}.result-list{color:var(--color-text-primary);gap:var(--space-2);flex-direction:column;margin-left:1.1rem;display:flex}.result-footer{text-align:center;padding:var(--space-2)}.result-poster-action{margin-top:var(--space-4)}@media (width<=480px){.result-page{padding:var(--space-6) var(--space-4) var(--space-8)}.result-title{font-size:var(--text-2xl)}}.home-page{min-height:100dvh;padding:var(--space-6);flex-direction:column;display:flex}.home-header{text-align:center;padding:var(--space-16) 0 var(--space-10)}.home-logo{font-size:var(--text-4xl);color:var(--color-accent-rose);margin-bottom:var(--space-2)}.home-tagline{font-size:var(--text-lg);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.home-content{flex:1}.home-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.quiz-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;display:flex}.quiz-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-1px)}.quiz-card:active{transform:scale(.99)}.quiz-card-badge{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.quiz-card-body{flex:1;min-width:0}.quiz-card-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600}.quiz-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.quiz-card-meta{gap:var(--space-3);font-size:var(--text-xs);display:flex}.quiz-card-time{color:var(--color-text-muted)}.quiz-card-tag{color:var(--color-accent-rose);background:var(--color-accent-rose-light);padding:1px var(--space-2);border-radius:var(--radius-full)}.quiz-card-arrow{color:var(--color-text-muted);font-size:var(--text-xl);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.quiz-card:hover .quiz-card-arrow{color:var(--color-accent-rose);transform:translate(4px)}.home-footer{text-align:center;padding:var(--space-8) 0 var(--space-4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);min-height:100dvh;overflow-x:hidden}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:root{--color-bg-primary:#faf8f5;--color-bg-secondary:#f3ede7;--color-bg-tertiary:#ede5db;--color-surface:#fff;--color-surface-hover:#fbf9f7;--color-surface-active:#f5f0eb;--color-text-primary:#3d3833;--color-text-secondary:#7a7067;--color-text-muted:#b5a99a;--color-text-inverse:#fff;--color-accent-rose:#c4a4a0;--color-accent-rose-hover:#b8928e;--color-accent-rose-light:#e8d5d2;--color-accent-sage:#a8b5a0;--color-accent-blue:#9badb8;--color-accent-mauve:#b8a5b5;--color-accent-sand:#c8b99e;--color-success:#a8b5a0;--color-error:#c4889a;--color-warning:#c8b99e;--color-border:#e8e0d8;--color-border-subtle:#f0ebe5;--color-border-strong:#d5cbbc;--font-sans:"PingFang SC", "Helvetica Neue", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display:"Noto Serif SC", "Source Han Serif SC", "PingFang SC", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-.01em;--tracking-normal:.02em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--max-width-content:430px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #3d38330a;--shadow-md:0 4px 12px #3d38330f;--shadow-lg:0 8px 24px #3d383314;--shadow-xl:0 16px 48px #3d38331a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s}#root{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.app-container{width:100%;max-width:var(--max-width-content);min-height:100dvh;position:relative}.text-display{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:600}.text-muted{color:var(--color-text-secondary)}.text-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scalePress{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes pulseRing{0%{box-shadow:0 0 #c4a4a066}70%{box-shadow:0 0 0 20px #c4a4a000}to{box-shadow:0 0 #c4a4a000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progressFill{0%{width:0}}@keyframes blurIn{0%{filter:blur();opacity:1}to{filter:blur(8px);opacity:.6}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}