@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans Khmer',system-ui,sans-serif;color:#243c34;background:#f4f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:24px 20px 40px}header,.brand,.section-title,.buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:flex-start;font-family:Georgia,serif;font-size:36px}.brand span{font-family:system-ui;font-size:10px;letter-spacing:2px;max-width:100px;line-height:1.7}button,select{font:inherit}button{border:0;border-radius:12px;padding:13px 17px;cursor:pointer;font-weight:600;min-height:48px}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #c58240;outline-offset:3px}.quiet{color:#36584b;background:transparent}.demo{margin:22px 0;background:#f4e4c7;color:#74501f;padding:12px 15px;border-radius:10px;font-size:12px;line-height:1.8}.intro{padding:12px 2px 24px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7f6951}h1{font-size:29px;line-height:1.6;margin:8px 0}p{line-height:1.8;font-size:14px;color:#65736c;margin:10px 0}#clock{font-size:13px;color:#607267;margin-top:15px}.card{background:#fff;border:1px solid #e2e6dd;border-radius:19px;padding:20px;margin-bottom:14px;box-shadow:0 4px 18px #233e3404}h2{font-size:16px;margin:0 0 12px}.section-title h2{margin:0}.section-title{margin-bottom:18px}.pill,.step{font-size:10px;background:#edf3ed;padding:5px 9px;border-radius:20px;color:#526b5f}.step{font-size:12px}.segmented{display:flex;background:#f2f4ef;padding:5px;border-radius:13px;gap:5px}.segmented button{width:50%;background:transparent;color:#526b5f}.segmented button[aria-pressed=true]{background:#234d40;color:white;box-shadow:0 2px 5px #234d4022}.small{font-size:11px;line-height:1.8}.camera{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#eef1eb;display:grid;place-items:center;text-align:center}.camera video,.camera img{height:100%;width:100%;object-fit:cover}.camera video{transform:scaleX(-1)}[hidden]{display:none!important}.camera-icon{font-size:54px;font-weight:300;color:#718a7b}.camera p{font-size:12px;margin:0 20px 15px}.buttons{margin-top:12px}.buttons button{flex:1}.secondary{background:#edf2eb;color:#2d5444;border:1px solid #d9e4d8}.primary{background:#234d40;color:#fff}.wide{width:100%}.status{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.status.error{color:#a43e31}#result{padding:14px;background:#f2f5ed;border-radius:10px;font-size:13px;line-height:1.9;margin-top:14px;white-space:pre-line}footer{font-size:10px;text-align:center;color:#7a857b;line-height:1.9;padding:12px}summary{cursor:pointer;font-size:13px}label{display:block;font-size:12px;margin-top:14px}select{width:100%;margin-top:8px;padding:12px;border:1px solid #d9e4d8;border-radius:8px;background:white;font-size:12px}@media(max-width:360px){main{padding:16px 12px}.card{padding:16px}h1{font-size:24px}}