.access-gate{max-width:580px;margin:50px auto;padding:30px;background:var(--surface,#fffaf1);border:1px solid #d9d1c2;border-radius:16px;color:var(--text,#173a54)}.access-gate h1{font-size:27px;margin:12px 0}.access-gate p{font-size:14px;line-height:1.8}.access-form{display:grid;gap:18px;margin:25px 0}.access-form label{display:grid;gap:7px;font-size:14px}.access-form input{padding:13px;border:1px solid #bab5a9;border-radius:7px;background:#fff;color:#173a54;font:inherit;min-width:0}.access-status{color:#a82f29!important}.access-note{color:#6b6b63}.access-session{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:14px 24px;background:#e9efeb;color:#173a54;font-size:13px}.access-session button,.analytics-note button{border:1px solid #8b978f;border-radius:4px;background:transparent;padding:5px 9px;cursor:pointer;color:inherit}.analytics-note{font:12px/1.8 "Noto Sans TC",sans-serif;color:#68716e;margin:20px auto 0;max-width:1100px;grid-column:1/-1}.analytics-note a{text-decoration:underline}.access-gate a{text-decoration:underline}button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.access-gate{margin:25px 14px;padding:22px}.access-session{align-items:flex-start}.analytics-note{padding-inline:10px}}
.observation-save{margin-top:24px;padding:20px;border:1px solid #d9d1c2;border-radius:10px;background:#fffdf8}.observation-save h3{font-size:20px;margin:0 0 10px}.observation-save p{font-size:14px;line-height:1.8}.observation-form label{display:grid;gap:6px;font-size:14px;margin:12px 0}.observation-form input,.observation-form select,.observation-form textarea{box-sizing:border-box;max-width:100%;width:100%;padding:10px;border:1px solid #9da9a9;border-radius:5px;background:#fff;color:#173a54;font:inherit}.observation-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.observation-actions{display:flex;gap:12px;flex-wrap:wrap}.observation-status{color:#173a54}.observation-history article{padding:15px 0;border-top:1px solid #d9d1c2;overflow-wrap:anywhere}.observation-history p{margin:6px 0}@media(max-width:600px){.observation-fields{grid-template-columns:1fr;gap:0}.observation-save{padding:14px}}
[data-theme="dark"] .observation-save{background:var(--white);color:var(--ink);border-color:var(--line)}[data-theme="dark"] .observation-form input,[data-theme="dark"] .observation-form select,[data-theme="dark"] .observation-form textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}[data-theme="dark"] .observation-status{color:var(--ink)}[data-theme="dark"] .observation-history article{border-color:var(--line)}