@font-face{font-family:Brick Recipe Sans;src:url(/fonts/BrickRecipeSans-Variable.woff2) format("woff2-variations"),url(/fonts/BrickRecipeSans-Variable.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2212}:root{color-scheme:light;--color-bg: #F2F4F6;--color-surface: #FFFFFF;--color-fill: #F2F4F6;--color-fill-strong: #E5E8EB;--color-divider: #E5E8EB;--color-divider-soft: #F2F4F6;--color-text-strong: #191F28;--color-text: #333D4B;--color-text-2: #4E5968;--color-text-3: #6B7684;--color-text-4: #8B95A1;--color-accent: #3182F6;--color-primary: #2170EA;--color-primary-pressed: #1B64DA;--color-on-primary: #FFFFFF;--color-link: #1B64DA;--color-accent-soft: #E8F3FF;--color-on-accent-soft: #1B64DA;--color-green-soft: #E5F8EE;--color-on-green-soft: #0B7A47;--color-orange-soft: #FFF1E0;--color-on-orange-soft: #A85400;--color-red-soft: #FFEBEE;--color-on-red-soft: #D22030;--color-purple-soft: #EFEAFF;--color-on-purple-soft: #5B2BD6;--color-media: #F4F5F7;--color-viewer: #FFFFFF;--color-header: rgba(242, 244, 246, .86);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--gutter: 20px;--content: 72rem;--font: "Brick Recipe Sans", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: clamp(1.75rem, 1.25rem + 2.2vw, 2.625rem);--fs-title: clamp(1.375rem, 1.2rem + .8vw, 1.625rem);--fs-headline: 1.1875rem;--fs-body: 1.0625rem;--fs-body-2: .9375rem;--fs-caption: .8125rem;--tracking-tight: -.025em;--tracking-snug: -.015em;--shadow-card: 0 1px 2px rgba(2, 32, 71, .04);--shadow-raised: 0 10px 30px rgba(2, 32, 71, .08), 0 2px 6px rgba(2, 32, 71, .04);--shadow-dock: 0 -2px 10px rgba(2, 32, 71, .04), 0 12px 32px rgba(2, 32, 71, .12);--ease: cubic-bezier(.2, 0, 0, 1);--dur: .16s;--press-scale: .97}@media(min-width:40rem){:root{--gutter: 32px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: #17171C;--color-surface: #202027;--color-fill: #2C2C35;--color-fill-strong: #3A3A45;--color-divider: #33333D;--color-divider-soft: #2C2C35;--color-text-strong: #FFFFFF;--color-text: #E4E4E5;--color-text-2: #C3C3C6;--color-text-3: #9E9EA4;--color-text-4: #7E7E87;--color-accent: #3182F6;--color-link: #64A8FF;--color-accent-soft: #1E2B44;--color-on-accent-soft: #7EB0FA;--color-green-soft: #1F3A2E;--color-on-green-soft: #3DD68C;--color-orange-soft: #3D2E1C;--color-on-orange-soft: #FFB86B;--color-red-soft: #3D2226;--color-on-red-soft: #FF8A8A;--color-purple-soft: #2A2347;--color-on-purple-soft: #B9A6FF;--color-header: rgba(23, 23, 28, .86);--color-media: #33333D;--color-viewer: #2C2C35;--shadow-card: none;--shadow-raised: 0 10px 30px rgba(0, 0, 0, .35);--shadow-dock: 0 12px 32px rgba(0, 0, 0, .5)}}@media(prefers-reduced-motion:reduce){:root{--dur: 0ms;--press-scale: 1}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 var(--fs-body)/1.6 var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;letter-spacing:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{color:var(--color-text-strong);margin:0 0 var(--space-2);font-weight:700;text-wrap:balance}h1{font-size:var(--fs-display);line-height:1.25;letter-spacing:var(--tracking-tight)}h2{font-size:var(--fs-title);line-height:1.3;letter-spacing:var(--tracking-snug)}h3{font-size:var(--fs-headline);line-height:1.4;letter-spacing:var(--tracking-snug)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:600;line-height:1;letter-spacing:0;background:var(--color-fill);color:var(--color-text-2);white-space:nowrap}.chip-beginner{background:var(--color-green-soft);color:var(--color-on-green-soft)}.chip-intermediate{background:var(--color-orange-soft);color:var(--color-on-orange-soft)}.chip-advanced{background:var(--color-red-soft);color:var(--color-on-red-soft)}.chip-expert{background:var(--color-purple-soft);color:var(--color-on-purple-soft)}.chip-level{text-transform:capitalize}.bars{display:inline-flex;align-items:center;gap:2px;flex:none}.bars i{display:block;width:4px;height:10px;border-radius:1px;background:currentColor;opacity:.22}.bars i.on{opacity:1}.bar-beginner{color:var(--color-on-green-soft)}.bar-intermediate{color:var(--color-on-orange-soft)}.bar-advanced{color:var(--color-on-red-soft)}.bar-expert{color:var(--color-on-purple-soft)}.skip{position:absolute;left:var(--space-2);top:-100px;z-index:30;background:var(--color-primary);color:var(--color-on-primary);font-weight:600;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.skip:focus{top:var(--space-2)}.site-header{position:sticky;top:0;z-index:20;background:var(--color-header);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}.site-header-inner{max-width:var(--content);margin:0 auto;padding:0 var(--gutter);height:56px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.0625rem;font-weight:700;letter-spacing:var(--tracking-snug);color:var(--color-text-strong);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;flex:none}.wide{--content: 78rem}.site-nav{display:flex;gap:var(--space-1);margin-left:auto;margin-right:calc(-1 * var(--space-3))}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--fs-body-2);font-weight:600;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.site-nav a:hover{background:var(--color-fill-strong);color:var(--color-text-strong);text-decoration:none}.site-nav a[aria-current=page]{color:var(--color-text-strong)}@media(max-width:26rem){.site-nav{gap:0;margin-right:calc(-1 * var(--space-2))}.site-nav a{padding:0 var(--space-2)}}main{display:block;max-width:var(--content);margin:0 auto;padding:var(--space-4) var(--gutter) var(--space-16);min-height:65vh}@media(min-width:40rem){main{padding-top:var(--space-8)}}.ad-slot{list-style:none;margin:var(--space-8) 0;padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.ad-label{margin:0 0 var(--space-2);font-size:var(--fs-caption);font-weight:600;color:var(--color-text-3)}.ad-slot .adsbygoogle{display:block;min-height:280px;border-radius:var(--radius-md);background:var(--color-fill);overflow:hidden}.site-footer{border-top:1px solid var(--color-divider)}.site-footer-inner{max-width:var(--content);margin:0 auto;padding:var(--space-6) var(--gutter) calc(var(--space-10) + env(safe-area-inset-bottom));font-size:var(--fs-caption);line-height:1.6;color:var(--color-text-2)}.site-footer p{margin:0 0 var(--space-1);max-width:44rem}.footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-5);margin:0 0 var(--space-3);font-size:var(--fs-body-2);font-weight:600}.site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text);text-decoration:none}.site-footer .footer-links a:hover{text-decoration:underline}.site-footer a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-text-4);text-underline-offset:2px}