:root{--canvas:#f4f3ef;--surface:#fff;--surface-muted:#e9e8e2;--ink:#17191e;--ink-muted:#626772;--line:#cfd1d5;--line-strong:#a6aab2;--accent:#2559e8;--accent-ink:#fff;--accent-soft:#e2e8ff;--focus:var(--accent);--font-sans:Inter, Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--page:min(100% - 40px, 1360px);--radius-card:16px;--radius-control:10px}@media (prefers-color-scheme:dark){:root{--canvas:#111318;--surface:#191c22;--surface-muted:#22262e;--ink:#f3f4f7;--ink-muted:#a8adb8;--line:#353a44;--line-strong:#565d69;--accent:#7396ff;--accent-ink:#0f1629;--accent-soft:#202d54;--focus:var(--accent)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-control);padding:10px 14px;font-weight:800;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:var(--page);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--canvas);justify-content:space-between;align-items:center;min-height:82px;display:flex;position:sticky;top:0}.brand,.site-footer>div{align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.02em;font-size:.88rem;font-weight:800}.brand-mark{aspect-ratio:1;background:var(--accent);width:32px;color:var(--accent-ink);font-family:var(--font-mono);border-radius:8px;place-items:center;font-weight:800;display:inline-grid}.header-nav,.hero-actions,.text-link,.button{align-items:center;display:flex}.header-nav{color:var(--ink-muted);gap:28px;font-size:.86rem;font-weight:700}.header-nav a{transition:color .16s}.header-nav a:hover{color:var(--accent)}.icon-link{border:1px solid var(--line);border-radius:var(--radius-control);justify-content:center;width:38px;height:38px}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:stretch;min-height:670px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:112px 72px 86px 0;display:flex}.eyebrow,.section-index,.card-number,.hero-caption,.repo-name,.guide-step{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.eyebrow,.section-index{color:var(--accent);margin:0 0 24px;font-size:.74rem;font-weight:800}.hero h1{letter-spacing:-.075em;word-break:keep-all;max-width:690px;margin:0;font-size:clamp(3.7rem,6.2vw,6.7rem);line-height:.94}.hero-description{max-width:590px;color:var(--ink-muted);word-break:keep-all;margin:34px 0 0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.72}.hero-actions{gap:24px;margin-top:40px}.button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;gap:9px;width:fit-content;min-height:48px;padding:0 18px;font-weight:800;transition:transform .16s,background-color .16s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--accent-ink)}.text-link{width:fit-content;color:var(--accent);border-bottom:1px solid;gap:7px;padding-bottom:3px;font-weight:800}.hero-visual{border-radius:var(--radius-card);background:var(--surface-muted);border:1px solid var(--line);min-height:580px;margin:52px 0 52px 28px;position:relative;overflow:hidden}.hero-visual img{object-fit:cover}.hero-caption{color:var(--ink);justify-content:space-between;font-size:.67rem;font-weight:800;display:flex;position:absolute;inset:auto 20px 18px}.archive-section{padding:130px 0 150px}.archive-intro{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:end;gap:80px;margin-bottom:58px;display:grid}.archive-intro h2,.guide-heading h2{letter-spacing:-.06em;word-break:keep-all;margin:0;font-size:clamp(2.5rem,4.8vw,5.3rem);line-height:1}.archive-intro>p,.guide-heading>p{color:var(--ink-muted);word-break:keep-all;margin:0;line-height:1.75}.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:22px 24px;display:grid}.search-panel label{font-weight:800}.search-field{background:var(--canvas);border:1px solid var(--line-strong);border-radius:var(--radius-control);min-height:54px;color:var(--ink-muted);align-items:center;gap:13px;padding:0 14px 0 17px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--ink-muted)}.search-field button{width:34px;height:34px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.category-row{scrollbar-width:thin;scroll-snap-type:x proximity;border:0;gap:8px;width:100%;min-width:0;margin:0;padding:20px 0 28px;display:flex;overflow-x:auto}.category-row legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.category-row button{min-height:40px;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;scroll-snap-align:start;background:0 0;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;font-weight:750;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex}#archive,#guide{scroll-margin-top:92px}.category-count{font-family:var(--font-mono);opacity:.72;font-size:.68rem}.category-row button:hover,.category-row button.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.result-bar{color:var(--ink-muted);font-size:.78rem;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.result-bar p{margin:0}.result-bar strong{color:var(--accent);font-size:1.15rem}.skill-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;grid-column:span 4;min-width:0;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.skill-card:hover{border-color:var(--accent);transform:translateY(-4px)}.skill-card-featured:first-child,.skill-card-featured:nth-child(4){grid-column:span 8}.skill-card-featured:nth-child(2),.skill-card-featured:nth-child(3){grid-column:span 4}.card-image{aspect-ratio:1.72;background:var(--surface-muted);border-bottom:1px solid var(--line);align-items:stretch;display:flex;position:relative;overflow:hidden}.card-art{grid-template-columns:minmax(92px,.46fr) minmax(0,1fr);align-items:end;gap:18px;width:100%;padding:30px 24px 24px;display:grid}.avatar-frame{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;place-items:center;width:clamp(74px,9vw,110px);display:grid;overflow:hidden}.avatar-frame img{object-fit:cover;width:100%;height:100%;transition:transform .24s}.skill-card:hover .avatar-frame img{transform:scale(1.025)}.repo-lockup{min-width:0;padding:0 6px 3px 0}.repo-lockup span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:.62rem;font-weight:800}.repo-lockup strong,.repo-lockup p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.repo-lockup strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(1rem,1.8vw,1.55rem)}.repo-lockup p{color:var(--ink-muted);font-family:var(--font-mono);margin:2px 0 0;font-size:.72rem}.card-number{background:var(--surface);width:38px;height:30px;color:var(--ink);border:1px solid var(--line);border-radius:7px;place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:14px;right:14px}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-meta,.card-footer,.source-type{align-items:center;display:flex}.card-meta{color:var(--accent);justify-content:space-between;gap:10px;margin-bottom:27px;font-size:.72rem;font-weight:800}.source-type{color:var(--ink-muted);gap:5px}.repo-name{color:var(--ink-muted);margin:0 0 9px;font-size:.67rem}.card-body h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.38rem,2vw,1.85rem);line-height:1.08}.card-summary{margin:12px 0 0;font-weight:800;line-height:1.45}.card-description{color:var(--ink-muted);word-break:keep-all;margin:10px 0 0;font-size:.9rem;line-height:1.65}.card-usage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;padding:14px 0}.card-usage span{color:var(--accent);font-size:.67rem;font-weight:800}.card-usage p{margin:5px 0 0;font-size:.82rem;line-height:1.55}.card-example{border-bottom:1px solid var(--line);padding:14px 0}.card-example span{color:var(--accent);font-size:.67rem;font-weight:800}.card-example p{margin:5px 0 10px;font-size:.82rem;line-height:1.55}.card-example code{background:var(--surface-muted);color:var(--ink-muted);font-family:var(--font-mono);white-space:nowrap;border-radius:6px;padding:9px 10px;font-size:.65rem;display:block;overflow-x:auto}.card-footer{justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}.card-footer ul{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.card-footer li{background:var(--surface-muted);color:var(--ink-muted);border-radius:5px;padding:4px 7px;font-size:.65rem;font-weight:750}.card-footer>a{color:var(--accent);flex:none;align-items:center;gap:4px;font-size:.74rem;font-weight:800;display:flex}.empty-state{text-align:center;border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-state p{margin:0;font-size:1.5rem;font-weight:800}.empty-state span{color:var(--ink-muted);margin:10px 0 24px}.guide-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:100px;padding:132px 0;display:grid}.guide-heading h2{font-size:clamp(2.4rem,4.2vw,4.6rem)}.guide-heading>p{max-width:590px;margin-top:28px}.guide-heading .text-link{margin-top:30px}.guide-list{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.guide-list li{border-bottom:1px solid var(--line);grid-template-columns:50px 48px minmax(130px,.7fr) minmax(200px,1fr);align-items:center;gap:16px;padding:24px 0;display:grid}.guide-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.guide-list>li>span{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem}.guide-list h3,.guide-list p{margin:0}.guide-list h3{font-size:1rem;line-height:1.4}.guide-list p{color:var(--ink-muted);word-break:keep-all;font-size:.84rem;line-height:1.62}.site-footer{border-top:1px solid var(--line);min-height:170px;color:var(--ink-muted);grid-template-columns:1fr 1fr;align-items:center;gap:40px;font-size:.78rem;line-height:1.7;display:grid}.site-footer p{margin:0}.site-footer>p{text-align:right;justify-self:end;max-width:560px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,7vw,6rem)}.not-found>p:not(.section-index){color:var(--ink-muted);margin:18px 0 28px}@media (max-width:1099px){.hero{grid-template-columns:1fr 1fr;min-height:auto}.hero-copy{padding-right:42px}.hero h1{font-size:clamp(3.2rem,7vw,5.6rem)}.skill-card,.skill-card-featured:nth-child(n){grid-column:span 6}.guide-section{grid-template-columns:1fr;gap:70px}}@media (max-width:899px){.hero{flex-direction:column;min-height:auto;display:flex}.hero-copy{padding:88px 0 56px}.hero h1{max-width:720px;font-size:clamp(4rem,11vw,6.3rem)}.hero-visual{min-height:520px;margin:0 0 32px}}@media (max-width:767px){:root{--page:min(100% - 28px, 1360px)}.site-header{min-height:70px}.header-nav>a:nth-child(2){display:none}.header-nav{gap:16px}.hero{flex-direction:column;display:flex}.hero-copy{padding:72px 0 48px}.hero h1{font-size:clamp(3.35rem,16vw,5rem)}.hero-description{margin-top:26px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px}.hero-visual{min-height:390px;margin:0 0 22px}.archive-section{padding:92px 0 110px}.archive-intro{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.archive-intro h2,.guide-heading h2{font-size:clamp(2.65rem,13vw,4.2rem)}.search-panel{grid-template-columns:1fr;gap:12px;padding:18px}.result-bar{flex-direction:column;align-items:flex-start;gap:7px}.skill-card,.skill-card-featured:nth-child(n){grid-column:1/-1}.guide-section{padding:94px 0}.guide-list li{grid-template-columns:46px 38px 1fr;align-items:start}.guide-list p{grid-column:3}.site-footer{grid-template-columns:1fr;gap:22px;padding:40px 0}.site-footer>p{text-align:left;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-nav a,.button,.category-row button,.skill-card,.avatar-frame img{transition:none}}