:root{--bg:#0b0d10;--surface:#14181d;--surface-2:#1c2228;--border:#2a323b;--text:#e9eef4;--muted:#8c9aa8;--accent:#5b8cff;--accent-text:#ffffff;--danger:#ff6b6b;--success:#3ecf8e;--radius:14px}@media (prefers-color-scheme:light){:root{--bg:#f5f7fa;--surface:#ffffff;--surface-2:#eef2f7;--border:#d9e0e8;--text:#10151b;--muted:#5d6b7a;--accent:#2563eb;--accent-text:#ffffff;--danger:#c92a2a;--success:#12805c}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior-y:none}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:720px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:17px;font-weight:650;letter-spacing:-.01em;margin:0}.link-button{background:none;border:none;color:var(--muted);font-size:14px;padding:8px;margin:-8px;cursor:pointer}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:4px;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);border-radius:10px;padding:10px 8px;font-size:15px;font-weight:550;cursor:pointer;transition:background .12s ease,color .12s ease}.segmented button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;resize:vertical;outline:none}input:focus-visible,textarea:focus-visible{border-color:var(--accent)}.post-input{min-height:168px}.context-input{min-height:64px;font-size:15px}.field-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.row{display:flex;align-items:center;gap:10px}.primary{width:100%;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius);padding:16px;font-size:17px;font-weight:600;cursor:pointer;min-height:54px}.primary:disabled{opacity:.55;cursor:default}.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;white-space:nowrap}.error,.ghost{font-size:14px}.error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);border-radius:var(--radius);padding:12px 14px}.results{display:flex;flex-direction:column;gap:12px}.results-meta{font-size:13px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:12px}.badge.tool{border-color:color-mix(in srgb,var(--success) 45%,transparent);color:var(--success)}.badge.over-limit{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.card-text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:16px}.copy{align-self:stretch;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:15px;font-weight:550;cursor:pointer;min-height:46px}.copy.copied{border-color:color-mix(in srgb,var(--success) 55%,transparent);color:var(--success)}.skeleton{gap:10px}.skeleton-line{display:block;height:12px;border-radius:6px;background:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}.skeleton-line:nth-child(2){animation-delay:.12s}.skeleton-line:nth-child(3){animation-delay:.24s}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.skeleton-line{animation:none;opacity:.6}}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login h1{margin:0;font-size:22px}.login input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;outline:none}