:root{--ink:#0c1622;--deep:#102a42;--navy:#1a3f61;--blue:#20618f;--sky:#a8c8de;--mist:#eef4f9;--line:#d8e3ec;--text:#26333f;--muted:#5e7488;--paper:#fff;--ok:#1e6b4f;--ok-soft:#e7f3ee;--no:#8a3b2e;--no-soft:#f7ece9;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--mist);color:var(--text);word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;font-size:15.5px;line-height:1.65}#app{background:var(--paper);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;display:none}.screen.active{display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);z-index:5;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar .back{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-weight:600}.topbar .title{color:var(--ink);font-size:16px;font-weight:700}.topbar .spacer{flex:1}.content{flex:1;padding:22px 20px 32px}.section-label{letter-spacing:.12em;color:var(--muted);margin:26px 0 10px;font-size:12.5px;font-weight:700}.section-label:first-child{margin-top:0}button.primary{border-radius:var(--radius);background:var(--deep);color:#f2f7fb;width:100%;font:inherit;cursor:pointer;border:none;padding:13px;font-size:15.5px;font-weight:700;display:block}button.primary:disabled{opacity:.45;cursor:default}button.ghost{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--navy);font:inherit;cursor:pointer;background:#fff;padding:12px;font-weight:600;display:block}input[type=text],input[type=password],input[type=number]{border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:var(--text);padding:11px 12px}input:focus{outline:2px solid var(--sky);border-color:var(--blue)}#scr-login .content{flex-direction:column;justify-content:center;display:flex}.login-brand{margin-bottom:34px}.login-brand .eyebrow{letter-spacing:.18em;color:var(--blue);font-size:12.5px;font-weight:700}.login-brand h1{color:var(--ink);letter-spacing:-.02em;margin-top:8px;font-size:26px;font-weight:800;line-height:1.35}.login-brand p{color:var(--muted);margin-top:8px;font-size:14px}.login-form{flex-direction:column;gap:10px;display:flex}.demo-hint{background:var(--mist);border-radius:var(--radius);color:var(--navy);margin-top:14px;padding:12px 14px;font-size:13.5px}.demo-hint b{color:var(--deep)}.home-hello{padding:26px 20px 8px}.home-hello .hi{color:var(--ink);font-size:20px;font-weight:800}.badge{background:var(--deep);color:#eaf2f8;vertical-align:2px;border-radius:10px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.free{color:var(--muted);border:1px solid var(--line);background:#fff}.menu{list-style:none}.menu li{border-bottom:1px solid var(--line)}.menu button{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:12px;padding:17px 4px;display:flex}.menu .no{color:var(--blue);min-width:20px;font-size:13px;font-weight:800}.menu .t{color:var(--ink);font-weight:700}.menu .d{color:var(--muted);margin-top:1px;font-size:13px;font-weight:400;display:block}.menu .lock{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:12px}.home-foot{border-top:1px solid var(--line);color:var(--muted);padding:18px 20px 26px;font-size:12px;line-height:1.7}.linkbtn{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.opt-group{flex-wrap:wrap;gap:8px;display:flex}.opt-group label{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--text);background:#fff;padding:9px 14px;font-size:14.5px}.opt-group input{display:none}.opt-group input:checked+span{color:var(--deep);font-weight:700}.opt-group label:has(input:checked){border-color:var(--deep);background:var(--mist)}.qmeta{color:var(--muted);margin-bottom:6px;font-size:13px}.qmeta b{color:var(--blue)}.qtext{color:var(--ink);font-size:17px;font-weight:700;line-height:1.6}.qcontext{background:var(--mist);border-radius:var(--radius);color:var(--navy);margin-top:12px;padding:13px 15px;font-size:14.5px}.opts{flex-direction:column;gap:8px;margin-top:18px;list-style:none;display:flex}.opts button{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:var(--text);background:#fff;gap:10px;padding:12px 14px;display:flex}.opts .lab{color:var(--blue);font-weight:700}.opts button.sel{border-color:var(--deep);background:var(--mist)}.opts button.correct{border-color:var(--ok);background:var(--ok-soft)}.opts button.correct .lab{color:var(--ok)}.opts button.wrongpick{border-color:var(--no);background:var(--no-soft)}.opts button.wrongpick .lab{color:var(--no)}.opts button:disabled{cursor:default}.verdict{margin-top:16px;font-size:16px;font-weight:800}.verdict.ok{color:var(--ok)}.verdict.no{color:var(--no)}.explain{background:var(--mist);border-radius:var(--radius);color:var(--navy);margin-top:12px;padding:14px 16px;font-size:14.5px}.explain .el{letter-spacing:.1em;color:var(--blue);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.after-btns{gap:8px;margin-top:16px;display:flex}.after-btns button{flex:1}.toggle{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:flex}.toggle.on{border-color:var(--deep);color:var(--deep);background:var(--mist)}.starbtn{cursor:pointer;color:var(--line);background:0 0;border:none;padding:2px;font-size:20px;line-height:1}.starbtn.on{color:var(--blue)}.exam-timer{color:var(--deep);font-variant-numeric:tabular-nums;font-weight:800}.exam-timer.warn{color:var(--no)}.navgrid{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(10,1fr);gap:4px;padding:12px 18px;display:grid}.navgrid button{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--muted);font-variant-numeric:tabular-nums;background:#fff;border-radius:4px;padding:4px 0;font-size:11.5px}.navgrid button.done{background:var(--sky);border-color:var(--sky);color:var(--deep);font-weight:700}.navgrid button.cur{outline:2px solid var(--deep);color:var(--deep);font-weight:800}.exam-move{gap:8px;margin-top:20px;display:flex}.exam-move button{flex:1}.demo-mini{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:11.5px;text-decoration:underline}.score-box{text-align:center;border-bottom:1px solid var(--line);padding:10px 0 22px}.score-box .sc{color:var(--ink);letter-spacing:-.02em;font-size:44px;font-weight:800}.score-box .sc small{color:var(--muted);font-size:16px;font-weight:600}.passtag{border-radius:12px;margin-top:6px;padding:3px 14px;font-size:15px;font-weight:800;display:inline-block}.passtag.pass{background:var(--ok-soft);color:var(--ok)}.passtag.fail{background:var(--no-soft);color:var(--no)}.savemsg{color:var(--blue);margin-top:10px;font-size:13px;font-weight:600}.partbars{margin:18px 0 4px}.pb{align-items:center;gap:10px;margin-bottom:7px;font-size:12.5px;display:flex}.pb .pn{min-width:118px;color:var(--muted)}.pb .bar{background:var(--mist);border-radius:4px;flex:1;height:8px;overflow:hidden}.pb .bar i{background:var(--blue);height:100%;display:block}.pb .pv{text-align:right;min-width:56px;color:var(--navy);font-variant-numeric:tabular-nums;font-weight:700}table.omr{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:14px}.omr th,.omr td{border:1px solid var(--line);text-align:center;padding:7px 4px;font-size:13.5px}.omr thead th{background:var(--deep);color:#eaf2f8;font-size:12.5px;font-weight:600}.omr .oxO{color:var(--ok);font-weight:800}.omr .oxX{color:var(--no);font-weight:800}.omr .see{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.rec{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:13px 15px}.rec .rid{color:var(--muted);font-size:12.5px}.rec .rrow{align-items:baseline;gap:10px;margin-top:3px;display:flex}.rec .rsc{color:var(--ink);font-size:17px;font-weight:800}.rec .rtag{border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}.rec .rtag.pass{background:var(--ok-soft);color:var(--ok)}.rec .rtag.fail{background:var(--no-soft);color:var(--no)}.rec .rmeta{color:var(--muted);margin-left:auto;font-size:12.5px}.favitem{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;cursor:pointer;color:var(--text);background:#fff;gap:10px;margin-bottom:9px;padding:12px 14px;display:flex}.favitem .fno{color:var(--blue);min-width:44px;font-weight:800}.favitem .ft{flex:1;font-size:14px}.favitem .fd{color:var(--muted);white-space:nowrap;font-size:11.5px}.empty{text-align:center;color:var(--muted);padding:36px 0;font-size:14px}.filter-row{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:10px;margin-bottom:10px;padding:13px 14px;display:flex}.filter-row input[type=radio]{accent-color:var(--deep);width:17px;height:17px}.filter-row .ft{color:var(--ink);flex:1;font-weight:600}.filter-row input[type=number]{width:76px;padding:7px 9px}.filter-row.dis{opacity:.5}.modal-bg{z-index:50;background:#0c16228c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.show{display:flex}.modal{background:#fff;border-radius:8px;width:100%;max-width:420px;max-height:84vh;padding:24px 22px;overflow-y:auto}.modal h3{color:var(--ink);margin-bottom:10px;font-size:17px;font-weight:800}.modal p{color:var(--text);font-size:14.5px}.modal .mbtns{gap:8px;margin-top:20px;display:flex}.modal .mbtns button{flex:1}button.danger{border-radius:var(--radius);background:var(--no);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;padding:12px;font-weight:700;display:block}.subs-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--mist);margin-bottom:18px;padding:16px}.subs-state b{color:var(--deep)}.form-err{color:var(--no);min-height:20px;margin:2px 2px 0;font-size:13.5px;font-weight:600}button.ghost:disabled{opacity:.45;cursor:default}.planbox{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:14px 16px}.planbox .pt{color:var(--ink);font-weight:800}.planbox .pp{color:var(--blue);margin-left:6px;font-weight:800}.adbox{border:1px solid var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--mist);padding:20px 16px;text-decoration:none;display:block}.adbox .adlabel{color:var(--muted);letter-spacing:.14em;margin-bottom:6px;font-size:11px;display:block}.adbox .adtitle{color:var(--deep);font-size:16px;font-weight:800;display:block}.adbox .adsub{color:var(--navy);margin-top:4px;font-size:13px;display:block}.md-doc{color:var(--text);font-size:14.5px}.md-h1{color:var(--ink);margin-bottom:14px;font-size:19px;font-weight:800;line-height:1.4}.md-h2{color:var(--ink);margin:24px 0 10px;font-size:16px;font-weight:800;line-height:1.4}.md-h2:first-child{margin-top:0}.md-h3{color:var(--navy);margin:16px 0 6px;font-size:14.5px;font-weight:700}.md-p{margin-bottom:10px;line-height:1.7}.md-quote{border-left:3px solid var(--sky);background:var(--mist);color:var(--muted);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:14px;padding:10px 14px;font-size:13.5px}.md-hr{border:none;border-top:1px solid var(--line);margin:22px 0}.md-list{margin:0 0 10px 20px;line-height:1.7}.md-list li{margin-bottom:4px}.md-sublist{margin:4px 0 4px 18px;list-style:outside}.md-table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:13.5px}.md-table th,.md-table td{border:1px solid var(--line);text-align:left;padding:8px 10px}.md-table thead th{background:var(--deep);color:#eaf2f8;font-weight:600}