:root{--bg:#f4f2ed;--surface:#fff;--text:#101014;--text-sub:#52525c;--text-dim:#8a8a93;--line:#dbd8d0;--accent:#6a3df0;--accent-soft:#ebe5ff;--on-accent:#fff;--error:#d92b3f;--shadow:0 24px 60px -30px #6a3df059;--font:Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--page-width:480px;--gutter:20px;--radius:18px;--radius-sm:12px;--control-height:56px;--page-width-wide:600px;--reading-width:720px;--code-bg:#141417;--code-text:#e9e9ef;--code-line:#2c2c34;--font-size-title:34px;--font-size-body:16px;--font-size-prose:17px;--font-size-title-wide:52px;--font-size-body-wide:19px;--font-size-prose-wide:18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}.page{max-width:var(--page-width);padding:20px var(--gutter) 48px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;margin-bottom:20px;display:flex}.brand__logo{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:8px;place-items:center;font-size:16px;font-weight:900;display:grid}.brand__name{color:var(--text-sub);font-size:14px;font-weight:700}.tag{border:2px solid var(--accent);color:var(--accent);letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:13px;font-weight:800}.title{font-size:var(--font-size-title);letter-spacing:-.04em;word-break:keep-all;text-wrap:balance;margin:0;font-weight:900;line-height:1.18}.muted{color:var(--text-sub);font-size:var(--font-size-body);word-break:keep-all;text-wrap:pretty;margin:0}.note{color:var(--text-dim);margin:0;font-size:14px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:16px;margin-top:8px;padding:20px;display:flex}.card__title{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:900}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--text-sub);font-size:14px;font-weight:600}.field__input{height:var(--control-height);border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg);color:var(--text);font:inherit;padding:0 16px;font-size:16px}.field__input:focus{border-color:var(--accent);outline:none}.check{color:var(--text-sub);align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.button{height:var(--control-height);border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 20px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.button--primary{background:var(--accent);color:var(--on-accent)}.button--primary:hover{background:var(--text)}.button:disabled{opacity:.6;cursor:progress}.button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.error{color:var(--error);margin:0;font-size:14px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.page--reading{--page-width:var(--reading-width)}.meta{color:var(--text-sub);margin:0;font-size:14px}.prose{font-size:var(--font-size-prose);word-break:keep-all;flex-direction:column;gap:14px;line-height:1.85;display:flex}.prose>*{margin:0}.prose h2{margin-top:24px;font-size:1.4em;line-height:1.4}.prose h3{color:var(--accent);margin-top:12px;font-size:1.15em}.prose h2,.prose h3{letter-spacing:-.03em;font-weight:900}.prose ul,.prose ol{flex-direction:column;gap:6px;padding-left:1.4em;display:flex}.prose strong{color:var(--accent);font-weight:700}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-sub);padding:4px 0 4px 16px}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95em}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.prose tr:last-child td{border-bottom:0}.prose th{color:var(--text-sub);white-space:nowrap;font-weight:600}.code-block{background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-line);border-radius:var(--radius-sm);position:relative}.code-block pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:44px 16px 16px;font-size:15px;line-height:1.7;overflow-x:auto}.copy-button{border:1px solid var(--code-line);height:32px;color:var(--code-text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px}.copy-button:hover{border-color:var(--code-text)}@media (min-width:900px){.page{--page-width:var(--page-width-wide);gap:20px;padding-top:32px;padding-bottom:96px}.page--reading{--page-width:var(--reading-width)}.title{font-size:var(--font-size-title-wide)}.muted{font-size:var(--font-size-body-wide)}.prose{font-size:var(--font-size-prose-wide)}.brand{margin-bottom:40px}.brand__name{font-size:15px}.card{gap:20px;padding:32px}.card__title{font-size:28px}}.resource-list{gap:var(--space-list,14px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resource-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:10px;padding:22px 20px;text-decoration:none;display:flex}.resource-item:hover,.resource-item:focus-visible{border-color:var(--accent);outline:none}.resource-item__name{letter-spacing:-.03em;word-break:keep-all;font-size:24px;font-weight:900;line-height:1.25}.resource-item__desc{color:var(--text-sub);font-size:var(--font-size-body);word-break:keep-all;line-height:1.6}.resource-item__go{background:var(--text);color:var(--bg);border-radius:999px;align-self:flex-start;margin-top:4px;padding:9px 18px;font-size:15px;font-weight:800}.resource-item:hover .resource-item__go{background:var(--accent)}