@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{color:#191919;background:#f0eee9;font-family:Jua,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange: #ff4b1f;--orange-dark: #e63f17;--peach: #fff0e9;--mint: #80ddd6;--blue: #5578ff;--ink: #171717;--muted: #746d68;--line: rgba(23, 23, 23, .08);--paper: #fffdf9;--soft: #fff6ef;--shadow: 0 22px 56px rgba(53, 37, 28, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100svh}button{border:0;color:inherit;font:inherit}button:focus-visible{outline:3px solid rgba(255,75,31,.34);outline-offset:3px}.app-shell{width:min(100%,480px);min-height:100svh;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px #0000000d}.screen{position:relative;min-height:100svh;padding:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button,.icon-action{display:inline-grid;width:48px;height:48px;place-items:center;cursor:pointer;background:#ffffffeb;border-radius:999px;box-shadow:0 14px 32px #241e1a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.primary-pill,.secondary-button,.share-main-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 24px;cursor:pointer;border-radius:999px;font-weight:900}.primary-pill{color:var(--ink);background:#fff;box-shadow:0 18px 44px #3d1f1433}.secondary-button{min-height:50px;color:var(--orange);background:#fff3ee}.brand-logo{display:block;width:44px;height:44px;background:#ff5000;border-radius:0;-webkit-mask:url(/assets/logo.svg) center / contain no-repeat;mask:url(/assets/logo.svg) center / contain no-repeat}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.intro-screen{display:flex;flex-direction:column;min-height:100svh;padding:64px 26px 34px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 26%),url(/assets/intro-bg.png) center / cover no-repeat,var(--orange)}.intro-logo{position:relative;z-index:2;align-self:center;width:46px;height:46px;background:#fff;margin-top:2px;box-shadow:0 14px 28px #00000029}.intro-language{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:5px 6px 5px 11px;color:#fff;background:#0000002e;border:1px solid rgba(255,255,255,.26);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.intro-controls{position:absolute;z-index:3;right:46px;bottom:92px;left:46px;display:grid;gap:14px}.language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:#ffffff29;border-radius:999px}.language-switch button{min-width:38px;min-height:30px;padding:0 9px;cursor:pointer;color:#fff;font-size:.84rem;background:transparent;border-radius:999px}.language-switch button.active{color:var(--orange);background:#fff}.intro-start-button{width:100%}.choice-screen{display:flex;flex-direction:column;color:var(--ink);background:radial-gradient(circle at 0% 0%,rgba(128,221,214,.34),transparent 34%),var(--paper)}.choice-copy{margin-bottom:28px}.eyebrow{margin:0 0 12px;color:var(--orange);font-size:.86rem;font-weight:950}.choice-copy h2{margin:0;font-size:2.05rem;line-height:1.18;font-weight:950;letter-spacing:0}.choice-list,.difficulty-stack{display:grid;gap:14px}.choice-card,.difficulty-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:88px;padding:18px;cursor:pointer;text-align:left;background:#ffffffeb;border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 34px #412d2214;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.choice-card:hover,.difficulty-card:hover{transform:translateY(-3px);background:#fff;box-shadow:var(--shadow)}.choice-card strong,.difficulty-card strong{display:block;margin-bottom:5px;font-weight:950}.choice-card small,.difficulty-card small{display:block;color:var(--muted);font-size:.88rem;line-height:1.35}.choice-swatch{width:46px;height:46px;border:5px solid rgba(255,255,255,.74);border-radius:18px;box-shadow:inset 0 0 0 1px #0000000f}.difficulty-label{display:grid;width:52px;height:52px;place-items:center;color:#fff;font-weight:950;background:var(--orange);border-radius:20px}.quiz-screen{display:flex;flex-direction:column;padding:48px 28px 32px;background:linear-gradient(180deg,#fffdf9,#fff7f0)}.quiz-top{margin-bottom:36px}.quiz-logo{width:38px;height:38px;margin:0 auto 24px;opacity:.92}.quiz-top p{margin:0 0 10px;color:#a79e96;font-size:.88rem;font-weight:900;text-align:right}.progress-track{width:100%;height:16px;overflow:hidden;background:#17171714;border-radius:999px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),#ff7a2a);border-radius:inherit}.question-area{display:grid;align-content:center;min-height:238px;padding:28px 18px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:0 16px 40px #34231914}.question-number{margin:0 0 36px;color:var(--orange);font-size:2.45rem;line-height:1;font-weight:700}.question-area h2{margin:0;font-size:1.16rem;line-height:1.48;font-weight:950}.option-list{display:grid;gap:12px;margin-top:auto;padding-top:24px}.option-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:14px 20px;cursor:pointer;color:#fff;background:var(--orange);border-radius:26px;box-shadow:0 14px 28px #ff4b1f2e;transition:transform .18s ease,background .18s ease,opacity .18s ease}.option-button span{overflow-wrap:anywhere;font-weight:950;line-height:1.25}.option-button:hover:not(:disabled){transform:translateY(-2px);background:var(--orange-dark)}.option-button:disabled{cursor:default}.option-wrong{background:#2f2c29}.option-correct,.option-answer{background:#10a77a}.option-answer{opacity:.88}.result-screen{display:flex;flex-direction:column;padding:24px 24px 30px;background:linear-gradient(180deg,#fffdf9,#fff5ef)}.result-art-slot{display:grid;place-items:center;width:100%;height:clamp(300px,46svh,410px);min-height:0;padding:12px 16px 36px;overflow:hidden;background:#fff;border:1px solid rgba(23,23,23,.05);border-radius:38px}.result-art-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.result-card{position:relative;z-index:2;display:grid;gap:15px;width:100%;min-height:244px;margin-top:-22px;padding:28px 22px;text-align:center;background:#fffffff0;border:1px solid rgba(23,23,23,.07);border-radius:34px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-prefix,.result-card p{margin:0;font-weight:900;line-height:1.5}.result-card h2{display:inline-block;justify-self:center;margin:0;padding:3px 10px 6px;color:var(--orange);font-size:2rem;line-height:1.1;font-weight:950;background:#d8eeff;border-radius:16px}.result-divider{width:34px;height:5px;margin:3px auto 1px;background:#ffd2c4;border-radius:999px}.score-text{display:block;font-size:1.22rem}.result-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.result-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;color:#5d554e;font-size:.8rem;font-weight:900;background:#f5f1ec;border-radius:999px}.share-panel{display:grid;gap:12px;margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 16px 38px #37261c14}.share-main-button{width:100%;color:#fff;background:var(--ink)}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-grid button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;cursor:pointer;color:var(--ink);font-size:.88rem;font-weight:900;background:var(--soft);border-radius:22px}.share-feedback{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;text-align:center}.result-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.top-logo{width:36px;height:36px}.feedback-screen{display:flex;flex-direction:column;justify-content:center;gap:22px;background:radial-gradient(circle at 100% 0%,rgba(128,221,214,.42),transparent 32%),linear-gradient(180deg,#fffdf9,#fff2ea)}.feedback-logo{width:48px;height:48px;margin:0 auto}.feedback-card{position:relative;width:100%;padding:26px 20px 22px;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow)}.feedback-card h3{margin:0 0 8px;font-size:1.45rem;line-height:1.2}.feedback-card p{margin:0;color:var(--muted);line-height:1.45}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 12px}.rating-row button{display:grid;min-height:48px;place-items:center;cursor:pointer;color:var(--orange);background:#fff3ee;border-radius:18px;transition:transform .16s ease,color .16s ease,background .16s ease}.rating-row button.active{color:#fff;background:var(--orange)}.rating-row button:hover{transform:translateY(-2px)}.feedback-question{margin-top:16px!important;color:var(--ink)!important;font-weight:900}.survey-chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.survey-chip-row button{min-height:46px;padding:0 10px;cursor:pointer;color:var(--ink);font-size:.88rem;font-weight:900;background:#fff3ee;border-radius:18px}.survey-chip-row button.active{color:#fff;background:var(--ink)}.feedback-message{margin-top:10px!important;color:var(--orange)!important;font-size:.92rem;text-align:center}.sheet-actions{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin-top:14px}.sheet-actions-single{grid-template-columns:1fr}.sheet-actions button:disabled{cursor:wait;opacity:.62}.admin-shell{min-height:100svh;padding:28px;color:var(--ink);background:radial-gradient(circle at 100% 0%,rgba(128,221,214,.3),transparent 30%),linear-gradient(180deg,#fffdf9,#f5f1ec)}.admin-center{display:grid;place-items:center}.admin-auth-card,.admin-panel,.admin-metric-card,.admin-warning{background:#fffffff0;border:1px solid var(--line);box-shadow:0 18px 44px #37261c14}.admin-auth-card{display:grid;gap:14px;width:min(100%,420px);padding:28px;text-align:center;border-radius:30px}.admin-auth-logo{justify-self:center}.admin-auth-card h1,.admin-header h1,.admin-panel h2{margin:0}.admin-auth-card p,.admin-header p,.admin-empty,.admin-status{margin:0;color:var(--muted);line-height:1.45}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto 22px}.admin-header h1{font-size:2.2rem;line-height:1.12}.admin-header-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-primary-button,.admin-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;cursor:pointer;border-radius:999px;font-weight:900}.admin-primary-button{color:#fff;background:var(--ink)}.admin-secondary-button{color:var(--ink);background:#fff;border:1px solid var(--line)}.admin-warning,.admin-status{max-width:1180px;margin:0 auto 16px}.admin-warning{display:flex;gap:10px;align-items:center;padding:14px 16px;color:#7a4219;background:#fff5d8;border-radius:20px}.admin-warning p{margin:0;line-height:1.42}.admin-status{padding:12px 0;font-weight:900}.admin-status-error{color:#bf2f21}.admin-metric-grid,.admin-dashboard-grid{display:grid;max-width:1180px;margin:0 auto}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.admin-metric-card,.admin-panel{border-radius:24px}.admin-metric-card{display:grid;gap:8px;min-height:106px;padding:18px}.admin-metric-card span{color:var(--muted);font-size:.86rem;font-weight:900}.admin-metric-card strong{font-size:1.72rem;line-height:1}.admin-panel{padding:20px}.admin-panel-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.breakdown-list,.question-stat-list{display:grid;gap:12px;margin-top:14px}.breakdown-row{display:grid;gap:7px}.breakdown-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}.breakdown-track{height:12px;overflow:hidden;background:#f0ebe5;border-radius:999px}.breakdown-track span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ff8a3d);border-radius:inherit}.question-stat-card{display:grid;gap:12px;padding:16px;background:#fff8f3;border:1px solid var(--line);border-radius:18px}.question-stat-card strong{display:block;line-height:1.42}.question-stat-card p{margin:7px 0 0;color:var(--muted);line-height:1.38}.question-stat-meta,.selection-list{display:flex;flex-wrap:wrap;gap:8px}.question-stat-meta span,.selection-list span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;font-size:.82rem;font-weight:900;border-radius:999px}.question-stat-meta span{color:#fff;background:var(--ink)}.selection-list span{color:#5d554e;background:#f1ebe4}.admin-table{display:grid;gap:8px;margin-top:14px}.admin-table-row{display:grid;grid-template-columns:1.1fr .85fr .7fr .7fr 1fr;gap:10px;align-items:center;min-height:38px;padding:0 10px;font-size:.86rem;background:#fff8f3;border-radius:12px}.admin-table-head{color:var(--muted);font-weight:900;background:transparent}@media(max-width:420px){.screen{padding-right:20px;padding-left:20px}.intro-screen{padding-top:58px}.intro-start-button{min-height:56px}.intro-controls{right:34px;bottom:82px;left:34px}.quiz-screen{padding:42px 20px 28px}.question-area{min-height:220px}.question-number{margin-bottom:28px}.result-art-slot{height:clamp(280px,43svh,360px);padding:10px 14px 32px;min-height:0}}@media(max-width:760px){.admin-shell{padding:20px}.admin-header{display:grid;align-items:start}.admin-metric-grid,.admin-dashboard-grid{grid-template-columns:1fr}.admin-table-row{grid-template-columns:1fr 1fr;padding:10px}.admin-table-head{display:none}}