body.dark,body.dark .swap-btn{background-color:var(--bg-dark)}.swap-btn:hover,.utility-btn:hover,textarea:focus{border-color:var(--accent-light)}body.dark .swap-btn,body.dark .utility-btn,body.dark textarea{border-color:var(--border-dark);color:var(--text-dark)}body.dark .swap-btn:hover,body.dark .utility-btn:hover,body.dark textarea:focus{border-color:var(--accent-dark)}body.dark,body.dark .field-header,body.dark .footer-credit-box,body.dark .swap-btn,body.dark .theme-toggle,body.dark .utility-btn,body.dark select option,body.dark textarea{color:var(--text-dark)}:root{--font-title:'Space Grotesk',sans-serif;--font-ui:'Inter',sans-serif;--font-mono:'Roboto Mono',monospace;--font-footer-main:'Montserrat',sans-serif;--font-footer-sub:'Roboto',sans-serif;--success-color:#16A34A;--warning-color:#D97706;--error-color:#DC2626;--bg-light:#F7F0E8;--text-light:#4E443A;--accent-light:#3B82F6;--border-light:#DCD0C0;--field-bg-light:#FFFFFF;--bg-dark:#111111;--text-dark:#E5E7EB;--accent-dark:#60A5FA;--border-dark:#374151;--field-bg-dark:#1F2937}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}select:focus-visible{outline:0}body.dark button:focus-visible{outline-color:var(--accent-dark)}body{font-family:var(--font-ui);margin:0;min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;transition:background-color .3s,color .3s;background-color:var(--bg-light);color:var(--text-light)}select,textarea{font-family:var(--font-mono)}.app-header,.swap-container{align-items:center;display:flex}#background-blur{position:fixed;top:50%;left:50%;width:50vmax;height:50vmax;background-color:var(--accent-light);border-radius:50%;filter:blur(150px);transform:translate(-50%,-50%);opacity:.1;transition:background-color .5s;z-index:-1}body.dark #background-blur{background-color:var(--accent-dark);opacity:.15}.app-header{padding:2rem 4rem;flex-shrink:0;animation:.5s ease-out fadeInDown;position:relative}.title-container{position:absolute;left:50%;transform:translateX(-50%)}.textarea-wrapper,.theme-toggle{position:relative;overflow:hidden}.app-title{font-family:var(--font-title);font-weight:700;font-size:1.5rem;letter-spacing:.3em;margin:0}.theme-toggle{background:0 0;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--text-light);transition:transform .3s,color .3s;margin-left:auto}.swap-btn,.utility-btn{border:1px solid var(--border-light);color:var(--text-light);cursor:pointer}.swap-btn,textarea{background-color:var(--field-bg-light);transition:.3s}.theme-toggle:hover{transform:scale(1.15)}.theme-toggle svg{position:absolute;transition:transform .5s cubic-bezier(.2, 1, .3, 1)}.theme-toggle .moon{transform:translateY(150%) scale(.5)}.theme-toggle .sun,body.dark .theme-toggle .moon{transform:translateY(0) scale(1)}body.dark .theme-toggle .sun{transform:translateY(-150%) scale(.5)}.converter-core{flex-grow:1;display:flex;align-items:stretch;gap:1rem;padding:.5rem 4rem 1rem;animation:.5s ease-out fadeInUp;min-height:0}.field-container{flex:1;display:flex;flex-direction:column;min-width:0}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:var(--font-ui);font-weight:500;font-size:.9rem;letter-spacing:.1em;color:var(--text-light);opacity:.7}body.dark .field-header{opacity:.7}.swap-container{padding-bottom:3rem}.swap-btn{border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;opacity:.8}.button-group,.utility-btn{display:flex;transition:.2s ease-out}.swap-btn:hover{opacity:1;transform:scale(1.1)}.swap-icon path{transition:transform .4s cubic-bezier(.2, 1, .3, 1)}.swap-btn:hover .swap-icon .arrow-top,.swap-btn:hover .swap-icon .line-bottom{transform:translateX(2px)}.swap-btn:hover .swap-icon .arrow-bottom,.swap-btn:hover .swap-icon .line-top{transform:translateX(-2px)}.textarea-wrapper{flex-grow:1;display:flex;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.button-group{position:absolute;top:16px;right:16px;flex-direction:column;gap:8px;opacity:0;transform:translateX(10px);pointer-events:none}.textarea-wrapper:hover .button-group,textarea:focus~.button-group{opacity:.7;transform:translateX(0);pointer-events:all}.button-group:hover{opacity:1}.utility-btn{background-color:rgba(255,255,255,.7);backdrop-filter:blur(5px);border-radius:8px;width:36px;height:36px;align-items:center;justify-content:center;position:relative}body.dark .utility-btn{background-color:rgba(31,41,55,.7)}.clear-btn:hover{color:var(--error-color);border-color:var(--error-color)}.utility-btn .check-icon{position:absolute;transform:scale(0);transition:transform .2s ease-out;color:var(--success-color)}.utility-btn.copied .check-icon{transform:scale(1)}.utility-btn.copied .copy-icon{transform:scale(0)}select{background:0 0;border:none;font-size:.9rem;color:inherit;cursor:pointer;text-align:right}.footer-credit-box,.footer-subtitle,select option,textarea{color:var(--text-light)}select option{background:var(--bg-light)}body.dark select option{background:var(--bg-dark)}textarea{flex-grow:1;width:100%;padding:1.5rem 60px 1.5rem 1.5rem;border:1px solid var(--border-light);font-size:1.25rem;resize:none;word-break:break-all}textarea:focus{outline:0;box-shadow:0 0 0 4px var(--accent-light-transparent,rgba(59,130,246,.2))}body.dark textarea{background-color:var(--field-bg-dark)}body.dark textarea:focus{box-shadow:0 0 0 4px var(--accent-dark-transparent,rgba(96,165,250,.2))}#output-area{opacity:.9}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-footer{flex-shrink:0;text-align:center;padding:1rem}.footer-credit-box{font-family:var(--font-footer-main);font-weight:600;font-size:1rem;opacity:.9}.footer-subtitle{margin-top:4px;font-family:var(--font-footer-sub);font-weight:400;font-size:.85rem;opacity:.7}body.dark .footer-subtitle{color:var(--text-dark);opacity:.6}@media (max-width:800px){.converter-core{flex-direction:column;padding:.5rem .5rem 1rem;gap:0}.swap-container{order:1;padding:.5rem 0;justify-content:center}.from-container{order:0}.to-container{order:2}.swap-btn{transform:rotate(90deg)}.swap-btn:hover{transform:rotate(90deg) scale(1.1)}.app-header{padding:1.5rem 1rem}.title-container{position:static;transform:none;text-align:center}.theme-toggle{position:absolute;top:1.25rem;right:1rem}textarea{font-size:1rem;padding:1rem 50px 1rem 1rem}.button-group{top:10px;right:10px}.app-footer{padding:.5rem 1rem 1rem;text-align:center}}