@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--bg-page:#f5f7fb;--bg-surface:#ffffffe6;--bg-panel:#ffffffbf;--text-primary:#141826;--text-secondary:#4b5063;--accent:#4f46e5;--accent-hover:#4338ca;--border:#4f46e526;--shadow:0 24px 48px #0f172a1f;--blur-radius:20px;--transition:.25s ease}body[data-theme=dark]{--bg-page:radial-gradient(circle at top,#1f2937,#0d214e);--bg-surface:#0f172af2;--bg-panel:#0f172aa6;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent:#8b5cf6;--accent-hover:#7c3aed;--border:#7c3aed40;--shadow:0 24px 48px #02061799}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:var(--bg-page);min-height:100vh;color:var(--text-primary);transition:background var(--transition),color var(--transition);flex-direction:column;align-items:center;padding:clamp(1rem,3vw,2rem);display:flex}.app-header{width:min(960px,100%);backdrop-filter:blur(var(--blur-radius));background:var(--bg-surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(1rem,2vw,1.5rem);display:flex}.brand h1{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.brand p{color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem)}.theme-toggle{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;transition:background var(--transition),color var(--transition),border var(--transition);background:0 0;border-radius:999px;align-items:center;gap:.65rem;padding:.55rem 1.1rem;display:inline-flex}.theme-toggle:hover{background:var(--bg-panel)}.container{justify-content:center;width:min(960px,100%);display:flex}.wrapper{background:var(--bg-surface);width:100%;backdrop-filter:blur(var(--blur-radius));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:clamp(1.5rem,2vw,2rem);padding:clamp(1.25rem,3vw,2rem);display:flex}.text-input{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.panel{background:var(--bg-panel);border:1px solid var(--border);transition:border var(--transition),transform var(--transition),background var(--transition);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.panel:focus-within{border-color:var(--accent);transform:translateY(-2px)}.panel-header,.panel-footer{justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-header{border-bottom:1px solid var(--border)}.panel-footer{border-top:1px solid var(--border)}.panel-actions{gap:.5rem;display:flex}.icon-button{width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition),border var(--transition),transform var(--transition);background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--accent);background:#4f46e514;transform:translateY(-1px)}.icon-button.is-active{background:var(--accent);color:#fff;border-color:#0000}body[data-theme=dark] .icon-button:hover{background:#8b5cf61f}.exchange{justify-content:center;align-items:center;display:flex}.exchange button{border:1px solid var(--border);background:var(--bg-panel);width:3.5rem;height:3.5rem;color:var(--accent);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.exchange button:hover{background:var(--accent);color:#fff;transform:rotate(180deg)}textarea{resize:vertical;width:100%;min-height:clamp(220px,30vh,320px);color:var(--text-primary);background:0 0;border:none;padding:clamp(1rem,2vw,1.5rem);font-size:1rem;line-height:1.6}textarea:focus{outline:none}textarea[readonly]{cursor:not-allowed}.select-label{color:var(--text-secondary);font-size:.85rem}.select{border:1px solid var(--border);width:100%;color:var(--text-primary);transition:border var(--transition),background var(--transition),color var(--transition);background:0 0;border-radius:14px;padding:.65rem .85rem;font-size:.95rem}.select:focus{border-color:var(--accent);outline:none}.actions{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);border:none;border-radius:16px;padding:.95rem 1.25rem;font-size:1.05rem;font-weight:600}.btn:hover:not([disabled]){filter:brightness(1.05);transform:translateY(-2px)}.btn:disabled{cursor:wait;opacity:.7}.hint{color:var(--text-secondary);max-width:80%;font-size:.85rem}.credit{color:var(--text-secondary);margin-top:clamp(2rem,5vw,3rem);font-size:.85rem}.credit a{color:var(--accent);font-weight:500;text-decoration:none}.credit a:hover{text-decoration:underline}@media (width<=960px){body{padding:1rem}.app-header{flex-direction:column;align-items:flex-start}.theme-toggle{align-self:flex-end}.text-input{grid-template-columns:1fr}.exchange{order:-1;justify-content:flex-end}.exchange button{transform:rotate(90deg)}}@media (width<=600px){.wrapper{border-radius:18px;padding:1.25rem}.panel-header,.panel-footer{padding:.85rem 1rem}textarea{min-height:200px}.theme-toggle{justify-content:center;align-self:stretch}}