@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#253d34;background:#f8faf7;font-synthesis:none;font-size:15px;--green:#28624f;--muted:#718078;--line:#dfe7df}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:0 28px 40px}button,input,textarea,select{font:inherit}button,.link-button{border:1px solid var(--line);border-radius:12px;padding:12px 18px;min-height:46px;background:white;color:inherit;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#eaf0e9}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a3c2ae;outline-offset:3px}a{color:var(--green)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#1d4f3e}.link-button{display:inline-block;text-decoration:none;margin:20px 0}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.brand{font-size:23px;letter-spacing:-1px;font-weight:700;text-decoration:none;color:var(--green)}.brand span{display:block;font-size:11px;letter-spacing:1px;font-weight:400;margin-top:5px}.pill{font-size:10px;letter-spacing:2px;background:#e7eee5;border-radius:20px;padding:8px 12px}.account{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:22px 0}.workspace{border:0;padding:0;margin:0;min-width:0}.section-heading{margin:32px 0 25px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--green);font-weight:600}h1{font-size:40px;line-height:1.35;letter-spacing:-1.6px;margin:12px 0}h2{font-size:20px;letter-spacing:-.6px;margin:8px 0}h3{font-size:15px;margin:0 0 8px}.soft{font-weight:400}.section-heading p{font-size:13px;color:var(--muted)}section{margin-bottom:28px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-grid>div{border:1px solid var(--line);border-radius:18px;background:white;padding:20px}.summary-grid span{font-size:12px;color:var(--muted)}.summary-grid strong{display:block;font-size:29px;margin-top:10px;font-weight:600}.summary-grid small{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.voice-card{background:#edf4ef;border:1px solid #dce9df;border-radius:24px;text-align:center;padding:30px}.voice-card h2{margin:12px 0 22px;font-size:24px}.microphone{width:90px;height:90px;border-radius:50%;background:var(--green);color:white;font-size:30px;border:8px solid #dce9df;box-shadow:0 0 0 1px #c3d8ca}.microphone:hover{background:#1d4f3e}.microphone.listening{background:#a54d40;animation:pulse 1.2s infinite}.voice-caption{color:#65786b;font-size:12px;line-height:1.7;margin:18px 0}.voice-card textarea{background:#ffffffc9}.voice-card .row{justify-content:center}.fine{font-size:11px;color:var(--muted);line-height:1.8;margin:14px 0 0}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:10px}.section-title>span{font-size:11px;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid button{font-size:13px;padding:18px 8px;border-radius:16px}.quick-grid span{display:block;font-size:25px;margin-bottom:12px}label{display:block;font-size:12px;font-weight:500;margin:15px 0}input,textarea,select{display:block;width:100%;border:1px solid #d7e1d8;border-radius:10px;padding:12px;background:white;color:#253d34;margin-top:7px;min-height:46px}textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;align-items:center;gap:9px}.check input{width:20px;min-height:20px;margin:0}.editor{background:white;padding:24px;border:2px solid #a3c2ae;border-radius:18px}.editor .section-title{flex-wrap:wrap}.notice{background:#e8f1e9;padding:15px 18px;border-radius:12px;font-size:13px;line-height:1.7;margin:12px 0}.notice small{display:block}.notice.error{background:#f9e9e4;color:#8c4436}.date-picker{display:flex;align-items:center;gap:15px;color:var(--muted)}.date-picker input{width:auto;margin:0}.empty{text-align:center;border:1px dashed #cbd8cb;border-radius:18px;padding:45px 15px;color:var(--muted);line-height:2}.empty span{font-size:12px}.record{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.record-icon{font-size:22px;background:#edf1e9;border-radius:13px;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0}.record-body{flex:1;min-width:0}.record h3 strong{font-weight:500;margin-left:10px;color:var(--green)}.record p{font-size:12px;color:var(--muted);margin:4px 0;line-height:1.7}.record .note{color:#43574a;white-space:pre-wrap;overflow-wrap:anywhere}.record small{font-size:10px;color:#88948b}.record-actions{display:flex;gap:5px}.record-actions button{font-size:11px;padding:8px;min-height:40px}.danger{color:#a45d4e}.running{margin-left:8px;color:#3d8665}.open-records{border-left:3px solid #9cbc9d;padding:4px 0 4px 18px}.open-records>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin:10px 0}.open-records button{font-size:12px;padding:8px 14px}.welcome{padding:70px 0 50px;position:relative}.welcome h1{font-size:52px;margin:20px 0}.welcome p{color:var(--muted);line-height:1.9}.welcome-icons{font-size:35px;letter-spacing:18px;margin-top:40px}.family-picker{max-width:320px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}footer{padding:40px 0 0;color:#8a968d;font-size:11px;text-align:center}footer span{display:block;font-size:10px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;padding:18px;background:#fff3dc;z-index:1000}.dreamine-expander{margin-top:18px}@keyframes pulse{50%{box-shadow:0 0 0 8px #e0bab333}}@media(max-width:540px){main{padding:0 18px 25px}h1{font-size:33px}.topbar{padding:20px 0}.summary-grid{gap:8px}.summary-grid>div{padding:14px 10px}.summary-grid strong{font-size:25px}.summary-grid span{font-size:10px}.voice-card{padding:25px 16px;border-radius:20px}.voice-card h2{font-size:21px}.form-grid{grid-template-columns:1fr;gap:0}.editor{padding:18px}.section-title>span{max-width:125px;line-height:1.6}.record{gap:10px}.record-actions{flex-direction:column}.welcome h1{font-size:43px}.quick-grid{gap:7px}.quick-grid button{font-size:12px;padding:16px 4px}.row>button{flex:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
h1:focus{outline:none}