@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-primary:#0b0c10;--bg-secondary:#16181ebf;--text-primary:#f5f6f8;--text-secondary:#8e95a5;--accent:#d4c08e;--accent-hover:#e5d19f;--accent-light:#d4c08e14;--warning:#ff6b6b;--border-color:#d4c08e26;--input-bg:#0a0b0d99;--glass-blur:16px;--glass-border:1px solid #ffffff0d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 12px 32px #00000080;--shadow-glow:0 0 24px #d4c08e1f;--shadow-accent:0 4px 14px #d4c08e33}[data-theme=light]{--bg-primary:#f9f8f4;--bg-secondary:#ffffffd9;--text-primary:#1a1b1f;--text-secondary:#6c717e;--accent:#b09b67;--accent-hover:#9c8957;--accent-light:#b09b6714;--warning:#d32f2f;--border-color:#b09b6738;--input-bg:#f0eee8cc;--toggle-border:#b09b674d;--glass-blur:16px;--glass-border:1px solid #fff6;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 12px 32px #b09b6714, 0 4px 12px #0000000d;--shadow-glow:0 0 24px #b09b671f;--shadow-accent:0 4px 14px #b09b6726}body{background:radial-gradient(circle at 50% 0%, #d4c08e0d 0%, var(--bg-primary) 75%);background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;margin:0;font-family:Noto Sans,sans-serif;transition:background .3s,color .3s;display:flex}[data-theme=light] body{background:radial-gradient(circle at 50% 0%, #b09b670a 0%, var(--bg-primary) 75%)}#root{width:100%;max-width:900px;padding:0 var(--spacing-md);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}header{border-bottom:1px solid var(--border-color);width:100%;margin-bottom:var(--spacing-lg);background-color:#0000;transition:border-color .3s}.header-content{width:100%;max-width:900px;padding:var(--spacing-lg) var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.logo-section{flex-direction:column;flex:1;align-items:flex-start;display:flex}.logo-section img{margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 8px #0000004d);transition:transform .3s}.logo-section:hover img{transform:scale(1.03)}.app-title{text-align:center;flex:2;justify-content:center;display:flex}.app-title h1{color:var(--accent);letter-spacing:-.5px;white-space:nowrap;text-shadow:0 2px 10px #d4c08e1a;margin:0;font-size:1.6rem;font-weight:300;transition:color .3s}.theme-toggle-wrapper{flex:1;justify-content:flex-end;display:flex}.theme-toggle{border:1px solid var(--border-color);color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle:hover{background-color:var(--accent-light);border-color:var(--accent);color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:rotate(15deg)scale(1.08)}.theme-toggle svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .icon-sun{transform:rotate(45deg)}.theme-toggle:hover .icon-moon{transform:rotate(-12deg)scale(1.1)}header p{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:.85rem;font-weight:600;transition:color .3s}main{gap:var(--spacing-lg);background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:var(--glass-border);flex-direction:column;flex:1;transition:all .3s;display:flex;position:relative}main:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.notice{background-color:var(--accent-light);border-left:4px solid var(--accent);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0000000d}.notice h2{color:var(--accent);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-sm);font-size:1.1rem;display:flex}.notice p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.content{gap:var(--spacing-lg);flex-direction:column;display:flex}fieldset{border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);gap:var(--spacing-lg);flex-wrap:wrap;margin:0;transition:border-color .3s,background-color .3s;display:flex}fieldset legend{padding:0 var(--spacing-sm);color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}fieldset div{align-items:center;gap:var(--spacing-sm);display:flex}input[type=radio]{appearance:none;background-color:var(--input-bg);font:inherit;color:var(--accent);border:2px solid var(--border-color);cursor:pointer;border-radius:50%;place-content:center;width:1.25em;height:1.25em;margin:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid}input[type=radio]:before{content:"";width:.6em;height:.6em;box-shadow:inset 1em 1em var(--accent);border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:scale(0)}input[type=radio]:checked{border-color:var(--accent);box-shadow:var(--shadow-glow)}input[type=radio]:checked:before{transform:scale(1)}label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-weight:500;transition:color .3s}form{gap:var(--spacing-md);flex-direction:column;display:flex}form label{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:500}.textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:150px;color:var(--text-primary);padding:var(--spacing-md);resize:vertical;font-family:Atkinson Hyperlegible Mono,monospace;font-size:.95rem;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.textarea:focus{border-color:var(--accent);background-color:var(--bg-primary);box-shadow:var(--shadow-glow);outline:none}.inputArea{gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}input[type=submit],input[type=button]{padding:var(--spacing-md);border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border:none;flex:1;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}input[type=submit]{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);box-shadow:var(--shadow-sm);color:#0c0d10!important}input[type=submit]:hover:not(:disabled){box-shadow:var(--shadow-accent), var(--shadow-glow);transform:translateY(-2px)}input[type=submit]:active:not(:disabled){transform:translateY(0)}input[type=submit]:disabled{opacity:.5;cursor:wait;filter:grayscale(.5);box-shadow:none!important;transform:none!important}input[type=button]{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}input[type=button]:hover{background-color:var(--accent-light);color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}input[type=button]:active{transform:translateY(0)}.progressBar{background-color:var(--input-bg);height:8px;margin:var(--spacing-md) 0;border:1px solid #ffffff05;border-radius:10px;overflow:hidden}#progressBarStatus{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);width:0;height:100%;box-shadow:0 0 12px var(--accent);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.error{color:var(--warning);padding:var(--spacing-md);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);background-color:#ff6b6b14;border:1px solid #ff6b6b40;font-size:.9rem;display:flex;box-shadow:0 4px 12px #ff6b6b0d}footer{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-secondary);opacity:.8;font-size:.85rem;transition:color .3s}@media (width<=600px){main{padding:var(--spacing-md)}.inputArea{flex-direction:column}fieldset{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column}.title h1{font-size:1.75rem}.app-title h1{font-size:1.3rem}}.toast-container{z-index:1000;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{border-radius:var(--radius-md);background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);box-shadow:var(--shadow-md);border:var(--glass-border);cursor:pointer;align-items:center;gap:12px;min-width:290px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.35s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid var(--warning)}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast-icon{color:var(--accent);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:var(--warning)}.toast-message{font-size:.9rem;font-weight:500}.toast:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.toast:hover .icon-check{transition:transform .2s;transform:scale(1.2)}.toast:hover .icon-cross{transition:transform .25s;transform:rotate(90deg)scale(1.15)}@keyframes successBorderPulse{0%{border-color:var(--border-color);box-shadow:var(--shadow-md)}30%{border-color:var(--accent);box-shadow:var(--shadow-md), var(--shadow-glow);transform:scale(1.002)}70%{border-color:var(--accent);box-shadow:var(--shadow-md), var(--shadow-glow);transform:scale(1.002)}to{border-color:var(--border-color);box-shadow:var(--shadow-md);transform:scale(1)}}main.success-pulse{animation:3s cubic-bezier(.4,0,.2,1) forwards successBorderPulse}@keyframes successBarPulse{0%{opacity:.8}30%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 8px var(--accent))}70%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 8px var(--accent))}to{opacity:.8}}main.success-pulse:before{animation:3s cubic-bezier(.4,0,.2,1) forwards successBarPulse}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}