@font-face{font-family:Space;src:url('space-grotesk.woff2') format('woff2');font-display:swap}@font-face{font-family:Plex;src:url('ibm-plex-mono.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#0b0e0c;--panel:#101612;--ink:#dfe6e0;--muted:#a2b0a6;--line:#353d37;--green:#7ee2a8;--red:#ff9b9b;--terminal:#070907;--font:Space,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);overflow-wrap:anywhere}body[data-theme=light]{color-scheme:light;--bg:#f5f7f5;--panel:#eaf0ec;--ink:#182c20;--muted:#536358;--line:#b5c3ba;--green:#17643b;--red:#aa262c;--terminal:#fff}@media(prefers-color-scheme:light){body:not([data-theme=dark]){color-scheme:light;--bg:#f5f7f5;--panel:#eaf0ec;--ink:#182c20;--muted:#536358;--line:#b5c3ba;--green:#17643b;--red:#aa262c;--terminal:#fff}}a{color:var(--green)}button,input,select,textarea{font:inherit}button,.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;text-decoration:none;cursor:pointer;border-radius:0;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.primary{border-color:var(--green);color:var(--green)}.quiet{border-color:transparent}.danger{color:var(--red)}button[aria-pressed=true]{border-color:var(--green);color:var(--green)}:focus-visible{outline:2px solid var(--green);outline-offset:3px}input,select,textarea{max-width:100%;width:100%;background:var(--terminal);color:var(--ink);border:1px solid var(--line);padding:12px;min-height:48px;border-radius:0}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{accent-color:var(--green);width:24px;min-width:24px;height:24px;min-height:24px;margin:2px 0}label{display:block;color:var(--muted);font-size:13px}label input,label select,label textarea{margin-top:6px}small{display:block;color:var(--muted);font-size:12px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.35;font-weight:500}h2{font-size:17px;font-weight:500}.shell{max-width:600px;min-height:100dvh;margin:auto;border-inline:1px solid var(--line);padding-top:env(safe-area-inset-top);padding-bottom:calc(152px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:72px}.brand{width:36px;height:36px;border:1px solid var(--green);color:var(--green);text-decoration:none;display:grid;place-items:center;font:14px Plex,monospace}.identity{flex:1;min-width:0}.identity strong{font-size:18px;font-weight:500}#connection{font:11px/1.5 Plex,monospace}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.heading>span{font:11px/1.6 Plex,monospace;color:var(--muted)}main{padding:0 16px}section>p{margin:16px 0}.muted{font-size:13px;color:var(--muted)}.intro{font-size:40px;line-height:1.15;padding-top:40px}.stack{display:flex;flex-direction:column;gap:14px;margin-block:22px}.project-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}.project-switch label,.model-row label{min-width:0}.project-switch select{font-size:14px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs .quiet{margin-left:auto}#tasks{display:flex;flex-direction:column;gap:0}.task{border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:12px;align-items:center}.task .task-open{display:block;flex:1;text-align:left;padding:0;border:0;min-width:0}.task-title{display:block;font-size:16px;line-height:1.4;color:var(--ink)}.task-meta{display:block;font:11px/1.7 Plex,monospace;color:var(--muted);margin-top:7px}.task-time{font:11px Plex,monospace;color:var(--muted);flex-shrink:0}.review-card{border:1px solid var(--green);padding:14px;margin-block:10px 16px;background:var(--panel)}.review-card .task-open{display:block;text-align:left;border:0;padding:0;width:100%;margin:12px 0}.review-card .row{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px Plex,monospace;color:var(--green)}.review-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empty{padding:28px 0;color:var(--muted)}footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(600px,100%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:3;display:flex;gap:10px}footer>.primary{flex:1;min-height:52px}#detail-dock{display:block}#follow-up{display:flex;gap:8px;margin-bottom:10px}#follow-up textarea{max-height:112px;min-height:48px;resize:none}.task-actions{display:flex;gap:8px}.task-actions button{flex:1}.result{margin:22px 0;background:var(--panel);border:1px solid var(--line);padding:16px}.result p{margin-top:12px;white-space:pre-wrap;font-size:15px}.shots{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding-bottom:10px}.shot{flex:0 0 70%;padding:0;display:block;text-align:left;scroll-snap-align:start;border:1px solid var(--line)}.shot img{width:100%;height:150px;object-fit:contain;background:var(--terminal);display:block}.shot span{display:block;padding:8px;font:11px Plex,monospace}.providers{padding:0;display:flex;border:0;gap:6px;margin:20px 0 12px}.providers label{flex:1;position:relative}.providers input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.providers span{border:1px solid var(--line);min-height:50px;display:flex;align-items:center;justify-content:center;font:13px Plex,monospace}.providers input:checked+span{border-color:var(--green);color:var(--green)}.providers input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.model-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;margin-bottom:18px}#task-name{margin-bottom:-1px}#prompt{min-height:230px}.capture-setting{border:1px solid var(--line);padding:14px;margin-top:18px}.check{display:flex;gap:12px;align-items:flex-start;min-height:44px}.check strong{font-size:15px;color:var(--ink);font-weight:500}.check small{margin-top:4px}.capture-setting button{padding-left:0;margin-top:4px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#error,#notice{padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line);font-size:14px}#error,#capture-error{color:var(--red)}#notice{color:var(--green)}dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);width:min(560px,calc(100% - 20px));max-height:calc(100dvh - 32px);padding:16px}dialog::backdrop{background:rgb(0 0 0/.7)}dialog label{margin:16px 0}dialog .heading{margin-top:0}#capture-save{width:100%;margin-top:12px}#image-dialog{width:min(1100px,100%);padding:12px}#full-image{max-width:100%;height:auto;display:block;margin:auto}.image-scroll{overflow:auto;max-height:70dvh}#download{margin-top:12px}#code{display:block;font:17px Plex,monospace;user-select:all;padding:12px 0}#computers>div{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}#computers span{flex:1}summary{min-height:48px;padding:12px 0;cursor:pointer}#events p{border-top:1px solid var(--line);padding:12px 0;font:12px/1.6 Plex,monospace;white-space:pre-wrap}body[data-view=compose] .shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}@media(max-width:360px){main{padding-inline:12px}header{padding-inline:12px}.providers span{font-size:12px}.task-time{display:none}.project-switch{grid-template-columns:1fr}.intro{font-size:34px}}@media(prefers-reduced-motion:no-preference){button:active,.button:active{background:var(--panel)}}

#follow-up textarea{min-width:0;flex:1}#follow-up button{flex-shrink:0;min-width:66px;white-space:nowrap}.review-card .actions button{font-size:14px;padding-inline:8px}.project-switch:has(label[hidden]){grid-template-columns:1fr}

body[data-view=compose] footer,body[data-view=detail] footer{bottom:var(--keyboard-inset,0px)}