.app{min-height:100vh;background:var(--tg-theme-bg-color, #18222d);color:var(--tg-theme-text-color, #ffffff);padding:16px;max-width:600px;margin:0 auto}.header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--tg-theme-hint-color, #5e6d7e)}.header h1{margin:0 0 8px;font-size:24px;font-weight:600}.header p{margin:0;color:var(--tg-theme-hint-color, #5e6d7e);font-size:14px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.spinner{width:32px;height:32px;border:3px solid var(--tg-theme-hint-color, #5e6d7e);border-top:3px solid var(--tg-theme-button-color, #2ea6ff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px}.empty-state p{margin:0;color:var(--tg-theme-hint-color, #5e6d7e);font-size:14px}.links-list{display:flex;flex-direction:column;gap:12px}.link-card{background:var(--tg-theme-secondary-bg-color, #1f2d3d);border-radius:12px;padding:16px;border:1px solid var(--tg-theme-section-border-color, #2c3e50)}.link-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.link-number{background:var(--tg-theme-button-color, #2ea6ff);color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;min-width:24px;text-align:center}.link-url{flex:1;word-break:break-all;font-size:12px;color:var(--tg-theme-hint-color, #5e6d7e);font-family:monospace}.link-actions{display:flex;gap:8px}.btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn.primary{background:var(--tg-theme-button-color, #2ea6ff);color:var(--tg-theme-button-text-color, #ffffff)}.btn.secondary{background:var(--tg-theme-secondary-bg-color, #1f2d3d);color:var(--tg-theme-text-color, #ffffff);border:1px solid var(--tg-theme-section-border-color, #2c3e50)}.btn.copied{background:#4caf50;color:#fff}.btn:active{transform:scale(.98)}.footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--tg-theme-hint-color, #5e6d7e);color:var(--tg-theme-hint-color, #5e6d7e);font-size:12px}@media (max-width: 480px){.app{padding:12px}.link-actions{flex-direction:column}.btn{padding:12px 16px}}