:root{--text:#6b6375;--text-h:#08060d;--bg:#fafafa;--card-bg:#fff;--border:#e5e4e7;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--success:#16a34a;--muted:#9ca3af;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f1117;--card-bg:#1a1b23;--border:#2e303a;--accent:#3b82f6;--accent-hover:#60a5fa;--danger:#ef4444;--success:#22c55e;--muted:#6b7280}}*{box-sizing:border-box}body{margin:0}#root{max-width:720px;margin:0 auto;padding:0 16px}h1{color:var(--text-h);margin:0;font-weight:600}button{font-family:var(--sans);cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{background:var(--card-bg);color:var(--text);border:1px solid var(--border);padding:4px 10px;font-size:12px}.btn-sm:hover{background:var(--border)}input{font-family:var(--sans);border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);border-radius:6px;width:100%;padding:8px 12px;font-size:14px}input:focus{outline:2px solid var(--accent);border-color:#0000}textarea{font-family:var(--sans);border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);resize:vertical;border-radius:6px;width:100%;min-height:100px;padding:8px 12px;font-size:14px}textarea:focus{outline:2px solid var(--accent);border-color:#0000}.landing{max-width:720px;margin:0 auto;padding:0 16px 48px}.landing-hero{text-align:center;padding:64px 0 48px}.landing-hero h1{margin-bottom:8px;font-size:42px}.landing-tagline{color:var(--text-h);margin-bottom:8px;font-size:20px;font-weight:500}.landing-sub{color:var(--muted);max-width:480px;margin:0 auto 24px;font-size:15px}.landing-hero button{padding:12px 32px;font-size:16px}.landing-section{margin-bottom:40px}.landing-section h2{color:var(--text-h);margin-bottom:12px;font-size:20px;font-weight:600}.landing-section p{margin-bottom:8px;font-size:15px;line-height:1.6}.landing-compare{flex-direction:column;gap:12px;display:flex}.compare-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.compare-card.highlight{border-color:var(--accent);border-width:2px}.compare-card h3{color:var(--text-h);margin:0 0 8px;font-size:15px;font-weight:600}.compare-card p{margin-bottom:6px;font-size:14px}.compare-verdict{color:var(--muted);font-weight:600;font-size:13px!important}.compare-card.highlight .compare-verdict{color:var(--accent)}.landing-usecases{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.landing-usecases{grid-template-columns:1fr}}.usecase{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.usecase-icon{margin-bottom:8px;font-size:24px}.usecase h3{color:var(--text-h);margin:0 0 6px;font-size:14px;font-weight:600}.usecase p{margin:0;font-size:13px}.landing-cta{text-align:center;border-top:1px solid var(--border);padding:32px 0}.landing-cta button{margin-top:8px;padding:12px 32px;font-size:16px}.landing-footer{text-align:center;color:var(--muted);padding:24px 0;font-size:12px}.login{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;display:flex}.login h1{font-size:36px}.login .subtitle{color:var(--muted);margin-bottom:16px}.login form{flex-direction:column;gap:8px;width:100%;max-width:400px;display:flex}.toggle-auth{color:var(--muted);margin-top:8px;font-size:13px}.link-btn{color:var(--accent);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:none;padding:0}.link-btn:hover{text-decoration:underline}.dashboard header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.dashboard header h1{font-size:20px}.header-right{align-items:center;gap:8px;display:flex}.user-badge{background:var(--border);color:var(--text-h);border-radius:12px;padding:2px 10px;font-size:13px}.balance-badge{color:#166534;background:#dcfce7;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:600}@media (prefers-color-scheme:dark){.balance-badge{color:#86efac;background:#14532d}}.actions{padding:16px 0}.status{text-align:center;color:var(--muted);padding:32px 0}.create-form{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;display:flex}.create-form form{flex-direction:column;gap:8px;display:flex}.wizard-prompt{color:var(--text-h);margin:0 0 12px;font-size:16px;font-weight:600}.wizard-choices{flex-direction:column;gap:8px;display:flex}.wizard-choice{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.wizard-choice:hover{border-color:var(--accent);background:var(--card-bg)}.wizard-icon{flex-shrink:0;font-size:20px}.wizard-label{color:var(--text-h);font-size:14px;font-weight:600}.wizard-desc{color:var(--muted);font-size:12px}.wizard-back{margin-bottom:8px}.file-picker{border:1px dashed var(--border);color:var(--muted);cursor:pointer;text-align:center;border-radius:6px;padding:8px 12px;font-size:14px;display:block}.file-picker:hover{border-color:var(--accent);color:var(--text)}.file-picker input[type=file]{display:none}.upload-estimate{background:var(--bg);color:var(--text);border-radius:6px;flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:13px;display:flex}.link-list{flex-direction:column;gap:12px;display:flex}.link-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px;position:relative}.link-card.inactive{opacity:.6}.link-card.pending{opacity:.7;border-style:dashed}.failed-info{align-items:center;gap:8px;margin-bottom:8px;display:flex}.failed-info .error{margin:0}.note-version-hint{color:var(--muted);margin-bottom:4px;font-size:12px;line-height:1.4}.note-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:16px;font-size:14px;line-height:1.6}.note-preview h1{margin-bottom:8px;font-size:18px}.note-preview img{border-radius:6px;max-width:100%;height:auto;margin-bottom:8px}.note-preview p{white-space:pre-wrap;word-break:break-word}.propagation-hint{color:var(--muted);font-size:11px;font-style:italic}.archived-section{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.archived-toggle{margin-bottom:12px}.archived-section .link-card{opacity:.6}.hist-created .hist-dest,.hist-current .hist-dest{font-family:var(--sans);color:var(--text-h);font-weight:500}.link-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.link-name{color:var(--text-h);font-weight:600}.link-badges{align-items:center;gap:6px;display:flex}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.badge.active{color:#166534;background:#dcfce7}.badge.deactivated{color:#991b1b;background:#fee2e2}.badge.file-type{color:#1e40af;background:#dbeafe}.badge.note-type{color:#92400e;background:#fef3c7}.badge.saving{color:#3730a3;background:#e0e7ff}.badge.saved{color:#166534;background:#dcfce7}.badge.failed{color:#991b1b;background:#fee2e2}@media (prefers-color-scheme:dark){.badge.active{color:#86efac;background:#14532d}.badge.deactivated{color:#fca5a5;background:#450a0a}.badge.file-type{color:#93c5fd;background:#1e3a5f}.badge.note-type{color:#fde68a;background:#78350f}.badge.saving{color:#a5b4fc;background:#312e81}.badge.saved{color:#86efac;background:#14532d}.badge.failed{color:#fca5a5;background:#450a0a}}.link-url{font-family:var(--mono);color:var(--accent);cursor:pointer;margin-bottom:4px;font-size:13px;text-decoration:none;display:block}.link-url:hover{text-decoration:underline}.link-urls{margin-bottom:4px}.link-url-row{align-items:center;gap:6px;display:flex}.copy-btn{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:inline-flex}.copy-btn:hover{opacity:1;background:0 0}.link-url-row .copy-btn:hover{color:var(--accent)}.link-url-row:has(.vanity) .copy-btn:hover{color:var(--success)}.copy-btn svg{display:block}.link-url.vanity{color:var(--success);font-size:12px}.set-custom-slug{color:var(--muted);cursor:pointer;font-size:11px;text-decoration:none}.set-custom-slug:hover{color:var(--accent);text-decoration:underline}.custom-slug-form{margin-bottom:8px}.custom-slug-input-row{align-items:center;gap:0;margin-bottom:6px;display:flex}.custom-slug-prefix{color:var(--muted);white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-right:none;border-radius:6px 0 0 6px;padding:8px 0 8px 12px;font-size:12px}.custom-slug-input-row input{border-radius:0 6px 6px 0;font-size:13px}.link-dest{color:var(--muted);word-break:break-all;margin-bottom:12px;font-size:13px}.file-info{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.file-detail{background:var(--bg);border-radius:4px;padding:1px 6px;font-size:12px}.arweave-link{color:var(--accent);font-size:12px;text-decoration:none}.arweave-link:hover{text-decoration:underline}.arweave-link.clickable{cursor:pointer}.note-cost-hint{color:var(--success);font-size:13px;font-weight:500}.link-actions{flex-wrap:wrap;gap:6px;display:flex}.edit-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.edit-actions{gap:6px;display:flex}.history{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.history h4{color:var(--text-h);margin:0 0 8px;font-size:13px}.history ul{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.hist-row{justify-content:space-between;display:flex}.hist-dest{font-family:var(--mono);color:var(--text);word-break:break-all}.hist-date{color:var(--muted);white-space:nowrap;margin-left:8px}.hist-revert{color:var(--accent);cursor:pointer;font-size:11px;text-decoration:none}.hist-revert:hover{text-decoration:underline}.error{color:var(--danger);margin-top:4px;font-size:13px}.qr-section{border-top:1px solid var(--border);align-items:center;gap:16px;margin-top:12px;padding-top:12px;display:flex}.qr-section svg{border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;flex-shrink:0;animation:.6s linear infinite spin;display:inline-block}.loading-overlay{background:var(--card-bg);opacity:.92;color:var(--text);z-index:1;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.progress-bar-container{margin-top:4px}.progress-bar{background:var(--border);border-radius:2px;height:3px;position:relative;overflow:hidden}.progress-bar:after{content:"";background:var(--accent);border-radius:2px;animation:10s ease-out forwards progress;position:absolute;inset:0}.progress-bar-slow:after{animation:60s ease-out forwards progress}@keyframes progress{0%{width:0%}30%{width:40%}60%{width:70%}80%{width:85%}to{width:95%}}.progress-text{color:var(--muted);margin-top:4px;font-size:12px}button .spinner{margin-right:4px}.status .spinner{margin-right:6px}
