@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400;1,9..144,700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0B132B;--blue: #3A86FF;--violet: #7B61FF;--white: #FAFAFA;--surface: #F3F4F6;--charcoal: #1F2937;--bg: var(--white);--bg-card: #FFFFFF;--bg-muted: var(--surface);--ink: var(--navy);--ink-soft: var(--charcoal);--ink-dim: #6B7280;--border: #E5E7EB;--border-strong: #D1D5DB;--accent: var(--blue);--accent-light: rgba(58, 134, 255, .08);--accent2: #10b981;--accent3: #f59e0b;--accent4: #ec4899;--accent5: #a78bfa;--font-display: "Fraunces", serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(11, 19, 43, .04);--shadow: 0 4px 12px rgba(11, 19, 43, .06), 0 1px 4px rgba(11, 19, 43, .03);--shadow-lg: 0 16px 32px rgba(11, 19, 43, .08), 0 4px 12px rgba(11, 19, 43, .04);--transition: all .2s cubic-bezier(.16, 1, .3, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--ink);letter-spacing:-.02em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition)}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent;outline:none;text-decoration:none}.btn-primary{background:var(--ink);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:#000;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--ink-soft);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);color:var(--ink);border-color:var(--ink-dim)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--bg-muted);color:var(--ink)}.btn-sm{padding:6px var(--space-3);font-size:13px}.btn-lg{padding:12px var(--space-6);font-size:15px}.input,.textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px var(--space-3);font-family:var(--font-body);font-size:14px;color:var(--ink);transition:var(--transition);outline:none;box-shadow:var(--shadow-sm)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder,.textarea::placeholder{color:var(--ink-dim)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-muted)}.result-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.section-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:var(--space-2)}.section-title{font-family:var(--font-display);font-size:24px;font-weight:600;margin-bottom:var(--space-4);color:var(--ink);letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease both}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-purple{background:var(--bg-card);color:var(--violet);border-color:#7b61ff33}.badge-green{background:var(--bg-card);color:var(--accent2);border-color:#10b98133}.badge-orange{background:var(--bg-card);color:var(--accent3);border-color:#f59e0b33}.badge-pink{background:var(--bg-card);color:var(--accent4);border-color:#ec489933}.badge-gray{background:var(--bg-muted);color:var(--ink-dim)}.progress-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .5s ease}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:13px;display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid var(--border);background:var(--bg-card)}.alert-error{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.alert-success{border-color:#a7f3d0;color:#059669;background:#ecfdf5}.alert-info{border-color:#bfdbfe;color:var(--accent);background:#eff6ff}.tool-page-wrap{max-width:1000px;margin:0 auto;padding:var(--space-8)}@media(max-width:640px){.tool-page-wrap{padding:var(--space-4)}}