*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:auto}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:21px;margin:0;overflow-x:hidden}.container{width:100%;max-width:500px;text-align:center}@media (min-width: 768px){.container{max-width:600px}}h1{color:#f90;margin-bottom:20px;margin-top:0;font-size:1.8rem;font-weight:700;text-align:left}@media (min-width: 768px){h1{font-size:2.2rem;margin-bottom:24px}}.version{font-size:.5em;color:#666;font-weight:400;vertical-align:middle}.input-container{margin-bottom:30px;display:flex;gap:4px;align-items:stretch}#qrInput{flex:1;padding:15px;font-size:16px;background-color:#1a1a1a;border:2px solid #333333;border-right:none;border-radius:0;-webkit-border-radius:0;color:#fff;outline:none;transition:border-color .3s ease;-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:rgba(255,153,0,.3)}@media (min-width: 768px){#qrInput{padding:18px;font-size:18px}}.create-btn{background-color:#f90;color:#000;border:2px solid #333333;border-left:none;padding:5px;font-size:14px;font-weight:600;border-radius:0;-webkit-border-radius:0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px}@media (min-width: 768px){.create-btn{padding:8px;min-width:52px}}.create-btn img{width:42px;height:42px;display:block}@media (min-width: 768px){.create-btn img{width:48px;height:48px}}.create-btn:hover{background-color:#fa0;transform:translateY(-2px);box-shadow:0 4px 12px #f906}.create-btn:active{transform:translateY(0)}#qrInput:focus{border-color:#f90}#qrInput:focus+.create-btn{border-color:#f90;border-left:none}#qrInput::placeholder{color:#666}.qr-container{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .3s ease}.qr-container.hidden{display:none}#qrCanvas{background-color:#fff;border-radius:0;-webkit-border-radius:0;box-shadow:0 4px 20px #ff99004d;max-width:100%;width:100%;aspect-ratio:1;height:auto}.save-btn{background-color:#f90;color:#000;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:0;-webkit-border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.save-btn{padding:14px 36px;font-size:18px}}.save-btn:hover{background-color:#fa0;transform:translateY(-2px);box-shadow:0 4px 12px #f906}.save-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}