:root{--bg:#fafafa;--surface:#fff;--surface-2:#f2f3f5;--text:#17181c;--text-subtle:#6b7078;--border:#e4e6ea;--accent:#2f6bff;--accent-press:#1f55e0;--accent-text:#fff;--accent-soft:#eef3ff;--danger:#e5484d;--success:#34a853;--overlay:#17181c7a;--overlay-strong:#17181c8c;--kakao-bg:#fee500;--kakao-text:#191919;--viewport-bg:#eceef1;--viewport-grid:#c9cdd4;--viewport-grid-center:#aab0b9;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--fs-xs:.75rem;--fs-s:.875rem;--fs-m:1rem;--fs-l:1.25rem;--fs-xl:2rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2.5rem;--radius-s:8px;--radius-m:12px;--radius-l:20px;--radius-full:999px;--hairline:1px solid var(--border);--shadow-1:0 2px 10px #17181c14;--shadow-2:0 8px 32px #17181c1f;--topbar-h:52px;--addbar-h:60px;--dock-h:calc(var(--addbar-h) + env(safe-area-inset-bottom) + var(--sp-2) * 2);--z-hud:10;--z-panel:15;--z-sheet:16;--z-splash:20;--z-coach:25;--z-toast:26;--z-start:30}.hint-wrap{--fade-l:0px;--fade-r:0px;position:relative}.hint-wrap[data-scroll-left]{--fade-l:2rem}.hint-wrap[data-scroll-right]{--fade-r:2rem}.hint-wrap>.hint-scroll{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%)}.hint-wrap:before,.hint-wrap:after{content:"";border-top:2px solid var(--text-subtle);border-right:2px solid var(--text-subtle);opacity:0;pointer-events:none;width:.5rem;height:.5rem;transition:opacity .2s;position:absolute;top:50%}.hint-wrap:before{left:2px;transform:translateY(-50%)rotate(-135deg)}.hint-wrap:after{right:2px;transform:translateY(-50%)rotate(45deg)}.hint-wrap[data-scroll-left]:before{opacity:.85;animation:1.4s ease-in-out infinite arggu-nudge-l}.hint-wrap[data-scroll-right]:after{opacity:.85;animation:1.4s ease-in-out infinite arggu-nudge-r}@keyframes arggu-nudge-r{0%,to{translate:0}50%{translate:3px}}@keyframes arggu-nudge-l{0%,to{translate:0}50%{translate:-3px}}.doc{max-width:44rem;padding:var(--sp-6) var(--sp-5);word-break:keep-all;margin:0 auto}.doc>header{gap:var(--sp-3);padding-bottom:var(--sp-5);border-bottom:2px solid var(--text);flex-direction:column;display:flex}.doc .brand{color:var(--accent);width:fit-content;text-decoration:none}.doc h1{font-size:var(--fs-xl);margin:0;font-weight:800}.doc .eff{font-size:var(--fs-s);color:var(--text-subtle);margin:0}.doc .intro{margin:var(--sp-5) 0 0;color:var(--text-subtle);line-height:1.8}.doc section{margin-top:var(--sp-6)}.doc section.highlight{padding:var(--sp-5);border-radius:var(--radius-l);background:var(--surface-2)}.doc h2{margin:0 0 var(--sp-3);font-size:var(--fs-l);font-weight:700}.doc h3{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-m);font-weight:700}.doc p{margin:0 0 var(--sp-3);line-height:1.8}.doc ul,.doc ol{margin:0 0 var(--sp-3);gap:var(--sp-3);flex-direction:column;padding-left:1.15rem;line-height:1.8;display:flex}.doc ul::marker{color:var(--accent)}.doc li::marker{color:var(--accent)}.doc ul.plain{gap:var(--sp-2);padding-left:0;list-style:none}.doc .note{font-size:var(--fs-s);color:var(--text-subtle)}.doc .table-wrap{margin-bottom:var(--sp-3);border:var(--hairline);border-radius:var(--radius-m);overflow-x:auto}.doc table{border-collapse:collapse;width:100%;min-width:28rem;font-size:var(--fs-s)}.doc th,.doc td{padding:var(--sp-3);text-align:left;border-bottom:var(--hairline);vertical-align:top}.doc th{background:var(--surface-2);color:var(--text-subtle);font-weight:700}.doc .dim{color:var(--text-subtle);font-size:var(--fs-xs)}.doc tbody tr:last-child td{border-bottom:none}.doc a{color:var(--accent)}.doc>footer{gap:var(--sp-5);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:var(--hairline);font-size:var(--fs-s);flex-direction:column;display:flex}.doc>footer .home{font-weight:600;text-decoration:none}*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-m);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}
