#quiz-app{min-height:100vh;--color-primary:#252525;--color-secondary:#454f5b;--color-text-muted:#6b7280;--color-accent:#9c3912;--color-accent-light:#eef2ff;--color-bg:#faf9f7;--color-white:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#22c55e;--color-star:#f59e0b;--font-serif:"GT Alpina","Playfair Display",georgia,serif;--font-sans:"Inter",-apple-system,blinkmacsystemfont,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1)}#quiz-app svg{display:inline-block;flex-shrink:0;vertical-align:middle}#quiz-app .scrollbar-auto-hide{scrollbar-color:transparent transparent;scrollbar-width:thin}#quiz-app .scrollbar-auto-hide:active,#quiz-app .scrollbar-auto-hide:hover{scrollbar-color:rgba(0,0,0,.2) transparent}#quiz-app .scrollbar-auto-hide::-webkit-scrollbar{width:6px}#quiz-app .scrollbar-auto-hide::-webkit-scrollbar-track{background:transparent}#quiz-app .scrollbar-auto-hide::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}#quiz-app .scrollbar-auto-hide:active::-webkit-scrollbar-thumb,#quiz-app .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}#quiz-app .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}#quiz-app .scrollbar-hide::-webkit-scrollbar{display:none}#quiz-app .quiz-container{background-color:var(--color-white);display:flex;flex-direction:column;min-height:100vh}#quiz-app .quiz-main{display:flex;flex:1;flex-direction:column}#quiz-app .quiz-main>*{min-height:0}#quiz-app .quiz-main .min-h-screen{min-height:100%!important}#quiz-app .progress-nav{background:var(--color-white);position:sticky;top:0;z-index:100}#quiz-app .progress-nav-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative}#quiz-app .back-button{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem;transition:opacity .2s}#quiz-app .back-button:hover{opacity:.7}#quiz-app .back-button svg{display:inline-block;height:16px;width:16px}#quiz-app .chat-barista-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-secondary);cursor:pointer;display:flex;font-size:13px;gap:.375rem;padding:.375rem .75rem;transition:border-color .2s,opacity .2s;white-space:nowrap}#quiz-app .chat-barista-btn:hover{border-color:#c8a882;opacity:.85}#quiz-app .chat-barista-btn svg{display:inline-block;flex-shrink:0;height:14px;width:14px}@media(max-width:480px){#quiz-app .chat-barista-btn{padding:.375rem}#quiz-app .chat-barista-btn span{display:none}}#quiz-app .logo{left:50%;position:absolute;transform:translateX(-50%)}#quiz-app .logo img{height:24px;width:auto}#quiz-app .progress-segments{height:4px}#quiz-app .progress-segment-labels,#quiz-app .progress-segments{display:flex;gap:3px;padding:0 1.5rem}#quiz-app .progress-segment-label-slot{padding-top:6px;text-align:center}#quiz-app .section-label-text{animation:sectionFadeIn .3s ease-out;color:var(--color-text-muted);display:inline-block;font-size:11px;font-weight:500}#quiz-app .progress-segment{background:var(--color-border);border-radius:2px;overflow:hidden}#quiz-app .segment-fill{background:var(--color-accent);height:100%;transition:width .3s ease-out}#quiz-app .gateway-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:900px){#quiz-app .gateway-container{grid-template-columns:1fr;grid-template-rows:45vh 1fr}}@media(max-width:480px){#quiz-app .gateway-container{grid-template-rows:35vh 1fr}}#quiz-app .gateway-hero{background:linear-gradient(135deg,#2c1810,#4a2c1a);min-height:280px;overflow:hidden;position:relative}@media(max-width:480px){#quiz-app .gateway-hero{min-height:220px}}#quiz-app .gateway-hero-image{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;width:100%}#quiz-app .gateway-hero-overlay{background:linear-gradient(90deg,transparent 60%,hsla(0,0%,100%,.05));inset:0;position:absolute}#quiz-app .gateway-content{align-items:center;background:var(--color-white);display:flex;justify-content:center;padding:3rem}@media(max-width:900px){#quiz-app .gateway-content{padding:2.5rem 1.5rem}}@media(max-width:480px){#quiz-app .gateway-content{padding:2rem 1.25rem}}#quiz-app .gateway-content-inner{max-width:420px;width:100%}#quiz-app .gateway-badge{color:var(--color-accent);display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.2em;margin-bottom:1.5rem}#quiz-app .gateway-title{color:var(--color-primary);font-family:var(--font-serif);font-size:3rem;font-style:italic;font-weight:400;letter-spacing:-1px;line-height:1.1;margin-bottom:1.25rem}@media(max-width:900px){#quiz-app .gateway-title{font-size:2.25rem}}@media(max-width:480px){#quiz-app .gateway-title{font-size:1.875rem}}#quiz-app .gateway-subtitle{color:var(--color-secondary);font-size:1.0625rem;line-height:1.6;margin-bottom:2.5rem}@media(max-width:480px){#quiz-app .gateway-subtitle{font-size:.9375rem}}#quiz-app .gateway-paths{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2.5rem}#quiz-app .gateway-path-btn{align-items:flex-start;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}#quiz-app .gateway-path-primary{background:var(--color-primary);color:var(--color-white)}#quiz-app .gateway-path-primary:hover{background:#3d3d3d;box-shadow:0 4px 12px rgba(37,37,37,.25);transform:translateY(-1px)}#quiz-app .gateway-path-secondary{background:transparent;border:1.5px solid var(--color-border);color:var(--color-primary)}#quiz-app .gateway-path-secondary:hover{background:var(--color-bg);border-color:var(--color-primary)}#quiz-app .gateway-path-title{font-size:1rem;font-weight:600}#quiz-app .gateway-path-desc{font-size:.8125rem;opacity:.75}#quiz-app .gateway-trust{align-items:center;display:flex;gap:.75rem}#quiz-app .gateway-stars{align-items:center;display:flex;gap:2px}#quiz-app .gateway-star{color:var(--color-star);display:inline-block;flex-shrink:0;height:16px;width:16px}#quiz-app .gateway-trust-text{color:var(--color-text-muted);font-size:.8125rem}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-slide{0%{background-position:100% 0}to{background-position:-50% 0}}