:root{--color-primary: #2C3E6B;--color-primary-hover: #3D5291;--color-primary-light: #4A6FA5;--color-primary-bg: #EEF1F7;--color-primary-50: #E8ECF4;--color-bg: #FBF8F4;--color-card-bg: #FFFFFF;--color-accent: #E8734A;--color-accent-hover: #D4612F;--color-accent-bg: #FDF0EB;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #E8E0D8;--color-border-light: #F0EBE5;--color-surface: #F5F0EB;--color-code-bg: #2D2D3F;--color-code-text: #E8E0D8;--color-placeholder-bg: #FFF3E0;--color-placeholder-text: #E65100;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-xl: 0 12px 32px rgba(0,0,0,.12);--shadow-card-hover: 0 8px 20px rgba(44,62,107,.12);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--max-width: 1100px;--sidebar-width: 220px;--header-height: 56px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#2c3e6bf7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:#fff;text-decoration:none}.header-logo:hover{color:#fff}.header-logo-icon{font-size:1.1rem}.header-logo-text{white-space:nowrap}.header-right{display:flex;align-items:center;gap:var(--space-2)}.header-ext-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:.3rem .65rem;font-size:var(--text-xs);font-weight:500;color:#fff9;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.header-ext-link:hover{color:#ffffffe6;background:#ffffff14}.header-link-icon{width:14px;height:14px;flex-shrink:0}.header-ext-cta{color:#ffffffd9;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);padding:.25rem .75rem;font-weight:600}.header-ext-cta:hover{color:#fff;border-color:#ffffff80;background:#ffffff1a}.menu-toggle{display:none;background:none;border:none;color:#fffc;font-size:1.3rem;cursor:pointer;padding:var(--space-1)}.menu-toggle:hover{color:#fff}.mobile-drawer{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:#2c3e6bfa;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:99;max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.mobile-drawer.open{max-height:200px}.mobile-drawer-nav{display:flex;flex-direction:column;padding:var(--space-3) var(--space-6);gap:var(--space-1)}.mobile-drawer-link{display:block;padding:var(--space-2) var(--space-3);color:#fffc;font-size:var(--text-sm);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.mobile-drawer-link:hover{color:#fff;background:#ffffff1a}.page-layout{display:flex;max-width:var(--max-width);margin:0 auto;padding-top:var(--header-height);min-height:100vh}.sidebar{position:fixed;top:var(--header-height);left:calc((100vw - var(--max-width)) / 2);width:var(--sidebar-width);height:calc(100vh - var(--header-height));padding:var(--space-6) var(--space-4);overflow-y:auto;border-right:1px solid var(--color-border-light)}.sidebar-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);padding-left:var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:.6rem .75rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.sidebar-link:hover{color:var(--color-primary);background:var(--color-primary-bg)}.sidebar-link.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.sidebar-link-icon{font-size:1.1rem;flex-shrink:0}.sidebar-link-count{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);padding:.1rem .45rem;border-radius:var(--radius-full)}.page-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-8) var(--space-8);max-width:calc(var(--max-width) - var(--sidebar-width))}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.page-title-icon{font-size:1.6rem}.page-desc{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7}.page-intro{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-card-bg);border:1px solid var(--color-border-light);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;z-index:90;background:#fbf8f4f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-inner{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);white-space:nowrap}.mobile-nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:.4rem .8rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.mobile-nav-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.mobile-nav-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.prompt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.prompt-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-slow)}.prompt-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light)}.prompt-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #2c3e6b26,var(--shadow-lg)}.prompt-card-header{margin-bottom:0}.prompt-card-badge{display:inline-flex;align-items:baseline;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:500;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.badge-ai{font-weight:700;font-size:.65rem;letter-spacing:.02em;opacity:.7}.prompt-card-title{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1);line-height:1.3}.prompt-card-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.prompt-card-body{display:none}.detail-panel{grid-column:1 / -1;background:var(--color-card-bg);border:1px solid var(--color-primary-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);margin-top:var(--space-1);margin-bottom:var(--space-3);animation:panelSlideDown .3s ease;display:none}.detail-panel.open{display:block}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.detail-header-left{flex:1}.detail-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.detail-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.detail-close{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;margin-left:var(--space-4);transition:all var(--transition-fast)}.detail-close:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-muted)}.detail-body{font-size:var(--text-sm);line-height:1.7}.prompt-template-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);margin-top:0}.prompt-template-code{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.8;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.prompt-template-code code{font-family:var(--font-sans);background:none;padding:0;font-size:inherit;color:inherit}.prompt-template-code .placeholder{background:var(--color-placeholder-bg);color:var(--color-placeholder-text);padding:.1rem .35rem;border-radius:4px;font-weight:600;border-bottom:2px dotted var(--color-placeholder-text)}.copy-btn-wrapper{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.copy-btn.copied{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.collapsible{margin-top:var(--space-4);border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.collapsible-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:600;color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color var(--transition-fast)}.collapsible-toggle:hover{color:var(--color-accent)}.collapsible-toggle .arrow{transition:transform var(--transition-base);font-size:.7rem}.collapsible-toggle.open .arrow{transform:rotate(90deg)}.collapsible-content{display:none;padding-top:var(--space-3)}.collapsible-content.open{display:block}.collapsible-content p,.collapsible-content li{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.collapsible-content p{margin-bottom:var(--space-3)}.collapsible-content ul{margin-left:1.2rem;margin-bottom:var(--space-3)}.collapsible-content li{margin-bottom:var(--space-1)}.collapsible-content strong{color:var(--color-text)}.collapsible-content .example-block{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:var(--space-3) 0;border-left:3px solid var(--color-accent)}.collapsible-content .example-block code{font-family:var(--font-sans);background:none;padding:0;font-size:inherit;color:inherit}.hero{background:linear-gradient(135deg,#2c3e6b,#3d5291 40%,#4a6fa5);padding:calc(var(--header-height) + 4rem) var(--space-6) 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(232,115,74,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.35;margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-desc{font-size:var(--text-lg);color:#ffffffc7;line-height:1.7;margin-bottom:var(--space-8)}.hero-quote{font-size:var(--text-base);color:#fff9;line-height:1.8;font-style:italic;margin-bottom:var(--space-8)}.hero-rolling{min-height:4.5rem;margin-bottom:var(--space-8);opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.hero-rolling.visible{opacity:1;transform:translateY(0)}.hero-rolling-text{font-size:var(--text-lg);color:#ffffffd9;line-height:1.7;font-style:italic;margin:0;word-break:keep-all}.hero-rolling-author{display:block;font-size:var(--text-sm);color:#ffffff73;margin-top:var(--space-2);font-style:normal}.hero-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-10)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 14px #e8734a59}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #e8734a73}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.5rem;background:#ffffff1f;color:#fff;font-size:var(--text-base);font-weight:600;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.btn-secondary:hover{background:#fff3;color:#fff;border-color:#fff6}.hero-stats{display:flex;justify-content:center;gap:var(--space-10)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero-stat-number{font-size:var(--text-2xl);font-weight:800;color:#fff}.hero-stat-label{font-size:var(--text-xs);color:#ffffff8c;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.home-section{max-width:900px;margin:0 auto;padding:var(--space-12) var(--space-6)}.section-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text);text-align:center;margin-bottom:var(--space-2)}.section-desc{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.category-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);text-align:center}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light)}.category-card-step{font-size:var(--text-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.category-card-icon{font-size:2rem;margin-bottom:var(--space-3)}.category-card-label{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.category-card-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.category-card-count{font-size:var(--text-xs);color:var(--color-accent);font-weight:600}.home-cta{background:var(--color-surface);border-top:1px solid var(--color-border-light);padding:var(--space-12) var(--space-6)}.home-cta-inner{max-width:600px;margin:0 auto;text-align:center}.home-cta-inner h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3)}.home-cta-inner p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1.2rem;border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.btn-outline:hover{background:var(--color-primary);color:#fff}.tips-content{max-width:760px;margin:0 auto;padding:var(--space-8) var(--space-6)}.tips-content h2{font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);margin:var(--space-10) 0 var(--space-4)}.tips-content h2:first-of-type{margin-top:0}.tips-content h3{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:var(--space-6) 0 var(--space-3)}.tips-content p{margin-bottom:var(--space-4);line-height:1.8}.tips-content ul,.tips-content ol{margin-left:1.2rem;margin-bottom:var(--space-4)}.tips-content li{margin-bottom:var(--space-2);line-height:1.7}.tips-content blockquote{background:var(--color-surface);border-left:4px solid var(--color-accent);padding:var(--space-5);margin:var(--space-6) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);line-height:1.8}.tips-content blockquote strong{color:var(--color-primary)}.tips-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm)}.tips-table th,.tips-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.tips-table th{font-weight:600;color:var(--color-primary);background:var(--color-primary-bg)}.tips-table td{color:var(--color-text-secondary);line-height:1.6}.checklist{list-style:none;margin-left:0}.checklist li{padding-left:1.6rem;position:relative}.checklist li:before{content:"☐";position:absolute;left:0;color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--space-8) var(--space-6);text-align:center}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-brand{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.footer-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-cta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-cta a{color:var(--color-accent);font-weight:600;margin-left:var(--space-2)}.footer-cta a:hover{text-decoration:underline}@keyframes cardAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prompt-card{animation:cardAppear .4s ease both}.prompt-cards>:nth-child(1){animation-delay:0ms}.prompt-cards>:nth-child(2){animation-delay:60ms}.prompt-cards>:nth-child(3){animation-delay:.12s}.prompt-cards>:nth-child(4){animation-delay:.18s}.prompt-cards>:nth-child(5){animation-delay:.24s}.prompt-cards>:nth-child(6){animation-delay:.3s}.prompt-cards>:nth-child(7){animation-delay:.36s}.prompt-cards>:nth-child(8){animation-delay:.42s}@media(max-width:768px){.sidebar{display:none}.mobile-nav,.mobile-drawer,.menu-toggle{display:block}.header-right{display:none}.page-content{margin-left:0;padding:var(--space-6) var(--space-5);padding-top:calc(var(--space-6) + 52px);max-width:100%}.page-layout{padding-top:var(--header-height)}.hero{padding:calc(var(--header-height) + 2.5rem) var(--space-5) 2.5rem}.hero h1{font-size:var(--text-3xl)}.hero-rolling{min-height:5rem}.hero-stats{gap:var(--space-6)}.category-grid,.prompt-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.detail-panel{padding:var(--space-5)}.home-section{padding:var(--space-8) var(--space-5)}}@media(max-width:480px){.hero{padding:calc(var(--header-height) + 2rem) var(--space-4) 2rem}.hero h1{font-size:1.6rem}.hero-rolling{min-height:5.5rem}.hero-rolling-text,.hero-desc{font-size:var(--text-base)}.hero-buttons{flex-direction:column;align-items:center;gap:var(--space-2)}.hero-stats{gap:var(--space-4)}.hero-stat-number{font-size:var(--text-lg)}.category-grid,.prompt-cards{grid-template-columns:1fr}.prompt-template-code{font-size:var(--text-xs);padding:var(--space-3)}.page-content{padding:var(--space-4) var(--space-4);padding-top:calc(var(--space-4) + 52px)}.detail-panel{padding:var(--space-4)}.home-section{padding:var(--space-6) var(--space-4)}.footer-cta a{display:block;margin-left:0;margin-top:var(--space-2)}}