*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f8fafc;--surface-hover: #f1f5f9;--border: #e2e8f0;--border-focus: #94a3b8;--accent: #1a73e8;--accent-dim: #4a90d9;--text: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--green: #10b981;--green-dim: #d1fae5;--carb: #3b82f6;--protein: #f97316;--fat: #ef4444;--font-sans: "Noto Sans CJK KR", "Noto Sans KR", sans-serif;--font-serif: "Noto Serif KR", serif;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);--shadow: 0 2px 8px rgba(15,23,42,.07), 0 1px 3px rgba(15,23,42,.05);--shadow-lg: 0 12px 28px rgba(15,23,42,.1), 0 4px 8px rgba(15,23,42,.06)}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body{min-height:100vh;background:#f1f5f9}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit}.app.svelte-12qhfyh{min-height:100vh}.notice-bar.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;background:linear-gradient(90deg,#7c3aed,#4f46e5,#0891b2);color:#fff;font-size:13px;font-weight:600;text-align:center}.notice-bar-badge.svelte-12qhfyh{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:#ffffff40;font-size:11px;font-weight:800;letter-spacing:.04em;flex-shrink:0}.github-ribbon.svelte-12qhfyh{position:fixed;top:18px;right:-52px;z-index:140;width:196px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;background:linear-gradient(135deg,#0f172a,#1f2937);color:#f8fafc;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em;transform:rotate(42deg);border:1px solid rgba(148,163,184,.35);box-shadow:0 16px 30px #0f172a3d;transition:background .14s ease,box-shadow .14s ease}.github-ribbon.svelte-12qhfyh:hover{background:linear-gradient(135deg,#111827,#0f766e);box-shadow:0 18px 36px #0f172a47}.github-ribbon.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:14px;height:14px;fill:currentColor;flex-shrink:0}header.svelte-12qhfyh{background:#0f172a;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000040}.route-progress.svelte-12qhfyh{position:absolute;left:0;right:0;bottom:0;height:3px;overflow:hidden;pointer-events:none;background:#94a3b824}.route-progress-bar.svelte-12qhfyh{position:absolute;inset:0 auto 0 0;border-radius:999px;transform-origin:left center;will-change:transform}.route-progress-bar-primary.svelte-12qhfyh{width:38%;background:linear-gradient(90deg,#38bdf81a,#38bdf8 24%,#10b981);box-shadow:0 0 14px #10b98147;animation:svelte-12qhfyh-route-progress-primary 1.35s cubic-bezier(.22,1,.36,1) infinite}.route-progress-bar-secondary.svelte-12qhfyh{width:56%;opacity:.42;background:linear-gradient(90deg,#10b98100,#10b98173 30%,#38bdf8c7);animation:svelte-12qhfyh-route-progress-secondary 1.8s cubic-bezier(.2,.8,.2,1) infinite}.header-inner.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px;height:52px}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-icon.svelte-12qhfyh{font-size:1.4rem;line-height:1}.brand-text.svelte-12qhfyh{display:flex;flex-direction:column;gap:0}.brand-name.svelte-12qhfyh{font-size:1rem;font-weight:700;color:#f8fafc;line-height:1.2;letter-spacing:-.01em}.brand-sub.svelte-12qhfyh{font-size:.7rem;color:#64748b;line-height:1}.header-nav.svelte-12qhfyh{display:flex;gap:2px;flex:1}.tab-btn.svelte-12qhfyh{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;color:#64748b;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap;position:relative}.tab-icon.svelte-12qhfyh{font-size:14px;line-height:1}.tab-btn.svelte-12qhfyh:hover{color:#cbd5e1;background:#ffffff12}.tab-btn.active.svelte-12qhfyh{color:#f8fafc;background:#ffffff1f}.tab-btn.active.svelte-12qhfyh:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#10b981;border-radius:2px}.content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:20px 16px;transition:opacity .18s ease,filter .18s ease}.setup-banner.svelte-12qhfyh{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:14px;padding:16px 18px;border:1px solid #86efac;border-radius:var(--radius);background:linear-gradient(180deg,#ecfdf5,#f8fafc);box-shadow:var(--shadow-sm)}.setup-banner-icon.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#10b9811f;font-size:18px}.setup-banner-body.svelte-12qhfyh{min-width:0}.setup-banner-title.svelte-12qhfyh{margin-bottom:4px;color:#166534;font-size:14px;font-weight:700}.setup-banner-text.svelte-12qhfyh{color:var(--text-muted);font-size:13px}.setup-banner-link.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#10b981;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.setup-banner-link.svelte-12qhfyh:hover{background:#059669}.page-tip.svelte-12qhfyh{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;margin-bottom:14px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:var(--radius);background:linear-gradient(180deg,#eff6ff,#f8fafc);box-shadow:var(--shadow-sm)}.page-tip-icon.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#3b82f61f;font-size:16px}.page-tip-body.svelte-12qhfyh{min-width:0}.page-tip-title.svelte-12qhfyh{margin-bottom:4px;color:#1e3a8a;font-size:13px;font-weight:700}.page-tip-list.svelte-12qhfyh{margin:0;padding-left:18px;color:var(--text-muted);font-size:13px}.page-tip-list.svelte-12qhfyh li:where(.svelte-12qhfyh)+li:where(.svelte-12qhfyh){margin-top:2px}.content-loading.svelte-12qhfyh{opacity:.88;filter:saturate(.96)}@keyframes svelte-12qhfyh-route-progress-primary{0%{transform:translate(-130%) scaleX(.72)}55%{transform:translate(55%) scaleX(1)}to{transform:translate(240%) scaleX(.86)}}@keyframes svelte-12qhfyh-route-progress-secondary{0%{transform:translate(-170%) scaleX(.35)}60%{transform:translate(35%) scaleX(.82)}to{transform:translate(210%) scaleX(.52)}}@media(prefers-reduced-motion:reduce){.github-ribbon.svelte-12qhfyh{transition:none}.route-progress-bar-primary.svelte-12qhfyh,.route-progress-bar-secondary.svelte-12qhfyh{animation:none;transform:none}.route-progress-bar-primary.svelte-12qhfyh{width:58%}.route-progress-bar-secondary.svelte-12qhfyh{display:none}.content.svelte-12qhfyh{transition:none}}@media(max-width:640px){.github-ribbon.svelte-12qhfyh{top:auto;right:12px;bottom:12px;width:auto;padding:10px 14px;border-radius:999px;transform:none}.setup-banner.svelte-12qhfyh{grid-template-columns:1fr;gap:10px;padding:14px}.setup-banner-link.svelte-12qhfyh{width:100%}.header-inner.svelte-12qhfyh{height:auto;padding:10px 16px;flex-direction:column;align-items:flex-start;gap:8px}.header-nav.svelte-12qhfyh{width:100%;overflow-x:auto;scrollbar-width:none;gap:2px}.header-nav.svelte-12qhfyh::-webkit-scrollbar{display:none}.tab-btn.svelte-12qhfyh{padding:5px 10px}.tab-btn.active.svelte-12qhfyh:after{bottom:-9px}.brand-sub.svelte-12qhfyh{display:none}.content.svelte-12qhfyh{padding:14px 12px}.page-tip.svelte-12qhfyh{grid-template-columns:1fr;gap:10px}.page-tip-icon.svelte-12qhfyh{width:30px;height:30px}}