:root{--bg:#f5f5f5;--surface:#fff;--surface-hover:#f0f0f0;--border:#e0e0e0;--text:#111;--text-muted:#6b7280;--accent:#2563eb;--warning:#f59e0b;--radius:8px;--topbar-height:52px;--tags-width:auto}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface-hover:#242424;--border:#2e2e2e;--text:#f0f0f0;--text-muted:#9ca3af;--accent:#3b82f6;--warning:#fbbf24}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}body{min-height:100dvh;margin:0}a{color:var(--accent)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);white-space:nowrap;font-size:1rem;font-weight:700;text-decoration:none}.content-area{flex:1;justify-content:center;padding:0;display:flex}.content-with-sidebar{width:100%;max-width:1100px;display:flex}.main{flex:1;min-width:0;padding:1.5rem}.content-area>.main{max-width:900px}.tags-sidebar{width:240px;top:var(--topbar-height);height:calc(100dvh - var(--topbar-height));flex-shrink:0;padding-top:.5rem;position:sticky;overflow-y:auto}@media (width<=640px){.content-with-sidebar{flex-direction:column;max-width:100%}.main{max-width:100%;padding:.75rem}.tags-sidebar{width:100%;height:auto;padding-top:0;position:static;overflow-y:visible}}.btn-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.875rem;transition:background .15s,border-color .15s;display:flex}.btn-toolbar svg{width:16px;height:16px}.btn-toolbar:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.btn-toolbar:disabled{opacity:.6;cursor:not-allowed}.btn-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex;overflow:hidden}.btn-segment{min-width:2rem;min-height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;padding:.25rem .6rem;font-size:.8rem;transition:background .15s,color .15s;display:flex;position:relative}.btn-segment+.btn-segment{border-left:1px solid var(--border)}.btn-segment svg{width:16px;height:16px}.btn-segment:hover{background:var(--surface-hover);color:var(--text)}.btn-segment.active{background:var(--accent);color:var(--accent-text,#fff)}.hacker-mode{--bg:#000;--surface:#0d0d0d;--surface-hover:#1a1a1a;--border:#2a2a2a;--text:#e8e8e8;--text-muted:#5fd7ff;--accent:#7eb5fe;--warning:#f0c674;--radius:0px}.hacker-mode,.hacker-mode *{border-radius:0!important;font-family:Courier New,Courier,monospace!important;font-size:14px!important}.hacker-mode a{color:#7eb5fe!important;text-decoration:underline!important}.hacker-mode a:hover{color:#aed0ff!important}.hacker-mode h1,.hacker-mode h2,.hacker-mode h3,.hacker-mode h4{color:#87d75f!important}.hacker-mode [class*=muted],.hacker-mode [class*=meta],.hacker-mode [class*=date],.hacker-mode [class*=time],.hacker-mode [class*=source]{color:#5fd7ff!important}.hacker-mode [class*=tag],.hacker-mode [class*=badge]{color:#f0c674!important;background:0 0!important;border-color:#f0c674!important}.hacker-mode .nav-link.active,.hacker-mode [class*=active]{color:#ff87af!important;background:0 0!important;border-color:#ff87af!important}.hacker-mode button{font-family:Courier New,Courier,monospace!important;font-size:14px!important}.hacker-mode input,.hacker-mode select,.hacker-mode textarea{color:#e8e8e8!important;background:#000!important;border-color:#333!important}.hacker-mode input:focus,.hacker-mode select:focus,.hacker-mode textarea:focus{outline-offset:0!important;outline:1px solid #7eb5fe!important}.hacker-mode img{filter:grayscale(.3)brightness(.85)}.backdrop.svelte-1wk5kq2{z-index:100;background:#0006;position:fixed;inset:0}.modal.svelte-1wk5kq2{z-index:101;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;width:min(440px,100vw - 2rem);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}header.svelte-1wk5kq2{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}h2.svelte-1wk5kq2{margin:0;font-size:1.1rem}.close-btn.svelte-1wk5kq2{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1rem}.close-btn.svelte-1wk5kq2:hover{color:var(--text);background:var(--surface-hover)}.body.svelte-1wk5kq2{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}label.svelte-1wk5kq2{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;font-weight:600}input.svelte-1wk5kq2,select.svelte-1wk5kq2{border:1px solid var(--border);border-radius:calc(var(--radius) / 2);background:var(--bg);color:var(--text);box-sizing:border-box;width:100%;padding:.5rem .75rem;font-size:.9rem}input.svelte-1wk5kq2:focus,select.svelte-1wk5kq2:focus{outline:2px solid var(--accent);outline-offset:1px}.test-result.svelte-1wk5kq2{border-radius:calc(var(--radius) / 2);background:var(--surface-hover);color:var(--text-muted);margin:.25rem 0 0;padding:.5rem .75rem;font-size:.85rem}.test-result.ok.svelte-1wk5kq2{background:color-mix(in srgb, #22c55e 15%, var(--surface));color:#16a34a}.test-result.error.svelte-1wk5kq2{background:color-mix(in srgb, #ef4444 15%, var(--surface));color:#dc2626}footer.svelte-1wk5kq2{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}.btn.svelte-1wk5kq2{border-radius:calc(var(--radius) / 2);cursor:pointer;border:1px solid #0000;padding:.5rem 1.25rem;font-size:.9rem;transition:background .15s}.btn.primary.svelte-1wk5kq2{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary.svelte-1wk5kq2:hover{filter:brightness(1.1)}.btn.secondary.svelte-1wk5kq2{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.btn.secondary.svelte-1wk5kq2:hover{background:var(--border)}.toggle-row.svelte-1wk5kq2{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem 0;display:flex}.toggle-info.svelte-1wk5kq2{flex-direction:column;gap:.15rem;display:flex}.toggle-label.svelte-1wk5kq2{color:var(--text-muted);font-size:.85rem;font-weight:600}.toggle-desc.svelte-1wk5kq2{color:var(--text-muted);opacity:.7;font-size:.75rem}.toggle-switch.svelte-1wk5kq2{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch.svelte-1wk5kq2 input:where(.svelte-1wk5kq2){opacity:0;width:0;height:0;position:absolute}.toggle-track.svelte-1wk5kq2{background:var(--border);border-radius:11px;transition:background .2s;position:absolute;inset:0}.toggle-track.svelte-1wk5kq2:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch.svelte-1wk5kq2 input:where(.svelte-1wk5kq2):checked+.toggle-track:where(.svelte-1wk5kq2){background:var(--accent)}.toggle-switch.svelte-1wk5kq2 input:where(.svelte-1wk5kq2):checked+.toggle-track:where(.svelte-1wk5kq2):after{transform:translate(18px)}.toast.svelte-1cpok13{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.75rem;min-width:240px;max-width:400px;padding:.75rem 1rem;animation:.2s svelte-1cpok13-slide-in;display:flex;box-shadow:0 4px 12px #0003}.toast-success.svelte-1cpok13{border-left:4px solid #22c55e}.toast-error.svelte-1cpok13{border-left:4px solid #ef4444}.toast-info.svelte-1cpok13{border-left:4px solid var(--accent)}.msg.svelte-1cpok13{flex:1;font-size:.875rem;line-height:1.4}.dismiss.svelte-1cpok13{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:.125rem;font-size:.75rem}.dismiss.svelte-1cpok13:hover{color:var(--text)}@keyframes svelte-1cpok13-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.container.svelte-cqwvc2{z-index:300;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.gear-btn.svelte-12qhfyh{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .15s}.gear-btn.svelte-12qhfyh:hover{color:var(--accent)}.topbar-nav.svelte-12qhfyh{flex:1;align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.nav-link.svelte-12qhfyh{border-radius:var(--radius);color:var(--text);white-space:nowrap;border:1px solid #0000;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-link.svelte-12qhfyh:hover{background:var(--surface-hover)}.nav-link.active.svelte-12qhfyh{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=640px){.topbar-nav.svelte-12qhfyh{scrollbar-width:none;overflow-x:auto}.topbar-nav.svelte-12qhfyh::-webkit-scrollbar{display:none}}