*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--border: #2a2a2a;--text: #e0e0e0;--text-muted: #999;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--success: #22c55e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.app-container{max-width:640px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:48px 0 28px;position:relative}.app-logo{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px}.app-tagline{color:var(--text-muted);font-size:16px}.privacy-strip{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;list-style:none;margin-top:14px;font-size:13px;color:#888}.privacy-strip li{white-space:nowrap}.theme-toggle-btn{position:absolute;top:20px;right:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.theme-toggle-btn:hover{background:var(--border);color:var(--text)}.live-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-muted);margin-top:10px}.live-stats .stat-divider{color:var(--border)}.app-main{flex:1;padding:32px 0}.app-footer{text-align:center;padding:20px 0;color:var(--text-muted);font-size:13px}.footer-nav{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.footer-nav a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-nav a:hover{color:var(--text)}.app-footer p{color:#777;font-size:12px}.app-footer p a{color:var(--text-muted);text-decoration:underline}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-card)}.dropzone:hover{border-color:#444}.dropzone:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dropzone--active{border-color:var(--accent);background:#3b82f60d;transform:scale(1.01)}.dropzone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropzone__icon{font-size:48px;color:var(--accent);margin-bottom:12px;font-weight:700}.dropzone__title{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}.dropzone__subtitle{font-size:14px;color:var(--text-muted)}.paste-hint{text-align:center;font-size:12px;color:var(--text-dim);margin-top:14px}.combine-zip{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;font-size:13px;color:var(--text-muted);cursor:pointer}.combine-zip input{cursor:pointer}.paste-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:100;animation:toast-in .25s ease-out;box-shadow:0 4px 12px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;position:relative;margin:8px 0}.progress-bar__fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-bar__text{display:block;font-size:13px;color:var(--text-muted);text-align:right;margin-top:4px}.uploads-list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.upload-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.upload-filename{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.file-card{width:100%;animation:card-enter .3s ease-out;transition:border-color .2s ease}.file-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.file-card__icon{font-size:32px;flex-shrink:0}.file-card__info{flex:1;min-width:0}.file-card__name{font-size:14px;font-weight:600;word-break:break-all}.file-card__meta{font-size:12px;color:var(--text-muted)}.file-card__badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.file-card__badge{font-size:11px;font-weight:600;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:1px 8px}.file-card__dismiss{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px 8px;flex-shrink:0}.file-card__dismiss:hover{color:var(--text)}.file-card__link-row{display:flex;gap:8px}.file-card__link-input{flex:1;background:#0f0f0f;border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-size:13px;font-family:monospace}.copy-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.copy-btn:hover{background:var(--accent-hover)}.copy-btn--copied{background:var(--success);border-color:var(--success)}.file-card__delete-link-row{display:flex;align-items:center;gap:8px;margin-top:8px}.file-card__delete-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.file-card__delete-input{flex:1}.inline-success{color:var(--success);font-size:13px;font-weight:600}.inline-error{color:var(--error);font-size:13px}.copy-btn-row{display:flex;align-items:center;gap:8px;margin-top:8px}.confirm-text{font-size:12px;color:var(--text-muted);margin-right:2px}.upload-error{display:flex;flex-direction:column;gap:8px}.error-text{font-size:13px;color:var(--error)}.btn-small{align-self:flex-start;background:var(--border);color:var(--text);border:none;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.mode-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px}.mode-tab{flex:1;background:none;border:none;color:var(--text-muted);padding:9px 12px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:var(--accent);color:#fff}.paste-input{display:flex;flex-direction:column;gap:10px}.paste-textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical;min-height:200px}.paste-textarea:focus{outline:none;border-color:var(--accent)}.paste-input-error{color:var(--error);font-size:13px;margin:0}.paste-create-btn{align-self:flex-start;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.paste-create-btn:hover{background:var(--accent-hover)}.paste-create-btn:disabled{background:#444;cursor:default}.upload-options{margin-top:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden}.upload-options-toggle{width:100%;text-align:left;background:none;border:none;color:var(--text-muted);padding:12px 16px;font-size:13px;cursor:pointer;transition:color .15s ease}.upload-options-toggle:hover{color:var(--text)}.upload-options-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border)}.opt-row{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#bbb}.opt-row small{color:#777;font-weight:400}.opt-row input,.opt-row select{background:#0f0f0f;border:1px solid #333;border-radius:6px;padding:9px 12px;color:var(--text);font-size:14px}.opt-row input:focus,.opt-row select:focus{outline:none;border-color:var(--accent)}.opt-note{font-size:11px;color:#777;margin:0;line-height:1.4}.pro-cta-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);border-radius:8px;padding:8px 14px;margin-bottom:20px;text-decoration:none;transition:border-color .15s ease,background .15s ease}.pro-cta-mini:hover{border-color:#f59e0b66;background:#f59e0b1a}.pro-cta-mini-text{font-size:13px;color:#aaa}.pro-cta-mini-text strong{color:#f59e0b}.pro-size{color:#f59e0b;font-weight:800;font-size:15px;white-space:nowrap}.pro-cta-mini-arrow{font-size:13px;font-weight:700;color:#f59e0b;white-space:nowrap}.account-section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin-bottom:24px}.account-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.account-header h2{font-size:18px;color:var(--text);margin:0}.account-id{font-size:13px;color:#777;font-family:monospace;margin:0}.account-name{font-size:15px;font-weight:600;color:var(--text);margin:0}.account-id-sub{font-size:12px;color:#777;margin:-6px 0 14px}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.btn-account{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-account:hover{background:var(--accent-hover)}.btn-account:disabled{background:#444;cursor:default}.btn-secondary{background:var(--border);color:var(--text-muted);transition:all .2s ease}.btn-secondary:hover{background:#444;color:var(--text)}.backup-box,.import-box{margin-bottom:16px;padding:16px;background:#0f0f0f;border:1px solid #333;border-radius:8px}.backup-warning{color:#f0a040;font-size:13px;margin-bottom:10px}.backup-textarea{width:100%;background:#000;color:#888;border:1px solid #333;border-radius:6px;padding:10px;font-size:12px;font-family:monospace;resize:vertical}.my-files{margin-top:8px}.my-files h3{font-size:16px;color:var(--text);margin-bottom:12px}.no-files{color:#777;font-size:14px}.files-grid{display:flex;flex-direction:column;gap:8px}.file-row{display:flex;justify-content:space-between;align-items:center;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;padding:12px 14px;gap:12px}.file-row-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-row-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row-meta{font-size:12px;color:#888;margin-top:2px}.file-row-actions{display:flex;gap:6px;flex-shrink:0}.btn-small{background:var(--border);color:var(--text);border:none;border-radius:5px;padding:5px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.btn-small:hover{background:#444}.btn-danger{color:var(--error)}.btn-danger:hover{background:#ef444426}.upgrade-box{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);border-radius:8px;text-align:center}.upgrade-box p{color:#ccc;font-size:14px;margin-bottom:6px}.upgrade-price{color:#888;font-size:13px}.btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .2s ease}.btn-upgrade:disabled{opacity:.5;cursor:default}@media (max-width: 480px){.app-container{padding:12px}.app-logo{font-size:24px}.dropzone{padding:32px 16px}.dropzone__title{font-size:16px}.file-card__link-row{flex-direction:column}.copy-btn{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:focus:not(:focus-visible){outline:none}.file-card__dismiss:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.btn-small:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-account:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.footer-nav a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}.download-btn{transition:all .2s ease}.download-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: light){:root:not(.force-dark){--bg: #fafafa;--bg-card: #ffffff;--bg-input: #f5f5f5;--border: #e5e5e5;--text: #171717;--text-muted: #737373;--text-dim: #a3a3a3;--accent: #2563eb;--accent-hover: #1d4ed8}}:root.light-mode{--bg: #fafafa;--bg-card: #ffffff;--bg-input: #f5f5f5;--border: #e5e5e5;--text: #171717;--text-muted: #737373;--text-dim: #a3a3a3;--accent: #2563eb;--accent-hover: #1d4ed8}:root.dark-mode{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #121212;--border: #2a2a2a;--text: #e0e0e0;--text-muted: #999;--text-dim: #666;--accent: #3b82f6;--accent-hover: #2563eb}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-shine 1.5s ease-in-out infinite;border-radius:4px;height:16px;width:200px}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.skip-link{position:absolute;left:-9999px;top:8px;z-index:9999;padding:8px 16px;background:#3b82f6;color:#fff;font-size:14px;border-radius:4px;text-decoration:none}.skip-link:focus{left:8px}