.page-recorder{margin-top:18px;padding:16px 18px;border:1px solid #c9d3c1;border-radius:9px;background:#f6f8f1;font:14px/1.6 system-ui,sans-serif;text-align:left}.page-recorder summary{cursor:pointer;color:var(--blue);font-weight:600}.page-recorder p{font:inherit;margin:12px 0}.page-recorder button,.recorder-take-actions a{display:inline-block;min-height:44px;box-sizing:border-box;padding:9px 15px;border:1px solid #577b65;border-radius:6px;background:#fffdf5;color:#214c34;font:600 14px/1.6 system-ui,sans-serif;cursor:pointer;text-decoration:none}.page-recorder [data-recorder-start]{background:#28553b;color:white;margin-right:8px}.page-recorder [data-recorder-stop]{background:#8b332d;border-color:#8b332d;color:white;margin-right:8px}.page-recorder button:disabled{cursor:default;opacity:.5}.page-recorder button[hidden]{display:none}.page-recorder button:focus-visible,.page-recorder a:focus-visible,.page-recorder summary:focus-visible{outline:3px solid #235c77;outline-offset:3px}.page-recorder [data-recorder-timer]{font-variant-numeric:tabular-nums}.page-recorder [data-recorder-status]{color:#3e5342;min-height:1.6em}.recorder-take{border-top:1px solid #cad5bd;padding-top:5px;margin-top:16px}.recorder-take audio{display:block;width:100%;margin:10px 0}.recorder-take .recorder-take-label{font-weight:600;overflow-wrap:anywhere}.recorder-take-storage{display:block;font-size:12px;color:#526150}.recorder-take-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.recorder-take-actions button{border-color:#a77c74;color:#79392f}@media(max-width:480px){.page-recorder{padding:14px 12px}}@media print{.page-recorder{display:none}}
.recorder-view-open{overflow:hidden}.recorder-workspace{width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;border:1px solid #b7c9b2;border-radius:12px;padding:24px;background:#fffdf5;color:#263b32;text-align:left;overscroll-behavior:contain}.recorder-workspace::backdrop{background:#17281fef}.recorder-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd7c2;padding-bottom:18px;margin-bottom:22px}.recorder-workspace-heading h2{font:600 20px/1.35 system-ui,sans-serif;margin:0}.recorder-workspace-heading button{flex-shrink:0;max-width:48%;font-size:13px}.recorder-passage{font:400 24px/1.65 Georgia,serif;padding:0 2px 25px;border-bottom:1px solid #ccd7c2;margin-bottom:20px;white-space:pre-line}.page-recorder .recorder-passage p{font:inherit;margin:0 0 .85em}.recorder-passage h3{font:500 32px/1.25 Georgia,serif}.recorder-passage:lang(zh-CN){font-family:"Songti SC","STSong",serif;line-height:1.9}.recorder-passage:lang(ko-KR){font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}.recorder-level{display:flex;align-items:center;gap:12px;margin-top:14px}.recorder-level meter{width:150px;max-width:45%}.recorder-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font:14px/1.6 system-ui,sans-serif}.recorder-consent input{flex:none;width:20px;height:20px;margin:2px 0}.recorder-send-status{overflow-wrap:anywhere}.recorder-audio-status{color:#6f5029}.recorder-take [data-recorder-send]{background:#28553b;color:white}.page-recorder [hidden]{display:none!important}@media(max-width:480px){.recorder-workspace{padding:18px 16px}.recorder-workspace-heading{gap:12px}.recorder-workspace-heading h2{font-size:18px}.recorder-passage{font-size:22px}.recorder-workspace-heading button{padding:8px;font-size:12px}}
.recording-invitation{max-width:650px;margin:8vh auto;padding:24px;font:16px/1.65 system-ui,sans-serif;color:#263b32;background:#fffdf5}.recording-invitation h1{font-size:30px;line-height:1.2}.recording-invitation select,.recording-invitation button{font:inherit;min-height:44px;padding:9px 14px;border:1px solid #577b65;border-radius:7px;background:#fffdf5;color:#214c34}.recording-invitation button{background:#28553b;color:white;cursor:pointer}.recording-invitation button:disabled{opacity:.5;cursor:default}.recording-invitation [data-invite-scope]{padding:18px;border:1px solid #c9d3c1;border-radius:8px;overflow-wrap:anywhere}.recording-invitation [hidden]{display:none!important}.recording-invitation .small{font-size:14px}.recording-invitation button:focus-visible,.recording-invitation select:focus-visible{outline:3px solid #235c77;outline-offset:3px}
.recorder-workspace::backdrop{background:#17281f}.recorder-reference{margin:0 0 22px}.recorder-reference audio{display:block;width:100%}.recorder-reference p{font:13px/1.5 system-ui,sans-serif;color:#526150}
.recorder-workspace>.page-recorder-controls{position:sticky;top:0;z-index:2;background:#fffdf5;border-block:1px solid #ccd7c2;padding:10px 0;margin-bottom:22px}.recorder-workspace .recorder-passage p{scroll-margin-top:84px}
.recorder-send-guidance{padding:10px 12px;border-left:3px solid #9c834b;background:#f5f0df}.recorder-invitation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 16px}.recorder-invitation-actions a{padding:10px 0;min-height:44px;box-sizing:border-box;color:#214c34;font-weight:600}.recorder-send-status:not(:empty){padding:10px 12px;background:#eef5e9;border-left:3px solid #577b65}.recorder-send-status:focus{outline:2px solid #577b65;outline-offset:2px}