:root{--paper:#f7f5ee;--ink:#292a25;--muted:#72756c;--line:#e3e3d8;--orange:#c94f35;--green:#4f6b4c;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #d98153;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1280px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:7px;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand svg{width:35px;height:35px;background:var(--orange);color:#fff9ed;border-radius:10px}.brand-dot{color:var(--orange);margin-left:-6px}.edition{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74946a}.intro{text-align:center;padding:57px 20px 40px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:var(--green);margin:0 0 19px}h1{font-size:clamp(39px,5.1vw,64px);line-height:1.05;letter-spacing:-3px;margin:0;font-weight:750}h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--orange);letter-spacing:-2.5px}.lead{font-size:15px;line-height:1.75;color:var(--muted);margin:22px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:24px;max-width:984px;padding:0 24px;margin:0 auto}.card{border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:0 5px 10px #33331103;overflow:hidden}.card-top{display:flex;align-items:center;gap:11px;padding:24px 25px 21px}h2{font-size:16px;letter-spacing:-.3px;margin:0}.step{font-size:10px;border:1px solid var(--line);border-radius:50%;padding:6px;color:var(--muted);font-family:monospace}.small-pill{margin-left:auto;font-size:10px;color:var(--muted);background:#f1f1e8;padding:5px 9px;border-radius:20px}.dropzone{position:relative;cursor:pointer;display:flex;align-items:center;flex-direction:column;margin:0 24px 22px;padding:25px 12px 22px;border:1px dashed #c3c8b7;border-radius:11px;background:#f4f6ee;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.dragging{background:#e8eedf;border-color:var(--green)}.dropzone strong{font-size:17px;letter-spacing:-.4px;margin:12px 0 8px}.dropzone>span{font-size:12px;color:#69745f}.dropzone small{font-size:10px;color:#828a79;margin-top:15px}.stack-icon{width:66px;height:64px;position:relative;margin-top:2px}.stack-icon span,.stack-icon svg{position:absolute;border-radius:8px;width:46px;height:53px;left:9px;top:5px;border:1px solid #b6bda8;background:#eef1e6}.stack-icon span:first-child{transform:rotate(-16deg)}.stack-icon span:nth-child(2){transform:rotate(12deg)}.stack-icon svg{background:var(--white);padding:5px;transform:rotate(-3deg);color:var(--green)}.note-block{margin:0 24px 20px}.note-block label{display:block;font-size:11px;font-weight:700;margin-bottom:10px}textarea{resize:vertical;min-height:88px;width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;background:#fcfcf7;font-size:12px;line-height:1.6;color:var(--ink)}textarea::placeholder{color:#92968a}.note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.note-actions>span{font-size:10px;color:#8a8d82}.text-button{color:var(--orange);background:none;border:0;padding:4px 0;font-size:11px;font-weight:700}.text-button span{margin-left:4px}.card-bottom{display:flex;align-items:center;gap:7px;background:#f8f8f1;border-top:1px solid #edede4;padding:13px 24px;font-size:10px;color:var(--muted)}.lock{font-size:17px;color:var(--green)}.share-card{padding-bottom:23px}.share-card>p{font-size:12px;color:var(--muted);margin:0 25px 20px}.share-card>input{display:block;width:calc(100% - 50px);margin:0 25px 10px;background:#f8f8f2;border:1px solid var(--line);border-radius:8px;padding:13px 12px;font-size:11px;color:#787e70;text-overflow:ellipsis;font-family:monospace}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;border-radius:8px;padding:13px;border:0;transition:background .15s}.primary{background:var(--orange);color:#fffdf5}.primary:hover:not(:disabled){background:#b3442d}.primary span{font-size:16px}.secondary{background:#eeeee5;color:var(--ink);border:1px solid var(--line)}.share-card>.primary,.share-card>.secondary{margin:0 25px;width:calc(100% - 50px)}.status-block{display:flex;gap:9px;align-items:flex-start;margin:25px 25px 16px}.status-dot{margin-top:4px;flex-shrink:0;background:#b7bbad}.status-dot.active{background:#6b9164;box-shadow:0 0 0 4px #6b916418}.status-dot.error{background:var(--orange)}.status-block strong{font-size:12px;font-weight:600;display:block}.status-block p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0 0}.keep-open{border-top:1px solid var(--line);padding-top:17px;margin:0 25px;display:flex;gap:10px}.keep-open svg{width:20px;height:20px;fill:none;stroke:#8c907f;stroke-width:1.4;flex-shrink:0;margin-top:3px}.keep-open p{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}.keep-open strong{font-weight:600;color:#505747}.aside-note{display:flex;gap:12px;padding:22px 10px 0}.asterisk{color:var(--orange);font-size:30px;line-height:1}.aside-note h3{font-size:12px;margin:0 0 7px}.aside-note p{font-size:11px;line-height:1.8;margin:0;color:var(--muted);max-width:280px}.file-list:empty{display:none}.file-list{margin:0 24px 20px;max-height:340px;overflow:auto}.file-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.file-icon{border-radius:6px;background:#f1f2e8;padding:9px 7px;color:var(--green);font-size:9px;font-family:monospace;font-weight:bold}.file-info{min-width:0;flex:1}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.file-info small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.file-row button,.file-row a{border:0;background:transparent;color:var(--orange);font-size:11px;padding:7px;text-decoration:none}.how{max-width:850px;margin:46px auto 41px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}.how div>span{font-family:monospace;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--green)}.how p{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 0}.how-arrow{color:#b0b6a4;font-size:22px}footer{position:relative;max-width:1184px;margin:auto;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;color:var(--muted);gap:20px}footer summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}footer details{max-width:440px}footer details p{line-height:1.8}.prototype{font-family:monospace;letter-spacing:1px;color:#8c907f}progress{display:block;width:calc(100% - 50px);height:6px;border:0;margin:0 25px 10px;accent-color:var(--green);border-radius:5px}progress::-webkit-progress-bar{background:#eeeee4;border-radius:5px}progress::-webkit-progress-value{background:var(--green);border-radius:5px}.transfer-meta{font-size:10px;color:var(--muted);margin:0 25px 18px;font-variant-numeric:tabular-nums}.transfer-meta:empty{display:none}.receive-intro{text-align:center;padding:25px;color:var(--muted)}.receive-intro h3{font-size:18px;color:var(--ink)}.receive-intro p{font-size:12px;line-height:1.7}.receive-mark{margin:auto;background:#f1f3e8;color:var(--green);font-size:35px;border-radius:16px;width:68px;height:68px;line-height:68px}.receive-actions{margin:18px 24px}.receive-actions button{width:100%;margin-top:10px}.fine{font-size:10px;color:var(--muted);line-height:1.7}.notice{max-width:936px;margin:18px auto;border:1px solid #df9d88;border-radius:9px;background:#fff1e8;padding:14px;font-size:12px;color:#863d2c;line-height:1.6}.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}.note-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6ee;border:1px solid var(--line);border-radius:8px;font:12px/1.65 monospace;padding:15px;margin:12px 0;max-height:240px;overflow:auto}@media(max-width:760px){.topbar{padding:20px 22px}.brand{font-size:22px}.edition{font-size:8px;letter-spacing:1px}.intro{padding:38px 18px 30px}h1{font-size:43px;letter-spacing:-2px}h1 span{letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.4px}.lead{font-size:13px}.workspace{grid-template-columns:1fr;padding:0 18px;max-width:550px;gap:18px}.aside-note{padding:20px 12px 0}.how{max-width:550px;margin:32px auto;gap:12px;padding:0 22px}.how-arrow{display:none}.how div{flex:1}.how p{font-size:10px}.how div>span{font-size:8px}.notice{margin:18px}footer{margin:0 22px;flex-wrap:wrap;font-size:9px}.prototype{display:none}footer details{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.agent-guide{margin:20px 10px 0;font-size:11px;color:var(--muted);line-height:1.7}.agent-guide summary{cursor:pointer;color:var(--green);font-weight:600}.agent-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:8px;background:#efefe5;font:10px/1.8 monospace}.agent-guide a{color:var(--orange)}
