.lp-root{--lp-ink: #1a1714;--lp-ink-soft: #4a4540;--lp-muted: #76726b;--lp-faint: #9a958c;--lp-paper: #ffffff;--lp-paper-tint: #f7f5f1;--lp-hairline: #eae7e0;--lp-border: #d6d2c8;--lp-accent: #b5341f;--lp-accent-deep: #8c2516;--lp-accent-soft: #f4e2dd;--lp-accent-tint: #fbf3f1;--lp-on-accent: #ffffff;--lp-radius: 10px;--lp-max: 860px;--lp-serif: "Iowan Old Style", Georgia, "Times New Roman", serif;--lp-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;background:var(--lp-paper);color:var(--lp-ink);font-family:var(--lp-sans);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}.lp-root *,.lp-root *::before,.lp-root *::after{box-sizing:border-box}.lp-wrap{max-width:var(--lp-max);margin:0 auto;padding:1.5rem 1.25rem 4rem}.lp-root a{color:var(--lp-accent);text-decoration:none}.lp-root a:hover{text-decoration:underline}.lp-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.75rem;margin-bottom:3rem;border-bottom:1px solid var(--lp-hairline)}.lp-brand{display:flex;align-items:center;gap:0.55rem;font-family:var(--lp-serif);font-size:1.2rem;font-weight:600;letter-spacing:-0.015em;color:var(--lp-ink)}.lp-brand:hover{text-decoration:none}.lp-brand img{height:36px;width:auto;display:block}.lp-nav{display:flex;gap:1.1rem;align-items:center;font-size:0.9rem}.lp-nav a{color:var(--lp-ink-soft)}.lp-nav-cta{background:var(--lp-accent);color:var(--lp-on-accent) !important;padding:0.45rem 0.95rem;border-radius:8px;font-weight:600}.lp-nav-cta:hover{background:var(--lp-accent-deep);text-decoration:none}.lp-root h1,.lp-root h2,.lp-root h3{font-family:var(--lp-serif);letter-spacing:-0.015em;color:var(--lp-ink)}.lp-root h1{font-size:2.7rem;line-height:1.05;font-weight:500;margin:0 0 1rem}.lp-root h2{font-size:1.75rem;line-height:1.15;font-weight:500;margin:0 0 0.75rem}.lp-root h3{font-size:1.05rem;font-weight:600;line-height:1.3;margin:0 0 0.25rem}.lp-root p{margin:0 0 0.85rem}.lp-section{margin-bottom:4rem}.lp-kicker{display:inline-block;font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:0.8rem}.lp-dek{font-family:var(--lp-serif);font-size:1.18rem;line-height:1.45;color:var(--lp-ink-soft);max-width:46ch;margin-bottom:1.6rem}.lp-accent{color:var(--lp-accent);font-style:italic;font-weight:500}.lp-hero{padding-top:1rem;text-align:center}.lp-hero .lp-dek{margin-left:auto;margin-right:auto}.lp-cta-row{display:flex;gap:0.6rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.lp-btn{font:inherit;font-size:0.95rem;font-weight:600;padding:0.7rem 1.4rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background 0.15s, border-color 0.15s, transform 0.1s}.lp-btn:hover{text-decoration:none;transform:translateY(-1px)}.lp-btn-primary{background:var(--lp-accent);color:var(--lp-on-accent) !important}.lp-btn-primary:hover{background:var(--lp-accent-deep)}.lp-btn-ghost{background:transparent;color:var(--lp-ink) !important;border-color:var(--lp-border)}.lp-btn-ghost:hover{border-color:var(--lp-ink-soft);background:var(--lp-paper-tint)}.lp-cta-caption{margin-top:0.85rem;font-size:0.85rem;color:var(--lp-muted)}.lp-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.6rem;margin-top:1.5rem}.lp-step-num{font-family:var(--lp-serif);font-size:1.05rem;font-weight:600;color:var(--lp-accent);border-bottom:1px solid var(--lp-hairline);padding-bottom:0.4rem;margin-bottom:0.7rem}.lp-step p{font-size:0.92rem;color:var(--lp-muted);margin:0}.lp-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:1.5rem}.lp-value-item h3{margin-bottom:0.3rem}.lp-value-item p{font-size:0.9rem;color:var(--lp-muted);line-height:1.5;margin:0}.lp-feature{background:var(--lp-accent-tint);border:1px solid var(--lp-accent-soft);border-radius:var(--lp-radius);padding:2rem 2.25rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}.lp-feature-mock{background:var(--lp-paper);border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:1.1rem 1.2rem;font-size:0.9rem}.lp-feature-mock .mq{font-weight:600;color:var(--lp-ink);margin-bottom:0.7rem}.lp-feature-mock .mc{padding:0.5rem 0.7rem;border:1px solid var(--lp-hairline);border-radius:7px;margin-bottom:0.4rem;color:var(--lp-ink-soft)}.lp-feature-mock .mc-correct{border-color:var(--lp-accent);background:var(--lp-accent-soft);color:var(--lp-accent-deep);font-weight:600}.lp-stats{display:flex;gap:2rem;padding:1rem 0;border-top:1px solid var(--lp-hairline);border-bottom:1px solid var(--lp-hairline);margin:3rem 0;flex-wrap:wrap;justify-content:center;font-size:0.86rem;color:var(--lp-muted)}.lp-stats .lp-stat{display:flex;align-items:baseline;gap:0.4rem}.lp-stats strong{font-family:var(--lp-serif);font-size:1.15rem;font-weight:600;color:var(--lp-ink)}.lp-final{text-align:center;background:var(--lp-paper-tint);border:1px solid var(--lp-hairline);border-radius:var(--lp-radius);padding:2.75rem 2rem}.lp-footer{border-top:1px solid var(--lp-hairline);padding-top:1.25rem;font-size:0.85rem;color:var(--lp-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.lp-footer a{color:var(--lp-muted)}@media (max-width: 680px){.lp-root h1{font-size:2.05rem}.lp-root h2{font-size:1.45rem}.lp-steps{grid-template-columns:1fr;gap:1.1rem}.lp-value-grid{grid-template-columns:1fr}.lp-feature{grid-template-columns:1fr;padding:1.5rem}}:root{--color-primary: #B5341F;--color-secondary: #1A9E9E;--color-accent: #F5A623;--color-bg: #F7F8FC;--color-surface: #FFFFFF;--color-surface-subtle: #EEF0F8;--color-text: #1C1C2E;--color-text-secondary: #4A4A6A;--color-text-muted: #9090A8;--color-success: #2ECC71;--color-error: #E74C3C;--color-warning: #F39C12;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--shadow: 0 1px 4px rgba(28, 28, 46, 0.08);--shadow-elevated: 0 4px 16px rgba(28, 28, 46, 0.12);--shadow-modal: 0 8px 32px rgba(28, 28, 46, 0.18)}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--color-primary)}h1,h2,h3{line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:background 0.15s, transform 0.1s;text-decoration:none}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#8C2516}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#158080}.btn-accent{background:var(--color-accent);color:var(--color-text)}.btn-accent:hover{background:#E0941A}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 16px}.btn-ghost:hover{background:var(--color-surface-subtle)}.card{background:var(--color-surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.badge{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600}.landing{display:flex;flex-direction:column;align-items:center}.hero{width:100%;background:linear-gradient(135deg, var(--color-primary) 0%, #8C2516 50%, #5E1410 100%);color:#fff;padding:80px 24px 100px;text-align:center}.hero-inner{max-width:680px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:0.3px;margin-bottom:28px;color:rgba(255,255,255,0.9)}.hero-logo{width:72px;height:72px;display:block;margin:0 auto 24px;border-radius:var(--radius)}.hero h1{font-size:44px;font-weight:800;line-height:1.15;margin:0 0 20px;color:#fff;letter-spacing:-0.5px}.hero-sub{font-size:18px;line-height:1.7;color:rgba(255,255,255,0.8);margin:0 0 36px;max-width:540px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.hero-ctas .btn-primary{background:var(--color-accent);color:var(--color-text)}.hero-ctas .btn-primary:hover{background:#E0941A}.hero-ctas .btn-outline{border-color:rgba(255,255,255,0.5);color:#fff}.hero-ctas .btn-outline:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff}.hero-note{font-size:13px;color:rgba(255,255,255,0.5);margin:0}.btn-lg{padding:14px 32px;font-size:16px}.how-it-works{width:100%;max-width:900px;padding:72px 24px 56px;margin:0 auto}.how-it-works h2,.features h2,.use-cases h2,.final-cta h2,.quiz-gate-feature h2{text-align:center;font-size:28px;font-weight:700;color:var(--color-primary);margin:0 0 40px}.steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:32px}.step{text-align:center;padding:0 8px}.step-number{width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.step h3{font-size:17px;font-weight:600;color:var(--color-text);margin:0 0 8px}.step p{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}.features{width:100%;background:var(--color-surface);padding:72px 24px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:24px;max-width:960px;margin:0 auto}.feature-card{text-align:left;padding:28px 24px;border:1px solid var(--color-surface-subtle);transition:box-shadow 0.2s, transform 0.2s}.feature-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:12px}.feature-card h3{color:var(--color-text);margin:0 0 8px;font-size:16px;font-weight:600}.feature-card p{color:var(--color-text-secondary);font-size:14px;margin:0;line-height:1.6}.use-cases{width:100%;max-width:800px;padding:72px 24px;margin:0 auto}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:16px}.use-case{padding:20px 24px;background:var(--color-surface);border-radius:var(--radius);font-size:15px;line-height:1.6;color:var(--color-text-secondary);box-shadow:var(--shadow)}.use-case strong{color:var(--color-primary);font-weight:600}.quiz-gate-feature{width:100%;background:var(--color-surface);padding:72px 24px;border-top:1px solid var(--color-surface-subtle)}.quiz-gate-feature-inner{max-width:900px;margin:0 auto;display:flex;gap:48px;align-items:center}.quiz-gate-feature-text{flex:1}.quiz-gate-feature-text h2{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:16px}.quiz-gate-feature-text p{font-size:16px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:12px}.quiz-gate-feature-how{font-size:14px !important;color:var(--color-text-muted) !important}.quiz-gate-feature-example{flex:0 0 280px}.quiz-gate-mock{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-elevated);border:1px solid var(--color-surface-subtle)}.mock-header{font-size:11px;color:var(--color-secondary);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:12px}.mock-question{font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:16px;line-height:1.4}.mock-choice{padding:10px 14px;margin-bottom:8px;background:var(--color-surface);border:1.5px solid #E2E3ED;border-radius:10px;font-size:13px;color:var(--color-text)}.mock-choice-correct{background:#F0FAF4;border-color:#C3E6D1;color:#1B8A4A;font-weight:600}@media (max-width: 700px){.quiz-gate-feature-inner{flex-direction:column}.quiz-gate-feature-example{flex:none;width:100%;max-width:320px}}.final-cta{width:100%;background:var(--color-surface);text-align:center;padding:72px 24px 80px;border-top:1px solid var(--color-surface-subtle)}.final-cta p{font-size:16px;color:var(--color-text-secondary);max-width:480px;margin:0 auto 32px;line-height:1.6}.auth-page{display:flex;min-height:100vh}.auth-left{flex:1;background:linear-gradient(135deg, var(--color-primary) 0%, #8C2516 50%, #5E1410 100%);display:flex;align-items:center;justify-content:center;padding:48px}.auth-brand{text-align:center;color:#fff;max-width:320px}.auth-logo{width:80px;height:80px;display:block;margin:0 auto 20px;border-radius:var(--radius)}.auth-brand h1{font-size:32px;font-weight:800;margin:0 0 12px;color:#fff}.auth-brand p{font-size:16px;color:rgba(255,255,255,0.7);margin:0;line-height:1.5}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px;background:var(--color-bg)}.auth-card{width:100%;max-width:420px;padding:40px 36px}.auth-card h2{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 4px}.auth-subtitle{font-size:14px;color:var(--color-text-muted);margin:0 0 28px}@media (max-width: 768px){.auth-page{flex-direction:column}.auth-left{padding:36px 24px;min-height:auto}.auth-brand h1{font-size:24px}.auth-right{padding:32px 20px}.auth-card{padding:28px 24px}.hero h1{font-size:30px}.hero-sub{font-size:16px}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.form-label-row .form-label{margin-bottom:0}.form-label-link{font-size:13px;color:var(--color-text-muted)}.form-label-link:hover{color:var(--color-primary)}.form-input{width:100%;padding:11px 14px;border:2px solid var(--color-surface-subtle);border-radius:var(--radius);font-size:15px;color:var(--color-text);background:var(--color-surface);transition:border-color 0.15s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,59,152,0.12)}.form-submit{width:100%;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:background 0.15s, transform 0.1s;margin-top:4px}.form-submit:hover{background:#8C2516;transform:translateY(-1px)}.form-submit:active{transform:translateY(0)}.btn-google{width:100%;padding:12px;background:#fff;color:var(--color-text);border:2px solid var(--color-surface-subtle);border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:border-color 0.15s, box-shadow 0.15s;text-decoration:none}.btn-google:hover{border-color:#ccc;box-shadow:var(--shadow);text-decoration:none}.btn-google:visited{color:var(--color-text)}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:20px 0;color:var(--color-text-muted);font-size:13px}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--color-surface-subtle)}.auth-divider span{padding:0 12px}.auth-links{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-secondary)}.auth-links a{margin-left:4px;font-weight:500}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{width:100%;max-width:420px;padding:40px 36px}.login-card h1{font-size:24px;font-weight:700;color:var(--color-primary);text-align:center;margin:0 0 24px}.ext-success{text-align:center;padding:40px 32px;max-width:400px}.ext-success h2{color:var(--color-secondary);margin:0 0 8px}.ext-success p{color:var(--color-text-secondary);margin:0}.flash-alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;text-align:center}.flash-alert.error{background:#FDE8E8;color:var(--color-error)}.flash-alert.notice{background:#E8F8EE;color:var(--color-success)}.game-status{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-surface-subtle);gap:16px;flex-wrap:wrap}.game-logo-container{display:flex;align-items:center;gap:12px}.game_logo{width:40px;height:40px}.game-info{text-align:right}.game-status-item{margin:0;font-size:14px;color:var(--color-text-secondary)}.large-text{font-size:15px}.highlight{font-weight:700;color:var(--color-primary)}.logout-link{text-align:right}.logout-link button,.logout-link input[type="submit"]{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:13px}.logout-link button:hover,.logout-link input[type="submit"]:hover{color:var(--color-error)}.question-container{max-width:720px;margin:32px auto;padding:0 24px}.question-field{background:var(--color-surface);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}#question-link{display:inline-block;font-size:12px;color:var(--color-text-muted);text-decoration:none;line-height:1.4}#question-link:hover{color:var(--color-primary);text-decoration:none}.seed-label{display:inline-block;font-size:12px;color:var(--color-text-muted);padding:4px 10px;border:1px solid var(--color-surface-subtle);border-radius:6px}.source-domain{font-weight:600;margin-right:2px}.source-domain::after{content:"\00b7";margin-left:4px}#question-text{font-size:18px;font-weight:500;margin-top:8px;line-height:1.5}.choice-field{margin-bottom:10px}.choice-button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;background:var(--color-surface);border:1.5px solid #E2E3ED;border-radius:var(--radius);cursor:pointer;font-size:15px;color:var(--color-text);text-align:left;transition:all 0.15s ease}.choice-button:hover{border-color:var(--color-primary);background:#F8F8FF}.choice-button:hover .choice-letter{background:var(--color-primary);color:#fff}.choice-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:8px;background:#F0F0F8;font-size:13px;font-weight:700;color:var(--color-primary)}.choice-text{flex:1}.choice-button-selected{background:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#fff !important}.choice-button-unselected{opacity:0.6}.skip-link{font-size:13px;color:var(--color-text-muted);text-decoration:none;display:block;text-align:center;margin-top:4px;margin-bottom:16px}.skip-link:hover{color:var(--color-primary);text-decoration:underline}.skip-link-danger:hover{color:var(--color-error)}.skip-sep{color:var(--color-text-muted);margin:0 6px}.choice-correct{background:#F0FAF4 !important;border-color:#C3E6D1 !important;color:#1B8A4A !important;font-weight:600;cursor:default}.choice-correct .choice-letter{background:#2ECC71 !important;color:#fff !important}.choice-incorrect{background:#FEF3F3 !important;border-color:#F0C8C8 !important;color:#C53030 !important;cursor:default}.choice-incorrect .choice-letter{background:#E74C3C !important;color:#fff !important}#correct-answer{background:var(--color-surface);border-radius:var(--radius);padding:20px 24px;margin-top:8px;box-shadow:var(--shadow)}.result-correct{font-weight:700;font-size:16px;color:#1B8A4A;margin-bottom:8px}.result-incorrect{font-weight:600;font-size:15px;color:#C53030;margin-bottom:8px}#explanation{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-top:4px}#feedback{margin-top:16px}.btn-next{display:block;width:100%;padding:12px 20px;font-size:15px;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background 0.15s;margin-bottom:10px}.btn-next:hover{background:#8C2516}.free-text-area{display:flex;flex-direction:column;gap:8px}.free-text-input{width:100%;min-height:100px;padding:12px 14px;font-size:15px;line-height:1.5;color:var(--color-text);background:#fff;border:1.5px solid #E2E3ED;border-radius:var(--radius);font-family:inherit;resize:vertical;transition:border-color 0.15s}.free-text-input:focus{outline:none;border-color:var(--color-primary)}.free-text-input:disabled{background:#F8F8FF;color:#6A6A80}.free-text-submit:disabled{background:#B0B0C0;cursor:not-allowed}.free-text-submit:disabled:hover{background:#B0B0C0}.critique{margin-top:8px;padding:10px 14px;border-radius:10px;background:#F4F4FA;border:1px solid #E2E3ED;font-size:14px;color:#4A4A6A;line-height:1.45}.canonical-answer{margin-top:8px;font-size:14px;color:var(--color-text)}.canonical-answer .canonical-label{font-weight:600;margin-right:4px}.feedback-row{display:flex;gap:8px;align-items:center}.btn-feedback{padding:6px 14px;font-size:12px;font-weight:500;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border, #ddd);border-radius:6px;cursor:pointer;transition:all 0.15s}.btn-feedback:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn-feedback-bad:hover{color:#E74C3C;border-color:#E74C3C}.review-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.review-label{font-size:12px;color:var(--color-text-muted)}.btn-hide{font-size:11px;color:var(--color-text-muted);background:none;border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:all 0.15s}.btn-hide:hover{color:var(--color-error);border-color:var(--color-error)}.bad-dropdown{padding:6px 10px;font-size:12px;border:1px solid var(--color-border, #ddd);border-radius:6px;color:var(--color-text-secondary);background:#fff}.empty-state{max-width:640px;margin:0 auto;padding:48px 24px 64px;text-align:center}.empty-state-inner{background:var(--color-surface);border-radius:var(--radius-lg);padding:48px 40px;box-shadow:var(--shadow-elevated)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h2{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 12px}.empty-state-sub{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 36px;max-width:460px;margin-left:auto;margin-right:auto}.nux-steps{text-align:left;margin-bottom:36px}.nux-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-surface-subtle)}.nux-step:last-child{border-bottom:none}.nux-step-number{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.nux-step-content h3{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 4px}.nux-step-content p{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0}.empty-state-cta{margin-top:8px}.empty-state-note{font-size:13px;color:var(--color-text-muted);margin:12px 0 0}#chartContainer{background:var(--color-surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.site-footer{text-align:center;padding:24px;color:var(--color-text-muted);font-size:13px}.profile-page{max-width:640px;margin:32px auto;padding:0 24px}.profile-header{text-align:center;margin-bottom:24px}.profile-header h1{font-size:24px;font-weight:700;color:var(--color-text)}.profile-email{font-size:14px;color:var(--color-text-muted);margin-top:4px}.profile-stats{display:flex;gap:12px;margin-bottom:24px}.stat-card{flex:1;background:var(--color-surface);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow)}.stat-value{display:block;font-size:22px;font-weight:700;color:var(--color-primary)}.stat-label{display:block;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}.profile-section{background:var(--color-surface);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow)}.profile-section h2{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:16px}.profile-form .form-group{margin-bottom:14px}.profile-form .form-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.profile-form .form-input{width:100%;padding:10px 14px;border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);font-size:14px;transition:border-color 0.15s}.profile-form .form-input:focus,.add-site-input:focus{outline:none;border-color:var(--color-primary)}.add-site-input::placeholder{color:#C8C8D8;font-weight:400}.form-static{font-size:14px;color:var(--color-text-muted)}.btn-save{padding:8px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background 0.15s}.btn-save:hover{background:#8C2516}.domain-table{width:100%;border-collapse:collapse;font-size:14px}.domain-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-muted);padding:6px 8px;border-bottom:1px solid var(--color-surface-subtle)}.domain-table td{padding:10px 8px;border-bottom:1px solid var(--color-surface-subtle);color:var(--color-text)}.domain-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-exclude{background:#FDE8E8;color:var(--color-error)}.badge-quiz{background:#E0F5F5;color:var(--color-secondary)}.btn-remove{background:none;border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all 0.15s}.btn-remove:hover{border-color:var(--color-error);color:var(--color-error)}.section-hint{font-size:13px;color:var(--color-text-muted);margin-bottom:14px;line-height:1.5}.site-actions{text-align:right;white-space:nowrap}.site-actions form{display:inline}.btn-quiz-toggle{background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-sm);padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background 0.15s;margin-right:4px}.btn-quiz-toggle:hover{background:#158585}.btn-quiz-remove{background:none;color:var(--color-text-muted);border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);padding:3px 10px;font-size:11px;cursor:pointer;transition:all 0.15s;margin-left:6px}.btn-quiz-remove:hover{color:var(--color-error);border-color:var(--color-error)}.add-site-form{display:flex;gap:8px;margin-bottom:16px}.add-site-input{flex:1}.btn-add-site{padding:10px 20px;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.15s}.btn-add-site:hover{background:#158585}.btn-add-site-muted{background:var(--color-text-muted)}.btn-add-site-muted:hover{background:#6a6a8a}.site-list{display:flex;flex-direction:column;gap:8px}.site-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-surface-subtle);border-radius:var(--radius-sm)}.site-list-item form{display:inline}.site-list-domain{font-size:14px;font-weight:500;color:var(--color-text)}.site-list-empty{font-size:13px;color:var(--color-text-muted);text-align:center;padding:16px}.site-list-controls{display:flex;align-items:center;gap:8px}.site-list-controls form{display:inline}.gate-count-form{display:inline}.gate-count-select{padding:4px 8px;border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-secondary);background:#fff}.btn-logout-profile{background:none;border:none;color:var(--color-text-muted);font-size:14px;cursor:pointer;padding:0}.btn-logout-profile:hover{color:var(--color-error)}.profile-cta{margin-bottom:24px}.btn-cta{display:block;width:100%;padding:16px 24px;background:var(--color-primary) !important;color:#fff !important;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;text-align:center;text-decoration:none !important;cursor:pointer;transition:background 0.15s}.btn-cta span{color:#fff !important}.btn-cta:hover{background:#8C2516 !important;color:#fff !important}.btn-cta:visited{color:#fff !important}.profile-footer{text-align:center}.legal-page{max-width:720px;margin:32px auto;padding:0 24px 48px}.legal-page h1{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:4px}.legal-updated{font-size:13px;color:var(--color-text-muted);margin-bottom:24px}.legal-page h2{font-size:18px;font-weight:600;color:var(--color-text);margin-top:24px;margin-bottom:8px}.legal-page p,.legal-page li{font-size:15px;color:var(--color-text-secondary);line-height:1.7}.legal-page ul{padding-left:20px;margin-top:4px}.legal-page li{margin-bottom:6px}.legal-page a{color:var(--color-primary)}.profile-link a{color:var(--color-primary);text-decoration:none;font-weight:500}.profile-link a:hover{text-decoration:underline}.completion-page{max-width:640px;margin:0 auto;padding:0 24px 48px}.completion-hero{text-align:center;margin-bottom:24px}.completion-icon{font-size:48px;margin-bottom:8px}.completion-hero h2{font-size:24px;font-weight:700;color:var(--color-text)}.completion-sub{font-size:15px;color:var(--color-text-secondary);margin-top:6px}.completion-stats{display:flex;gap:12px;margin-bottom:24px}.completion-stat{flex:1;background:var(--color-surface);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow)}.completion-stat-value{display:block;font-size:24px;font-weight:700;color:var(--color-primary)}.completion-stat-label{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px}.completion-review-note{background:#FFF8E1;border:1px solid #F5A623;border-radius:var(--radius);padding:12px 16px;font-size:14px;color:var(--color-text-secondary);margin-bottom:24px;text-align:center}.completion-promo{background:var(--color-surface);border:2px solid var(--color-secondary);border-radius:var(--radius);padding:20px 24px;margin-top:24px}.completion-promo h3{font-size:16px;font-weight:600;color:var(--color-secondary);margin-bottom:8px}.completion-promo p{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.completion-promo:hover{border-color:var(--color-primary);background:#F7F8FC}.completion-promo a{color:var(--color-primary);font-weight:500}.promo-cta{display:inline-block;margin-top:8px;font-size:14px;font-weight:600;color:var(--color-primary)}.onboarding{max-width:560px;margin:60px auto;padding:0 20px}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-pip{width:36px;height:6px;border-radius:3px;background:var(--color-surface-subtle);transition:background 0.2s}.onboarding-pip.active{background:var(--color-primary)}.onboarding-card{padding:32px;text-align:center}.onboarding-card h2{font-size:24px;margin-bottom:12px;color:var(--color-text)}.onboarding-card p{color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.onboarding-detect{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:14px;color:var(--color-text-muted)}.onboarding-detect-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);animation:onboarding-pulse 1.5s ease-in-out infinite}.onboarding-detect-dot.connected{background:var(--color-success);animation:none}@keyframes onboarding-pulse{0%,100%{opacity:0.4}50%{opacity:1}}.onboarding-fineprint{font-size:13px;color:var(--color-text-muted);margin-top:16px}.onboarding-skip{color:var(--color-text-muted);text-decoration:underline}.onboarding-domain-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.onboarding-domain-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--color-surface-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.onboarding-domain-option:has(input:checked){border-color:var(--color-primary);background:#F0F0FA}.onboarding-cta-row{margin-top:20px}.auth-fineprint{font-size:12px;color:var(--color-text-muted);margin-top:16px;text-align:center}.ext-gate{position:fixed;inset:0;z-index:2147483000;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:24px}.ext-gate-card{text-align:center;max-width:420px}.ext-gate-logo{width:56px;height:auto;margin-bottom:24px}.ext-gate-spinner{width:32px;height:32px;margin:0 auto 20px;border:3px solid var(--color-surface-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:ext-gate-spin 0.8s linear infinite}@keyframes ext-gate-spin{to{transform:rotate(360deg)}}.ext-gate-title{font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:8px}.ext-gate-msg{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.ext-gate-fallback{font-size:13px;color:var(--color-text-muted);margin-top:16px}.ext-gate-fallback a{color:var(--color-primary);font-weight:600}
