@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--brand:#d97757;--accent:#b4532f;--accent-soft:#f6e4da;--paper:#faf9f5;--ink:#2b2925;--muted:#6b665e;--line:#e8e2d6;--marker:#fbe3d4;--card:#fff;--radius:14px}*{box-sizing:border-box}html{font-size:17px}body{color:var(--ink);background:var(--paper);word-break:keep-all;margin:0;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.75}a{color:var(--accent)}img{max-width:100%;height:auto}.site-header{background:var(--card);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.top-nav{flex-wrap:wrap;align-items:center;gap:1.5rem;max-width:1160px;margin:0 auto;padding:.7rem 1.2rem;display:flex}.top-nav .logo{color:var(--ink);font-weight:800;text-decoration:none}.site-header{border-top:4px solid var(--brand)}.top-nav ul{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.top-nav a.menu{color:var(--ink);border-radius:999px;padding:.3rem .8rem;text-decoration:none;display:block}.top-nav a.menu:hover{background:var(--accent-soft)}.top-nav a.menu[aria-current=page]{background:var(--accent);color:#fff}.page{grid-template-columns:300px minmax(0,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:1.5rem 1.2rem 4rem;display:grid}.page.single{grid-template-columns:minmax(0,780px);justify-content:center}.page>*{min-width:0}@media (width<=860px){.page{grid-template-columns:minmax(0,1fr);gap:1rem}}.sidebar{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);align-self:start;max-height:calc(100vh - 6rem);padding:.9rem 1rem;position:sticky;top:4.5rem;overflow-y:auto}@media (width<=860px){.sidebar{max-height:none;position:static}}.sidebar summary{cursor:pointer;list-style:none}.sidebar summary::-webkit-details-marker{display:none}@media (width>=861px){.sidebar summary{pointer-events:none}}@media (width<=860px){.sidebar summary:after{content:" ▾ 펼치기";color:var(--accent);font-size:.85rem;font-weight:600}.sidebar[open] summary:after{content:" ▴ 접기"}}.sidebar-title{font-weight:800}.sidebar ol{margin:.6rem 0 0;padding-left:1.6rem}.sidebar li{white-space:nowrap;align-items:center;gap:.3rem;margin:.15rem 0;font-size:.92rem;line-height:1.6;display:flex}.sidebar li::marker{color:var(--muted)}.sidebar li{display:list-item}.sidebar li>a,.sidebar li>.soon-title{text-overflow:ellipsis;vertical-align:bottom;border-radius:6px;max-width:calc(100% - 1.6rem);padding:.1rem .35rem;text-decoration:none;display:inline-block;overflow:hidden}.sidebar li>a{color:var(--ink)}.sidebar li>a:hover{background:var(--accent-soft);color:var(--accent)}.sidebar li.grad{margin-top:.4rem;margin-left:-1.6rem;list-style:none}.sidebar li.current>a,.sidebar li.current>.soon-title{background:var(--marker);font-weight:800}.sidebar li.soon .soon-title{color:#aaa398}.sidebar .repeat{vertical-align:middle;font-size:.8rem}.sidebar-legend{color:var(--muted);white-space:normal;margin:.7rem 0 0;font-size:.75rem}.sidebar-ideas{border-top:1px dashed var(--line);margin-top:.9rem;padding-top:.7rem}.sidebar-ideas-title{color:var(--accent);margin:0 0 .3rem;font-size:.85rem;font-weight:800}.sidebar-ideas ul{margin:0;padding-left:1.2rem;list-style:"· "}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.soon-badge{color:#8a8378;background:#eee9e1;border-radius:999px;padding:.05rem .5rem;font-size:.72rem}main h1{margin:.3rem 0 1rem;font-size:1.9rem;line-height:1.35}main h2{border-top:2px dashed var(--line);margin-top:2.6rem;padding-top:1rem;font-size:1.35rem}main h2:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:.55rem;height:.55rem;margin-right:.5rem;display:inline-block}.goal{background:var(--marker);padding:.1rem .3rem;display:inline}.notice{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:2rem 1.2rem;font-size:.88rem}.site-footer a{color:var(--muted);margin:0 .5rem}.start-here{background:var(--accent-soft);border-radius:var(--radius);margin:0 0 1rem;padding:.7rem 1rem;font-size:.95rem}.tip-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;display:flex}.last-checked{color:var(--muted);margin-left:auto;font-size:.8rem}.capture{text-align:center;margin:1.2rem 0}.capture img{border:1px solid var(--line);border-radius:10px;width:auto;max-width:100%;max-height:620px;box-shadow:0 2px 10px #0000000d}.capture figcaption{text-align:left;color:var(--muted);margin-top:.4rem;font-size:.85rem}.capture-placeholder{text-align:center;color:#8a8378;background:#f5f0e7;border:2px dashed #cfc6b8;border-radius:10px;padding:2.5rem 1rem}.next-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:1rem 1.2rem;font-weight:700;text-decoration:none;display:block}a.next-card:hover{border-color:var(--accent)}.os-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:1.2rem 0;overflow:hidden}.os-tablist{display:none}.os-tabs.js-ready .os-tablist{border-bottom:1px solid var(--line);background:#f6f2ea;display:flex}.os-tablist button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;padding:.6rem 1.4rem}.os-tablist button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:inset 0 -3px 0 var(--brand);font-weight:800}.os-panel{padding:.4rem 1.2rem 1rem}.os-panel+.os-panel{border-top:1px dashed var(--line)}.os-tabs.js-ready .os-panel+.os-panel{border-top:0}.os-panel-label{color:var(--muted);font-size:.9rem;font-weight:700}.os-tabs.js-ready .os-panel-label{display:none}.win11-note{background:#eef3fb;border-left:4px solid #5b84c4;border-radius:6px;padding:.5rem .8rem;font-size:.9rem}.engage{gap:1rem;margin-top:3rem;display:grid}.question-box,.subscribe-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.3rem}.question-box h3,.subscribe-box h3{margin:.2rem 0 .3rem}.button:hover{background:var(--brand)}.button{background:var(--accent);color:#fff;border-radius:999px;padding:.55rem 1.3rem;font-weight:700;text-decoration:none;display:inline-block}.home .eyebrow{color:var(--accent);margin-bottom:0;font-weight:700}.home h1{font-size:2.1rem}.page.single.home{grid-template-columns:minmax(0,960px)}.map{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:2rem 0;padding:.5rem}.levels{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;padding:0;list-style:none;display:grid}.levels a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--ink);padding:1rem;text-decoration:none;display:block}.levels a:hover{border-color:var(--accent)}.levels strong{color:var(--accent);font-size:1.15rem;display:block}.levels span{font-size:.9rem}.ideas{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;display:grid}.idea-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem}.idea-card h2{border:0;margin:.2rem 0;padding:0;font-size:1.15rem}.idea-icon{margin:0;font-size:1.8rem}.concept{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:1rem 0;padding:.5rem}main h3{margin-top:2rem;font-size:1.12rem}kbd{background:#fff;border:1px solid #cfc6b8;border-bottom-width:3px;border-radius:6px;padding:.05rem .4rem;font-family:inherit;font-size:.85em}pre{color:#f6f1e7;border-radius:10px;padding:1rem 1.2rem;font-size:.95rem;overflow-x:auto;background:#24231f!important}:not(pre)>code{background:#efe9de;border-radius:5px;padding:.1rem .35rem;font-size:.92em}blockquote{border-left:4px solid var(--brand);background:var(--marker);border-radius:10px;margin:1rem 0;padding:.7rem 1.1rem;font-weight:600}blockquote p{margin:0}.start-here{align-items:center;gap:.6rem;display:flex}.with-mascot{align-items:center;gap:.5rem;display:flex}.stuck-note{align-items:center;gap:.8rem;margin:.6rem 0 1.2rem;display:flex}.hero{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=640px){.hero .mascot{width:72px;height:auto}}.good-at{gap:.5rem;padding:0;list-style:none;display:grid}.good-at li{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;padding:.6rem .9rem}blockquote p+p{opacity:.8;margin-top:.3rem;font-weight:400}.sc-view-mo{display:none}html[data-device=mo] .sc-view-mo{display:block}html[data-device=mo] .sc-view-pc{display:none}.device-toggle{border:2px solid var(--brand);border-radius:10px;margin:.4rem 0 1rem;display:inline-flex;overflow:hidden}.device-toggle button{color:var(--accent);font:inherit;cursor:pointer;background:#fff;border:0;padding:.45rem .9rem;font-size:.88rem;font-weight:700}.device-toggle button[aria-pressed=true]{background:var(--accent);color:#fff}.pc-only-note{border-radius:var(--radius);background:#fbeee2;padding:.7rem 1rem;font-size:.92rem}.idea-needs{background:#fbeee2;border-radius:999px;margin-right:.5rem;padding:.15rem .7rem;font-size:.85rem;display:inline-block}a.idea-card{color:inherit;text-decoration:none;display:block}a.idea-card:hover{border-color:var(--brand)}.idea-card .idea-need{color:var(--muted);font-size:.78rem}.scene-title{margin-top:2rem}.copy-prompt{border-left:4px solid var(--brand);background:#fff8f3;border-radius:6px;padding:.7rem 1rem 2.6rem;position:relative}.code-copy-wrap{position:relative}.code-copy-wrap pre{padding-right:6.5rem}.copy-btn{font:inherit;border:2px solid var(--brand);color:var(--brand-dark,#b4532f);cursor:pointer;background:#fff;border-radius:7px;padding:.3rem .7rem;font-size:.85rem;font-weight:700;position:absolute;bottom:.6rem;right:.6rem}.code-copy-wrap .copy-btn{top:50%;bottom:auto;transform:translateY(-50%)}.copy-btn:hover{background:var(--brand);color:#fff}.site-form{gap:.4rem;margin-top:.6rem;display:grid}.site-form label{font-size:.92rem;font-weight:700}.site-form .optional{color:var(--muted);font-weight:400}.site-form textarea,.site-form input[type=email]{font:inherit;border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:8px;width:100%;padding:.55rem .7rem}.site-form .consent{align-items:flex-start;gap:.4rem;font-size:.85rem;font-weight:400;line-height:1.5;display:flex}.site-form .consent input{margin-top:.25rem}.site-form button{cursor:pointer;font:inherit;border:0;justify-self:start;font-weight:700}.site-form button:disabled{opacity:.6}.site-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-status{color:var(--accent);min-height:1.2em;margin:0;font-size:.9rem}@media (width<=700px){.code-copy-wrap{flex-direction:column;align-items:flex-end;gap:.4rem;margin-bottom:1rem;display:flex}.code-copy-wrap pre{align-self:stretch;margin-bottom:0;padding-right:1.2rem}.code-copy-wrap .copy-btn{position:static;transform:none}}.top-nav .logo-tool{color:var(--accent);background:var(--accent-soft);vertical-align:middle;border-radius:999px;margin-left:.3rem;padding:.1rem .5rem;font-size:.8rem;font-weight:700}.top-nav a.menu.other-ai{color:var(--muted);border:1px dashed var(--line);font-size:.9rem}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.2rem;display:grid}.tool-card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);color:inherit;padding:1.2rem 1.4rem;text-decoration:none;display:block}a.tool-card{border-color:var(--brand);box-shadow:4px 4px 0 var(--brand)}a.tool-card:hover{background:var(--accent-soft)}.tool-card h2{border:0;margin:0 0 .3rem;padding:0;font-size:1.4rem}.tool-card p{color:var(--muted);margin:0 0 .8rem}.tool-card .tool-count{color:var(--accent);font-weight:800}.tool-card.soon{opacity:.75}.guide-figure{margin:1.2rem 0}.guide-figure img{border:1px solid #e3ddd2;border-radius:10px;width:100%;height:auto;display:block}.guide-figure figcaption{color:#7a7266;margin-top:.35rem;font-size:.82rem}.callout{border-left:4px solid var(--brand);background:#fbf6ee;border-radius:6px;margin:1rem 0;padding:.8rem 1rem}.callout p{margin:.3rem 0}.prompt-name{margin:1.2rem 0 .3rem;font-weight:700}.guide-figure .sc-badge{color:var(--muted);margin:0 0 .4rem;font-size:.78rem}.copy-prompt.multi{white-space:pre-line}@font-face{font-family:Galmuri11;src:url(/_astro/Galmuri11.DfQIlyDK.woff2)format("woff2");font-weight:400;font-display:swap}:root{--px-font:"Galmuri11", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", monospace;--px-bg:#2b2420;--px-box:#3a302a;--px-ink:#fbeee2;--px-gold:#f2c14e}.px-figure{background:var(--px-bg);color:var(--px-ink);font-family:var(--px-font);image-rendering:pixelated;border-radius:6px;margin:1.4rem 0;padding:1.2rem;box-shadow:0 0 0 4px #1e1611,6px 6px 0 4px #d9775759}.px-figure .px-title{color:var(--px-gold);text-align:center;margin:0 0 1rem;font-size:1rem}.px-row{align-items:stretch;gap:1rem;display:flex}@media (width<=640px){.px-row{flex-direction:column}}.px-box{background:var(--px-box);border:3px solid var(--px-ink);box-shadow:4px 4px 0 var(--brand);flex:1;padding:.8rem .9rem;font-size:.88rem;line-height:1.7}.px-box.good{box-shadow:4px 4px 0 var(--px-gold)}.px-box .px-label{color:#f6a07d;margin:0 0 .4rem}.px-box.good .px-label{color:var(--px-gold)}.px-box p{margin:0}.px-note{opacity:.85;margin-top:.4rem;font-size:.8rem}.px-bubble{font-family:var(--px-font);background:var(--px-ink);color:#2b2420;padding:.35rem .7rem;font-size:.82rem;line-height:1.5;display:inline-block;position:relative;box-shadow:0 0 0 2px #1e1611}.px-bubble.tail-left:before{content:"";border:4px solid #0000;border-right-color:var(--px-ink);border-width:4px 8px 4px 0;margin-top:-4px;position:absolute;top:50%;left:-8px}.px-bubble.tail-bottom:after{content:"";border-style:solid;border-width:8px 6px 0 0;border-color:var(--px-ink) transparent transparent transparent;position:absolute;bottom:-8px;left:14px}.mascot{image-rendering:pixelated;flex:none}.px-speaker{align-items:center;gap:.9rem;margin-top:1rem;display:flex}.px-figure strong,.px-bubble strong{color:var(--px-gold);font-weight:400}.px-figure,.px-bubble{font-synthesis:none}
