/* 꾸레이 대시보드 안내 — 꾸레이 툴즈와 같은 결: 평평한 종이색 바탕, 헤어라인, 벽돌색 강조, 모서리 각지게 */
:root{--kd-bg:#f8f6f0;--kd-paper:#fffefa;--kd-ink:#292c28;--kd-muted:#686e64;--kd-line:#dcded3;--kd-accent:#bb4c2b;--kd-soft:#f3e8dc;--kd-sage:#e6e9d8;--kd-tan:#efe6d8;--kd-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--kd-bg);color:var(--kd-ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;overflow-wrap:anywhere}
a{color:var(--kd-accent);text-underline-offset:4px}a:hover{color:#8f3a20}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--kd-accent);outline-offset:4px}
button{font:inherit}
.kd-wrap{max-width:1120px;margin:auto;padding:0 28px}
.kd-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--kd-line)}
.kd-family{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.kd-arcade{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--kd-ink);font-size:19px;font-weight:800;letter-spacing:-.5px}
.kd-arcade img{width:36px;height:36px;image-rendering:pixelated}.kd-arcade b{color:#b9761b}
.kd-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--kd-ink);font-size:19px;font-weight:800;letter-spacing:-.5px}
.kd-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--kd-accent)}
.kd-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:square}
.kd-brand small{display:block;font:500 10px/1.2 var(--kd-mono);letter-spacing:.1em;color:var(--kd-muted);margin-top:2px}
.kd-header nav{display:flex;gap:22px;font-size:14px;align-items:center}.kd-header nav a{color:var(--kd-ink);text-decoration:none}.kd-header nav a:hover{color:var(--kd-accent)}
.kd-crumb{font-size:12px;color:var(--kd-muted);padding:18px 0 0}.kd-crumb a{color:var(--kd-ink);text-decoration:none}.kd-crumb span{margin:0 8px}
.kd-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center;padding:44px 0 54px}
.kd-eyebrow{font:600 11px/1.5 var(--kd-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--kd-ink);margin:0 0 22px}
.kd-eyebrow{display:flex;align-items:center;flex-wrap:wrap}.kd-eyebrow i:before{content:"";display:inline-block;width:22px;height:2px;background:var(--kd-accent);vertical-align:middle;margin:0 10px}
.kd-eyebrow i{font-style:normal;color:var(--kd-muted);letter-spacing:.04em;text-transform:none;font-family:inherit;font-weight:500}
.kd-hero h1{font-size:clamp(34px,4.6vw,50px);line-height:1.2;letter-spacing:-1.9px;margin:0 0 22px}
.kd-hero h1 em{font-style:normal;color:var(--kd-accent)}
.kd-lead{font-size:18px;line-height:1.75;color:#454a42;margin:0 0 8px}
.kd-sub{font-size:13px;color:var(--kd-muted);line-height:1.75}
.kd-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:30px 0 16px}
.kd-button{display:inline-flex;align-items:center;gap:10px;background:var(--kd-accent);color:#fff;border:0;padding:15px 24px;font-weight:700;font-size:15px;text-decoration:none;border-radius:0;cursor:pointer}
.kd-button:hover{background:#9f3f23;color:#fff}.kd-button:after{content:"↓";font-weight:600}
.kd-button:disabled{background:#d9d4c8;color:#7a7a70;cursor:default}.kd-button:disabled:after{content:""}
.kd-button.kd-alt{background:transparent;color:var(--kd-ink);border-bottom:2px solid var(--kd-line);padding:13px 4px;font-weight:600}
.kd-button.kd-alt:hover{background:transparent;color:var(--kd-accent);border-color:var(--kd-accent)}
.kd-preview{margin:0;position:relative}
.kd-preview:before{content:"+";position:absolute;left:-4px;top:-26px;font:700 24px/1 var(--kd-mono);color:var(--kd-accent)}
.kd-stage{background:var(--kd-sage);padding:34px 30px 26px}
.kd-window{background:var(--kd-paper);border:1px solid var(--kd-line);padding:16px 18px}
.kd-window-head{display:flex;justify-content:space-between;font:600 11px/1.5 var(--kd-mono);letter-spacing:.06em;color:var(--kd-muted);border-bottom:1px solid var(--kd-line);padding-bottom:11px;margin-bottom:14px}
.kd-meters{display:grid;gap:16px}.kd-meter-label{display:flex;justify-content:space-between;font-size:13px}.kd-meter-label span{font-family:var(--kd-mono);font-size:12px;color:var(--kd-muted)}
.kd-bar{height:7px;background:#e9e6da;margin-top:6px}.kd-bar i{display:block;width:62%;height:100%;background:#53795c}.kd-bar.kd-claude i{width:38%;background:#c97a43}
.kd-pet{display:flex;flex-direction:column;align-items:center;margin:26px auto 0;width:190px}
.kd-pet img{width:172px;height:auto;image-rendering:pixelated;display:block}
.kd-pet .kd-gauge{width:100%;background:rgba(255,254,250,.85);border:1px solid var(--kd-line);padding:2px 10px;font:11px/1.9 var(--kd-mono);margin-top:3px;display:flex;justify-content:space-between}
.kd-caption{display:flex;justify-content:space-between;gap:12px;background:var(--kd-tan);padding:10px 16px;font:500 11px/1.5 var(--kd-mono);letter-spacing:.06em;color:#6c6a5c}
.kd-toc{display:flex;flex-wrap:wrap;gap:8px 26px;border-top:1px solid var(--kd-line);border-bottom:1px solid var(--kd-line);padding:16px 0;margin-bottom:60px;font-size:14px}
.kd-toc a{color:var(--kd-ink);text-decoration:none}.kd-toc a:hover{color:var(--kd-accent)}
.kd-section{margin:0 0 72px}
.kd-section h2{font-size:28px;letter-spacing:-.9px;line-height:1.4;margin:0 0 16px}
.kd-section h2 small{display:block;font:600 11px/1.5 var(--kd-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--kd-accent);margin-bottom:10px}
.kd-section h3{font-size:18px;line-height:1.5;margin:0 0 10px;letter-spacing:-.3px}
.kd-section p{margin:0 0 14px}
.kd-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}
.kd-dl article{padding:28px;background:var(--kd-sage);display:flex;flex-direction:column}
.kd-dl article:nth-child(2){background:var(--kd-tan)}
.kd-dl .kd-idx{font:600 11px/1.5 var(--kd-mono);letter-spacing:.1em;color:#5f6552;margin-bottom:12px}
.kd-dl h3{font-size:24px;margin-bottom:14px}
.kd-dl ul{list-style:none;padding:0;margin:0 0 22px;font-size:14px;color:#4b5046}
.kd-dl li{border-top:1px solid rgba(41,44,40,.14);padding:8px 0}
.kd-dl li b{display:inline-block;min-width:78px;font-weight:600;color:var(--kd-ink)}
.kd-dl .kd-button{align-self:flex-start;margin-top:auto}
.kd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}
.kd-card{padding:26px;background:var(--kd-paper);border:1px solid var(--kd-line)}
.kd-card p:last-child{margin-bottom:0}
.kd-steps{list-style:none;padding:0;counter-reset:kd-step;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:24px 0}
.kd-steps li{counter-increment:kd-step;border-top:1px solid var(--kd-line);padding:20px 0 14px;background:none;border-left:0;border-right:0;border-bottom:0}
.kd-steps h3:before{content:counter(kd-step,decimal-leading-zero) " / STEP";display:block;color:var(--kd-accent);font:600 11px/1.5 var(--kd-mono);letter-spacing:.12em;margin-bottom:10px}
.kd-os{font:600 12px/1.5 var(--kd-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kd-ink);margin:38px 0 0;padding-bottom:8px;border-bottom:2px solid var(--kd-ink)}
.kd-note{background:var(--kd-soft);border-left:3px solid var(--kd-accent);padding:18px 22px;font-size:14px;margin:24px 0}
.kd-section pre{background:#f1eee4;border:1px solid var(--kd-line);padding:13px 15px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--kd-mono);margin:15px 0}
.kd-section code{font-family:var(--kd-mono);font-size:.87em}.kd-section pre code{font-size:inherit}
.kd-checksum{font:12px/1.8 var(--kd-mono);word-break:break-all}
.kd-faq{border-top:1px solid var(--kd-line);padding:17px 0}.kd-faq:last-child{border-bottom:1px solid var(--kd-line)}
.kd-faq summary{cursor:pointer;font-weight:700;line-height:1.6;padding-right:10px}.kd-faq p{margin:12px 0 0;font-size:15px}.kd-faq pre{margin-bottom:0}
.kd-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kd-related a{display:block;text-decoration:none;color:var(--kd-ink);border-top:2px solid var(--kd-ink);padding:18px 0}.kd-related a:hover b{color:var(--kd-accent)}
.kd-related b{display:block;font-size:18px}.kd-related span{display:block;color:var(--kd-muted);font-size:14px;margin-top:6px}
.kd-footer{border-top:1px solid var(--kd-line);padding:26px 0 44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;color:var(--kd-muted)}
.kd-footer nav{display:flex;gap:18px;flex-wrap:wrap}.kd-footer a{color:var(--kd-muted)}
.kd-skip{position:absolute;left:20px;top:-100px;background:var(--kd-paper);padding:10px;z-index:2}.kd-skip:focus{top:10px}
@media(max-width:760px){
.kd-wrap{padding:0 20px}.kd-header{padding:16px 0;flex-direction:column;align-items:flex-start;gap:14px}.kd-header nav{flex-wrap:wrap}.kd-header nav a{white-space:nowrap}.kd-family{gap:14px}.kd-arcade,.kd-brand{font-size:16px}.kd-header nav{gap:14px;font-size:13px}
.kd-hero{grid-template-columns:1fr;gap:36px;padding:30px 0 40px}.kd-hero h1{font-size:36px}.kd-lead{font-size:17px}
.kd-preview{max-width:480px;width:100%}.kd-stage{padding:24px 18px 20px}
.kd-toc{margin-bottom:40px;gap:8px 18px}.kd-section{margin-bottom:52px}.kd-section h2{font-size:25px}
.kd-dl,.kd-grid,.kd-steps{grid-template-columns:1fr}.kd-steps{gap:0}.kd-related{grid-template-columns:1fr;gap:0}.kd-card{padding:21px}.kd-dl article{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}