:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2d40;background:#f3f5f7;font-synthesis:none;--ink:#172b40;--blue:#265ccd}*{box-sizing:border-box}body{margin:0}header{height:86px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e9}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:-.6px}.brand b{font-weight:500;color:#6d7f91}.brand-icon{display:grid;place-items:center;background:var(--ink);color:#d1e1fe;border-radius:12px;width:35px;height:35px;font-size:23px;margin-right:3px}.local-tag{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#527366;background:#e4eee8;padding:9px 12px;border-radius:6px}main{max-width:1180px;padding:0 28px;margin:auto}.intro{padding:48px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#617790;margin:0 0 14px}h1{font-size:clamp(34px,5vw,57px);line-height:1.1;letter-spacing:-2px;font-weight:650;margin:0 0 20px}.lead{color:#63758a;font-size:16px;max-width:480px;line-height:1.7}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid #e0e5eb;border-radius:20px;padding:28px;box-shadow:0 5px 18px #1b2d4005}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h2{font-size:21px;letter-spacing:-.6px;margin:0}h3{font-size:16px}.badge{padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;background:#edf1f6;color:#63758a}.badge.active{background:#ffebe7;color:#a73d2a}label{font-size:12px;font-weight:650;display:grid;gap:8px;color:#4f6278;margin:16px 0}select,input,button{font:inherit}select,input:not([type=checkbox]){width:100%;min-width:0;background:#f8fafc;border:1px solid #d7e0e9;border-radius:9px;color:#253c56;padding:12px 10px;min-height:46px;font-size:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{min-width:0}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;font-weight:450}.consent input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--blue);margin:1px 0}.recording-display{display:flex;flex-direction:column;align-items:center;background:#f6f8fb;border:1px solid #e6ebf2;border-radius:14px;margin-top:22px;padding:25px 12px;gap:10px}.record-dot{height:10px;width:10px;border-radius:50%;background:#aebccb}.record-dot.active{background:#d8503c;box-shadow:0 0 0 5px #d8503c12}.recording-display output{font-size:52px;font-weight:450;letter-spacing:-2px;font-variant-numeric:tabular-nums}.recording-display span:last-child{font-size:11px;color:#6f8196}.actions{display:flex;gap:10px;margin-top:18px}button{cursor:pointer;min-height:44px;padding:12px 15px;background:#fff;border:1px solid #d5dee9;border-radius:9px;color:#344e6a;font-size:12px;font-weight:650;line-height:1.5}button:hover{background:#f0f5fc}button.primary{background:var(--blue);color:white;border-color:var(--blue);flex:1}button.primary:hover{background:#174bb6}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eab949;outline-offset:3px}.limit,.muted{font-size:11px;color:#76869a;line-height:1.8}.limit{text-align:center}.capabilities{margin:24px 0 0;border-top:1px solid #e7ecf1;font-size:11px}.capabilities div{padding:12px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5}.capabilities dt{color:#6c7f96}.capabilities dd{margin:0;text-align:right;font-weight:600}.diagnostic{margin-top:16px}details summary{cursor:pointer;font-size:12px;font-weight:650;min-height:44px;display:list-item;padding:12px 0;color:#425d7b}details p{font-size:12px;line-height:1.8;color:#61748c}#live-log,.event-log{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding-left:20px;overflow-wrap:anywhere;max-height:210px;overflow:auto}.guide{background:#f8fafc;box-shadow:none}.guide h2{margin-bottom:26px}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{position:relative;padding-left:37px;margin:22px 0;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;border:1px solid #d5dfeb;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px;color:#5d7796}.steps b{display:block;font-size:12px;margin-bottom:8px}.steps span{font-size:12px;line-height:1.8;color:#6b7d92}.guide-note{font-size:11px;line-height:1.8;background:#edf1f7;padding:14px;border-radius:9px;color:#62778f}.library{margin:42px 0}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.library-heading .eyebrow{margin-bottom:8px}#count{font-size:13px;background:#e1e8f0;color:#617b98;padding:4px 8px;border-radius:7px;margin-left:6px}.empty{text-align:center;border:1px dashed #cbd6e2;border-radius:14px;padding:36px 15px;margin-top:22px;color:#7890a9}.empty>span{font-size:30px}.empty h3{font-size:15px;color:#4c6581;margin-bottom:8px}.empty p{font-size:12px}.session{background:white;border:1px solid #dde5ed;border-radius:15px;padding:22px;margin:16px 0}.session-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.session h3{margin:0 0 6px}.session .meta{font-size:11px;color:#74879d;line-height:1.8}.session audio{width:100%;margin:16px 0;min-height:44px}.session .buttons{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#aa3c2e}.session label{max-width:440px}.classification{font-size:12px;line-height:1.8;color:#59708c}.error{background:#fff1e8;color:#9b4421;padding:12px;border-radius:8px;font-size:12px;line-height:1.7}#notice:not(:empty){padding:12px;background:#edf3fb;border-radius:9px;font-size:12px;line-height:1.7}footer{padding:24px 0 34px;border-top:1px solid #dbe3eb;color:#7a8b9e;font-size:11px;line-height:1.8}footer a{color:#4e6c8e}footer small{display:block;margin-top:20px}#unsaved{background:#fff3e0;padding:14px;border-radius:10px;font-size:12px;line-height:1.8}@media(max-width:760px){header{height:72px;padding:0 20px}.local-tag{font-size:8px;padding:7px}.brand{font-size:15px}.brand-icon{width:30px;height:30px}main{padding:0 18px}.intro{padding:32px 4px 22px}h1{letter-spacing:-1.4px}.lead{font-size:14px}.layout{grid-template-columns:1fr;gap:18px}.card{padding:22px}.fields{grid-template-columns:1fr;gap:0}.fields label{margin:8px 0}.library-heading{align-items:start}.library-heading button{font-size:10px;max-width:125px}.session{padding:18px}.guide{padding:22px}.session-head{flex-direction:column}.recording-display output{font-size:48px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.simple-recorder main{max-width:650px;padding-top:36px}.simple-recorder header{max-width:820px}.simple-recorder .card-top h1{font-size:22px;letter-spacing:-.6px;margin:0}.simple-recorder .recording-display{padding:36px 12px}.simple-recorder .recording-display output{font-size:64px}.simple-recorder .actions button{font-size:16px;min-height:54px}.simple-recorder .library{margin:30px 0}.simple-recorder .diagnostic{padding:8px 22px}.simple-recorder footer{border:0;padding:12px 0 24px}.simple-recorder .session h3{font-size:14px}@media(max-width:760px){.simple-recorder main{padding-top:22px}.simple-recorder .card-top h1{font-size:20px}.simple-recorder .recording-display output{font-size:58px}}