:root{color:#231f1b;font-synthesis:none;background:#e8e3dc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#fffdf9 0,#0000 30rem),#e8e3dc;min-width:320px;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:#fbf6ed;width:min(100%,520px);min-height:100dvh;margin:0 auto;padding-bottom:88px;box-shadow:0 18px 60px #4d3f3024}.topbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf6edeb;border-bottom:1px solid #ded2c399;justify-content:space-between;align-items:center;min-height:68px;padding:14px 20px 10px;display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-weight:800;display:flex}.brand img{width:30px;height:30px}.privacy-label,.eyebrow,.card label{color:#934532;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.privacy-label{color:#756f67;font-size:9px}.content{padding:30px 20px 26px}h1{letter-spacing:-.06em;max-width:400px;margin:6px 0 10px;font-family:ui-rounded,SF Pro Rounded,Inter,sans-serif;font-size:clamp(40px,10vw,58px);line-height:.96}h2{letter-spacing:-.03em;margin:0;font-size:20px}.intro{color:#756f67;max-width:380px;margin:0;line-height:1.5}.record-card{text-align:center;background:radial-gradient(circle,#f8e5dc,#0000 65%),#fffcf7;border:1px solid #ded2c3;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:270px;margin:28px 0 20px;padding:24px;display:flex}.record-card small{color:#756f67}.record-button{cursor:pointer;background:#f8e5dc;border:1px solid #a14b3747;border-radius:50%;place-items:center;width:116px;height:116px;margin-bottom:10px;display:grid}.record-button span{background:#a14b37;border-radius:50%;width:56px;height:56px;box-shadow:0 9px 22px #a14b3747}.is-recording .record-button span{border-radius:13px;width:46px;height:46px}.card{background:#fffcf7;border:1px solid #ded2c3;border-radius:18px;padding:18px}.text-capture{gap:12px;display:grid}textarea,input{color:#231f1b;background:#fffdf9;border:1px solid #ded2c3;border-radius:12px;outline:none;width:100%}textarea{resize:vertical;min-height:128px;padding:13px;line-height:1.45}input{padding:12px 13px}textarea:focus,input:focus{border-color:#a14b37;box-shadow:0 0 0 3px #a14b371f}.primary-button,.danger-button{cursor:pointer;border:0;border-radius:11px;min-height:44px;padding:0 16px;font-weight:750}.primary-button{color:#fff;background:#a14b37}.primary-button:disabled{opacity:.38;cursor:not-allowed}.danger-button{color:#934532;background:0 0;margin-top:10px}.status-message,.error-message{color:#607865;background:#edf2ea;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.4}.error-message{color:#934532;background:#fae9e4}.section-heading{justify-content:space-between;align-items:center;margin:28px 0 11px;display:flex}.section-heading span,.field-help,.detail-status,.muted{color:#756f67;font-size:12px}.capture-list{gap:9px;display:grid}.capture-row{text-align:left;cursor:pointer;background:#fffcf7;border:1px solid #ded2c3;border-radius:15px;align-items:center;gap:10px;width:100%;min-height:68px;padding:12px;display:flex}.capture-mark{background:#f3d779;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.capture-mark.saved{color:#607865;background:#dce8dc}.capture-mark.failed{color:#934532;background:#fae9e4}.capture-copy{flex:1;gap:4px;min-width:0;display:grid}.capture-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capture-copy small{color:#756f67;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capture-time,.retry-hint{color:#756f67;font-size:11px}.retry-hint{color:#934532;font-weight:800}.empty-state{color:#756f67;text-align:center;gap:6px;padding:28px 10px;display:grid}.empty-state strong{color:#231f1b}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0;display:grid}.stats div{background:#fffcf7;border:1px solid #ded2c3;border-radius:16px;gap:5px;padding:17px;display:grid}.stats strong{font-size:28px}.stats span{color:#756f67;font-size:12px}.reflection-heading{justify-content:space-between;align-items:end;gap:12px;margin:30px 0 12px;display:flex}.reflection-heading .eyebrow{margin:0 0 5px}.reflection-heading h2{font-size:24px}.quiet-button{color:#934532;cursor:pointer;background:#fffdf9;border:1px solid #ded2c3;border-radius:10px;min-height:38px;padding:0 12px;font-size:12px;font-weight:750}.quiet-button:disabled{opacity:.55;cursor:wait}.weekly-reflection{gap:12px;display:grid}.reflection-date{color:#756f67;margin:0;font-size:11px}.reflection-shape,.reflection-profile{background:#f8e5dc;border-radius:16px;padding:16px}.reflection-profile{background:#edf2ea}.reflection-shape p,.reflection-profile p{margin:8px 0 0;line-height:1.5}.reflection-group{gap:8px;margin-top:8px;display:grid}.reflection-group h3{margin:0 0 2px;font-size:15px}.reflection-item{background:#fffcf7;border:1px solid #ded2c3;border-radius:14px;padding:13px 14px}.reflection-item strong{color:#934532;font-size:14px;display:block}.reflection-item p{color:#4f4943;margin:6px 0 0;font-size:13px;line-height:1.45}.reflection-empty{border:1px dashed #ded2c3;border-radius:16px;margin-bottom:18px}.settings-card{gap:10px;margin-top:24px;display:grid}.field-help{margin:2px 0 0;line-height:1.45}.bottom-nav{z-index:3;width:min(100%,520px);padding:10px 12px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf6edf0;border-top:1px solid #ded2c3bf;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#756f67;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;font-size:12px;font-weight:700}.bottom-nav button.active{color:#934532;background:#f8e5dc}.detail-layer{z-index:10;background:#231f1b59;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.detail-card{background:#fffcf7;border-radius:22px 22px 0 0;width:min(100%,520px);max-height:90dvh;padding:22px;overflow:auto}.close-button{float:right;color:#934532;cursor:pointer;background:0 0;border:0;font-weight:700}.detail-card h2{max-width:80%;margin:8px 0;font-size:28px}.transcript{color:#4f4943;white-space:pre-wrap;margin:20px 0;line-height:1.55}.memory-read{background:#f8e5dc;border-radius:14px;padding:14px}.memory-read p{margin:8px 0 0;line-height:1.45}.understanding-card{background:#edf2ea;border:1px solid #ded2c3;border-radius:14px;margin-top:12px;padding:14px}.understanding-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.understanding-head strong{color:#607865;text-transform:capitalize;font-size:15px}.understanding-status{color:#756f67;margin:8px 0 0;font-size:12px;font-weight:700}.understanding-message{margin:12px 0 0;line-height:1.45}.immediate-step{border-top:1px solid #60786533;margin-top:12px;padding-top:12px}.immediate-step p{margin:6px 0 0;line-height:1.45}.park-button{color:#607865;cursor:pointer;background:0 0;border:1px solid #607865;border-radius:11px;width:100%;min-height:44px;margin-top:14px;padding:0 14px;font-weight:750}.parked-note{color:#607865;margin:14px 0 0;font-size:12px;font-weight:700}@media (width>=700px){.app-shell{min-height:100dvh}}
