:root{--terra:#c94e18;--terra-mid:#d9622e;--terra-light:#faf0ea;--amber:#b07d1a;--amber-light:#fbf6e8;--jade:#2e7d6b;--jade-light:#e8f5f1;--slate-blue:#3b6fa0;--slate-blue-light:#eaf2fa;--indigo:#5b4a9a;--indigo-light:#f0eef9;--ink:#1a1f2e;--stone:#2d3548;--chalk:#f7f5f0;--cloud:#eef0f4;--mist:#8b92a5;--correct:#2e7d6b;--incorrect:#c0392b;--alert:#c0392b;--white:#fff;--incorrect-light:#fef2f2;--warning:#d97706;--warning-light:#fef3c7;--highlight:#fff176;--jade-dark:#27705f;--font-display:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--shadow-xs:0 1px 3px #1a1f2e0a;--shadow-sm:0 1px 6px #1a1f2e0d;--shadow-md:0 2px 12px #1a1f2e0d;--shadow-lg:0 2px 16px #1a1f2e12;--shadow-xl:0 4px 24px #1a1f2e2e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--chalk);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;min-height:100vh}.korean{font-family:var(--font-display)}button,input{font-family:var(--font-body)}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{opacity:.8}.btn:disabled{background:var(--cloud);color:var(--mist);cursor:default;opacity:1}.btn-primary{background:var(--terra);color:#fff}.btn-primary:hover:not(:disabled){background:var(--terra-mid)}.btn-ghost{color:var(--stone);border:1.5px solid var(--stone);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--terra);color:var(--terra);background:var(--terra-light)}.btn-white{color:var(--terra);background:#fff}.btn-white:hover:not(:disabled){background:var(--terra-light)}.input{border-radius:var(--radius-md);border:1.5px solid var(--cloud);width:100%;font-size:1rem;font-family:var(--font-body);background:var(--white);color:var(--ink);outline:none;padding:.8rem 1rem;transition:border-color .15s}.input:focus{border-color:var(--terra)}.input::placeholder{color:var(--mist)}.select{border-radius:var(--radius-md);border:1.5px solid var(--cloud);width:100%;font-size:1rem;font-family:var(--font-body);background:var(--white);color:var(--ink);appearance:none;cursor:pointer;outline:none;padding:.8rem 2.5rem .8rem 1rem;transition:border-color .15s}.select:focus,.select.has-value{border-color:var(--terra)}.option-btn{border-radius:var(--radius-md);border:1.5px solid var(--cloud);background:var(--white);width:100%;color:var(--ink);font-size:.95rem;font-family:var(--font-body);text-align:left;cursor:pointer;padding:.8rem 1rem;font-weight:400;transition:border-color .15s,background .15s,color .15s}.option-btn:hover{border-color:var(--terra);color:var(--terra);background:var(--terra-light)}.option-btn.selected{border-color:var(--terra);background:var(--terra-light);color:var(--terra);font-weight:600}.card{background:var(--white);border:1.5px solid var(--cloud);border-radius:var(--radius-lg);padding:1rem}.topbar{background:var(--white);border-bottom:1px solid var(--cloud);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.topbar-logo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1}.topbar-kr{font-family:var(--font-display);letter-spacing:.16em;color:var(--terra);margin-top:3px;font-size:.52rem;font-weight:500;display:block}.topbar-back{border:1.5px solid var(--cloud);border-radius:var(--radius-sm);cursor:pointer;color:var(--mist);background:0 0;align-items:center;gap:4px;padding:.3rem .65rem;font-family:inherit;font-size:.75rem;font-weight:600;display:flex}.meta-label{letter-spacing:.04em;color:var(--mist);margin-bottom:4px;font-size:.72rem;font-weight:600}.db-footer{background:var(--white);border-top:1px solid var(--cloud);z-index:50;padding:1rem .5rem 1.5rem;position:fixed;bottom:0;left:0;right:0}.db-footer-inner{justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;display:flex}.db-footer-btn{cursor:pointer;font-family:var(--font-body);color:var(--mist);letter-spacing:.02em;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:600;transition:color .15s;display:flex}.db-footer-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.db-footer-btn.active{color:var(--terra)}.progress-bar{background:var(--cloud);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--terra);height:100%;transition:width .6s}