:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#17252a;background:#f1f5f6;font-size:16px}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom);background:#f1f5f6}.top{position:sticky;top:0;z-index:5;background:#0b5265;color:#fff;padding:12px max(16px,calc((100vw - 680px)/2));display:flex;align-items:center;justify-content:space-between;min-height:58px;box-shadow:0 2px 9px #0c273122}.brand{display:flex;gap:9px;align-items:center;font-size:17px}.droplet{color:#6de0ed;font-size:20px}.top-actions{display:flex;align-items:center;gap:8px}.connection{font-size:12px;background:#ffffff20;padding:6px 9px;border-radius:18px}.connection.offline{background:#f4b94d;color:#302200}.small-btn,.back,.move,.primary,.secondary,.capture{font:inherit;cursor:pointer;border:0}.small-btn{border-radius:18px;padding:8px 12px;background:#e6f6f9;color:#064354;font-weight:700}main{max-width:680px;margin:0 auto;padding:16px 14px 45px}.hidden{display:none!important}.hero{background:#fff;border-radius:20px;padding:22px 18px;margin-bottom:22px;box-shadow:0 3px 14px #142f3a0d}.eyebrow{margin:0 0 5px;color:#54808b;font-size:12px;font-weight:700;letter-spacing:.03em}.hero h1,.record-head h1{margin:0 0 8px;font-size:24px}.hero>p:not(.eyebrow){margin:0 0 18px;color:#52646a;line-height:1.55}.primary,.secondary{border-radius:13px;min-height:49px;padding:11px 14px;font-weight:750}.primary{background:#087d93;color:white}.secondary{background:#e8f1f3;color:#164852}.full{width:100%;font-size:17px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.section-title h2,.backup-card h2,.export-card h2{margin:0;font-size:17px}.section-title span{color:#64777d;font-size:13px}.case-list{display:grid;gap:9px}.case-card{width:100%;background:#fff;border:1px solid #e0e8ea;border-radius:13px;padding:15px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:58px;color:#1b3036}.case-card strong{font-size:15px}.case-card span{font-size:12px;color:#6d7d82;white-space:nowrap}.empty{padding:20px;background:#fff;border-radius:12px;color:#728187;text-align:center}.backup-card,.card{background:#fff;border-radius:16px;padding:17px;margin-top:17px;box-shadow:0 2px 12px #162e3808}.backup-card h2{font-size:16px}.backup-card p,.export-card p,.muted{font-size:13px;color:#62767c;line-height:1.5}.button-row,.export-buttons{display:flex;gap:9px}.button-row>*{flex:1}.backup-card small,.export-card small{display:block;color:#6d7c80;margin-top:12px}.warn{color:#a84d00!important;font-weight:700}.record-head{display:flex;align-items:center;gap:12px;margin:4px 2px 15px}.record-head h1{font-size:20px;margin:0}.back{width:42px;height:42px;border-radius:12px;background:white;font-size:23px;color:#19434d}.save-state{margin-left:auto;font-size:12px;color:#63777c;white-space:nowrap}.save-state.ok{color:#168154}.save-state.bad{color:#b12a22;font-weight:700}.fields{display:grid;gap:13px}.fields label,.target-label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#354b51}.fields input,.fields textarea,.caption,.target-label select,.media-controls select{font:inherit;border:1px solid #d5e0e3;border-radius:10px;background:#fbfdfd;padding:11px 12px;color:#1b2a2f;min-height:44px}.fields textarea,.caption{resize:vertical}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.capture{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;border-radius:13px;background:#e8f4f6;color:#154b56;font-weight:750}.capture span:first-child{font-size:21px}.capture:active,.primary:active,.secondary:active{transform:scale(.985)}.recording{background:#ffebeb;color:#a42222;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.7}}.target-label{margin-top:13px}.muted{margin:10px 0 0}.media-list{display:grid;gap:12px;margin-top:14px}.media-row{border:1px solid #e0e8ea;border-radius:13px;padding:12px;background:#fcfefe;overflow:hidden}.media-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.media-head strong{font-size:13px;overflow-wrap:anywhere}.media-head time{font-size:11px;color:#697b80;white-space:nowrap}.preview{display:block;width:100%;max-height:300px;object-fit:contain;background:#17262b;border-radius:9px;margin:10px 0}.audio-preview{width:100%}.caption{width:100%;margin-top:9px}.media-controls{display:flex;gap:7px;margin-top:8px}.media-controls .stage{flex:0 0 110px}.media-controls .link{flex:1;min-width:0}.media-controls select{font-size:12px;padding:8px}.move{width:42px;height:40px;border-radius:9px;background:#edf2f3;color:#23474f;font-size:20px}.move:disabled{opacity:.35}.export-card h2{margin-bottom:7px}.export-buttons{margin-top:12px}.export-buttons>*{flex:1;min-width:0;font-size:14px}.toast{position:fixed;z-index:10;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172c32;color:#fff;padding:12px 16px;border-radius:14px;max-width:calc(100% - 28px);font-size:14px;box-shadow:0 4px 20px #0003;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){main{padding-top:22px}.capture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capture{min-height:70px;flex-direction:column;gap:3px}}
.drive-fallback{margin-top:12px;padding:12px;border-radius:11px;background:#fff8e7;border:1px solid #f0d99c}.drive-fallback p{margin:0 0 10px}.drive-fallback button{width:100%;min-height:48px;font-weight:750}.export-card small{line-height:1.5}