:root{color-scheme:light;--dka-ink:#202820;--dka-muted:#697067;--dka-line:#d8d0c2;--dka-paper:#fbf8f2;--dka-panel:#fffdf9;--dka-green:#343c33;--dka-gold:#8a6c39}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.dka-body{margin:0;background:#ece9e2;color:var(--dka-ink);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}
button,input{font:inherit;color:inherit}
.dka-skip{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 14px;border:2px solid var(--dka-green);border-radius:8px;background:#fff;color:var(--dka-ink)}
.dka-skip:focus{top:16px}
.dka-wrap{width:min(1440px,calc(100% - 48px));margin:0 auto}
.dka-crumb{display:flex;align-items:center;gap:8px;padding:18px 0 12px;color:var(--dka-muted);font-size:13px}
.dka-crumb a{color:inherit;text-decoration:none}
.dka-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:14px;padding:22px 26px;border:1px solid var(--dka-line);border-radius:14px;background:var(--dka-panel)}
.dka-hero>div>span{display:block;margin-bottom:5px;color:#7b6848;font-size:12px;font-weight:800;letter-spacing:.08em}
.dka-hero h1{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:34px;line-height:1.15}
.dka-hero p{margin:8px 0 0;color:var(--dka-muted);font-size:14px}
.dka-hero dl{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));min-width:330px;margin:0;border:1px solid var(--dka-line);border-radius:10px;background:#f6f2ea}
.dka-hero dl div{padding:10px 15px;text-align:center}
.dka-hero dl div+div{border-left:1px solid var(--dka-line)}
.dka-hero dt{color:var(--dka-muted);font-size:11px}.dka-hero dd{margin:2px 0 0;font-size:22px;font-weight:900}
.dka-summary,.dka-tools{margin-bottom:14px;border:1px solid var(--dka-line);border-radius:14px;background:var(--dka-panel);box-shadow:0 7px 20px rgba(57,48,35,.04)}
.dka-summary{padding:18px}
.dka-summary>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.dka-summary>header span{display:block;margin-bottom:3px;color:var(--dka-muted);font-size:11px}.dka-summary>header strong{font-size:19px}
.dka-summary>header button{padding:7px 10px;border:1px solid var(--dka-line);border-radius:7px;background:#fff;color:#725d3c;font-size:11px;font-weight:800;cursor:pointer}
.dka-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.dka-stat-grid div{padding:10px;border:1px solid #dfd8cc;border-radius:8px;background:#f8f5ef}
.dka-stat-grid span,.dka-stat-grid strong{display:block}.dka-stat-grid span{color:var(--dka-muted);font-size:10px}.dka-stat-grid strong{margin-top:3px;font-size:15px}
.dka-tools{display:grid;grid-template-columns:minmax(220px,360px) auto;align-items:end;gap:12px;padding:16px}
.dka-tools>label:first-child{display:grid;gap:6px}.dka-tools label>span{font-size:12px;font-weight:800}
.dka-tools input[type="search"]{width:100%;height:42px;padding:0 12px;border:1px solid #cfc5b5;border-radius:8px;background:#fff;outline:none}
.dka-tools input[type="search"]:focus{border-color:#5d6a5a;box-shadow:0 0 0 3px rgba(52,60,51,.11)}
.dka-incomplete{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--dka-line);border-radius:8px;background:#f8f5ef;cursor:pointer}.dka-incomplete input{width:17px;height:17px;accent-color:var(--dka-green)}
.dka-categories{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.dka-categories button{min-height:42px;padding:8px;border:1px solid var(--dka-line);border-radius:8px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}.dka-categories button b{display:block;margin-top:2px;color:var(--dka-muted);font-size:9px}.dka-categories button.is-active{border-color:var(--dka-green);background:var(--dka-green);color:#fff}.dka-categories button.is-active b{color:#dce2da}
.dka-result{display:flex;justify-content:space-between;gap:12px;margin:4px 2px 10px;color:var(--dka-muted);font-size:11px}.dka-result strong{color:var(--dka-ink)}
.dka-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:34px}
.dka-card{min-width:0;padding:17px;border:1px solid var(--dka-line);border-radius:13px;background:var(--dka-panel);box-shadow:0 6px 18px rgba(57,48,35,.035)}
.dka-card.is-focused{border-color:#8a6c39;box-shadow:inset 0 0 0 2px rgba(138,108,57,.24),0 6px 18px rgba(57,48,35,.04)}
.dka-card.is-complete{border-color:#64745f;box-shadow:inset 0 3px 0 #64745f,0 6px 18px rgba(57,48,35,.04)}
.dka-card>header{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:13px}.dka-card>header span{display:block;margin-bottom:3px;color:#806b48;font-size:10px;font-weight:800}.dka-card h2{margin:0;font-size:20px}.dka-card>header em{padding:4px 7px;border-radius:999px;background:#ece8df;color:var(--dka-muted);font-size:10px;font-style:normal;font-weight:900}.dka-card.is-complete>header em{background:#dfe8dc;color:#354633}
.dka-progress>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px}.dka-progress>div span{color:var(--dka-muted)}.dka-progress>i{display:block;height:6px;overflow:hidden;border-radius:999px;background:#e7e1d7}.dka-progress>i b{display:block;width:0;height:100%;border-radius:inherit;background:#6c7b67;transition:width .15s ease}
.dka-counter{display:grid;grid-template-columns:38px 58px 1fr 38px;align-items:center;gap:6px;margin:12px 0 15px}.dka-counter button{height:36px;border:1px solid #a99e8c;border-radius:7px;background:#fff;font-size:17px;font-weight:900;cursor:pointer}.dka-counter button:hover{background:#f2eee7}.dka-counter input{width:58px;height:36px;padding:0 5px;border:1px solid #a99e8c;border-radius:7px;background:#fff;text-align:center;font-weight:900}.dka-counter span{color:var(--dka-muted);font-size:12px}
.dka-effects{padding:12px;border-radius:9px;background:#f6f2ea}.dka-effects h3{margin:0 0 7px;color:var(--dka-muted);font-size:10px}.dka-effects h3:not(:first-child){margin-top:12px}.dka-effects>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dka-effects>div:first-of-type{grid-template-columns:1fr}.dka-effects span{display:flex;justify-content:space-between;gap:7px;padding:6px 7px;border:1px solid #ded6c8;border-radius:6px;background:#fff;font-size:10px}.dka-effects span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dka-effects span strong{color:#70582f;white-space:nowrap}
.dka-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font-size:11px}.dka-card>footer>strong{color:var(--dka-muted)}.dka-card>footer>div{display:flex;flex-wrap:wrap;justify-content:end;gap:5px}.dka-card>footer a,.dka-card>footer span{padding:5px 7px;border:1px solid var(--dka-line);border-radius:6px;background:#fff;color:#4f5d4c;text-decoration:none}.dka-card>footer a{border-color:#889683;font-weight:800}
.dka-empty,.dka-noscript{margin:0 0 34px;padding:22px;border:1px dashed var(--dka-line);border-radius:12px;background:var(--dka-panel);color:var(--dka-muted);text-align:center}
.dka-footer{padding:22px 0;border-top:1px solid var(--dka-line);background:#343633;color:#deddd7;font-size:12px}.dka-footer .dka-wrap{display:flex;flex-wrap:wrap;gap:16px}.dka-footer a{color:#fff}
[hidden]{display:none!important}
@media(max-width:1050px){.dka-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dka-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dka-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.dka-wrap{width:min(100% - 24px,680px)}.dka-hero{align-items:start;flex-direction:column;padding:18px}.dka-hero h1{font-size:29px}.dka-hero dl{width:100%;min-width:0}.dka-tools{grid-template-columns:1fr}.dka-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.dka-grid{grid-template-columns:1fr}.dka-result{display:block}.dka-result span{display:block;margin-top:4px}}
@media(max-width:430px){.dka-wrap{width:min(100% - 16px,414px)}.dka-hero dl div{padding:8px 5px}.dka-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dka-card{padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dka-progress>i b{transition:none}}