*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}body{padding:20px}main{max-width:600px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:40px}h1{font-size:2.5rem;margin-bottom:10px}.subtitle,h1{text-align:center}.subtitle{color:#666;margin-bottom:40px;font-size:1.1rem}.input-group{display:flex;gap:10px;margin-bottom:20px}input[type=password],input[type=text],input[type=url]{flex:1 1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{outline:none;border-color:#667eea}button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}button:active{transform:translateY(0)}button.secondary{background:#f0f0f0;color:#333;font-size:.9rem;padding:8px 16px}button.secondary:hover{background:#e0e0e0;box-shadow:none}button.danger{background:#ff6b6b}button.danger:hover{box-shadow:0 8px 20px rgba(255,107,107,.4)}.result-section{background:#f9f9f9;padding:24px;border-radius:8px;margin-bottom:30px}.result-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.result-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.label{display:block;font-size:.9rem;color:#666;margin-bottom:8px;font-weight:600}.result-text{font-family:Monaco,Menlo,monospace;padding:8px 12px;background:white;border-radius:4px;word-break:break-all;margin-bottom:8px}.actions{gap:10px}.actions,.qr-container{display:flex;flex-wrap:wrap}.qr-container{justify-content:center;gap:20px;margin:20px 0}.qr-box{background:white;padding:20px;border-radius:8px;border:2px solid #e0e0e0;display:flex;flex-direction:column;align-items:center}.qr-box canvas{max-width:100%;margin-bottom:10px}.links-section{margin-top:40px;padding-top:40px;border-top:2px solid #e0e0e0}.links-section h2{font-size:1.5rem;margin-bottom:20px}.link-item{background:#f9f9f9;padding:16px;border-radius:8px;margin-bottom:12px;border-left:4px solid #667eea}.link-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.link-code{font-family:Monaco,Menlo,monospace;font-weight:600;color:#667eea;font-size:1.1rem}.link-stats{display:flex;gap:20px}.link-stats,.link-url{font-size:.9rem;color:#666;margin-bottom:10px}.link-url{font-family:Monaco,Menlo,monospace;word-break:break-all}.link-actions{display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:30px;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-close{float:right;font-size:1.5rem;cursor:pointer;color:#999}.modal-close:hover{color:#333}.error{background:#ffe0e0;border:1px solid #ff9999;color:#c00;border-radius:8px}.error,.success{padding:12px 16px;margin-bottom:20px}.success{background:#e0ffe0;border:1px solid #99ff99;color:#0a0;border-radius:8px}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state p{font-size:1.1rem;margin-bottom:20px}@media (max-width:600px){main{padding:20px}h1{font-size:2rem}.actions,.input-group,.qr-container{flex-direction:column}.qr-box{width:100%}}