:root{--ink:#172534;--muted:#546576;--line:#dce3e9;--paper:#fff;--canvas:#f4f6f8;--accent:#245d83;--accent-pale:#eaf2f8;--warm:#fbf6e9;--danger:#a02323;--study-size:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#e5edf4;--muted:#afbecc;--line:#40515f;--paper:#1c2b38;--canvas:#14212d;--accent:#9acdf0;--accent-pale:#293f50;--warm:#3b3527;--danger:#faa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--accent);text-align:center;border-radius:7px;padding:9px 14px;display:inline-block}button:hover,.button:hover{background:var(--accent-pale)}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:var(--paper);font-weight:650}.primary:hover{background:var(--ink);color:var(--paper)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:15px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;white-space:nowrap;font-size:22px;font-weight:750}.brand span{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.search{flex:1;max-width:710px}.search input{border:1px solid var(--line);background:var(--canvas);border-radius:8px;width:100%;padding:10px 13px}.shell{grid-template-columns:255px minmax(0,1fr);max-width:1480px;margin:auto;display:grid}.sidebar{align-self:start;max-height:calc(100dvh - 94px);padding:25px 19px;position:sticky;top:94px;overflow-y:auto}.navlabel,.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.navlabel{padding:10px}.navbutton{min-height:44px;color:var(--ink);border-radius:7px;margin:3px 0;padding:11px;font-size:15px;display:block}.navbutton:hover,.navbutton.active{background:var(--accent-pale);color:var(--accent)}.side-note{color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding:18px 10px;font-size:12px}main{min-width:0;padding:27px 36px 60px}.article{background:var(--paper);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;max-width:980px;margin:auto;padding:35px 40px}h1{letter-spacing:-.02em;margin:0 0 20px;font-size:29px;line-height:1.35}h2{margin:28px 0 14px;font-size:21px;line-height:1.45}h3{font-size:18px}.lead{color:var(--muted);font-size:18px}.muted,.reading{color:var(--muted)}.crumb{color:var(--muted);margin-bottom:12px;font-size:12px}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.stats{flex-wrap:wrap;gap:30px;margin:28px 0;display:flex}.stats b{color:var(--accent);font-size:28px;line-height:1.2;display:block}.stats span{color:var(--muted);font-size:12px}.quickgrid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.quickgrid a{border:1px solid var(--line);background:var(--canvas);border-radius:8px;padding:20px}.quickgrid strong,.quickgrid small{display:block}.quickgrid small{color:var(--muted);margin-top:8px}.notice,.error{border-left:3px solid var(--accent);background:var(--accent-pale);margin:18px 0;padding:14px 18px}.notice button{margin:5px}.error{border-color:var(--danger);color:var(--danger);background:var(--canvas)}.field{margin:16px 0;display:block}.field input:not([type=range]),.field select,.field textarea{border:1px solid var(--line);background:var(--canvas);border-radius:6px;width:100%;max-width:650px;padding:10px;display:block}input,select{max-width:100%;min-height:44px}textarea{resize:vertical;min-height:100px}.check,.pick label{align-items:center;gap:12px;min-height:44px;display:flex}.check input,.pick input{width:22px;min-width:22px;accent-color:var(--accent)}.pick{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.pick button{font-size:13px}.card-picker{border-top:1px solid var(--line);margin-top:32px}.file-label{border:1px dashed var(--muted);border-radius:8px;padding:18px;display:block}.file-label input{width:100%;margin-top:12px;font-size:13px;display:block}section+section{border-top:1px solid var(--line);margin-top:24px;padding-top:10px}.learning{font-size:var(--study-size);line-height:1.8}.learning>.outline>li>.line{font-weight:640}.outline{margin:8px 0;padding-left:20px}.outline li{margin:10px 0}.outline .outline .outline .outline{padding-left:10px}.ref{background:var(--accent-pale);border-radius:3px;padding:1px 3px}details{border:1px solid var(--line);background:var(--canvas);border-radius:7px;margin:10px 0;padding:5px 12px}summary{cursor:pointer;min-height:44px;color:var(--accent);padding:9px 0;font-weight:600}.answer{border-top:1px solid var(--line);margin-top:12px;padding-top:15px}.scan{border-radius:6px;width:100%;height:auto}.disclaimer{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding-top:15px;font-size:12px}code{background:var(--accent-pale);border-radius:3px;padding:2px 4px}.lesson-list{padding:0;list-style:none}.lesson-list li{border-bottom:1px solid var(--line);padding:8px 0}.lesson-list a{min-height:44px;padding:8px 0;display:inline-block}.lesson-list small{color:var(--muted);display:block}.results{padding:0;list-style:none}.result{border:1px solid var(--line);background:var(--canvas);border-radius:8px;margin:10px 0;padding:16px 18px;display:block}.result small{color:var(--muted);font-size:12px;display:block}.filters{grid-template-columns:1fr 1fr;gap:14px;display:grid}.filters>*{min-width:0}.pill{background:var(--accent-pale);color:var(--accent);border-radius:12px;padding:6px 12px;font-size:13px;display:inline-block}.review-card{border:1px solid var(--line);background:var(--canvas);border-radius:10px;padding:24px}.question{font-size:calc(var(--study-size) + 5px);margin:24px 0}.ratings{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;display:grid}.ratings button{min-height:72px;padding:12px 5px}.ratings small{margin-top:5px;font-size:12px;font-weight:400;display:block}footer{color:var(--muted);text-align:center;padding:20px;font-size:11px}.skip{background:var(--paper);z-index:20;padding:12px;position:fixed;top:-100px;left:10px}.skip:focus{top:10px}[lang=ko]{word-break:keep-all;overflow-wrap:anywhere}@media (width<=950px){.shell{grid-template-columns:190px minmax(0,1fr)}main{padding:20px}.article{padding:26px}.sidebar{padding:15px 10px}h1{font-size:25px}}@media (width<=680px){header{flex-wrap:wrap;gap:12px;padding:10px 14px}.brand{font-size:19px}.brand span{font-size:10px}.search{flex-basis:100%;order:3;max-width:none}.shell{display:block}.sidebar{z-index:6;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;max-height:none;padding:5px 8px;display:flex;position:sticky;top:0;overflow:visible}.navbutton{justify-content:center;align-items:center;min-width:0;margin:0;padding:7px 5px;font-size:11px;display:flex}.navlabel,.side-note{display:none}header{position:static}main{padding:12px 10px max(35px, env(safe-area-inset-bottom))}.article{border-radius:7px;padding:23px 17px}h1{font-size:24px}h2{font-size:20px}.quickgrid,.filters{grid-template-columns:1fr}.outline{padding-left:16px}.outline .outline .outline{padding-left:8px}.ratings{grid-template-columns:1fr 1fr}.review-card{padding:15px}.toolbar button{flex:1}.pick{flex-wrap:wrap}.pick label{width:100%}.stats{gap:20px}.learning{line-height:1.75}.file-label{padding:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}