@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--paper:#f5f4ef;--ink:#20352b;--muted:#6e786f;--line:#dce1d8;--accent:#297654}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;padding:9px 18px;color:var(--ink)}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:16px;z-index:9}header{max-width:1180px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:700;letter-spacing:2px}.brand span{font-size:12px;font-weight:400;margin-left:15px;letter-spacing:1px}nav{display:flex;gap:24px;margin-left:auto}main{max-width:1180px;margin:auto;padding:45px 32px 24px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:600}h1{font-size:38px;letter-spacing:-1px;font-weight:500;margin:10px 0 14px}.subtitle{color:var(--muted);line-height:1.8;margin:0}.tag{padding:7px 12px;border:1px solid var(--line);border-radius:20px;white-space:nowrap;font-size:12px}.health{background:#e7ede3;border:1px solid #d2ddcb;border-radius:12px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.health strong{font-size:16px}.health p{color:#52604f;margin:9px 0 0;font-size:13px;line-height:1.6}.health>span{color:#52604f;font-size:12px;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8e9389;margin-right:10px}.dot.healthy{background:var(--accent)}.dot.halted,.dot.stale,.dot.source_error{background:#9b6421}.notice{font-size:12px;color:var(--muted);line-height:1.7;margin:13px 0 28px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:40px}.metrics article{background:#fffefa;padding:22px 24px}.metrics h2{font-size:12px;font-weight:500;margin:0;color:var(--muted)}.metrics p{font-size:30px;font-variant-numeric:tabular-nums;margin:12px 0 4px;letter-spacing:-1px}.metrics small{font-size:10px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.section-head h2{font-size:18px;font-weight:500;margin:0}.section-head span{font-size:11px;color:var(--muted)}#count{margin-left:8px}.positions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.position{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:22px}.position-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.position h3{font-size:17px;margin:0}.position .protection{font-size:11px;color:#8b6026}.position .confirmed{color:var(--accent)}.position dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.position dt{font-size:11px;color:var(--muted)}.position dd{margin:6px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tiers{display:flex;flex-wrap:wrap;gap:8px}.tier{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:5px 8px}.tier.done{color:var(--accent);background:#e7ede3}.empty{padding:28px;text-align:center;color:var(--muted);grid-column:1/-1;margin:0;border:1px dashed var(--line);border-radius:10px;line-height:1.7}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fffefa}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{color:var(--muted);font-size:11px;font-weight:500}th,td{padding:16px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td{font-size:12px}table .empty{border:0}details{border-bottom:1px solid var(--line);margin-top:20px}summary{cursor:pointer;padding:16px 0;font-size:13px}.details-content{color:var(--muted);font-size:12px;padding:0 0 20px;line-height:1.9;overflow-wrap:anywhere}.skip-row{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:11px;color:var(--muted)}.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}@media(max-width:700px){header{padding:18px 20px;gap:18px}.brand span{display:none}nav{gap:16px}main{padding:30px 20px 16px}h1{font-size:30px}.intro{align-items:flex-start}.tag{font-size:10px}.subtitle{font-size:11px}.health{padding:18px;align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:28px}.metrics article{padding:18px}.metrics p{font-size:27px}.positions{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head>span{max-width:125px;text-align:right;line-height:1.6}footer{flex-direction:column;gap:12px}th,td{padding:14px}button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.intro{position:relative}.intro>div{width:100%}.intro>.tag{position:absolute;right:0;top:0}.eyebrow{padding-right:110px}

/* Monitoring view: state and positions first, with readable mobile details. */
:root{--muted:#606b62}
header{padding-top:16px;padding-bottom:16px}
main{padding-top:24px}
.mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--muted);font-size:14px}
.health{--status:#52604f;--bg:#edf0e9;--border:#d2ddcb;background:var(--bg);border-color:var(--border);border-left:4px solid var(--status);padding:20px 22px}
.health[data-tone=success]{--status:#236b48;--bg:#e7ede3}
.health[data-tone=warning]{--status:#81530d;--bg:#fff2da;--border:#e9c98f}
.health[data-tone=danger]{--status:#9e302a;--bg:#fbe9e5;--border:#e5b1a9}
.health strong{font-size:20px;color:var(--status)}
.health p,.health>span{font-size:14px;color:var(--status)}
.health p:empty,.details-content p:empty{display:none}
.health .dot{background:var(--status)}
.section-head span,.metrics h2,.metrics small,.position .protection,.position dt,.tier,.notice,summary,.details-content,footer,th,td,.tag{font-size:14px}
.metrics{margin-top:24px;margin-bottom:0}
.metrics article{padding:18px 22px}
.metrics p{margin:8px 0 4px}
.position.attention{border-color:#e5b1a9}
.position-top{flex-wrap:wrap}
.position h3,.trade-card strong{overflow-wrap:anywhere;min-width:0}
.position h3 small{font-size:14px;font-weight:400;margin-left:6px}
.empty{padding:22px;background:#fafaf5}
.empty strong{display:block;color:var(--ink);font-weight:500}
.trade-cards{display:none}
.trade-card{padding:16px;background:#fffefa;border:1px solid var(--line);border-radius:10px}
.trade-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trade-card .trade-meta{margin-top:8px;color:var(--muted);font-size:14px}
.trade-state{font-size:14px;color:var(--muted)}
button,nav a,summary{min-height:44px}
nav a{display:flex;align-items:center}
button:hover{border-color:var(--accent)}
button:active{background:#e7ede3}
nav a:hover,footer a:hover{text-decoration:underline}
@media(max-width:700px){
header{padding-top:12px;padding-bottom:12px}
main{padding-top:20px}
.health{padding:16px;gap:12px}
.health strong{font-size:18px}
.section-head>span{max-width:155px}
.metrics article{padding:16px}
.position{padding:16px}
.position dl{grid-template-columns:repeat(2,1fr)}
.position dl>div:last-child{grid-column:1/-1}
.table-wrap{display:none}
.trade-cards{display:grid;gap:10px}
}