:root{--bg: #f4f6f2;--bg-soft: #eaf0e6;--ink: #132018;--muted: #415244;--brand: #0b7d3b;--brand-soft: #cfead6;--panel: #ffffffde;--line: #c8d6c8;--radius: 18px;--shadow: 0 15px 35px #0b2a1114}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:IBM Plex Sans KR,Noto Sans KR,sans-serif;color:var(--ink);background:radial-gradient(90rem 40rem at 100% -10%,#d8f0d9 0%,transparent 50%),radial-gradient(70rem 35rem at -10% 100%,#dde9f6 0%,transparent 45%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);padding:0 1rem 2.5rem}.bg-orb{position:fixed;z-index:-1;border-radius:50%;filter:blur(40px);opacity:.4}.orb-a{width:18rem;height:18rem;right:-4rem;top:-4rem;background:#9cd8ac}.orb-b{width:20rem;height:20rem;left:-6rem;bottom:-6rem;background:#bed6f0}.site-header{max-width:1100px;margin:1rem auto;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:999px;background:#fffffff2;backdrop-filter:blur(4px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:Space Grotesk,sans-serif;color:var(--ink);text-decoration:none;font-size:1.12rem}.main-nav{display:flex;gap:.4rem}.main-nav a{text-decoration:none;color:var(--muted);padding:.35rem .8rem;border-radius:999px}.main-nav a:hover{background:var(--brand-soft);color:var(--ink)}main{max-width:1100px;margin:0 auto;animation:rise .65s ease both}.hero{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:clamp(1.4rem,2vw,2.4rem)}.hero h1,.hero h2{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;margin:0;letter-spacing:-.02em}.hero h1{font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.1;margin-bottom:.7rem}.hero p{margin:0;color:var(--muted);line-height:1.65}.grid{margin-top:1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.stats-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:.9rem}.stat-card{grid-column:span 3;background:linear-gradient(180deg,#ffffffea,#edf7efc9);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.stat-card h3{margin:0;color:var(--muted);font-size:.93rem}.stat-card strong{display:block;margin-top:.2rem;font-family:Space Grotesk,sans-serif;font-size:1.7rem}.stat-card p{margin:.15rem 0 0;color:var(--muted);font-size:.86rem}.card{grid-column:span 6;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.card h3{margin:0 0 .35rem;font-size:1.06rem}.card p{margin:0;color:var(--muted);line-height:1.55}.link-btn{display:inline-block;margin-top:.9rem;text-decoration:none;color:#fff;background:var(--brand);border-radius:999px;padding:.5rem 1rem}.list-box{margin-top:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.list-box ul{margin:.7rem 0 0;padding-left:1.1rem}.list-box li{margin:.25rem 0}.rule-list{margin:.6rem 0 0;padding-left:1rem;line-height:1.55}.rule-list code{font-size:.9rem}.table-wrap{margin-top:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;overflow-x:auto}.module-table{width:100%;border-collapse:collapse;min-width:860px}.module-table th,.module-table td{text-align:left;font-size:.9rem;border-bottom:1px solid #dce7dc;padding:.55rem .45rem;vertical-align:top}.module-table th{color:var(--muted);font-weight:600}.dim{color:var(--muted);font-size:.82rem}.module-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:.9rem}.module-card{grid-column:span 6;background:#ffffffe3;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem 1rem}.module-card header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.module-card h3{margin:0;font-size:1.03rem}.module-code{margin:0;color:var(--muted);font-family:Space Grotesk,sans-serif}.module-goal{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.module-meta{margin:.4rem 0 0;font-size:.9rem}.pill-row{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.35rem}.pill{font-size:.8rem;color:#27523f;background:#d8eee0;border:1px solid #bddcc7;border-radius:999px;padding:.18rem .55rem}.file-list{margin:.75rem 0 0;padding-left:1rem;line-height:1.45}.file-list li{margin:.2rem 0;font-size:.86rem}.code-gallery{margin-top:1rem}.group-pills{display:flex;flex-wrap:wrap;gap:.45rem}.group-pill{border:1px solid #bddcc7;background:#edf7f0;color:#204a38;border-radius:999px;padding:.33rem .75rem;cursor:pointer;font:inherit;font-size:.86rem}.group-pill.active{background:#0b7d3b;border-color:#0b7d3b;color:#fff}.search-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.search-head h2{margin:0}.search-head p{margin:0;color:var(--muted);font-size:.9rem}.search-box{display:grid;gap:.28rem;margin-top:.8rem}.search-box span{color:var(--muted);font-size:.88rem}.search-box input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.58rem .7rem;font:inherit;font-size:.95rem;color:var(--ink);background:#fffffff0}.entry-list{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}.entry-item{grid-column:span 12;border:1px solid #d7e4d8;border-radius:13px;background:#fffffff0;padding:.72rem .85rem}.entry-title{color:#0d3a22;font-weight:600;text-decoration:none;word-break:break-word}.entry-title:hover{text-decoration:underline}.entry-desc{margin:.32rem 0 0;color:var(--muted);font-size:.9rem}.entry-flow{margin:.34rem 0 0;color:#2f4b3a;font-size:.86rem}.entry-path{margin:.42rem 0 0;color:var(--muted);font-size:.84rem;word-break:break-word}.copy-btn{border:1px solid #8ebf9f;background:#0b7d3b;color:#fff;border-radius:10px;padding:.45rem .75rem;cursor:pointer;font:inherit;font-size:.88rem}.copy-status{margin:.55rem 0 .75rem;color:var(--muted);font-size:.88rem}.sequence-list{margin:.65rem 0 0;padding-left:1.1rem;line-height:1.55}.guide-text{margin:.45rem 0 0;color:var(--muted);line-height:1.6}.entry-back{margin-top:.55rem;font-size:.9rem}.entry-back a{color:#0d5b34;text-decoration:none}.entry-back a:hover{text-decoration:underline}.signature-box code{display:block;margin-top:.45rem;white-space:pre-wrap;word-break:break-word;font-size:.9rem}.code-meta-grid .stat-card strong{font-size:1.2rem}.compact-list{grid-template-columns:repeat(1,minmax(0,1fr))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-footer{margin-top:1.25rem;text-align:center;color:var(--muted);font-size:.85rem}pre{border-radius:14px;border:1px solid var(--line);box-shadow:inset 0 0 0 1px #fff9}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.site-header{border-radius:20px;flex-direction:column;align-items:flex-start}.main-nav{width:100%;flex-wrap:wrap}.card{grid-column:span 12}.stat-card{grid-column:span 6}.module-card{grid-column:span 12}.search-head{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.stat-card{grid-column:span 12}}