:root{--paper:#fbf8f1;--ink:#2b2620;--muted:#6e5f49;--line:#e4dcc9;--card:#fff;--accent:#b45309;--accent-soft:#fdf3e3;--shadow:0 1px 2px #2b26200f, 0 8px 24px #2b26200f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fbf8f1eb;position:sticky;top:0}.top .wrap{align-items:center;gap:22px;height:60px;display:flex}.brand{letter-spacing:-.2px;font-size:17px;font-weight:800}.brand span{color:var(--accent)}.nav{color:var(--muted);gap:18px;font-size:14px;font-weight:600;display:flex}.nav a[aria-current=page],.nav a:hover{color:var(--ink)}.spacer{flex:1}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn:hover{filter:brightness(1.06)}.hero{padding-top:76px;padding-bottom:56px}.hero h1{letter-spacing:-1px;margin:0 0 14px;font-size:40px;line-height:1.25}.hero p{color:var(--muted);max-width:44ch;margin:0 0 26px;font-size:17px}.hero .row{flex-wrap:wrap;gap:10px;display:flex}.feat{grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 0 72px;display:grid}.feat article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.feat h3{margin:0 0 6px;font-size:15px}.feat p{color:var(--muted);margin:0;font-size:14px}.head{padding-top:44px;padding-bottom:20px}.head h1{letter-spacing:-.6px;margin:0 0 6px;font-size:28px}.head p{color:var(--muted);margin:0;font-size:15px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:64px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.thumb{aspect-ratio:1200/630;background:var(--accent-soft);display:block}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.empty{color:var(--muted);place-items:center;font-size:13px;display:grid}.card .body{padding:14px 16px 16px}.card h2{margin:0 0 6px;font-size:15px;line-height:1.45}.card .meta{color:var(--muted);font-size:12.5px}.more{place-items:center;padding:0 0 72px;display:grid}.note{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;margin-bottom:64px;padding:40px 24px}.note b{color:var(--ink)}.note.err{background:#fdf5f5;border-style:solid;border-color:#e3c4c4}.foot{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 48px;font-size:13px}.foot .wrap{flex-wrap:wrap;gap:16px;display:flex}.eyebrow{letter-spacing:.2px;color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:700}.lead{color:var(--muted);max-width:56ch;margin:0 0 26px;font-size:17px}.lead b,.feat p b,.promo p b{color:var(--ink);font-weight:700}.sec{letter-spacing:-.4px;margin:0 0 20px;font-size:22px}.band{padding-top:8px;padding-bottom:56px}.feat article .ico,.func article .ico{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;margin-bottom:10px;font-size:16px;font-weight:700;display:inline-grid}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two article,.promo{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.two h3,.promo h3{margin:0 0 8px;font-size:15px}.two p,.promo p{color:var(--muted);margin:0 0 12px;font-size:14.5px}.small{font-size:13px}.promo{grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;margin-bottom:64px;display:grid}.code{border:1px solid var(--line);color:#3e362c;white-space:pre;background:#f4efe3;border-radius:10px;margin:0;padding:16px;font-family:ui-monospace,Cascadia Mono,Consolas,D2Coding,monospace;font-size:12.5px;line-height:1.65;overflow-x:auto}.tablewrap{margin-bottom:8px;overflow-x:auto}.cmp{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}.cmp th,.cmp td{border:1px solid var(--line);text-align:left;padding:9px 12px}.cmp thead th{background:var(--accent-soft);font-weight:700}.cmp td:first-child{font-weight:600}.cmp td.ok{background:#f6faf4}.foot-note{color:var(--muted);margin:10px 0 56px;font-size:13px}.goals{color:var(--muted);margin:0 0 8px;padding-left:22px;font-size:15px}.goals li{margin-bottom:8px}.goals b{color:var(--ink)}.func{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:8px;display:grid}.func article{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:22px;display:flex}.func h3{margin:0 0 6px;font-size:15px}.func>article>p{color:var(--muted);margin:0 0 12px;font-size:14px}.func ul{color:var(--muted);margin:0;padding-left:18px;font-size:13.5px;line-height:1.75}.func li{margin-bottom:2px}.morelink{color:var(--accent);margin-top:12px;font-size:13.5px;font-weight:600;display:inline-block}.morelink:hover{text-decoration:underline}.func>article>p.guide{border-top:1px solid var(--line);color:var(--muted);opacity:.8;margin:auto 0 0;padding-top:14px;font-size:12px}.cmp code{background:var(--accent-soft);border-radius:5px;padding:1px 5px;font-family:ui-monospace,Cascadia Mono,Consolas,D2Coding,monospace;font-size:12.5px}.search{margin:18px 0 4px}.searchbox{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;max-width:480px;height:42px;padding:0 12px;display:flex}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.searchbox .ico{opacity:.55;font-size:14px}.searchbox input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;height:100%;font-size:14.5px}.searchbox input::-webkit-search-cancel-button{appearance:none}.searchbox .clear{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px;font-size:13px;line-height:1}.searchbox .clear:hover{color:var(--ink)}.search .small{color:var(--muted);margin:8px 0 0}.search .small b{color:var(--ink)}.card h2 mark{color:#2b2620;background:#fde68a;border-radius:2px;padding:0 1px}.card .hits{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11.5px;font-weight:700;display:inline-block}.cta{text-align:center;border-top:1px solid var(--line);padding-top:56px;padding-bottom:80px}.cta h2{letter-spacing:-.4px;margin:0 0 8px;font-size:22px}.cta p{color:var(--muted);margin:0 0 20px}.cta .row{flex-wrap:wrap;gap:10px;display:flex}@media (width<=860px){.two,.promo{grid-template-columns:1fr}.feat,.grid,.func{grid-template-columns:repeat(2,1fr)}.hero{padding-top:52px;padding-bottom:40px}.hero h1{font-size:31px}}@media (width<=560px){.feat,.grid,.func{grid-template-columns:1fr}.nav{gap:12px;font-size:13px}}