:root{--fc-color-primary: #2563eb;--fc-color-primary-dark: #1d4ed8;--fc-color-bg: #0f172a;--fc-color-surface: #1e293b;--fc-color-text: #f8fafc;--fc-color-muted: #94a3b8;--fc-radius: 12px;--fc-space-sm: 8px;--fc-space-md: 16px;--fc-space-lg: 24px;--fc-font: "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--fc-font);background:var(--fc-color-bg);color:var(--fc-color-text)}a{color:var(--fc-color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:var(--fc-space-md);padding:var(--fc-space-md) var(--fc-space-lg);background:var(--fc-color-surface);border-bottom:1px solid #334155}.app-brand{font-weight:700;font-size:1.125rem;color:var(--fc-color-text)}.app-brand.active{color:var(--fc-color-primary)}.app-badge{font-size:.75rem;color:var(--fc-color-muted);border:1px solid #475569;padding:2px 8px;border-radius:999px}.app-main{flex:1;padding:var(--fc-space-lg)}.muted{color:var(--fc-color-muted)}.hero-main{text-align:center;padding:var(--fc-space-lg) var(--fc-space-md) calc(var(--fc-space-lg) * 1.25);margin-bottom:var(--fc-space-lg);border-radius:16px;background:linear-gradient(165deg,#1e293b,#0f172a);border:1px solid #334155}.hero-kicker{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin:0 0 var(--fc-space-sm)}.hero-title{margin:0 0 var(--fc-space-sm);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700}.hero-lead{max-width:36rem;margin:0 auto var(--fc-space-md);line-height:1.65}.inline-code{font-size:.85em;padding:2px 6px;border-radius:6px;background:#0f172a;border:1px solid #334155}.hero-actions{display:flex;justify-content:center;gap:var(--fc-space-sm)}.btn-primary-link{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-weight:600;background:var(--fc-color-primary);color:#fff;border:none}.btn-primary-link:hover{background:var(--fc-color-primary-dark);text-decoration:none}.section-heading{font-size:1rem;font-weight:600;margin:0 0 var(--fc-space-md)}.card-time{display:block;font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.home .hero h1{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--fc-space-md);margin-top:var(--fc-space-lg)}.card{background:var(--fc-color-surface);border-radius:var(--fc-radius);padding:var(--fc-space-lg);border:1px solid #334155}.card-link{display:block;color:inherit;transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--fc-color-primary);transform:translateY(-2px);text-decoration:none}.card-link h2{margin:0 0 var(--fc-space-sm);font-size:1.1rem}.card-link p{margin:0;font-size:.9rem;color:var(--fc-color-muted)}.card-cta{display:inline-block;margin-top:var(--fc-space-md);font-weight:600;color:var(--fc-color-primary)}.section{margin-top:calc(var(--fc-space-lg) * 2)}.section h2{font-size:1rem;margin-bottom:var(--fc-space-md)}.tool-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--fc-space-sm)}.tool-list li a{display:inline-block;padding:8px 14px;background:var(--fc-color-surface);border-radius:999px;border:1px solid #334155;color:var(--fc-color-text)}.tool-list li a:hover{border-color:var(--fc-color-primary);text-decoration:none}.muted-box{background:var(--fc-color-surface);padding:var(--fc-space-lg);border-radius:var(--fc-radius);border:1px solid #334155}.legacy-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--fc-space-md)}.legacy-iframe{width:100%;min-height:calc(100vh - 140px);border:1px solid #334155;border-radius:var(--fc-radius);background:#fff}