:root{--bg-hard: #1d2021;--bg: #282828;--bg-soft: #32302f;--bg1: #3c3836;--bg2: #504945;--bg3: #665c54;--fg: #ebdbb2;--fg2: #d5c4a1;--fg3: #bdae93;--fg4: #a89984;--red: #fb4934;--green: #b8bb26;--yellow: #fabd2f;--blue: #83a598;--purple: #d3869b;--aqua: #8ec07c;--orange: #fe8019}*{box-sizing:border-box}body{margin:0;padding:0;font-family:JetBrains Mono,monospace;background-color:var(--bg-hard);color:var(--fg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:700px;margin:0 auto;padding:3rem 1.5rem;width:100%}.health-section{display:flex;justify-content:center;margin-bottom:2rem}.health-badge{padding:.4rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.health-badge.healthy{background-color:#b8bb2626;color:var(--green);border:1px solid var(--green)}.health-badge.unhealthy{background-color:#fb493426;color:var(--red);border:1px solid var(--red)}.health-badge.unknown{background-color:#fabd2f26;color:var(--yellow);border:1px solid var(--yellow)}.shortener-section{background-color:var(--bg);border:1px solid var(--bg1);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px #0000004d}.title{font-size:2rem;font-weight:700;color:var(--fg);margin:0 0 1.5rem;text-align:center}.shortener-form{display:flex;gap:.75rem;flex-wrap:wrap}.url-input{flex:1;min-width:200px;padding:.875rem 1rem;font-size:.9rem;font-family:inherit;background-color:var(--bg-soft);border:1px solid var(--bg2);border-radius:8px;color:var(--fg);transition:border-color .2s ease,box-shadow .2s ease}.url-input::placeholder{color:var(--fg4)}.url-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #83a59833}.url-input:disabled{opacity:.6;cursor:not-allowed}.submit-btn{padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;font-family:inherit;background-color:var(--orange);color:var(--bg-hard);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background-color:var(--yellow);transform:translateY(-1px)}.submit-btn:focus{outline:none;box-shadow:0 0 0 3px #fe80194d}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:8px;font-size:.875rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.error{background-color:#fb49341a;border:1px solid var(--red);color:var(--red)}.message.success{background-color:#b8bb261a;border:1px solid var(--green);color:var(--fg)}.result-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.result-row:last-child{margin-bottom:0}.result-label{color:var(--fg4);font-size:.8rem;flex-shrink:0}.short-id{font-size:1rem;font-weight:600;color:var(--aqua);background-color:var(--bg1);padding:.25rem .5rem;border-radius:4px}.original-url{color:var(--fg3);word-break:break-all}.copy-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;font-family:inherit;background-color:var(--bg2);color:var(--fg);border:1px solid var(--bg3);border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background-color:var(--bg3);border-color:var(--fg4)}.copy-btn:focus{outline:none;box-shadow:0 0 0 2px #83a5984d}.analytics-section{background-color:var(--bg);border:1px solid var(--bg1);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px #0000004d}.section-title{font-size:1.25rem;font-weight:600;color:var(--fg);margin:0 0 1.25rem}.empty-state{color:var(--fg4);text-align:center;padding:2rem 0;font-style:italic}.table-wrapper{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:.875rem}.analytics-table th{text-align:left;padding:.75rem 1rem;color:var(--fg4);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;border-bottom:1px solid var(--bg2)}.analytics-table td{padding:.875rem 1rem;border-bottom:1px solid var(--bg1);vertical-align:middle}.analytics-table tbody tr{transition:background-color .2s ease}.analytics-table tbody tr:hover{background-color:var(--bg-soft)}.analytics-table tbody tr:last-child td{border-bottom:none}.table-short-id{font-size:.85rem;color:var(--blue);background-color:var(--bg1);padding:.2rem .4rem;border-radius:3px;margin-right:.5rem}.copy-btn-small{padding:.25rem .4rem;font-size:.7rem;background:transparent;border:1px solid var(--bg2);border-radius:3px;cursor:pointer;color:var(--fg4);transition:all .2s ease}.copy-btn-small:hover{background-color:var(--bg2);color:var(--fg)}.clicks{font-weight:600;color:var(--orange);text-align:center}.footer{text-align:center;color:var(--fg4);font-size:.8rem;padding:1rem 0;margin-top:auto}@media(max-width:480px){.container{padding:2rem 1rem}.shortener-section,.analytics-section{padding:1.5rem}.title{font-size:1.5rem}.shortener-form{flex-direction:column}.submit-btn{width:100%}.analytics-table{font-size:.8rem}.analytics-table th,.analytics-table td{padding:.625rem .75rem}}