:root{font-family:system-ui,-apple-system,sans-serif;color:#1e293b;background:#f7f8fa}*{box-sizing:border-box}main{max-width:850px;margin:0 auto;padding:20px}header,.toolbar,.actions,.note-head{display:flex;justify-content:space-between;align-items:center;gap:10px}header{border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:12px}h1{font-size:23px;margin:0}h2{font-size:18px}small{color:#64748b}button{background:#2563eb;border:0;color:white;border-radius:9px;padding:11px 14px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:white;font:inherit}textarea{resize:vertical}form,.editor{display:grid;gap:12px}.editor,.note,#login{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin:15px 0}.toolbar input{flex:1}#status{color:#475569;min-height:24px}#report{overflow:auto;white-space:pre-wrap;background:#e2e8f0;padding:12px;border-radius:10px}.note h3{margin:0}.note p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.note .actions{justify-content:flex-end}.note button,#cancel,#refresh,#check,#logout{background:#475569}.danger{background:#b91c1c!important}@media(max-width:600px){main{padding:12px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}button{padding:10px}}

#qrDialog{width:min(95vw,520px);border:1px solid #cbd5e1;border-radius:16px;padding:22px;color:#1e293b}
#qrDialog::backdrop{background:#0f172ab8}#qrVideo{width:100%;max-height:340px;background:#0f172a;border-radius:12px;object-fit:cover}
#qrDialog label{display:grid;gap:8px}#qrStatus{min-height:24px;overflow-wrap:anywhere}

#qrVideo{width:100%;max-height:380px;background:#0f172a;border-radius:12px}#qrStatus{overflow-wrap:anywhere}#qrResult{display:block;padding:12px;background:#dcfce7;border-radius:10px;color:#166534;font-weight:600}#qrResult[hidden]{display:none}.hint{color:#64748b}label{display:grid;gap:8px}