:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#30372f;background:#f8f7f1;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:28px 20px}header{position:relative;border-bottom:1px solid #d7d9ce;padding-bottom:20px;margin-bottom:24px}h1{font-size:28px;font-weight:550;margin:6px 0}h2{font-size:20px;font-weight:550}p{line-height:1.7}.eyebrow{font-size:12px;letter-spacing:.12em;color:#61715e;margin:0}button,.file-button{display:inline-block;border:1px solid #81907b;background:#52694e;color:white;border-radius:8px;padding:12px 16px;font:inherit;min-height:44px;cursor:pointer;text-align:center}button:disabled{opacity:.5;cursor:wait}input{font:inherit;border:1px solid #939d8a;border-radius:6px;padding:12px;width:100%;min-width:0}label{display:block;margin:12px 0 6px;font-size:14px}form button{margin-top:12px}#logout{position:absolute;right:0;top:8px;background:transparent;color:#3f503c;padding:8px 12px}.actions,.number-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions .file-button{margin:0;background:transparent;color:#3f503c}.number-row{flex-wrap:nowrap}.number-row input{flex:1}.number-row button{margin:0}#player:not(:empty){border:1px solid #d7d9ce;background:#fffef9;border-radius:12px;padding:18px;margin-bottom:26px}#player h2{margin:0 0 12px}#player img,#player video{width:100%;max-height:65vh;object-fit:contain;border-radius:6px}#player audio{width:100%}#camera{width:100%;max-height:50vh;background:#1e211d;border-radius:8px;margin-top:10px}#error{color:#792b20;background:#f9e6de;padding:12px;border-radius:6px}footer{font-size:12px;line-height:1.7;color:#646b61;border-top:1px solid #d7d9ce;margin-top:32px;padding-top:18px}#camera-status{font-size:13px;color:#596653}a{color:#385d3b}:focus-visible{outline:3px solid #955d39;outline-offset:3px}[hidden]{display:none!important}
.hint{font-size:14px;line-height:1.7;color:#596653}#playback-status{font-size:14px;color:#596653}
.stream-time{display:block;text-align:right;font-size:13px;color:#596653;font-variant-numeric:tabular-nums}#stream-position{padding:0;min-height:44px;accent-color:#52694e;touch-action:pan-y}