:root{--color-canvas:#050507;--color-surface:#101010;--color-surface-raised:#161616;--color-text:#f2f2f2;--color-text-secondary:#b8b3b0;--color-text-muted:#8b949e;--color-border:#3d3a39;--color-border-subtle:#242322;--color-accent:#00d992;--color-accent-soft:#2fd6a1;--color-focus:#3b82f6;--color-warning:#ffba00;--color-error:#fb565b;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-display:clamp(36px, 6vw, 64px);--font-size-h1:clamp(30px, 4vw, 44px);--font-size-h2:24px;--font-size-h3:18px;--font-size-body-large:18px;--font-size-body:16px;--font-size-body-small:14px;--font-size-label:12px;--font-size-code:13px;--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;--space-20:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-micro:.15s ease-out;--transition-standard:.22s ease-in-out;--transition-emphasis:.42s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas)}body{background:var(--color-canvas);min-width:320px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);font-feature-settings:"calt", "rlig";margin:0;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}button,.button,.site-nav__link,.header-saved,.menu-toggle,.copy-button,.save-button,.category-item,.command-bar__clear{white-space:nowrap}::selection{background:var(--color-accent);color:var(--color-canvas)}.site-shell{min-height:100dvh;overflow-x:hidden}.section-shell,.site-header__inner{width:min(100% - 48px,1240px);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-accent-soft);transition:transform var(--transition-micro);position:fixed;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:72px;display:flex;position:relative}.brand-lockup,.footer-lockup{align-items:center;gap:var(--space-3);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.08em;font-weight:600;display:inline-flex}.brand-lockup__text em,.footer-lockup em{color:var(--color-text-muted);font-style:normal;font-weight:400}.signal-mark{flex:0 0 22px;width:22px;height:22px;display:inline-block;position:relative}.signal-mark--compact{flex-basis:18px;width:18px;height:18px}.signal-mark__bar{background:var(--color-accent);transform-origin:0;width:19px;height:2px;position:absolute;top:10px;left:1px;transform:rotate(-45deg)}.signal-mark--compact .signal-mark__bar{width:15px;top:8px}.signal-mark__dot{background:var(--color-accent-soft);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:50%;position:absolute;top:2px;right:0}.site-nav{align-items:center;gap:var(--space-6);display:flex}.site-nav__link,.header-saved,.menu-toggle{min-height:44px;padding:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-body-small);transition:color var(--transition-micro);background:0 0;border:0}:is(.site-nav__link:hover,.site-nav__link:focus-visible,.header-saved:hover,.header-saved:focus-visible){color:var(--color-accent-soft)}.header-saved{align-items:center;gap:var(--space-1);color:var(--color-accent-soft);display:inline-flex}.menu-toggle{display:none}.hero{padding-top:var(--space-16);padding-bottom:var(--space-12);position:relative}.hero:after{background:var(--color-border-subtle);content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.hero__kicker{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.12em;display:flex}.hero__grid{align-items:center;gap:clamp(var(--space-8), 8vw, var(--space-20));grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);display:grid}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent-soft);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.hero h1{max-width:720px;color:var(--color-text);font-size:var(--font-size-display);letter-spacing:-.04em;margin:0;font-weight:600;line-height:1.02}.hero h1 span{color:var(--color-accent)}.hero__description{max-width:570px;margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:1.65}.hero__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body-small);transition:border-color var(--transition-micro), color var(--transition-micro), background-color var(--transition-micro), transform var(--transition-micro);font-weight:600;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-canvas)}.button--primary:hover{background:var(--color-accent-soft)}.button--ghost{color:var(--color-text);background:0 0}.button--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-soft)}.terminal-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:362px;overflow:hidden}.terminal-preview__topbar,.terminal-preview__footer{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-5);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);display:flex}.terminal-preview__topbar{border-bottom:1px solid var(--color-border);justify-content:space-between}.window-dots{gap:var(--space-1);display:inline-flex}.window-dots i{border:1px solid var(--color-border);border-radius:50%;width:6px;height:6px;display:block}.window-dots i:last-child{border-color:var(--color-accent)}.terminal-preview__status{color:var(--color-accent-soft)}.terminal-preview__body{padding:var(--space-8) var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-code)}.terminal-preview__line{padding:var(--space-2) 0;color:var(--color-text);margin:0}.terminal-preview__line--muted{margin-bottom:var(--space-4);color:var(--color-text-muted)}.terminal-preview__prompt{min-width:34px;color:var(--color-accent);display:inline-block}.terminal-preview__divider{height:1px;margin:var(--space-6) 0;background:var(--color-border)}.terminal-preview__result{color:var(--color-accent-soft);margin:0}.terminal-preview__result span{margin-right:var(--space-2);color:var(--color-accent)}.terminal-preview__footer{padding-top:var(--space-4);padding-bottom:var(--space-4);border-top:1px solid var(--color-border-subtle);align-items:flex-start;line-height:1.45}.terminal-preview__footer>span:first-child{color:var(--color-warning);flex:none}.hero__stats{gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-5);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(90px,auto)) minmax(0,1fr);align-items:end;display:grid}.hero__stats div{gap:var(--space-1);flex-direction:column;display:flex}.hero__stats strong{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-h2);font-weight:500;line-height:1}.hero__stats span,.hero__stats p{color:var(--color-text-muted);font-size:var(--font-size-body-small)}.hero__stats p{text-align:right;justify-self:end;max-width:350px;margin:0}.guide,.library,.site-footer{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.section-heading h2{color:var(--color-text);font-size:var(--font-size-h1);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.08}.section-heading>p{max-width:380px;color:var(--color-text-secondary);font-size:var(--font-size-body-small);margin:0}.guide__grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.guide-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.guide-panel__label{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.guide-panel__label span:first-child{color:var(--color-accent)}.guide-panel ol,.guide-panel ul{padding:var(--space-5);margin:0;list-style:none}.guide-panel li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:28px minmax(0,1fr);align-items:start;display:grid}.guide-panel li:last-child{border-bottom:0}.guide-panel li>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label);line-height:1.7}.guide-panel li p{color:var(--color-text-secondary);font-size:var(--font-size-body-small);margin:0;line-height:1.6}.guide-callout{gap:var(--space-3);margin:0 var(--space-5) var(--space-5);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);display:grid}.guide-callout>span{color:var(--color-warning);font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:600}.guide-callout p{color:var(--color-text-secondary);font-size:var(--font-size-body-small);margin:0;line-height:1.5}.guide-callout code{color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-code)}.library{padding-top:var(--space-12)}.section-heading--library{margin-bottom:var(--space-6)}.command-bar{align-items:center;gap:var(--space-3);min-height:58px;margin-bottom:var(--space-8);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-micro), background-color var(--transition-micro);display:flex}.command-bar:focus-within{border-color:var(--color-accent);background:var(--color-surface-raised)}.command-bar__icon{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-h3);font-weight:600}.command-bar input{min-width:0;color:var(--color-text);font-size:var(--font-size-body);background:0 0;border:0;outline:0;flex:1}.command-bar input::placeholder{color:var(--color-text-muted)}.command-bar input::-webkit-search-cancel-button{display:none}.command-bar__shortcut,.command-bar__clear{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);background:0 0;justify-content:center;align-items:center;display:inline-flex}.command-bar__clear{color:var(--color-text);font-size:var(--font-size-h3)}.command-bar__clear:hover{border-color:var(--color-accent);color:var(--color-accent-soft)}.library-layout{gap:var(--space-8);grid-template-columns:196px minmax(0,1fr);align-items:start;display:grid}.category-rail{min-width:0;position:sticky;top:96px}.category-rail__header{padding:0 0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.1em;justify-content:space-between;display:flex}.category-item{gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:left;transition:border-color var(--transition-micro), color var(--transition-micro), background-color var(--transition-micro);background:0 0;border:1px solid #0000;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;display:grid}:is(.category-item:hover,.category-item:focus-visible){border-color:var(--color-border);color:var(--color-text)}.category-item--active{border-color:var(--color-accent);background:var(--color-surface);color:var(--color-text)}.category-item--active .category-item__number,.category-item--active .category-item__count{color:var(--color-accent)}.category-item__number,.category-item__count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label)}.category-item__title{text-overflow:ellipsis;font-size:var(--font-size-body-small);overflow:hidden}.category-item__count{color:var(--color-text-muted)}.category-rail__divider{height:1px;margin:var(--space-3) 0;background:var(--color-border-subtle)}.results-column{min-width:0}.results-header{justify-content:space-between;align-items:end;gap:var(--space-6);min-height:44px;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.results-header .eyebrow{margin-bottom:var(--space-1)}.results-header__count,.results-header__hint{color:var(--color-text-muted);font-size:var(--font-size-body-small);margin:0}.results-header__hint{text-align:right}.results-header__hint span{color:var(--color-accent)}.prompt-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.prompt-card{min-height:228px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);content-visibility:auto;contain-intrinsic-size:228px;transition:border-color var(--transition-micro), background-color var(--transition-micro), transform var(--transition-micro);flex-direction:column;display:flex}.prompt-card:hover,.prompt-card:focus-within{border-color:var(--color-accent);background:var(--color-surface-raised);transform:translateY(-2px)}.prompt-card--saved{border-color:color-mix(in srgb, var(--color-accent) 60%, var(--color-border))}.prompt-card__topline{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-mono);font-size:var(--font-size-label);display:flex}.prompt-card__number{color:var(--color-accent)}.prompt-card__category{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-card__code{min-width:0;color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-h3);margin:0;font-weight:500;line-height:1.35}.prompt-card__code code{color:var(--color-accent-soft);display:block;overflow-x:auto}.prompt-card__description{margin:var(--space-4) 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-body-small);flex:1;line-height:1.65}.prompt-card__actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.copy-button,.save-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body-small);transition:border-color var(--transition-micro), background-color var(--transition-micro), color var(--transition-micro), transform var(--transition-micro);background:0 0;display:inline-flex}:is(.copy-button:hover,.save-button:hover,.copy-button:focus-visible,.save-button:focus-visible){border-color:var(--color-accent);color:var(--color-accent-soft)}.copy-button:active,.save-button:active{transform:translateY(1px)}.copy-button span,.save-button span{color:var(--color-accent);font-family:var(--font-mono)}.copy-button--copied{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-canvas)}.copy-button--copied span{color:var(--color-canvas)}.save-button--saved{border-color:var(--color-accent);color:var(--color-accent-soft)}.empty-state{align-content:center;place-items:center;gap:var(--space-3);min-height:300px;padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;display:grid}.empty-state__mark{color:var(--color-accent);font-family:var(--font-mono);font-size:32px}.empty-state h3{color:var(--color-text);font-size:var(--font-size-h3);margin:0}.empty-state p{max-width:480px;margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-body-small)}.site-footer{border-top:1px solid var(--color-border-subtle);padding-bottom:var(--space-8)}.site-footer__main{gap:var(--space-8);padding-bottom:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);display:grid}.site-footer__statement{margin:var(--space-8) 0 0;color:var(--color-text);font-size:var(--font-size-h2);letter-spacing:-.02em}.site-footer__note{padding-left:var(--space-6);border-left:1px solid var(--color-border)}.site-footer__note p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-body-small);margin:0;line-height:1.65}.site-footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-label);display:flex}.site-footer__bottom a{color:var(--color-accent-soft)}.site-footer__bottom a:hover{color:var(--color-accent)}.toast{z-index:30;right:var(--space-6);bottom:var(--space-6);align-items:center;gap:var(--space-3);max-width:min(420px,100vw - 32px);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-body-small);opacity:0;pointer-events:none;transform:translateY(var(--space-3));transition:opacity var(--transition-standard), transform var(--transition-standard);display:flex;position:fixed}.toast--visible{opacity:1;transform:translateY(0)}.toast__signal{color:var(--color-accent);font-family:var(--font-mono)}.reveal{animation:reveal-in var(--transition-emphasis) both}.reveal--delay{animation-delay:.12s}@keyframes reveal-in{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero__grid{gap:var(--space-10);grid-template-columns:1fr}.terminal-preview{max-width:720px}.library-layout{gap:var(--space-6);grid-template-columns:1fr}.category-rail{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;display:flex;position:static;overflow-x:auto}.category-rail__header{display:none}.category-rail__divider{width:1px;height:28px;margin:0 var(--space-1);flex:0 0 1px}.category-item{gap:var(--space-2);width:auto;min-width:max-content;padding:var(--space-2) var(--space-3);grid-template-columns:auto auto}.category-item__count{display:none}}@media (max-width:720px){.section-shell,.site-header__inner{width:min(100% - 36px,1240px)}.site-header__inner{min-height:64px}.menu-toggle{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.menu-toggle:hover{border-color:var(--color-accent);color:var(--color-accent-soft)}.site-nav{padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-top:0;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.site-nav--open{display:flex}.site-nav__link,.header-saved{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);text-align:left;justify-content:flex-start}.header-saved{border-bottom:0}.hero{padding-top:var(--space-12);padding-bottom:var(--space-10)}.hero__kicker{margin-bottom:var(--space-6);font-size:11px}.hero__description,.hero__actions{margin-top:var(--space-6)}.hero__stats{margin-top:var(--space-10);gap:var(--space-4)}.guide,.library,.site-footer{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-heading{margin-bottom:var(--space-6);display:block}.section-heading>p{margin-top:var(--space-4)}.guide__grid,.site-footer__main{grid-template-columns:1fr}.site-footer__note{padding-top:var(--space-5);border-top:1px solid var(--color-border);border-left:0;padding-left:0}.results-header{display:block}.results-header__hint{margin-top:var(--space-2);text-align:left}.prompt-grid{grid-template-columns:1fr}.toast{right:var(--space-4);bottom:var(--space-4)}}@media (max-width:430px){.brand-lockup__text{letter-spacing:.06em;font-size:11px}.hero h1{font-size:clamp(34px,11vw,48px)}.hero__actions{flex-direction:column;align-items:stretch}.button{width:100%}.terminal-preview__topbar,.terminal-preview__footer{padding-inline:var(--space-4)}.terminal-preview__topbar>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.terminal-preview__body{padding-inline:var(--space-4)}.hero__stats{grid-template-columns:repeat(3,1fr)}.hero__stats p{text-align:left;grid-column:1/-1;justify-self:start;max-width:none}.prompt-card__actions>button{flex:auto}.site-footer__bottom{display:block}.site-footer__bottom a{margin-top:var(--space-3);display:inline-block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover,.prompt-card:hover,.copy-button:active,.save-button:active,.toast--visible{transform:none}}