:root{--brand-primary: #3d6b8c;--brand-primary-light: #5a8fb5;--brand-accent: #c45c48;--brand-success: #3d8b5e;--brand-success-dark: #2f6f4a;--brand-warning: #c4843a;--brand-warning-dark: #a66b2a;--brand-danger: #c45c48;--brand-danger-light: #e07a5f;--color-text: #3d3428;--color-text-sub: #6b5f4f;--color-text-muted: #9a8b78;--color-border: #d4c9b8;--color-border-sketch: #8b7e6a;--color-surface: #fffef8;--color-bg: #f4efe4;--color-bg-paper: #faf6ef;--shadow-sm: 2px 3px 0 rgba(61, 52, 40, .08);--shadow-md: 3px 5px 0 rgba(61, 52, 40, .1);--shadow-lg: 4px 8px 0 rgba(61, 52, 40, .12);--radius-md: 6px 14px 10px 8px;--radius-lg: 8px 18px 14px 10px;--radius-sketch: 255px 15px 225px 15px / 15px 225px 15px 255px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--app-top-inset: 28px;--fluid-space-sm: clamp(12px, 2vh, 24px);--fluid-space-md: clamp(16px, 4vh, 48px);--fluid-space-lg: clamp(24px, 6vh, 72px);--fluid-space-xl: clamp(32px, 8vh, 96px);--quiz-answer-bar-size: 96px;--font-display: "Gaegu", "Apple SD Gothic Neo", cursive;--font-body: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", sans-serif;--text-display: clamp(36px, 9vw, 48px);--text-title: 22px;--text-body: 15px;--text-caption: 13px;--motion-fast: .15s ease;--motion-medium: .28s cubic-bezier(.22, 1, .36, 1);--motion-slow: .45s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(ellipse at 15% 0%,rgba(255,252,244,.9) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(201,191,176,.12) 27px,rgba(201,191,176,.12) 28px);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:inherit}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + var(--app-top-inset)) 20px 0}@media(hover:none)and (pointer:coarse){:root{--app-top-inset: 8px}.home-screen{padding-top:48px}.home-header{margin-bottom:0;padding-top:var(--space-xs)}.quiz-header,.timer-meta{margin-bottom:var(--space-xs)}.screen-back-btn{padding:4px 0}.quiz-screen:not(.quiz-screen--desktop) .hint-area{margin-bottom:0;padding:var(--space-sm) 14px;gap:var(--space-xs)}}.screen-content{animation:screenFadeIn var(--motion-medium) ease-out}.result-wrong-review,.result-wrong-review-answer,.result-rank-message{-webkit-user-select:text;user-select:text}.home-stagger,.result-stagger{animation:contentRise var(--motion-medium) both}.home-stagger--2{animation-delay:80ms}.home-stagger--3{animation-delay:.14s}.home-stagger--4{animation-delay:.2s}.result-stagger--1{animation-delay:60ms}.result-stagger--2{animation-delay:.14s}.result-stagger--3{animation-delay:.22s}.result-stagger--4{animation-delay:.3s}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contentRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tierReveal{0%{opacity:0;transform:scale(.72) rotate(-8deg)}70%{transform:scale(1.06) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes letterPop{0%{transform:scale(.88)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes letterCursor{0%,to{border-color:var(--brand-primary);box-shadow:0 0 #3d6b8c40}50%{border-color:var(--brand-accent);box-shadow:0 0 0 3px #c45c481f}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes clearGlow{0%,to{box-shadow:var(--shadow-md),0 0 #3d8b5e33}50%{box-shadow:var(--shadow-md),0 0 0 8px #3d8b5e00}}.title-accent{color:var(--brand-accent)}.home-layout{padding-bottom:max(24px,env(safe-area-inset-bottom,0px) + 16px)}.home-screen{display:flex;flex-direction:column;gap:var(--space-xl);padding-top:var(--fluid-space-md);padding-bottom:0}.home-layout .ui-bottom-cta{position:static;transform:none;left:auto;width:100%;margin-top:var(--space-xl);padding:0;background:none}.home-header{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:0}.home-eyebrow{margin:0;font-size:var(--text-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-accent)}.home-title{margin:0;font-family:var(--font-display);font-size:var(--text-display);font-weight:700;line-height:1.15;color:var(--color-text)}.home-sample{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.home-sample-frame{position:relative;overflow:hidden;border:2px solid var(--color-border-sketch);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);transition:transform var(--motion-fast),box-shadow var(--motion-fast)}.home-sample:not(:disabled):hover .home-sample-frame{transform:rotate(-.4deg) translateY(-2px);box-shadow:var(--shadow-lg)}.home-sample:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:var(--radius-lg)}.home-sample-image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.home-sample-image--missing{display:grid;place-items:center;background:var(--color-bg-paper);color:var(--color-text-muted);font-size:var(--text-caption)}.home-sample-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:16px 18px;border-top:2px dashed var(--color-border);background:#fffef8f5}.home-sample-prompt{font-size:var(--text-body);font-weight:700;color:var(--color-text)}.home-sample-hint{font-size:var(--text-caption);font-weight:600;color:var(--color-text-muted)}.home-sample-answer{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--brand-primary);animation:letterPop var(--motion-medium) ease-out}.home-sample--revealed .home-sample-frame{border-color:var(--brand-success-dark)}.home-best-record{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:0;padding:16px 18px;border:2px solid var(--color-border-sketch);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.home-best-record-label{font-size:var(--text-caption);font-weight:700;color:var(--color-text-sub)}.home-best-record-score{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--brand-primary)}.home-best-record-meta{width:100%;font-size:var(--text-caption);font-weight:600;color:var(--color-text-muted)}.home-cta-label{display:block;font-size:17px;font-weight:800}.home-cta-sub{display:block;margin-top:2px;font-size:13px;font-weight:600;opacity:.88}.home-start-btn{padding-top:12px;padding-bottom:12px}.feature-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.feature-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) 10px;border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border-sketch);box-shadow:var(--shadow-sm);text-align:center;animation:contentRise var(--motion-medium) both}.feature-chip-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--brand-primary)}.feature-chip-svg{width:28px;height:28px}.feature-chip-label{font-size:15px;font-weight:700;color:var(--color-text);line-height:1.3}.feature-chip-desc{font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.35}.home-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:var(--space-lg);padding:var(--space-sm) 0 var(--space-md);font-size:13px}.home-footer a{color:var(--color-text-muted);text-decoration:none;font-weight:600}.home-footer a:hover{color:var(--brand-primary)}.home-footer-divider{color:var(--color-border)}.mode-sheet-dimmer{background-color:#191f2875}.mode-select-body{margin:0 24px}.mode-select-spacer{height:32px;flex-shrink:0}.nickname-select-body{margin:0 24px;padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom,0px) + 12px)}.nickname-field{width:100%;margin-top:var(--space-lg)}.nickname-remember{display:flex;align-items:center;gap:10px;margin:var(--space-md) 0 var(--space-lg);font-size:14px;font-weight:600;color:var(--color-text-sub);cursor:pointer;-webkit-user-select:none;user-select:none}.nickname-remember input{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.nickname-submit{margin-top:var(--space-xs)}.mode-card-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.mode-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-border-sketch);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.mode-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.mode-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.mode-card:active{transform:scale(.98)}.mode-card--featured{border-color:var(--brand-primary);background:linear-gradient(160deg,#eef4f8 0%,var(--color-surface) 100%)}.mode-card-main{display:flex;flex-direction:column;gap:6px}.mode-card-title{font-size:16px;font-weight:800;color:var(--color-text)}.mode-card-desc{font-size:13px;color:var(--color-text-sub)}.mode-card-time{font-size:12px;font-weight:700;color:var(--brand-primary);white-space:nowrap}.quiz-screen{display:flex;flex-direction:column;min-height:0}.quiz-screen:not(.quiz-screen--desktop){height:auto;min-height:0;padding-bottom:calc(var(--quiz-answer-bar-size) + env(safe-area-inset-bottom,0px))}.quiz-screen--desktop{height:auto;padding-bottom:var(--fluid-space-md)}.quiz-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.quiz-screen:not(.quiz-screen--desktop) .quiz-scroll{flex:0 1 auto;overflow-y:visible}.quiz-screen--desktop .quiz-scroll{flex:0 1 auto;overflow:visible}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.quiz-progress-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--color-surface);border:2px solid var(--color-border-sketch);box-shadow:var(--shadow-sm);font-size:13px;font-weight:700;color:var(--color-text-sub)}.quiz-progress-badge strong{color:var(--brand-primary)}.quiz-body{display:flex;flex-direction:column;flex:0 0 auto;min-height:0}.quiz-image{display:block;width:100%;height:auto;margin-bottom:var(--space-lg);border:2px solid var(--color-border-sketch);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--color-surface)}.quiz-image-skeleton{width:100%;aspect-ratio:4 / 3;margin-bottom:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(90deg,#f2f4f6 25%,#e8ebee,#f2f4f6 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-image-missing{display:grid;place-items:center;width:100%;min-height:200px;margin-bottom:var(--space-lg);border-radius:var(--radius-lg);background:#f9fafb;border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:14px}.quiz-correct-flash{position:fixed;inset:0;z-index:25;pointer-events:none;background:#22c55e1f;animation:correctFlash .32s ease-out forwards}@keyframes correctFlash{0%{opacity:1}to{opacity:0}}.timer-wrap{margin-bottom:var(--space-lg)}.timer-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.timer-label{font-size:13px;color:var(--color-text-sub);font-weight:600}.timer-value{font-size:18px;font-weight:800;color:var(--brand-primary)}.timer-value--urgent{color:var(--brand-danger)}.timer-track{height:8px;background:var(--color-border);border-radius:999px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));border-radius:999px;transition:width 1s linear}.timer-fill--urgent{background:linear-gradient(90deg,var(--brand-danger),var(--brand-danger-light))}.letter-boxes{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.quiz-screen:not(.quiz-screen--desktop) .quiz-image,.quiz-screen:not(.quiz-screen--desktop) .quiz-image-skeleton{max-height:min(42vh,260px);width:auto;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:var(--space-md);object-fit:contain}.quiz-screen:not(.quiz-screen--desktop) .quiz-image-skeleton{aspect-ratio:4 / 3}.quiz-screen:not(.quiz-screen--desktop) .quiz-image-missing{min-height:120px;max-height:min(42vh,260px);margin-bottom:var(--space-md)}.quiz-screen:not(.quiz-screen--desktop) .timer-wrap{margin-bottom:var(--space-sm)}.letter-box{display:grid;place-items:center;width:34px;height:42px;border:2px solid var(--color-border-sketch);border-radius:8px 10px 7px 9px;background:var(--color-surface);font-size:18px;font-weight:800;color:var(--color-text);box-shadow:1px 2px #3d34280f;transition:border-color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.letter-box--filled{border-color:var(--brand-primary);background:#eef4f8;animation:letterPop var(--motion-medium) ease-out}.letter-box--active{animation:letterCursor 1.2s ease-in-out infinite}.hint-area{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) 18px;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:2px dashed var(--color-border-sketch);box-shadow:var(--shadow-sm)}.hint-area--locked{background:#f9fafb}.hint-lock-row{display:flex;align-items:center;gap:10px}.hint-lock-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eef2f6;font-size:16px;line-height:1}.hint-revealed-text{margin:0;font-size:22px;font-weight:800;letter-spacing:.08em;color:var(--brand-primary);text-align:center}.quiz-answer-panel{flex-shrink:0;margin-top:var(--space-md);padding:0 0 max(40px,env(safe-area-inset-bottom,0px) + 24px)}.quiz-screen:not(.quiz-screen--desktop) .quiz-answer-panel{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:10;width:calc(100% - 40px);max-width:440px;box-sizing:border-box;margin:0;padding:8px 0 max(40px,env(safe-area-inset-bottom,0px) + 24px);background:var(--color-bg);border-top:1px solid var(--color-border)}.quiz-screen--desktop .quiz-answer-panel{position:static;transform:none;width:auto;max-width:none;margin-top:var(--fluid-space-md);padding:0 0 calc(var(--fluid-space-md) * 2);background:none;border-top:none}.answer-row{display:flex;gap:var(--space-sm);align-items:center;width:100%}.answer-field{flex:1;min-width:0}.answer-field>*{--text-field-container-children-padding: 0 !important}.answer-actions{display:flex;flex-shrink:0;gap:8px}.answer-skip,.answer-submit{flex-shrink:0}.answer-field--shake :is(input,textarea){animation:fieldShake .38s ease}@keyframes fieldShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.result-screen{text-align:center;padding-top:var(--fluid-space-sm);padding-bottom:max(32px,env(safe-area-inset-bottom,0px) + 24px)}.result-screen-content{display:flex;flex-direction:column;gap:var(--fluid-space-md);padding-top:var(--fluid-space-md)}.result-player-name{margin:0;font-size:var(--text-body);font-weight:600;color:var(--color-text);text-align:center;line-height:1.4}.result-player-name-highlight{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--brand-primary)}.result-hero{padding:24px var(--space-md) 20px;border:2px solid var(--color-border-sketch);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.result-hero--clear{border-color:var(--brand-success-dark);animation:clearGlow 1.8s ease-in-out .4s 2}.result-tier-reveal{animation:tierReveal var(--motion-slow) cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.result-tier-label--hero{margin:8px 0 12px;font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--color-text);line-height:1.2}.result-rank-message--hero{margin:12px 0 0;font-size:var(--text-caption);font-weight:600;color:var(--color-text-sub);line-height:1.45}.result-screen--clear .result-score-highlight,.result-screen--clear .result-rank-progress-fill,.result-screen--clear .result-rank-progress-value{color:var(--brand-success-dark)}.result-screen--clear .result-rank-progress-fill{background:var(--brand-success-dark)}.result-score-card{padding:20px var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-border-sketch);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center}.result-score-context{margin:0 0 8px;font-size:var(--text-body);font-weight:600;color:var(--color-text-sub)}.result-score-highlight{margin:0 0 8px;font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1.1;color:var(--brand-primary)}.result-score-rate{display:inline-block;padding:8px 18px;border-radius:var(--radius-sketch);border:2px solid rgba(61,107,140,.18);background:#eef4f8;font-size:var(--text-caption);font-weight:700;color:var(--brand-primary)}.result-stats-card{overflow:hidden;border-radius:var(--radius-md);border:2px solid var(--color-border-sketch);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left}.result-best-section{padding:16px var(--space-md);text-align:center;background:linear-gradient(160deg,#faf3e8 0%,var(--color-surface) 100%)}.result-best-section--new{background:linear-gradient(160deg,#f8ece6 0%,var(--color-surface) 100%)}.result-best-section--clear.result-best-section--new{background:linear-gradient(160deg,#e8f3ec 0%,var(--color-surface) 100%)}.result-stats-divider{height:1px;background:var(--color-border)}.result-stats-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 12px 12px}.result-stat-column{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px;border-radius:10px;background:var(--color-bg-paper)}.result-stat-divider{display:none}.result-rank-progress-row--card{padding:0 16px 16px}.result-rank-progress-fill--animated{transform-origin:left center;animation:progressGrow .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.35s}.result-stat-icon{font-size:18px;line-height:1}.result-stat-column--correct .result-stat-icon,.result-stat-column--correct .result-stat-value{color:var(--brand-success-dark)}.result-stat-column--wrong .result-stat-icon,.result-stat-column--wrong .result-stat-value{color:var(--brand-danger)}.result-stat-column--time .result-stat-icon,.result-stat-column--time .result-stat-value{color:var(--brand-primary)}.result-stat-label{font-size:12px;font-weight:600;color:var(--color-text-sub)}.result-stat-value{font-size:18px;font-weight:800}.result-rank-progress-row{display:flex;align-items:center;gap:10px}.result-rank-progress{flex:1;height:10px;border-radius:5px;background:#e8e0d4;overflow:hidden}.result-rank-progress-fill{height:100%;border-radius:5px;background:var(--brand-primary)}.result-rank-progress-value{flex-shrink:0;font-size:12px;font-weight:700;color:var(--brand-primary)}.result-tier-badge{position:relative;width:104px;aspect-ratio:1;margin:0 auto;display:grid;place-items:center}.result-tier-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.result-tier-icon{position:relative;width:44px;height:44px;object-fit:contain}@media(max-width:360px){.result-stats-columns{grid-template-columns:1fr 1fr}.result-stat-column--time{grid-column:1 / -1}}.result-best-title{margin:0 0 var(--space-xs);font-size:14px;font-weight:800;color:var(--color-text)}.result-best-score{margin:0 0 4px;font-size:28px;font-weight:800;color:var(--brand-primary);line-height:1.1}.result-best-score span{font-size:16px;color:var(--color-text-muted);font-weight:700}.result-best-meta{margin:0;font-size:12px;font-weight:600;color:var(--color-text-sub)}.result-wrong-review{padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-border-sketch);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left}.result-wrong-review-title{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-text)}.result-wrong-review-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.result-wrong-review-item{display:grid;grid-template-columns:28px 72px 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--color-bg-paper);border:1px dashed var(--color-border)}.result-wrong-review-number{font-size:13px;font-weight:800;color:var(--color-text-muted);text-align:center}.result-wrong-review-image{width:72px;height:54px;border-radius:8px;object-fit:cover;background:#e5e8eb}.result-wrong-review-image--missing{display:block}.result-wrong-review-answer-wrap{min-width:0}.result-wrong-review-answer{margin:0;font-size:16px;font-weight:800;color:var(--color-text);line-height:1.3}.result-wrong-review-initials{margin:2px 0 0;font-size:12px;font-weight:600;color:var(--color-text-sub)}.result-banner-ad{width:100%;margin-top:var(--space-lg)}.ad-slot{min-height:96px}.ad-slot-pending{height:0;min-height:0;margin-top:0;overflow:hidden}.ad-slot-target{width:100%;min-height:96px}.ad-slot-pending .ad-slot-target{min-height:0}.footer-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--fluid-space-xl)}.ui-button{border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity var(--motion-fast),transform var(--motion-fast),filter var(--motion-fast),box-shadow var(--motion-fast)}.ui-button:not(:disabled):hover{filter:brightness(1.04)}.ui-button:not(:disabled):active{transform:scale(.98)}.ui-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--block{display:block;width:100%}.ui-button--medium{min-height:44px;padding:0 16px}.ui-button--large,.ui-button--xlarge{min-height:52px;padding:0 20px}.ui-button--xlarge{min-height:56px;font-size:17px}.ui-button--primary{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.ui-button--dark{background:#5c4f3f;color:#fff;box-shadow:var(--shadow-sm)}.ui-button--weak{background:#3d6b8c1f;color:var(--brand-primary)}.ui-button--dark.ui-button--weak{background:#5c4f3f1f;color:#5c4f3f}.ui-textfield{width:100%;scroll-margin-bottom:16px;min-height:52px;padding:0 16px;border:2px solid var(--color-border-sketch);border-radius:12px;background:var(--color-surface);font-size:16px;color:var(--color-text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.ui-textfield:hover{border-color:var(--brand-primary-light)}.ui-textfield:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3d6b8c29}.ui-text{margin:0}.ui-text--t6{font-size:15px;line-height:1.5}.ui-text--t7{font-size:13px;line-height:1.5}.ui-text--sub{color:var(--color-text-sub)}.ui-bottom-cta{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,calc(100% - 40px));padding:0 0 max(calc(env(safe-area-inset-bottom,0px) + 28px),36px);background:linear-gradient(180deg,rgba(244,239,228,0) 0%,var(--color-bg) 32%);z-index:10}.ui-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 36px);transform:translate(-50%);max-width:calc(100% - 40px);padding:12px 16px;border-radius:12px;background:#191f28eb;color:#fff;font-size:14px;font-weight:600;z-index:100;animation:screenFadeIn .18s ease-out}.ui-bottom-sheet-root{position:fixed;inset:0;z-index:50}.ui-bottom-sheet-dimmer{position:absolute;inset:0;border:none;background:#00000073;cursor:pointer}.ui-bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:85dvh;border-radius:20px 20px 0 0;background:var(--color-surface);box-shadow:var(--shadow-lg);overflow:hidden}.ui-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--color-border)}.ui-bottom-sheet-header h2{margin:0;font-size:18px}.ui-bottom-sheet-close{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--color-text-sub);border-radius:8px}.ui-bottom-sheet-close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ui-bottom-sheet-body{padding:16px 20px calc(env(safe-area-inset-bottom,0px) + 40px);overflow-y:auto}.ui-bottom-sheet-root--desktop .ui-bottom-sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 48px));max-height:min(560px,calc(100vh - 48px));border-radius:var(--radius-lg);animation:dialogFadeIn .2s ease-out}.ui-bottom-sheet-root--desktop .ui-bottom-sheet-body{padding:16px 24px 48px}@keyframes dialogFadeIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.screen-back-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 4px;border:none;background:transparent;color:var(--color-text-sub);font-size:14px;font-weight:700;cursor:pointer;border-radius:8px;transition:color var(--motion-fast),background var(--motion-fast)}.screen-back-btn:hover{color:var(--color-text)}.screen-back-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.screen-back-btn:active{transform:scale(.98)}.screen-back-btn-icon{font-size:16px;line-height:1}.app-shell--quiz{max-width:none;padding-left:12px;padding-right:12px}.quiz-layout{display:flex;justify-content:center;align-items:flex-start;gap:16px;width:100%}.quiz-layout-main{width:100%;max-width:480px;flex:0 1 480px}.side-ad-slot{display:none;width:160px;flex:0 0 160px;min-height:600px}.side-ad-slot-target{width:100%;min-height:600px}.side-ad-slot--pending{visibility:hidden;height:0;min-height:0;overflow:hidden}@media(min-width:1280px){.side-ad-slot{display:block}}.hint-ad-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c}.hint-ad-dialog{width:min(420px,100%);padding:20px;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg)}.hint-ad-title{margin:0 0 16px;font-size:16px;font-weight:700;text-align:center}.hint-ad-slot{min-height:280px;margin-bottom:16px}.hint-ad-actions{display:flex;flex-direction:column;gap:10px}