:root{color-scheme:light;--green:#173f35;--ink:#263c34;--muted:#69786f;--line:#e5eae4;--paper:#f3f5ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 75% 0%,#e1e9dd 0,transparent 55%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #90b7a0;outline-offset:4px}[hidden]{display:none!important}.shell{width:min(100% - 40px,460px);margin:auto;padding:44px 0 24px}.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px;letter-spacing:.04em;margin-bottom:28px}.brand img{border-radius:9px}.brand-label{margin-left:auto;font-size:11px;letter-spacing:.1em;font-weight:500;color:var(--muted)}.card{background:#fff;border:1px solid #dce4d9;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px -35px #173f3570}.card-intro{background:var(--green);color:#ebf4e8;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{font-size:13px;letter-spacing:.08em}.step{font-size:10px;font-weight:600;color:#b8cfc1;letter-spacing:.06em}.session{margin:26px 26px 0;padding-bottom:26px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.session-label{font-size:11px;color:var(--muted);letter-spacing:.12em}.session p{margin:7px 0 0;font-size:20px;font-weight:650;letter-spacing:.02em}.quantity{grid-area:1/2/3/3;background:#f0f5ed;border-radius:13px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:3px}.quantity strong{font-size:29px;line-height:1.1;letter-spacing:-.05em;font-weight:650}.quantity span{font-size:10px;color:var(--muted)}.status{padding:31px 26px 0;text-align:center;min-height:200px}.status-icon{width:47px;height:47px;margin:0 auto 18px;display:grid;place-items:center;background:#f0f5ed;color:#37684c;border-radius:50%}.status-icon svg{width:24px;height:24px}.status[data-state=loading] .status-icon svg,.status[data-state=sending] .status-icon svg{animation:turn 1.2s linear infinite}.status[data-state=uncertain] .status-icon,.status[data-state=blocked] .status-icon{background:#faf1e5;color:#98602a}h1{font-size:21px;font-weight:650;letter-spacing:.02em;line-height:1.4;margin:0 0 10px}.status p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;text-wrap:pretty}.actions{padding:20px 26px 26px}.primary{display:block;width:100%;background:var(--green);border:0;border-radius:12px;color:#fff;padding:15px 18px;font-size:14px;font-weight:600}.primary:hover{background:#225546}.primary:disabled{cursor:default;opacity:.7}#fallback{margin-top:17px;text-align:left}#fallback label{font-size:11px;color:var(--muted);line-height:1.6}.command-row{display:flex;gap:8px;margin-top:8px;align-items:center;background:#f7f8f4;border:1px solid var(--line);border-radius:10px;padding:7px 8px 7px 12px}.command-row input{min-width:0;width:100%;border:0;background:transparent;font-size:13px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,monospace;padding:5px 0}.copy{flex-shrink:0;border:0;border-radius:6px;padding:7px 10px;background:#e6ede2;color:var(--green);font-size:12px}.card-foot{display:flex;align-items:flex-start;justify-content:center;gap:7px;background:#f8faf6;border-top:1px solid var(--line);padding:16px 20px}.card-foot svg{flex:0 0 16px;width:16px;height:16px;color:#76947d}.card-foot p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.help{font-size:11px;line-height:1.9;text-align:center;color:var(--muted);margin:23px 6px 0}footer{margin-top:37px;display:flex;justify-content:space-between;align-items:center;color:#8c9c8c;font-size:11px;letter-spacing:.08em}footer span{font-size:8px;letter-spacing:.18em}.noscript{font-size:13px;line-height:1.7;color:#98602a}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-icon svg{animation:none!important}}@media(max-width:360px){.shell{width:calc(100% - 28px);padding-top:28px}.card-intro{padding:20px}.session{margin:22px 20px 0}.status{padding-left:20px;padding-right:20px}.actions{padding-left:20px;padding-right:20px}.session p{font-size:18px}}@media(max-height:650px){.shell{padding-top:22px}.brand{margin-bottom:18px}.status{min-height:180px;padding-top:24px}footer{margin-top:24px}}
