:root{color-scheme:light dark;--bg: #f3f5f4;--paper: #ffffff;--ink: #1e2423;--slate: #5b6966;--line: #dde3e1;--teal: #2f9c8f;--teal-ink: #1f7a6f;--teal-soft: #e3f3f0;--amber: #c27a12;--amber-soft: #fbf0dc;--red: #c0392b;--mono: ui-monospace, "SF Mono", Menlo, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #151a19;--paper: #1e2423;--ink: #e7eeec;--slate: #9aaba7;--line: #2d3634;--teal: #52cdbd;--teal-ink: #6fd8ca;--teal-soft: #1d3633;--amber: #f0b45a;--amber-soft: #3a2d17;--red: #ef6b5b}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;height:100dvh}a{color:var(--teal-ink)}h1{margin:0;font-size:19px;font-weight:600}h2{margin:0 0 6px;font-size:15px;font-weight:600}.muted{color:var(--slate)}.small{font-size:13px}.pad{padding:24px 16px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.error{color:var(--red)}.mark{width:28px;height:28px;flex:none;color:var(--ink)}.mark__cursor{fill:var(--teal)}.bar{display:flex;align-items:center;gap:12px;padding:calc(10px + var(--safe-top)) 16px 10px;background:var(--paper);border-bottom:1px solid var(--line);flex:none}.bar__title{flex:1;min-width:0}.bar__title p{margin:0}.iconbtn{display:grid;place-items:center;width:36px;height:36px;margin:-6px;border:0;border-radius:10px;background:none;color:var(--ink);font-size:26px;line-height:1;text-decoration:none}.banner{padding:8px 16px;font-size:13px;background:var(--amber-soft);color:var(--ink);flex:none}.banner--connecting{background:var(--teal-soft)}.btn{min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-weight:500}.btn:disabled{opacity:.5}.btn--primary{background:var(--teal);border-color:var(--teal);color:#fff}@media (prefers-color-scheme: dark){.btn--primary{color:#0f1f1d}}.btn--danger{color:var(--red)}.btn--small{min-height:32px;padding:0 12px;font-size:14px}.link{border:0;background:none;color:var(--teal-ink);font:inherit;padding:8px}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + var(--safe-top)) 28px calc(24px + var(--safe-bottom));text-align:center}.center .mark{width:56px;height:56px}.center p{max-width:30rem;margin:0}.steps{margin:0;padding-left:22px;text-align:left;max-width:24rem}.steps li+li{margin-top:8px}.share{display:inline-block;padding:0 4px;border:1px solid var(--line);border-radius:5px;font-size:12px}.list{flex:1;overflow-y:auto;padding-bottom:var(--safe-bottom)}.list ul{margin:0;padding:0;list-style:none}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.row__main{flex:1;min-width:0;display:flex;flex-direction:column}.row__title{font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row__sub{font-size:13px;display:flex;gap:8px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--line)}.dot--needs_you{background:var(--amber)}.dot--working{background:var(--teal);animation:pulse 1.4s ease-in-out infinite}.dot--error{background:var(--red)}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.dot--working{animation:none}}.tag{padding:1px 7px;border-radius:99px;font-size:12px;background:var(--teal-soft);color:var(--teal-ink)}.tag--needs_you{background:var(--amber-soft);color:var(--amber);font-weight:600}.chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px 14px 18px;overscroll-behavior:contain}.earlier{align-self:center}.msg{max-width:92%;overflow-wrap:anywhere}.msg--user{align-self:flex-end;padding:9px 13px;border-radius:16px 16px 4px;background:var(--teal-soft);white-space:pre-wrap}.msg--pending{opacity:.7}.msg--failed{outline:1px solid var(--red)}.msg--assistant{align-self:flex-start}.msg--assistant p{margin:0 0 8px}.msg--assistant p:last-child{margin-bottom:0}.msg--assistant .h{font-weight:600}.msg--assistant ul{margin:0 0 8px;padding-left:20px}.msg--assistant code{font:.88em var(--mono);padding:1px 4px;border-radius:4px;background:var(--paper);border:1px solid var(--line)}.msg--assistant pre{margin:0 0 8px;padding:10px;border-radius:8px;background:var(--paper);border:1px solid var(--line);overflow-x:auto}.msg--assistant pre code{padding:0;border:0;background:none}.tool{display:flex;gap:8px;align-items:baseline;font-size:13px;color:var(--slate)}.tool__icon{width:14px;flex:none;text-align:center}.tool--done .tool__icon{color:var(--teal)}.tool--error .tool__icon{color:var(--red)}.tool--running .tool__icon{animation:pulse 1.4s ease-in-out infinite}.tool__text{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.notice{align-self:center}.card{padding:14px;border:1.5px solid var(--amber);border-radius:14px;background:var(--paper)}.card__title{margin:0 0 8px;font-weight:600}.card__detail{margin:0 0 10px;padding:10px;border-radius:8px;background:var(--bg);font:13px/1.4 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.card__actions{display:flex;gap:10px;justify-content:flex-end}.card__actions .btn{flex:1;min-height:46px}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px 12px calc(10px + var(--safe-bottom));background:var(--paper);border-top:1px solid var(--line);flex:none}.composer textarea{flex:1;min-height:40px;max-height:140px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;resize:none;field-sizing:content}.composer .btn{width:40px;padding:0;font-size:20px}.settings{flex:1;overflow-y:auto;padding:8px 16px calc(24px + var(--safe-bottom))}.settings section{padding:16px 0;border-bottom:1px solid var(--line)}.settings p{margin:0 0 10px}.usercode{margin:0;font:600 30px/1.2 var(--mono);letter-spacing:.08em}.row-actions{display:flex;gap:10px}.row-actions .btn{display:inline-flex;align-items:center;text-decoration:none}.msg--draft{opacity:.85}.activity{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--slate);min-height:22px}.activity__label{font-family:var(--mono);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity__dots{display:inline-flex;gap:3px;flex:none}.activity__dots i{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:dot 1.2s ease-in-out infinite}.activity__dots i:nth-child(2){animation-delay:.15s}.activity__dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.activity__dots i{animation:none;opacity:.7}}