@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0;text-align:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c42}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--orange-primary: #ff6b35;--orange-secondary: #ff8c42;--orange-light: #ffab70;--orange-dark: #e55a2b;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #333333;--shadow-color: rgba(255, 107, 53, .2);--error-color: #ff4757;--success-color: #2ed573;--border-radius: 12px;--border-radius-lg: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.App{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1a1a 100%);padding:2rem 1rem}.container{max-width:800px;margin:0 auto;padding:0 1rem}.header{text-align:center;margin-bottom:3rem}.title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.title-main{color:var(--text-primary)}.title-accent{color:var(--orange-primary);background:linear-gradient(135deg,var(--orange-primary),var(--orange-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.url-shortener{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.url-form{margin-bottom:2rem}.input-group{display:flex;gap:1rem;align-items:stretch}.input-wrapper{flex:1;position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:2}.url-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.url-input:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px var(--shadow-color)}.url-input::placeholder{color:var(--text-muted)}.shorten-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--orange-primary),var(--orange-secondary));border:none;border-radius:var(--border-radius);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.shorten-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-secondary),var(--orange-light));transform:translateY(-2px);box-shadow:0 10px 20px #ff6b354d}.shorten-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.spinner.large{width:40px;height:40px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#ff47571a;border:1px solid var(--error-color);color:var(--error-color);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;text-align:center}.result-container{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:2rem;border:1px solid var(--border-color)}.result-header h3{color:var(--orange-primary);margin-bottom:1.5rem;font-size:1.25rem;text-align:center}.url-result{background:var(--bg-primary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.url-display{margin-bottom:1rem}.short-url{color:var(--orange-primary);font-size:1.1rem;font-weight:600;word-break:break-all}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.action-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.copy-btn.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}.original-url{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.original-url .label{color:var(--text-muted);font-size:.9rem;font-weight:500}.original-url .url{color:var(--text-secondary);word-break:break-all}.reset-btn{width:100%;padding:1rem;background:transparent;border:2px solid var(--orange-primary);border-radius:var(--border-radius);color:var(--orange-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.reset-btn:hover{background:var(--orange-primary);color:#fff;transform:translateY(-2px)}.analytics-container{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.analytics-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.back-btn:hover{background:var(--bg-primary);color:var(--orange-primary)}.analytics-header h2{display:flex;align-items:center;gap:.75rem;color:var(--orange-primary);font-size:1.5rem}.analytics-content{display:flex;flex-direction:column;gap:2rem}.stats-card{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:2rem;border:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:1.5rem}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--orange-primary),var(--orange-secondary));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff}.stat-info h3{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--orange-primary)}.short-url-info{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color)}.short-url-info h3{color:var(--text-secondary);margin-bottom:1rem}.visit-history h3{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);margin-bottom:1.5rem}.history-list{background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color);max-height:400px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:var(--transition)}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-primary)}.visit-number{background:var(--orange-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;min-width:40px;text-align:center}.visit-time{color:var(--text-secondary);font-size:.9rem}.no-visits{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.no-visits svg{margin-bottom:1rem;opacity:.5}.no-visits h3{color:var(--text-secondary);margin-bottom:.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem}@media (max-width: 768px){.container{padding:0 .5rem}.title{font-size:2.5rem}.subtitle{font-size:1.1rem}.url-shortener{padding:1.5rem}.input-group{flex-direction:column}.action-buttons{justify-content:center}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.stat-item{flex-direction:column;text-align:center;gap:1rem}.original-url{flex-direction:column}}