:root{--color-brand:#2626e0;--color-brand-dark:#1c1cb3;--color-brand-soft:#eceeff;--color-mint:#7ee8d0;--color-mint-soft:#e6faf5;--color-peach:#fbd5b5;--color-peach-soft:#fdf1e6;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e5e7eb;--color-text-primary:#16171c;--color-text-secondary:#6b7280;--color-text-label:#9096a2;--color-text-on-brand:#fff;--color-success-bg:#e9f9f1;--color-success-border:#a9e7c9;--color-success-text:#14764c;--color-error-bg:#fdeeee;--color-error-border:#f3bdbd;--color-error-text:#b23a34;--color-muted-bg:#f3f4f6;--color-muted-border:#e5e7eb;--color-muted-text:#9096a2;--radius-card:16px;--radius-button:14px;--radius-pill:999px;--radius-input:12px;--shadow-card:0 1px 2px #14151a0a, 0 4px 14px #14151a0d;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--app-max-width:480px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body{color:var(--color-text-primary);background:var(--color-bg);margin:0}.app{max-width:var(--app-max-width);text-align:center;color:var(--color-text-primary);margin:0 auto;padding:40px 20px 56px;font-family:inherit}.logo{color:var(--color-brand);letter-spacing:-.01em;font-size:16px;font-weight:800}.headline{color:var(--color-text-primary);letter-spacing:-.02em;margin:10px 0 24px;font-size:26px;font-weight:800}.streak-hero{background:var(--color-mint-soft);border-radius:var(--radius-pill);align-items:baseline;gap:6px;margin:10px auto 0;padding:10px 20px;display:inline-flex}.streak-hero-fire{font-size:18px}.streak-hero-value{color:var(--color-brand);font-size:22px;font-weight:800}.streak-hero-unit{color:var(--color-text-secondary);font-size:14px;font-weight:600}.quest-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:left;padding:24px}.quest-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-label);margin-bottom:8px;font-size:12px;font-weight:700}.quest-progress{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-label);margin-bottom:4px;font-size:12px;font-weight:700}.quest-phrase{color:var(--color-text-primary);margin-bottom:24px;font-size:22px;font-weight:800}.answers{flex-direction:column;gap:12px;display:flex}.answer-button{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,background-color .15s}.answer-button:not(:disabled):hover{border-color:var(--color-brand)}.answer-button:disabled{cursor:default}.answer-button.correct{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text);font-weight:700}.answer-button.incorrect{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text);font-weight:700}.answer-button.muted{background:var(--color-muted-bg);border-color:var(--color-muted-border);color:var(--color-muted-text)}.quest-complete-title{color:var(--color-text-primary);margin-bottom:8px;font-size:19px;font-weight:800}.quest-complete-text{color:var(--color-text-secondary);margin-bottom:20px}.session-summary-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.session-summary-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.session-summary-phrase{color:var(--color-text-primary);margin-bottom:6px;font-weight:700}.session-summary-note{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.quest-hint{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.quest-hint-text{color:var(--color-error-text);font-size:14px}.quest-retry-button{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;margin-top:12px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.result{border-top:1px solid var(--color-border);margin-top:24px;padding-top:18px}.result-status{text-transform:uppercase;letter-spacing:.06em;color:var(--color-success-text);margin-bottom:8px;font-size:12px;font-weight:700}.result-explanation{color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.continue-button{border-radius:var(--radius-button);background:var(--color-brand);width:100%;color:var(--color-text-on-brand);cursor:pointer;box-sizing:border-box;border:none;padding:14px 18px;font-family:inherit;font-size:16px;font-weight:700;transition:background-color .15s}.continue-button:hover{background:var(--color-brand-dark)}.decode-app{max-width:var(--app-max-width);color:var(--color-text-primary);margin:0 auto;padding:40px 20px 56px;font-family:inherit}.decode-back-button{color:var(--color-brand);cursor:pointer;background:0 0;border:none;align-items:center;margin:0 0 20px;padding:6px 0;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.decode-title{letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 8px;font-size:26px;font-weight:800}.decode-subtitle{color:var(--color-text-secondary);margin:0 0 24px}.decode-input{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);width:100%;min-height:88px;color:var(--color-text-primary);box-sizing:border-box;resize:vertical;padding:14px;font-family:inherit;font-size:15px}.decode-input:focus{border-color:var(--color-brand);outline:none}.decode-button{border-radius:var(--radius-button);background:var(--color-brand);width:100%;color:var(--color-text-on-brand);cursor:pointer;box-sizing:border-box;border:none;margin-top:12px;padding:14px 18px;font-family:inherit;font-size:16px;font-weight:700;transition:background-color .15s}.decode-button:hover:not(:disabled){background:var(--color-brand-dark)}.decode-button:disabled{background:var(--color-muted-text);cursor:default}.decode-status{color:var(--color-text-secondary);margin-top:16px}.decode-error{border-radius:var(--radius-input);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);margin-top:16px;padding:12px 14px}.decode-result{flex-direction:column;gap:12px;margin-top:24px;display:flex}.decode-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.decode-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-label);margin-bottom:8px;font-size:12px;font-weight:700}.decode-field-value{color:var(--color-text-primary);line-height:1.5}.onboarding-section{text-align:left;margin-bottom:var(--space-lg)}.onboarding-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-label);margin-bottom:var(--space-sm);font-size:12px;font-weight:700}.onboarding-level-list{gap:var(--space-xs);display:flex}.onboarding-level-button{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;flex:1;padding:12px 8px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.onboarding-level-button.selected{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-on-brand)}.onboarding-chip-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.onboarding-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.onboarding-chip.selected{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-on-brand)}.onboarding-hint{color:var(--color-text-secondary);margin-top:-8px;margin-bottom:var(--space-lg);font-size:12px}