:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#26312b;background:#f4f5ef;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:38px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:30px;letter-spacing:-.7px;margin:0}h2{font-size:18px;margin:0 0 18px}p{margin:6px 0 12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#657369}header p:not(.eyebrow){color:#647166}#connection{font-size:13px;padding:7px 12px;background:#e5e9dd;border-radius:20px;white-space:nowrap}section{background:#fffef9;border:1px solid #dde2d5;border-radius:16px;padding:24px}.compose{margin-bottom:22px}label{font-size:13px;font-weight:600}textarea{display:block;resize:vertical;width:100%;padding:14px;border:1px solid #b9c6b7;border-radius:9px;background:white;color:#26312b;font:inherit;font-size:15px;margin-top:7px}textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #9fbd9c;outline-offset:2px}.source-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}select{max-width:100%;font:inherit;font-size:13px;border:1px solid #c5cfbf;border-radius:7px;padding:7px;background:#fff}.upload-label{cursor:pointer;text-decoration:underline;text-underline-offset:3px}#upload{width:180px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}button{font:inherit;font-size:14px;cursor:pointer;padding:9px 17px;background:#31563e;color:#fff;border:1px solid #31563e;border-radius:8px}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#31563e;border-color:#c5cfbf}.hint{font-size:12px;color:#667168;line-height:1.8}#message{font-size:14px;white-space:pre-wrap}#message.error{color:#9c352c}.work{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}#mode{font-size:12px;color:#647166}.task{display:block;width:100%;background:transparent;color:#26312b;text-align:left;border:0;border-top:1px solid #e3e7dc;border-radius:0;padding:14px 4px}.task.selected{background:#edf2e8;border-radius:6px}.task strong,.task small{display:block}.task strong{overflow-wrap:anywhere;font-size:14px}.task small{font-size:12px;font-weight:400;color:#667168;margin-top:4px}.badge{display:inline-block;font-size:11px;background:#edf0e6;padding:2px 7px;border-radius:5px;margin-top:6px}.badge.completed{background:#dcebdc;color:#31563e}.badge.failed,.badge.interrupted,.badge.incomplete{background:#f5e4da;color:#8c4325}#task-detail{overflow-wrap:anywhere}.prompt-view{white-space:pre-wrap;font-size:13px;color:#667168;border-left:3px solid #d4decf;padding-left:12px;margin-bottom:20px}.events{padding-left:20px;font-size:12px;color:#667168;max-height:420px;overflow:auto}.events li.note{list-style:none;margin-left:-20px;padding:8px 10px;border-radius:8px;background:#f4f6ef}.note-label{font-size:11px;font-weight:700;margin-right:8px;padding:1px 6px;border-radius:4px;background:#e5e9dd;color:#31563e}.note.thinking .note-label{background:#ece6f3;color:#5b4677}.note.tool .note-label{background:#e3edf2;color:#2f5566}.note-time{font-size:11px;color:#8a948a}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#26312b;font-size:13px;margin-top:4px}.events li{margin:7px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;background:#f4f6ef;border-radius:9px;padding:18px;line-height:1.9}a{color:#31563e;font-size:13px;text-underline-offset:3px}.result-title{margin-top:24px}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#727c70;margin-top:25px}.detail .hint{margin-top:20px}@media(max-width:760px){main{padding:22px 14px}header{display:block}#connection{display:inline-block;margin-top:10px}.work{grid-template-columns:1fr}section{padding:20px}footer{display:block}.tasks{max-height:390px;overflow:auto}h1{font-size:26px}}

h1{display:flex;align-items:center;gap:14px}.mascot{object-fit:contain;flex-shrink:0}

[hidden]{display:none!important}nav{display:flex;gap:10px;margin-bottom:22px}nav button[aria-pressed=true]{background:#e0eadb;border-color:#7c9a77}details{margin-top:22px}summary{cursor:pointer;font-size:14px;font-weight:600}#journal-context{max-height:240px;overflow:auto;margin:12px 0}.context-choice{display:flex;gap:9px;align-items:start;font-weight:400;margin:9px 0}input[type=date]{display:block;font:inherit;border:1px solid #c5cfbf;border-radius:7px;padding:8px;margin:8px 0 18px}#handoff-form label{display:block;margin-top:16px}#handoff-form button{margin-top:14px}#journal-list article{border-top:1px solid #e3e7dc;padding-top:18px;margin-top:22px}.journal-entry{white-space:pre-wrap;overflow-wrap:anywhere}#parent-context{border-left:3px solid #7c9a77;padding-left:12px;margin-top:16px}
.live{margin:14px 0;padding:12px 14px;border-radius:10px;background:#edf2e8;border:1px solid #cddbc6}.live strong{font-size:14px}.live p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.live.stalled{background:#f8ece3;border-color:#e3c3ad}.live-pulse{color:#647166}.live-pulse.warn{color:#9c352c;font-weight:600}
.pairing{max-width:480px;margin:8vh auto 10vh;padding:32px}.pair-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.pair-heading h2{margin:0;font-size:23px}.pair-heading .eyebrow{margin:0}.pairing form{display:grid;gap:9px;margin-top:24px}.pairing input{width:100%;min-height:48px;padding:10px 13px;border:1px solid #b9c6b7;border-radius:9px;background:#fff;color:#26312b;font:inherit}.pairing input:focus{outline:3px solid #9fbd9c;outline-offset:2px}.pairing label:not(:first-child){margin-top:12px}.pairing button{min-height:48px;margin-top:12px}.pairing #pair-code{font-size:24px;letter-spacing:.22em;font-variant-numeric:tabular-nums}.pairing #pairing-message{min-height:1.5em;font-size:13px;color:#9c352c}
@media(max-width:760px){main{padding:18px 14px 26px}header{align-items:flex-start;margin-bottom:20px}header p:not(.eyebrow){font-size:13px}#connection{white-space:normal;line-height:1.4}nav{display:grid;grid-template-columns:1fr 1fr}nav button{min-height:44px;padding:8px}.compose{margin-bottom:14px}.work{gap:14px}.tasks{max-height:min(45vh,390px);overflow:auto}section{padding:18px}.actions button{min-height:44px}.pairing{margin:5vh auto;padding:24px}.source-row{align-items:stretch}.source-row select{min-height:44px}.upload-label{align-self:center}footer span{display:block;margin-bottom:6px}}
