:root{--bg: #f3f5f9;--surface: #ffffff;--ink: #131722;--muted: #6b7384;--line: #e6e9f0;--primary: #2f5bff;--primary-ink: #ffffff;--primary-soft: #e9eeff;--ok: #0f9d6b;--ok-soft: #e2f6ee;--bad: #e5484d;--bad-soft: #fdebec;--sun: #ffb020;--r-sm: 12px;--r-md: 18px;--touch: 48px;--shadow: 0 1px 2px rgba(19, 23, 34, .04), 0 8px 24px rgba(19, 23, 34, .06);--ui: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--paper: "Noto Serif KR", "Nanum Myeongjo", "Batang", serif}@media (prefers-color-scheme: dark){:root{--bg: #0e1016;--surface: #181b24;--ink: #f1f3f8;--muted: #969eb0;--line: #272b37;--primary: #6f8cff;--primary-ink: #0b1030;--primary-soft: #1d2647;--ok: #3ecf97;--ok-soft: #12382b;--bad: #ff7a7f;--bad-soft: #40191c;--sun: #ffc24d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35)}}:lang(ja){--paper: "Noto Serif JP", "Yu Mincho", "MS Mincho", serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--ui)}button,input,select{font:inherit;color:inherit}.cbt-app{min-height:100vh;padding-bottom:72px}.cbt-top{position:sticky;top:0;z-index:5;display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.cbt-brand{border:0;background:var(--primary);color:var(--primary-ink);font-weight:800;border-radius:10px;padding:6px 12px;cursor:pointer;letter-spacing:.04em}.cbt-tabs{display:none;gap:4px;flex:1}.cbt-tabs button{border:0;background:none;padding:8px 12px;border-radius:10px;cursor:pointer;color:var(--muted);font-weight:600}.cbt-tabs button.active{background:var(--primary-soft);color:var(--primary)}.cbt-login{margin-left:auto;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 12px;cursor:pointer;font-weight:600;color:var(--primary)}.cbt-login+.cbt-country{margin-left:0}.cbt-notice{display:flex;justify-content:space-between;align-items:center;border-color:var(--bad)}.cbt-country{margin-left:auto;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 10px}.cbt-main{max-width:1080px;margin:0 auto;padding:16px}.cbt-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);z-index:5}.cbt-bottom button{border:0;background:none;display:grid;place-items:center;padding:8px 0 10px;min-height:56px;color:var(--muted);cursor:pointer;font-size:12px}.cbt-bottom button b{font-size:18px;line-height:1.2}.cbt-bottom button.active{color:var(--primary)}@media (min-width: 760px){.cbt-tabs{display:flex}.cbt-bottom{display:none}.cbt-app{padding-bottom:0}}.cbt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.cbt-muted{color:var(--muted)}.cbt-h1{font-size:1.5em;margin:4px 0 8px}.cbt-h2{font-size:1.1em;margin:20px 0 10px}.cbt-hero h1{font-size:1.6em;margin:8px 0 12px}.cbt-search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);min-height:var(--touch)}.cbt-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:14px}.cbt-summary b{color:var(--ink)}.cbt-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px}.cbt-chips button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;cursor:pointer}.cbt-chips button.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.cbt-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cbt-exam{text-align:left;display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;min-height:72px}.cbt-exam:hover,.cbt-row-button:hover{border-color:var(--primary)}.cbt-exam .cbt-muted{font-size:13px}.cbt-list{display:grid;gap:8px}.cbt-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);flex-wrap:wrap}.cbt-row-button{width:100%;text-align:left;cursor:pointer}.cbt-row-actions,.cbt-actions{display:flex;gap:8px;flex-wrap:wrap}.cbt-actions{margin:12px 0}.cbt-button{border:0;background:var(--primary);color:var(--primary-ink);border-radius:var(--r-sm);padding:10px 16px;min-height:44px;font-weight:700;cursor:pointer}.cbt-button.ghost{background:var(--primary-soft);color:var(--primary)}.cbt-button.small{min-height:36px;padding:6px 14px}.cbt-button.full{width:100%;margin-top:12px}.cbt-button:disabled{opacity:.5;cursor:default}.cbt-back{border:0;background:none;color:var(--primary);cursor:pointer;padding:6px 0;font-weight:600}.cbt-solve-bar{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.cbt-timer{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;padding:4px 10px;border-radius:8px;background:var(--primary-soft);color:var(--primary)}.cbt-timer.warn{background:var(--bad-soft);color:var(--bad)}.cbt-solve-layout{display:grid;gap:16px}@media (min-width: 900px){.cbt-solve-layout{grid-template-columns:1fr 280px;align-items:start}.cbt-omr{position:sticky;top:72px}}.cbt-meta{font-size:13px;margin-bottom:10px}.cbt-body{font-family:var(--paper);font-size:1.06em}.cbt-body p,.cbt-explain p,.cbt-choice-text p{margin:0 0 8px}.cbt-figure{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:8px;background:#fff}.cbt-table{overflow-x:auto;margin:8px 0}.cbt-table table{border-collapse:collapse;font-size:.92em}.cbt-table th,.cbt-table td{border:1px solid var(--line);padding:4px 10px;text-align:center}.cbt-question pre,.cbt-explain pre{background:var(--bg);border-radius:8px;padding:10px;overflow-x:auto;font-size:.9em}.cbt-choices{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.cbt-choice{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);padding:10px 12px;min-height:var(--touch);cursor:pointer;font-family:var(--paper)}.cbt-choice:hover{border-color:var(--primary)}.cbt-choice.picked{border-color:var(--primary);background:var(--primary-soft)}.cbt-choice.right{border-color:var(--ok);background:var(--ok-soft)}.cbt-choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.cbt-choice-text p:last-child{margin:0}.cbt-mark{flex:none;font-weight:800;min-width:1.5em;color:var(--muted);font-family:var(--ui)}.cbt-explain{margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);border-left:4px solid var(--ok);background:var(--ok-soft)}.cbt-explain.wrong{border-left-color:var(--bad);background:var(--bad-soft)}.cbt-explain>b{display:block;margin-bottom:6px}.cbt-nav{display:flex;justify-content:space-between;margin-top:16px}.cbt-omr-head{display:flex;justify-content:space-between;margin-bottom:10px}.cbt-omr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:360px;overflow-y:auto}.cbt-omr-grid button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:36px;cursor:pointer;font-size:13px}.cbt-omr-grid button.done{background:var(--primary-soft);color:var(--primary);border-color:transparent}.cbt-omr-grid button.current{outline:2px solid var(--primary)}.cbt-result{text-align:center}.cbt-score{font-size:3em;font-weight:800;color:var(--primary)}.cbt-score small{font-size:.4em;color:var(--muted)}.cbt-pass{color:var(--ok);font-weight:700}.cbt-fail{color:var(--bad);font-weight:700}.cbt-bar{flex:1;min-width:80px;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.cbt-bar span{display:block;height:100%;background:var(--primary)}
