@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#f0f0f0;color:#2c3e50}#app{max-width:600px;margin:0 auto;padding:20px 20px 70px}h1,h2{color:#2c3e50;font-weight:700}h1{font-size:2em}h2{font-size:1.5em}p{font-size:1em;line-height:1.5}.screen{text-align:center}.step-content{padding-bottom:20px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.back-btn{background-color:#6c757d;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.back-btn:hover{background-color:#5a6268;transform:translate(-2px)}.step-progress{font-size:14px;color:#6c757d;font-weight:500;background-color:#f8f9fa;padding:6px 12px;border-radius:15px;border:1px solid #e9ecef}input[type=text]{padding:10px;font-size:16px;width:80%;max-width:300px;margin-bottom:20px;border:2px solid #3498db;border-radius:5px;outline:none}input[type=text]:focus{border-color:#58cc02}button{padding:10px 20px;font-size:16px;background-color:#58cc02;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s,background-color .2s}.platform-buttons{display:flex;gap:20px;justify-content:center;margin:30px 0}.platform-btn{display:flex;flex-direction:column;align-items:center;padding:30px 40px;border-radius:15px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;min-width:150px}.platform-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.tiktok-btn{background:linear-gradient(135deg,#ff0050,#ff4081);color:#fff}.tiktok-btn:hover{background:linear-gradient(135deg,#e6004a,#e91e63);border-color:#ff0050}.instagram-btn{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.instagram-btn:hover{background:linear-gradient(135deg,#7229a0,#e91e1a,#e6a03d);border-color:#833ab4}.platform-icon{font-size:3em;margin-bottom:10px}.platform-name{font-size:1.2em;font-weight:700}.platform-indicator{margin-bottom:20px}.platform-badge{display:inline-block;padding:8px 16px;background-color:#e7f8d7;color:#2c3e50;border-radius:20px;font-weight:600;font-size:14px;border:2px solid #c5e8b7}button:disabled{background-color:#bdc3c7;cursor:not-allowed}button:enabled:hover{transform:scale(1.05)}.next-btn{position:fixed;bottom:0;left:0;width:100%;padding:15px 0;border-radius:0;font-size:18px;z-index:100;box-shadow:0 -2px 10px #0000001a}.next-btn:enabled:hover{transform:none;background-color:#4baa02}.next-btn:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.8}.next-btn:disabled:hover{background-color:#95a5a6;transform:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{padding:30px!important;font-size:25px!important;animation:pulse 1s infinite}.horizontal-list-container{width:100%;margin:15px 0;padding:5px 0;background-color:#f5f9ff;border-radius:10px;box-shadow:0 2px 8px #00000014}.horizontal-list{display:flex;flex-wrap:wrap;gap:12px;padding:15px 10px;overflow-x:unset;align-items:flex-start}.list-item{position:relative;display:flex;align-items:center;flex:0 0 auto;padding:10px 40px 10px 16px;background-color:#e7f8d7;color:#2c3e50;border:1px solid #c5e8b7;border-radius:20px;font-size:15px;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px #0000001a;transition:transform .2s,background-color .2s}.list-item:hover{transform:translateY(-2px);background-color:#d5f2bc;cursor:pointer}.copy-icon{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.copy-icon:hover{transform:scale(1.2)}.copy-icon svg{width:16px;height:16px;fill:#58cc02}.copy-icon.copied svg{display:none}.copy-icon.copied:after{content:"✓";color:#58cc02;font-weight:700;font-size:16px}.list-title{font-size:14px;font-weight:500;color:#58cc02;margin:5px 15px;text-align:left}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background-color:#00000080;color:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 4px 12px #00000026;z-index:1000;font-weight:500;opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;display:flex;align-items:center;gap:8px}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.toast-notification svg{width:18px;height:18px;fill:#fff}.error-message{color:#e74c3c;font-size:14px;margin-top:10px}.loading{opacity:.6;pointer-events:none}@media (max-width: 600px){.platform-buttons{flex-direction:column;align-items:center;gap:15px}.platform-btn{min-width:200px;padding:25px 30px}.step-header{flex-direction:column;gap:10px;margin-bottom:15px}.back-btn{align-self:flex-start}.step-progress{align-self:center}}@media (min-width: 600px){h1{font-size:2.5em}h2{font-size:1.8em}button{padding:12px 24px}.next-btn{left:50%;transform:translate(-50%);width:600px}.next-btn:enabled:hover{background-color:#4baa02}.next-btn:disabled:hover{background-color:#95a5a6}}