:root{--bg: #faf9f6;--surface: #ffffff;--text: #0b0b0c;--muted: #5b6660;--border: #e6e6e0;--accent: #0b6e4f;--accent-hover: #095a40;--accent-strong: #095a40;--accent-soft: #e7f1ec;--danger: #dc2626;--warning-bg: #fffbeb;--warning-border: #fcd34d;--success: #047857;--radius: 12px;--radius-lg: 20px;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--composer-bg: #0b0b0c;--composer-fg: #f4f4f0;--composer-chip: #1f8f66;--shadow-lg: 0 24px 60px -28px rgba(11, 11, 12, .4)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}a{color:var(--accent)}.app{max-width:860px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:0 10px 30px -18px #0f172a59;display:flex;flex-direction:column;gap:.55rem}h1{margin:0 0 .5rem;font-size:1.6rem}h2{margin:1.25rem 0 .25rem;font-size:1.05rem;color:var(--muted)}label{font-weight:600;font-size:.9rem;margin-top:.5rem}label.checkbox{display:flex;align-items:center;gap:.5rem;font-weight:400}label.checkbox input{width:auto}textarea,input,select{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff;color:var(--text)}textarea{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5}textarea:focus,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button{align-self:flex-start;padding:.6rem 1.1rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--danger)}.actions{display:flex;gap:.6rem;margin-top:.75rem;flex-wrap:wrap}.error{color:var(--danger);font-weight:600}.success{color:var(--success);font-weight:600}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:.75rem}.share-url{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;word-break:break-all;color:var(--accent)}.token-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.token-row code{background:#f1f5f9;border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.85rem;word-break:break-all;flex:1}.muted{color:var(--muted);font-size:.9rem}.markdown-preview{border:1px dashed var(--border);border-radius:8px;padding:1rem 1.25rem;background:#fcfdff;overflow-wrap:anywhere;font-size:calc(1rem * var(--view-font-scale, 1))}.markdown-preview h1{font-size:1.6em}.markdown-preview h2{font-size:1.05em}.markdown-preview :first-child{margin-top:0}.markdown-preview pre{background:#0f172a;color:#e2e8f0;padding:.9rem;border-radius:8px;overflow-x:auto}.markdown-preview code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.markdown-preview table{border-collapse:collapse}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);padding:.4rem .6rem}.markdown-preview blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:1rem;color:var(--muted)}.quick-actions{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;align-items:center;gap:.2rem;padding:.3rem;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;box-shadow:0 10px 30px -18px #0f172a59}.quick-actions button{position:relative;align-self:auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px;background:transparent;color:var(--text);font-size:.78rem;font-weight:600}.quick-actions button:hover:not(:disabled){background:#eef2ff;color:var(--accent)}.quick-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.quick-actions button[aria-pressed=true]{background:#eef2ff;color:var(--accent)}.quick-actions-divider{width:1px;height:1.1rem;margin:0 .15rem;background:var(--border)}.quick-actions button:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .55rem);right:0;white-space:nowrap;background:var(--text);color:#fff;font-size:.72rem;font-weight:500;padding:.28rem .55rem;border-radius:6px;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.quick-actions button:hover:after,.quick-actions button:focus-visible:after{opacity:1;transform:translateY(0)}body.view-full .app{max-width:none;padding:1rem 0 4rem}body.view-full .card{border-left:none;border-right:none;border-radius:0;padding:1.25rem 1.5rem}body.view-full .markdown-preview{border:none;background:transparent;padding:0}.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}body.home{background:radial-gradient(1100px 560px at 50% -6%,rgba(11,110,79,.1),transparent 60%),var(--bg)}body.home .app{max-width:1120px}.home{display:flex;flex-direction:column;gap:2.75rem}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--text)}.brand-mark{color:var(--accent);font-size:1.1rem}.home-nav-links{display:flex;align-items:center;gap:1.1rem}.home-nav-links a{font-size:.9rem;font-weight:600;color:var(--muted);text-decoration:none}.home-nav-links a:hover{color:var(--accent)}.hero{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-align:center;padding-top:1rem}.hero-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,6vw,4.1rem);line-height:1.02;letter-spacing:-.035em;max-width:16ch}.hero-title .hero-accent{color:var(--accent)}.hero-kicker{display:block;margin-top:.4rem;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700;color:var(--muted);letter-spacing:-.02em}.hero-sub{margin:0;max-width:54ch;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.55;color:var(--muted)}.composer{width:100%;max-width:660px;display:flex;flex-direction:column;gap:.5rem}.composer-bar{display:flex;align-items:center;gap:.6rem;padding:.8rem .8rem .8rem 1rem;text-align:left;background:var(--composer-bg);border:1px solid #1d1d20;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.composer-chip{flex:none;padding:.25rem .55rem;border-radius:8px;background:#1f8f6629;color:var(--composer-chip);font-family:var(--font-mono);font-size:.82rem;font-weight:600;white-space:nowrap}.composer-task{flex:1;min-width:0;font-family:var(--font-mono);font-size:clamp(.82rem,1.7vw,.98rem);color:var(--composer-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-caret{flex:none;width:.5ch;height:1.05em;margin-left:-.3ch;background:var(--composer-chip);animation:composer-blink 1.05s steps(2,start) infinite}.composer-send{flex:none;align-self:auto;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:10px;background:var(--accent);color:#fff;font-size:1.15rem;line-height:1}.composer-send:hover:not(:disabled){background:var(--accent-hover)}.composer-hint{margin:0;text-align:center;font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.composer-examples{margin:.2rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}@keyframes composer-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.install-cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-primary{align-self:auto;padding:.8rem 1.45rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:1rem;background:var(--accent);box-shadow:0 12px 30px -14px #0b6e4f8c;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cta-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 18px 40px -16px #0b6e4fa6}.cta-ghost{font-weight:600;font-size:.95rem;color:var(--muted);text-decoration:none}.cta-ghost:hover{color:var(--accent)}.install-confirm{color:var(--success);font-weight:600;font-size:.9rem}.chips{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:0;padding:0;list-style:none}.chip{padding:.4rem .8rem;border-radius:999px;border:1px solid var(--accent-soft);background:var(--surface);font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--text)}.tool-divider{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.9rem;font-weight:600}.tool-divider:before,.tool-divider:after{content:"";flex:1;height:1px;background:var(--border)}.tool-card{padding:1.5rem;border-radius:var(--radius-lg);gap:0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.tool-editor,.tool-preview{display:flex;flex-direction:column;gap:.5rem;min-width:0}.tool-section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tool-options{display:flex;flex-wrap:wrap;gap:.8rem}.tool-options>div{flex:1;min-width:9rem;display:flex;flex-direction:column;gap:.3rem}.tool-card .cta-primary{margin-top:1rem}@media (max-width: 720px){.tool-grid{grid-template-columns:1fr}}.result-card{align-items:stretch;border-radius:var(--radius-lg)}.result-emoji{font-size:2.1rem}.result-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.site-footer{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;align-items:center;justify-content:center;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.site-footer a{color:var(--muted);text-decoration:none;font-weight:600}.site-footer a:hover{color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home .home-nav,.home .hero>*{animation:fade-up .5s ease both}.home .hero-title{animation-delay:.05s}.home .hero-sub{animation-delay:.12s}.home .composer{animation-delay:.18s}.home .install-cta{animation-delay:.24s}.home .agents-row{animation-delay:.28s}.home .chips{animation-delay:.32s}@media (prefers-reduced-motion: reduce){.home .home-nav,.home .hero>*{animation:none}.composer-caret{animation:none}.cta-primary{transition:none}}.agents-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;margin:0;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.agents-row .agents-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.agents-row .agent{position:relative;color:var(--text)}.agents-row .agent+.agent:before,.agents-row .agent-muted:before{content:"·";margin-right:.55rem;color:var(--border)}.agents-row .agent-primary{color:var(--accent);font-weight:700}.agents-row .agent-muted{color:var(--muted)}.install-panel{width:100%;max-width:660px;margin:0 auto;padding:1.1rem 1.2rem 1.25rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:0 16px 40px -26px #0b0b0c66;animation:fade-up .3s ease both}.install-panel-title{margin:0 0 .6rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.install-prompt{margin:0 0 .85rem;padding:.85rem 1rem;background:var(--composer-bg);color:var(--composer-fg);border-radius:10px;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.55;white-space:pre-wrap}.install-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}@media (prefers-reduced-motion: reduce){.install-panel{animation:none}}