@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#182d28;background:#f3f5f3;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:0 48px}header{height:100px;border-bottom:1px solid #d9e0da;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.06em;color:inherit;text-decoration:none;font-size:19px}.brand span{color:#628730}.privacy{font-size:14px;color:#5a6a61}.heading{display:flex;align-items:center;justify-content:space-between;padding:34px 0 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#607363;margin:0 0 10px}h1{font-size:32px;letter-spacing:-.05em;margin:0 0 10px}p{line-height:1.7}.heading p:last-child{color:#627067;margin:0}.badge{background:#e5ebe4;padding:10px 16px;border-radius:24px;font-size:14px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.camera{aspect-ratio:16/10;background:#182c28;border-radius:16px;position:relative;overflow:hidden;color:#e9efeb}video,canvas{position:absolute;width:100%;height:100%;object-fit:contain}video.mirrored,canvas.mirrored{transform:scaleX(-1)}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.empty[hidden]{display:none}.camera-icon{width:65px;height:65px;border:1px solid #687a69;border-radius:20px;display:grid;place-items:center;color:#c8f36b;font-size:34px;margin-bottom:10px}.empty h2{font-size:21px;margin:12px 0 4px}.empty p{color:#b8c5bc;font-size:15px}.empty>span{font-size:12px;color:#91a297}.view-label{position:absolute;top:20px;left:22px;font-size:12px;color:#c2cdc6;letter-spacing:.05em}.view-label span{margin:0 8px;color:#b9ed6e}.live-label{position:absolute;right:20px;top:18px;background:#c8f36b;color:#193126;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:800}.controls{display:flex;gap:10px;margin-top:20px;align-items:flex-end}.controls label{font-size:13px;color:#55675b;flex:1}select,button{font:inherit}select{display:block;width:100%;margin-top:7px;padding:12px;background:white;border:1px solid #d2dcd3;border-radius:8px;color:#233a2d;min-width:0}button{cursor:pointer;border:1px solid #d2dcd3;border-radius:8px;background:#fff;padding:12px 17px;font-size:14px;font-weight:600;color:#284332;min-height:48px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}.primary{background:#c7ef7b;border-color:#c7ef7b;color:#203522}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77a145;outline-offset:3px}.toggles{display:flex;gap:23px;align-items:center;padding:13px 0;font-size:14px;color:#5d6b62;flex-wrap:wrap}.toggles label{display:flex;align-items:center;gap:5px}input{accent-color:#426f2e;width:16px;height:16px}.text-button{border:0;background:none;font-size:13px;padding:4px 0;min-height:30px;font-weight:400;color:#526550}.toggles .text-button{margin-left:auto}.setup{display:grid;grid-template-columns:32px 1fr 32px 1fr;border-top:1px solid #d9e0da;padding-top:20px;gap:10px}.step{font-size:12px;font-weight:700;color:#647e55;padding-top:5px}.setup p{font-size:13px;margin:0;color:#748074}.setup strong{font-size:14px;color:#384d3e;font-weight:600}.feedback{background:#e5efdb;border:1px solid #d2e1c3;border-radius:14px;padding:25px;min-height:244px}.feedback-icon{display:grid;place-items:center;width:42px;height:42px;background:#d3e5be;border-radius:50%;color:#385328;font-size:22px;margin:17px 0}.feedback h2{font-size:21px;margin:0 0 10px;letter-spacing:-.04em}.feedback p:last-child{font-size:14px;margin:0;color:#5b6e51}.metrics{margin-top:12px;background:#fff;border:1px solid #dce3da;border-radius:14px;padding:0 21px}.metric{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 0;border-bottom:1px solid #edf0eb}.metric:last-child{border-bottom:0}.metric span{font-size:14px}.metric small{display:block;font-size:12px;color:#84907f;font-weight:400;margin-top:4px}.metric strong{font-size:22px;white-space:nowrap}.metric strong small{display:inline;font-size:14px;margin-left:2px}.timer{margin-top:12px;padding:20px 23px;background:#fff;border:1px solid #dce3da;border-radius:14px}.timer>div{display:flex;justify-content:space-between;align-items:center;font-size:14px}.timer>strong{display:block;font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:500;line-height:1.4}.timer p{font-size:12px;margin:5px 0 0;color:#7b8975}.note{font-size:12px;color:#7b8778;line-height:1.7;padding:0 4px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d9e0da;margin-top:30px;padding:24px 0 30px;font-size:12px;color:#7e8b7d}footer span:first-child{letter-spacing:.08em;font-weight:600;white-space:nowrap}.error{background:#fff0e9;color:#943c23;padding:13px 16px;border-radius:8px;font-size:14px} .feedback[data-tone=warn]{background:#f4ead8;border-color:#e5d4b7}.feedback[data-tone=warn] .feedback-icon{background:#ebd9b6;color:#805c24}@media(min-width:1400px){.camera{aspect-ratio:16/9}}@media(max-width:1000px){main{padding:0 25px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.setup{grid-template-columns:25px 1fr}.heading p:last-child{font-size:14px}.camera{aspect-ratio:4/3}.controls{flex-wrap:wrap}.controls label{flex-basis:100%}}@media(max-width:760px){main{padding:0 18px}header{height:76px}.privacy{font-size:12px;max-width:130px;text-align:right}.heading{display:block;padding:25px 0}h1{font-size:27px}.badge{display:inline-block;margin-top:16px}.workspace{grid-template-columns:1fr}.camera{aspect-ratio:4/3}.controls label{flex-basis:100%}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback{grid-column:1/-1;min-height:0}.metrics,.timer{margin-top:0}.metric{padding:14px 0}.metrics{padding:0 14px}.metric strong{font-size:19px}.note{grid-column:1/-1;margin:0}footer{flex-direction:column;gap:10px}.setup{padding-bottom:5px}.timer{padding:18px 14px}.timer>div{flex-wrap:wrap}.timer>strong{font-size:39px}}@media(prefers-reduced-motion:no-preference){button{transition:background .2s,opacity .2s}}
.timer .records{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #e5ebe1;padding-top:12px;margin-top:8px;font-size:12px}.records b{display:block;font-size:18px;font-variant-numeric:tabular-nums;margin-top:4px}

.kiosk-nav{display:flex;gap:14px;flex-wrap:wrap}.kiosk-nav a{font-size:14px;color:#284332;padding:8px 12px;border:1px solid #bacbb4;border-radius:7px;background:white;text-decoration:none}.flow{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.flow span{font-size:14px;padding:8px 12px;background:#edf0e9;border-radius:7px;color:#65725e}.flow .active{background:#c7ef7b;color:#203522;font-weight:700}#currentMember{font-size:26px;margin:5px 0 12px}@media(max-width:600px){header{height:auto;min-height:90px;gap:12px;flex-wrap:wrap;padding:15px 0}}

.member-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #e5ebe1}.member-entry,.member-entry:visited{display:flex;align-items:center;gap:13px;min-height:72px;padding:13px 18px;border:1px solid #d5e2ca;border-radius:12px;background:#f2f7ed;color:#203d2b;text-decoration:none}.member-entry-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e0edcf;color:#41632e;flex-shrink:0}.member-entry-icon svg{width:23px;height:23px}.member-entry-copy{display:flex;flex-direction:column;gap:4px}.member-entry-copy strong{font-size:15px;font-weight:700}.member-entry-copy small{font-size:12px;color:#5f7058;line-height:1.5}.member-entry-arrow{margin-left:20px;color:#456238;font-size:23px}.member-entry:hover{background:#e8f2df;border-color:#abc58f}.member-entry:focus-visible{outline:3px solid #77a145;outline-offset:3px}.member-actions .qr-scan-action{border-radius:12px;padding:14px 22px;align-self:stretch}.member-actions [hidden]{display:none}@media(max-width:600px){.member-entry{width:100%;padding:13px 14px}.member-entry-copy{flex:1}.member-entry-arrow{margin-left:0}.member-actions .qr-scan-action{flex:1}}

.toggles[hidden],#audioStatus[hidden]{display:none!important}

.setup-guide{margin-top:24px;padding:22px;background:#e9efe5;border:1px solid #d3dfcb;border-radius:16px}.setup-guide-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.setup-guide-tag{padding:5px 10px;border-radius:6px;background:#294631;color:#fff;font-size:12px;font-weight:700}.setup-guide-heading h2{margin:0;font-size:19px;letter-spacing:-.03em}.setup-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-card{display:flex;gap:13px;padding:20px 16px;background:#fff;border:1px solid #dce5d5;border-radius:12px}.setup-number{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:39px;height:39px;border-radius:11px;background:#c7ef7b;color:#244025;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.setup-copy{min-width:0}.setup-card-title{display:flex;gap:7px;align-items:flex-start}.setup-card-title svg{width:21px;height:21px;flex-shrink:0;color:#4c6a38}.setup-card h3{margin:0;color:#203b2a;font-size:16px;line-height:1.5;letter-spacing:-.035em;word-break:keep-all}.setup-card p{font-size:13px;color:#5c6d58;line-height:1.8;margin:10px 0 0;word-break:keep-all}.setup-card p strong{font-weight:600;color:#344e2e}@media(max-width:1200px){.setup-guide-cards{grid-template-columns:1fr}}@media(max-width:600px){.setup-guide{padding:16px}.setup-card{padding:17px 13px;gap:11px}.setup-guide-heading h2{font-size:18px}}

.controls label[hidden]{display:none!important}

.personal-mode #scanMemberQr{display:none!important}.personal-mode .camera{aspect-ratio:4/3}.personal-mode #start{background:#c7ef7b}.personal-mode .timer>strong{font-size:56px}@media(max-width:760px){.personal-mode .heading{padding:18px 0}.personal-mode .camera{min-height:220px}.personal-mode .member-actions{display:none}}

.personal-mode .camera{min-height:0}#video,#overlay{inset:0;object-fit:contain}

.camera-timer{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;pointer-events:none;background:rgba(12,28,22,.88);border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:9px 20px;color:#fff;box-shadow:0 3px 14px #0003;white-space:nowrap}.camera-timer span{font-size:13px;font-weight:600}.camera-timer strong{font-size:42px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:.02em}.camera-timer[data-state=active] strong{color:#c7ef7b}.camera-timer[data-state=paused]{background:rgba(98,35,16,.94)}.camera-timer[data-state=paused] strong{color:#ffd29c}@media(max-width:600px){.camera-timer{bottom:10px;padding:7px 15px;gap:12px}.camera-timer strong{font-size:34px}.camera-timer span{font-size:12px}}