@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans JP',sans-serif;color:#242923;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{max-width:1120px;margin:auto;padding:0 40px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd8}.brand{text-decoration:none;color:#223b30;font-size:24px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:11px}.brand-mark{font-size:24px;color:#657c68}.brand-dot{color:#d38d60}.status{display:flex;align-items:center;gap:9px;color:#69746d;font-size:12px}.status-dot{height:7px;width:7px;border-radius:50%;background:#aab4a7}.status.ready .status-dot{background:#68a775;box-shadow:0 0 0 4px #e1ecdf}.status.error .status-dot{background:#c77b64}.hero{padding:76px 0 67px}.eyebrow,.section-number{font-size:11px;letter-spacing:.18em;font-weight:700;color:#718578}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:19px;height:1px;background:#9eaa9d}.hero h1{font-size:clamp(52px,8vw,90px);line-height:1.25;letter-spacing:-.075em;margin:20px 0 17px;font-weight:600;color:#223d31}.hero h1 em{font-style:normal;color:#a7ba9d}.hero p{font-size:16px;line-height:2;color:#758078;margin:0}.workspace,.result-section{background:#fff;border:1px solid #e9eae4;border-radius:18px;box-shadow:0 12px 48px #25392c08}.workspace{padding:35px 40px 32px}.workspace-heading{display:flex;justify-content:space-between;align-items:end}.workspace-heading h2{font-size:22px;letter-spacing:-.045em;margin:9px 0 0}.privacy-note,.result-meta{font-size:12px;color:#929b93}.tabs{margin-top:33px;display:flex;gap:0;border-bottom:1px solid #e7e9e3}.tab{border:0;background:none;color:#929a94;padding:0 24px 16px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:first-child{padding-left:0}.tab.active{color:#2b4b39;border-color:#526f56}.input-panel{min-height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center}.visualizer{height:73px;display:flex;align-items:center;justify-content:center}.bars{height:54px;display:flex;align-items:center;gap:4px}.bars span{display:block;width:4px;min-height:5px;border-radius:10px;background:#abc3ab;transition:height .12s}.record-label{font-size:13px;color:#7c877e;margin:5px 0 8px}.timer{font-size:28px;font-weight:600;color:#304938;font-variant-numeric:tabular-nums;letter-spacing:.03em}.record-controls{display:flex;align-items:center;gap:15px;margin-top:18px}.record-button{height:43px;padding:0 22px;border:0;border-radius:8px;color:#fff;background:#355b43;font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px}.record-button:hover,.primary-button:not(:disabled):hover{background:#264934}.record-button.recording{background:#af6554}.record-button.recording:hover{background:#995240}.record-icon{width:11px;height:11px;border-radius:50%;background:#ffb9a9}.recording .record-icon{border-radius:2px;background:#fff}.subtle-button{border:0;background:none;color:#89938b;font-size:12px;text-decoration:underline}.audio-preview{margin-top:20px;width:min(360px,100%);height:40px}.upload-panel{padding:22px 0}.drop-zone{width:100%;min-height:204px;border:1.5px dashed #cbd7cb;background:#f8faf7;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b887e;gap:7px;font-size:13px}.drop-zone strong{color:#334f3d;font-size:15px}.drop-zone small{font-size:11px;color:#a0aaa0;margin-top:8px}.drop-zone.dragover{border-color:#53775b;background:#eef5eb}.upload-icon{font-size:28px;line-height:1;color:#7f9c84;margin-bottom:4px}.selected-file{width:100%;display:flex;align-items:center;gap:14px;border:1px solid #dfe7dc;border-radius:10px;background:#f8faf7;padding:17px}.file-icon{font-size:20px;color:#6e9a73}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.file-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{font-size:11px;color:#9ba69b}.selected-file button{border:0;background:none;font-size:24px;color:#839084}.settings{border-top:1px solid #edf0e9;padding-top:23px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.settings label{font-size:12px;font-weight:700;color:#4e5e52}.settings select,.settings input{display:block;margin-top:9px;width:100%;height:43px;border:1px solid #e2e7df;border-radius:7px;background:#fafbf9;color:#3c4e3f;padding:0 12px;outline:none;font-size:13px}.settings select:focus,.settings input:focus,.result-card textarea:focus{border-color:#829e83}.settings input::placeholder{color:#a7afa5}.optional{font-weight:400;color:#a5afa6}.action-row{margin-top:29px;display:flex;align-items:center;justify-content:space-between;gap:20px}.action-row>span{font-size:12px;color:#9aa49b}.primary-button{border:0;border-radius:8px;height:46px;min-width:190px;padding:0 17px 0 21px;color:#fff;background:#355b43;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:700}.primary-button:disabled{background:#b6c2b8;cursor:not-allowed}.primary-button span{font-size:18px;font-weight:400}.message{margin-top:18px;padding:12px 15px;border-radius:7px;background:#fff0ed;color:#a04e3d;font-size:12px}.result-section{margin-top:28px;padding:34px 40px 29px}.result-heading{margin-bottom:23px}.result-card{min-height:210px;background:#fbfcfa;border:1px solid #edf0e9;border-radius:10px}.empty-state{height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a5ada4}.empty-state span{font-family:Georgia,serif;font-size:55px;line-height:.75;color:#c9d5c7}.empty-state p{font-size:13px}.result-card textarea{width:100%;min-height:210px;resize:vertical;padding:22px;border:1px solid transparent;border-radius:10px;background:transparent;outline:none;color:#293d2e;font-size:15px;line-height:1.95}.result-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:17px}.result-actions button{border:0;background:none;color:#57745e;font-size:12px;font-weight:700}footer{display:flex;justify-content:space-between;color:#a3aca2;font-size:11px;padding:38px 2px 34px}footer span:first-child{font-weight:700;color:#78917a}@media(max-width:650px){.app-shell{padding:0 18px}.topbar{height:70px}.brand{font-size:20px}.hero{padding:55px 4px 45px}.hero h1{font-size:56px}.hero p{font-size:14px}.workspace,.result-section{padding:25px 20px}.workspace-heading{align-items:start;gap:12px}.workspace-heading h2{font-size:19px}.privacy-note{max-width:115px;text-align:right;line-height:1.6}.tabs{margin-top:27px}.settings{grid-template-columns:1fr}.action-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}.result-meta{max-width:125px;text-align:right}.input-panel{min-height:255px}footer{font-size:10px}}
:root .mic-notice{margin-top:18px;padding:12px 15px;border-radius:7px;background:#f2f6ef;color:#526b56;font-size:12px;line-height:1.7}
.capture-button{margin-top:14px;border:1px solid #d7e2d5;border-radius:8px;background:#fff;color:#355b43;padding:11px 17px;font-size:12px;font-weight:700}.capture-button:hover{background:#f4f8f2}