.header{text-align:center;margin-bottom:3rem;position:relative}.theme-toggle{position:absolute;top:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:50px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.theme-toggle:hover{background:var(--surface-hover);transform:scale(1.05)}.main-grid{width:100%;display:grid;gap:2rem;margin-bottom:3rem;aligh:center}@media (min-width:768px){.main-grid{grid-template-columns:1fr 1fr}}.result-box.animate::before{left:100%}.loading{opacity:.7;pointer-events:none}.fade-in{animation:fadeIn .5s ease-in}.success-message.show{opacity:1;transform:translateY(0)}