:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#14343b;background:#ecf3ef}*{box-sizing:border-box}body{margin:0}#camera{position:fixed;inset:0;overflow:hidden}#welcome{position:relative;max-width:600px;margin:5vh auto;padding:28px;background:#fff;border-radius:24px;box-shadow:0 12px 70px #12374214}h1{font-size:clamp(32px,6vw,48px);line-height:1.2;margin:20px 0}p{line-height:1.65}.tag{letter-spacing:2px;font-size:12px;color:#46655a}#welcome img{display:block;max-width:100%;height:auto;margin:24px auto;border:1px solid #ccd9d1}.note,.privacy{font-size:14px;color:#5c6d67}button,select{font:inherit;min-height:48px;border:0;border-radius:12px;padding:10px 18px}button{background:#11634e;color:white;cursor:pointer}button:disabled{opacity:.5}#start{width:100%;font-weight:700;font-size:18px}a{display:block;margin-top:20px;color:#11634e}#error{color:#a02d1c;white-space:pre-wrap}#hud{position:fixed;inset:0;pointer-events:none;color:white}#hud[hidden]{display:none}.top,.bottom{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));background:#102b32db;padding:12px 16px;border-radius:16px;pointer-events:auto}.top{top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between}.bottom{bottom:max(16px,env(safe-area-inset-bottom))}.bottom p{margin:4px 0;font-size:12px}.bottom label{display:inline-flex;align-items:center;gap:8px;margin:4px 18px 4px 0}input{width:140px;min-height:36px}select{background:white;color:#14343b}output{font-variant-numeric:tabular-nums}#state{font-size:16px}@media(max-width:640px){#welcome{margin:16px;padding:24px}.bottom{padding:8px 12px}.bottom label{margin-right:8px}input{width:100px}}
#camera{isolation:isolate}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.actions button{background:#e5eeea;color:#14343b;padding:8px 14px;border:2px solid transparent}.actions button[aria-pressed=true]{background:#11634e;color:white;border-color:#8ce8c9}.actions button:focus-visible{outline:3px solid #e6b942;outline-offset:2px}
#station-controls{margin:8px 0}#station-controls summary{cursor:pointer;padding:8px 0}#station-controls select{max-width:170px}.bottom{max-height:55dvh;overflow-y:auto}