*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#faf8f3;height:100%}@media (prefers-color-scheme:dark){html,body{background:#11110f}}:root{--cl-yellow:#f2b705;--cl-ink:#11110f;--cl-paper:#faf8f3;--cl-pass:#2e7d4f;--cl-fail:#b3261e}.cl{--cl-fg:var(--cl-ink);--cl-bg:var(--cl-paper);--cl-muted:#11110f9e;--cl-rule:#11110f29;-webkit-overflow-scrolling:touch;background:var(--cl-bg);color:var(--cl-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;position:fixed;inset:0;overflow-y:auto}@media (prefers-color-scheme:dark){.cl{--cl-fg:var(--cl-paper);--cl-bg:var(--cl-ink);--cl-muted:#faf8f39e;--cl-rule:#faf8f333}}.clScreen{max-width:520px;min-height:100%;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 20px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.clHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.clH1{font-size:24px;font-weight:600;line-height:1.25}.clH2{font-size:17px;font-weight:600}.clBody{font-size:15px}.clSmall{color:var(--cl-muted);font-size:13px}.clError{color:var(--cl-fail);font-size:14px}.clPass{color:var(--cl-pass);font-size:14px}.clRule{border:0;border-top:1px solid var(--cl-rule);width:100%}.clGrow{flex:1}.clRow{align-items:center;gap:12px;display:flex}.clWrap{flex-wrap:wrap;gap:4px 8px;display:flex}.clStack{flex-direction:column;gap:8px;display:flex}.clButton,.clOutlined{width:100%;min-height:56px;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.clButton{background:var(--cl-yellow);color:var(--cl-ink);border:0}.clOutlined{border:1px solid var(--cl-rule);color:inherit;background:0 0}.clButton:disabled,.clOutlined:disabled,.clText:disabled{opacity:.45;cursor:default}.clText{min-height:44px;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-weight:500;text-decoration:underline}.clDanger{color:var(--cl-fail)}.clField{flex-direction:column;gap:4px;display:flex}.clLabel{font-size:13px;font-weight:500}.clInput,.clSelect{border:1px solid var(--cl-rule);width:100%;min-height:52px;color:inherit;font:inherit;background:0 0;border-radius:10px;padding:12px;font-size:16px}.clSelect option{color:var(--cl-ink)}.clPhoneRow{grid-template-columns:112px 1fr;gap:8px;display:grid}.clChip{border:1px solid var(--cl-rule);min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:20px;padding:8px 14px;font-size:14px}.clChipOn{background:var(--cl-fg);color:var(--cl-bg);border-color:var(--cl-fg)}.clOption{cursor:pointer;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.clOption input{width:20px;height:20px;accent-color:var(--cl-fg);margin-top:4px}.clList{flex-direction:column;display:flex}.clListRow{border:0;border-bottom:1px solid var(--cl-rule);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 0;display:flex}.clAmount{white-space:nowrap;font-size:20px;font-weight:500}.clBigAmount{font-size:36px;font-weight:500}.clDetail{grid-template-columns:96px 1fr;gap:6px 0;font-size:14px;display:grid}.clDetail dt{color:var(--cl-muted)}.clProgress{background:var(--cl-rule);border-radius:2px;width:100%;height:4px;overflow:hidden}.clProgress>div{background:currentColor;height:100%;transition:width .2s linear}.clBox{border:1px solid var(--cl-rule);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.clBadge{background:var(--cl-yellow);width:40px;height:40px;color:var(--cl-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.clDialogBack{z-index:20;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.clDialog{background:var(--cl-bg);width:100%;max-width:420px;max-height:85%;color:var(--cl-fg);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.clDialogActions{justify-content:flex-end;gap:8px;display:flex}.clCamera{color:#fff;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden}.clCameraInner{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute}.clPreview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.clZone{pointer-events:none;border:2px solid #ffffff8c;border-radius:16px;position:absolute;inset:30% 12% 4%}.clZoneOn{border:4px solid var(--cl-pass)}.clTop{justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px;right:8px}.clMenuButton{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:flex;position:absolute;top:0;left:0}.clMenuButton span{background:#fff;border-radius:1px;width:24px;height:2px;display:block}.clMenu{z-index:5;background:var(--cl-paper);min-width:220px;color:var(--cl-ink);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:56px;left:8px;overflow:hidden}.clMenu button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:14px 16px}.clPicker{color:#fff;max-width:calc(100% - 112px);min-height:44px;font:inherit;text-overflow:ellipsis;background:#0000008c;border:0;border-radius:24px;padding:10px 16px;font-weight:500}.clPicker option{color:var(--cl-ink)}.clPickerLabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clLight{background:#0000008c;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.clLight i{background:var(--cl-fail);border-radius:50%;width:12px;height:12px;animation:1.4s linear infinite clPulse;display:block}@keyframes clPulse{50%{opacity:.25}}.clRecordingTop{flex-direction:column;align-items:center;display:flex;position:absolute;top:12px;left:16px;right:16px}.clBottom{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.clGuidance{text-align:center;text-shadow:0 1px 6px #000000b3;width:100%;font-size:24px;font-weight:500;line-height:1.25}.clElapsed{font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000000b3;font-size:36px}.clBanner{background:var(--cl-fail);color:#fff;text-align:center;border-radius:8px;width:100%;padding:12px;font-size:14px}.clDeclared{color:#ffffffd9;text-shadow:0 1px 4px #000000b3;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.clDeclared .clText{color:#fff;flex:none}.clBig{color:#fff;width:100%;min-height:72px;font:inherit;cursor:pointer;border:0;border-radius:14px;font-size:22px;font-weight:600}.clBigRecord{background:var(--cl-pass)}.clBigStop{background:var(--cl-fail)}.clBigOutline{background:0 0;border:2px solid #fff}.clBigPrimary{background:var(--cl-yellow);color:var(--cl-ink)}.clBig:disabled{cursor:default;background:#fff3}