body,html{margin:0;padding:0;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;box-sizing:border-box;padding:20px}.light{background-color:#f8f9fa;color:#212529;transition:background .3s ease}.light input::placeholder{color:#212529}.dark{background-color:#121212;color:#fff;transition:background .3s ease}.dark input::placeholder{color:#fff}.button-group{display:flex;gap:10px;margin-bottom:20px}form{background:#8080801a;padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(128,128,128,.2);margin-bottom:20px;display:flex;gap:10px;align-items:center}input{padding:10px 15px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px}.dark input{background:#2a2a2a;border-color:#444;color:#fff}button{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:transform .1s,opacity .2s;background-color:#000;color:#fff}button:hover{opacity:.8;transform:translateY(-1px)}button:active{transform:translateY(0)}.light button{background-color:#000;color:#fff}.dark button{background-color:#fff;color:#000}.error-box{border:2px dashed #ff4d4d;padding:20px;border-radius:10px;background:#ff4d4d1a}@media(max-width:768px){.App{padding:15px;height:auto;min-height:100vh;overflow-y:auto}.button-group{flex-direction:row;width:100%;gap:10px;justify-content:center}button{padding:8px 16px;font-size:12px;width:auto}form{flex-direction:column;width:100%;max-width:500px;padding:2rem;gap:15px}input{width:100%;padding:14px;font-size:16px}h2{font-size:20px;margin:20px 0 15px}}@media(max-width:480px){.App{padding:12px}.button-group{flex-direction:row;gap:8px;justify-content:center}button{padding:7px 14px;font-size:11px;width:auto;min-width:80px}form{width:100%;padding:1.5rem;gap:12px}input{padding:12px;font-size:14px}h2{font-size:18px;margin:18px 0 12px}body,html{font-size:13px}}@media(max-width:320px){.App{padding:8px}.button-group{gap:6px}button{padding:6px 12px;font-size:10px;min-width:70px}form{padding:1rem;gap:10px}input{padding:10px;font-size:12px}h2{font-size:16px;margin:14px 0 10px}}