:root{--bg:#f7f3ea;--paper:#fff;--card:#fbf8f1;--ink:#211d18;--muted:#756c60;--accent:#e8503a;--accent-soft:#e8503a1f;--line:#211d18;--line-soft:#211d1861;--shadow:#211d181a;--radius-hand:235px 18px 225px 18px / 18px 225px 18px 235px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#211d180f .7px,#0000 .7px);background-size:26px 26px;margin:0;padding:0;font-family:Gowun Dodum,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65}.container{max-width:1040px;margin:0 auto;padding:0 1.5rem}.doodle-border{border:2px solid var(--line-soft);border-radius:var(--radius-hand);background:var(--card);--tilt:0deg;transform:rotate(var(--tilt));transition:box-shadow .18s,transform .18s;box-shadow:4px 4px #211d1812}.doodle-border:hover{transform:translateY(-3px) rotate(calc(var(--tilt) - .6deg));box-shadow:7px 7px #211d1817}.features .feature:first-child{--tilt:-.6deg}.features .feature:nth-child(2){--tilt:.5deg;border-radius:18px 235px 22px 245px/240px 20px 250px 18px;margin-top:10px}.features .feature:nth-child(3){--tilt:.4deg;border-radius:245px 16px 250px 20px/18px 245px 16px 240px}.features .feature:nth-child(4){--tilt:-.5deg;margin-top:8px}.steps .step:first-child{--tilt:-.9deg}.steps .step:nth-child(2){--tilt:.8deg;border-radius:20px 240px 18px 250px/245px 18px 240px 20px;margin-top:16px}.steps .step:nth-child(3){--tilt:-.5deg;border-radius:250px 18px 240px 16px/16px 250px 20px 245px;margin-top:6px}h1,h2,h3,h4,.hand{letter-spacing:.01em;font-family:Gaegu,system-ui,cursive}.scribble-underline{white-space:nowrap;display:inline;position:relative}.scribble-underline svg{pointer-events:none;width:calc(100% + 8px);height:14px;position:absolute;bottom:-6px;left:-4px;right:-4px;overflow:visible}.scribble-underline path{stroke:var(--accent);stroke-width:6px;fill:none;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:.9s cubic-bezier(.6,0,.2,1) .75s forwards draw-underline}@keyframes draw-underline{to{stroke-dashoffset:0}}.reveal{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards rise-in;transform:translateY(14px)}.d1{animation-delay:50ms}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.35s}.d5{animation-delay:.45s}@keyframes rise-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.scribble-underline path{stroke-dashoffset:0;animation:none}}.site-nav{z-index:20;backdrop-filter:saturate(140%)blur(8px);background:#f7f3eab8;border-bottom:2px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-nav.scrolled{border-color:#211d181a}.nav-inner{justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.logo-mark{align-items:center;gap:.45rem;font-family:Gaegu,cursive;font-size:1.5rem;font-weight:700;display:flex}.logo-mark .tld{color:var(--accent)}.logo-pin{width:26px;height:26px;color:var(--accent);transform:rotate(-6deg)}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-links a{color:var(--muted);border:2px solid #0000;border-radius:999px;padding:.4rem .9rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .15s}.nav-links a:hover{border-color:var(--line);color:var(--ink);transform:rotate(-1.5deg)}.nav-links a.gh{background:var(--ink);color:#fff;border-color:var(--ink);align-items:center;gap:.42rem;display:inline-flex}.nav-links a.gh:hover{transform:translateY(-1px)rotate(-1.5deg)}.hero{text-align:center;padding:4.2rem 0 5.6rem}.hero h1{margin:0 0 1.15rem;font-size:clamp(3rem,5.5vw,4.6rem);line-height:1.05}.tagline{color:var(--muted);max-width:560px;margin:0 auto 2.9rem;font-size:1.12rem}.btn{background:var(--paper);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-hand);box-shadow:4px 4px 0 var(--shadow);align-items:center;gap:.45rem;padding:.8rem 1.5rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.btn:hover{box-shadow:6px 7px 0 var(--shadow);transform:translateY(-3px)rotate(-1deg)}.btn:active{box-shadow:2px 2px 0 var(--shadow);transform:translateY(0)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--line)}.btn .arr{transition:transform .16s}.btn:hover .arr{transform:translate(3px)}.hero-drop{max-width:500px;margin:0 auto;position:relative}.dropzone{cursor:pointer;--tilt:.4deg;background:var(--paper);border-color:var(--line);width:100%;box-shadow:4px 4px 0 var(--shadow)}.dz-head{border-bottom:2px solid var(--line);align-items:center;gap:.45rem;padding:.75rem 1.1rem;display:flex}.dz-head .tl{background:#211d1829;border-radius:50%;width:11px;height:11px}.dz-head .tl.a{background:var(--accent);opacity:.75}.dz-head .tag{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.75rem}.dz-body{padding:1.25rem}.dz-inner{text-align:center;border:2.5px dashed #211d184d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:256px;padding:2.6rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.dropzone.drag .dz-inner{border-color:var(--accent);background:var(--accent-soft)}.dropzone.drag{transform:rotate(0)scale(1.02)}.dz-drop-ico{width:46px;height:46px;color:var(--accent)}.dropzone.drag .dz-drop-ico{animation:.6s ease-in-out infinite dz-bounce}@keyframes dz-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dz-title{margin:.7rem 0 .15rem;font-family:Gaegu,cursive;font-size:1.45rem;font-weight:700}.dz-hint{color:var(--muted);margin:0;font-size:.9rem}.dz-state{flex-direction:column;align-items:center;display:none}.dropzone[data-state=idle] .dz-state.idle,.dropzone[data-state=busy] .dz-state.busy,.dropzone[data-state=done] .dz-state.done,.dropzone[data-state=error] .dz-state.error{display:flex}.dropzone[data-state=done]{cursor:default}.dz-spin{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;margin-bottom:.8rem;animation:.8s linear infinite dz-rot}@keyframes dz-rot{to{transform:rotate(360deg)}}.dz-url{font-family:var(--mono);color:var(--accent);word-break:break-all;border-bottom:2px solid var(--accent-soft);max-width:100%;margin:.5rem 0 1rem;font-size:.88rem;font-weight:700;text-decoration:none}.dz-url:hover{border-bottom-color:var(--accent)}.dz-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn.sm{box-shadow:3px 3px 0 var(--shadow);padding:.45rem 1rem;font-size:.85rem}.dz-again{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:.9rem;font-family:Gowun Dodum,sans-serif;font-size:.85rem;font-weight:700;text-decoration:underline dotted}.dz-again:hover{color:var(--ink)}.dz-err-msg{color:var(--accent);margin:.6rem 0 0;font-weight:700}.doodle-star{width:34px;height:34px;animation:16s linear infinite spin-slow;position:absolute;top:-16px;right:-15px}@keyframes spin-slow{to{transform:rotate(360deg)}}section{padding:5.5rem 0}.section-header{max-width:580px;margin-bottom:2.4rem}.section-header h2{margin:0 0 .35rem;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.12}.section-header p{color:var(--muted);margin:0;font-size:1rem}.dark{background:#332c25;padding:5.5rem 0 5rem;position:relative}.dark:before,.dark:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M0 9 C 14 4 31 13 52 8 C 70 4 88 14 112 9 C 132 5 150 13 174 8 C 194 4 218 12 240 7 L 240 0 L 0 0 Z' fill='%23f7f3ea'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:240px 16px;height:16px;position:absolute;left:0;right:0}.dark:before{top:-1px}.dark:after{bottom:-1px;transform:scaleY(-1)}.dark .section-header h2{color:#f4efe6}.dark .section-header p{color:#f4efe699}.dark .endpoint-row code{color:#f4efe6;box-shadow:none;background:0 0;border-color:#f4efe642}.dark .endpoint-row code b{color:#ff8570}.dark .code-card{border-color:#f4efe624;box-shadow:4px 5px #0000002e}.endpoint-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;display:flex}.endpoint-row code{background:var(--paper);color:var(--ink);border:2px solid var(--line);box-shadow:2px 3px 0 var(--shadow);font-family:var(--mono);border-radius:999px;padding:.5rem 1rem;font-size:.82rem;font-weight:400}.endpoint-row code b{color:var(--accent);font-weight:700}.code-card{border:2px solid var(--line);box-shadow:5px 6px 0 var(--shadow);background:#29221b;border-radius:16px;overflow:hidden}.code-head{background:#322a22;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.8rem 1.25rem;display:flex}.code-head .tl{border-radius:50%;width:12px;height:12px}.code-head .r{background:#e8503a8c}.code-head .y{background:#f4efe633}.code-head .g{background:#f4efe624}.code-head .tag{color:#ffffff73;font-size:.75rem;font-family:var(--mono);letter-spacing:.05em;margin-left:auto}.code-body{color:#f4efe6;font-family:var(--mono);white-space:pre;margin:0;padding:1.6rem 1.75rem 1.75rem;font-size:.86rem;line-height:2;overflow-x:auto}.code-body .cmd{color:#ffb4a8}.code-body .flag{color:#f4efe699}.code-body .str{color:#f4efe6d1}.code-body .out{color:#f4efe673}.mcp-row{border-top:2px dashed #f4efe638;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.75rem;padding-top:2.25rem;display:flex}.mcp-row h3{color:#f4efe6;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;font-size:1.7rem;display:flex}.mcp-row p{color:#f4efe699;max-width:52ch;margin:.35rem 0 0}.mcp-row .endpoint{font-family:var(--mono);color:#fff;background:var(--accent);border-radius:7px;padding:.15rem .55rem;font-size:.9rem;font-weight:700}.dark .btn{box-shadow:4px 4px #00000059}.finale{text-align:center;padding:5.5rem 0 5rem}.finale h2{margin:0 0 1.7rem;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.1}.btn.lg{padding:1rem 2.1rem;font-size:1.05rem}.features{grid-template-columns:repeat(2,1fr);gap:1.35rem;display:grid}.feature{padding:1.55rem 1.65rem}.feature h3{margin:.7rem 0 .35rem;font-size:1.28rem}.feature p{color:var(--muted);max-width:42ch;margin:0;font-size:.96rem}.feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border:2px solid #e8503a73;border-radius:14px 8px 15px 9px;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:rotate(-2.5deg);box-shadow:2px 2px #211d180f}.features .feature:nth-child(2n) .feature-icon{border-radius:9px 15px 8px 14px;transform:rotate(2deg)}.steps{grid-template-columns:repeat(3,1fr);gap:1.35rem;padding-top:12px;display:grid}.step{text-align:center;padding:1.5rem 1.3rem 1.4rem;position:relative}.step:before{content:"";background:#e8503a29;width:72px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:inset 0 0 0 1px #e8503a1a}.steps .step:nth-child(2):before{width:64px;transform:translate(-50%)rotate(2deg)}.steps .step:nth-child(3):before{width:78px;transform:translate(-50%)rotate(-1deg)}.step-num{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;margin-bottom:.55rem;font-family:Gaegu,cursive;font-size:1.4rem;font-weight:700;display:inline-flex;position:relative}.step-num svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.step h4{margin:0 0 .3rem;font-size:1.25rem}.step p{color:var(--muted);margin:0;font-size:.95rem}.features-section{padding-top:5rem}.faq-list{gap:.7rem;max-width:780px;display:grid}.faq-item{--tilt:0deg;padding:0}.faq-list .faq-item:nth-child(odd){--tilt:-.25deg}.faq-list .faq-item:nth-child(2n){--tilt:.25deg;border-radius:18px 235px 22px 245px/240px 20px 250px 18px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0;font-size:1.1rem;line-height:1.3}.faq-toggle{width:25px;height:25px;color:var(--accent);border:2px solid var(--line);background:var(--accent-soft);border-radius:12px 8px 13px 9px;flex-shrink:0;justify-content:center;align-items:center;font-family:Gaegu,cursive;font-size:1.15rem;font-weight:700;transition:transform .18s;display:inline-flex;transform:rotate(-2deg)}.faq-item[open] .faq-toggle{transform:rotate(43deg)}.faq-item>p{color:var(--muted);max-width:64ch;margin:0;padding:0 1.2rem 1.05rem;font-size:.94rem}footer{text-align:center;color:var(--muted);padding:1.5rem 0 2.75rem;font-family:Gaegu,system-ui,cursive;font-size:1.05rem}footer a{color:var(--ink);border-bottom:2px solid var(--accent-soft);text-decoration:none}footer a:hover{border-bottom-color:var(--accent)}.lang-switch{flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.9rem;font-family:Gowun Dodum,sans-serif;font-size:.82rem;display:flex}.lang-switch a{color:var(--muted);border-bottom:2px dotted #211d1838}.lang-switch a:hover{color:var(--ink);border-bottom-color:var(--accent)}.lang-switch span{color:var(--ink);font-weight:700}@media (width<=900px){.hero{padding:2.5rem 0 3.5rem}.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features,.steps{grid-template-columns:1fr}.mcp-banner{text-align:left}.nav-links a:not(.gh){display:none}}