*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--border: #2a2a3e;--text-primary: #e8e8f0;--text-secondary: #9898b0;--text-muted: #68688a;--accent: #6c63ff;--accent-glow: rgba(108, 99, 255, .25);--gradient-start: #6c63ff;--gradient-end: #e040fb;--success: #2ea043;--warning: #d29922;--error: #f85149;--radius: 12px}html,body{font-size:16px}body{font-family:Manrope,Noto Sans JP,sans-serif;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--gradient-start),transparent 80%) 0,transparent 40%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--gradient-end),transparent 84%) 0,transparent 40%),var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{text-align:center;padding:2.2rem 1.2rem 1.8rem;border-bottom:1px solid var(--border);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary))}.header-badge{display:inline-block;padding:.22rem .7rem;border-radius:999px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.header-title{margin-top:.6rem;font-size:clamp(1.5rem,4.2vw,2.35rem);line-height:1.18}.header-desc{margin-top:.55rem;color:var(--text-secondary);max-width:620px;margin-left:auto;margin-right:auto}.app-main{flex:1;display:flex;justify-content:center;padding:1.8rem 1.1rem}.tool-area{width:100%;max-width:700px;display:grid;gap:1rem}.input-group,.output-group{display:grid;gap:.35rem}.input-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.input-textarea{width:100%;min-height:140px;resize:vertical;padding:.82rem .95rem;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);outline:none}.input-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn-primary{justify-self:start;border:none;border-radius:var(--radius);padding:.72rem 1.25rem;font:inherit;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.output-area{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;font-size:.92rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.output-success{border-color:var(--success)}.output-warning{border-color:var(--warning)}.output-error{border-color:var(--error)}.app-footer{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:1rem 1.1rem 1.2rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.app-header{padding-top:1.5rem}.app-main{padding:1.25rem .9rem}.app-footer{flex-direction:column;text-align:center}}