:root{--font-family:"Lato", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display-font:"Lato", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-color:#303030;--bg-surface:#424242;--bg-surface-hover:#4a4a4a;--text-primary:#ffffffe6;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--accent-color:#ecf0f1;--accent-hover:#fff;--accent-gradient:linear-gradient(135deg, #ecf0f1, #bdc3c7);--danger-color:#f87171;--success-color:#3fb950;--border-color:#ffffff1f;--glass-bg:#424242;--glass-border:#ffffff14;--shadow-sm:0 4px 8px #0000000a, 0 0 2px #0000000f, 0 0 1px #0000000a;--shadow-md:0 10px 20px #0000000a, 0 2px 6px #0000000a, 0 0 1px #0000000a;--shadow-glow:none;--border-radius:10px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.85}h1,h2,h3,h4,h5,h6{font-family:var(--display-font);letter-spacing:-.02em;font-weight:600}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#303030;padding:.75rem 1rem;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ecf0f124}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-container{flex-direction:column;align-items:center;min-height:100vh;padding:2.2rem 1rem 3rem;display:flex;position:relative;overflow:hidden}.hero{width:min(900px,100%);margin-bottom:1.25rem;display:block}.hero-copy,.main-card{z-index:1;position:relative}.hero-copy{--content-width:760px;max-width:none;padding:.4rem 0}.ui-language-switch{justify-content:flex-end;align-items:center;gap:.65rem;margin-bottom:.9rem;display:flex}.ui-language-label{color:var(--text-secondary);font-size:.85rem}.ui-language-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:inline-grid}.ui-language-option{min-width:82px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.85rem;display:inline-flex;position:relative}.ui-language-option input{opacity:0;pointer-events:none;position:absolute;inset:0}.ui-language-option.is-active{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff47}.hero-eyebrow,.section-kicker,.showcase-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.hero-title{white-space:nowrap;min-width:0;max-width:none;margin-top:.7rem;font-size:3.1rem;line-height:1.12}.hero-text{max-width:none;color:var(--text-secondary);margin-top:.9rem;font-size:1rem}.hero-brand{flex-direction:column;align-items:flex-start;gap:.55rem;display:inline-flex}.hero-accent{display:inline-block}.hero-accent-image{object-fit:cover;width:72px;height:72px;box-shadow:var(--shadow-sm);background:#ffffff0a;border:2px solid #fff3;border-radius:50%;display:block}.hero-home-link{color:var(--text-secondary);display:inline-flex}.hero-home-link:hover{color:var(--text-primary)}.mascot-icon{object-fit:cover;border:2px solid #ffffff59;border-radius:50%;width:72px;height:72px;margin:0 auto 1rem;display:block;box-shadow:0 6px 16px #0000004d}.main-grid{width:min(900px,100%);display:block}.main-card{width:100%;max-width:min(900px,100%);margin:0 auto;padding:1.5rem}.usage-panel{width:100%;max-width:min(900px,100%);margin-top:1.25rem;padding:1.2rem 1.25rem}.usage-heading{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.usage-heading h2{font-size:1.1rem}.usage-copy{color:var(--text-secondary);flex-direction:column;gap:.65rem;display:flex}.usage-copy p{margin:0}.usage-copy strong{color:var(--text-primary)}.usage-copy p:last-child{color:var(--text-muted)}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading h2{margin-top:.3rem;font-size:1.45rem}.inline-tip,.status-pill{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:1rem}.input-wrapper input{background:var(--bg-surface);width:100%;min-height:3.3rem;padding-left:3rem}.input-hint{color:var(--text-muted);font-size:.88rem}.error-message{color:var(--danger-color);font-size:.92rem}.language-group{margin-top:1rem;margin-bottom:1.5rem}.language-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:inline-grid}.language-option{border-radius:var(--border-radius);border:1px solid var(--border-color);min-width:140px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;padding:.85rem 1.1rem;display:inline-flex;position:relative}.language-option input{opacity:0;pointer-events:none;position:absolute;inset:0}.language-option.is-active{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff47;transform:translateY(-1px)}.btn-primary{background:var(--accent-gradient);color:#000;border-radius:var(--border-radius);width:100%;min-height:3.3rem;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.actions-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-secondary{border:1px solid var(--border-color);min-height:7.8rem;color:var(--text-primary);border-radius:var(--border-radius);transition:all var(--transition-fast);background:#ffffff0a;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.1rem;font-weight:500;display:flex}.btn-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-hover);background:#ffffff1a;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.results-panel{flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex}.character-copy h3{font-size:1.05rem}.character-copy{flex-direction:column;gap:.25rem;display:flex}.character-copy p,.result-note{color:var(--text-secondary)}.character-preview{border-radius:var(--border-radius);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:1.3rem;padding:1.25rem;display:flex}.avatar-shell,.avatar-fallback{width:96px;height:96px;box-shadow:var(--shadow-sm);background:#ffffff0a;border:2px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.character-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-fallback{border-color:var(--border-color);color:var(--text-muted);font-size:.85rem}.stats-row{flex-wrap:wrap;gap:.7rem;margin-top:.5rem;display:flex}.stat-chip{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.88rem;display:inline-flex}.stat-chip strong{color:var(--text-primary);font-size:.92rem}.download-row{margin-top:.55rem}.avatar-download{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.9rem;display:inline-flex}.result-note{font-size:.92rem}.output-guide{padding-top:.25rem}.output-guide-list{color:var(--text-secondary);flex-direction:column;gap:.75rem;display:flex}.output-guide-list p{margin:0}.output-guide-list strong{color:var(--text-primary)}.site-footer{width:min(900px,100%);color:var(--text-muted);margin-top:2rem;font-size:.82rem;line-height:1.7}.site-footer p{margin:0}.site-footer p+p{margin-top:.75rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.actions-grid{grid-template-columns:1fr}.language-toggle{width:100%}.language-option{min-width:0}}@media (width<=640px){.app-container{padding-top:1.5rem}.ui-language-switch{flex-wrap:wrap;justify-content:flex-start}.hero-title{font-size:2.5rem}.section-heading,.character-preview{flex-direction:column;align-items:flex-start}}