#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}@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}}