*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--color-bg: #f6f1e8;--color-bg-soft: #fbf6ec;--color-card: #fbf6ec;--color-text: #2f2a24;--color-text-muted: #7a6e62;--color-text-soft: #a2978a;--color-accent: #b48058;--color-accent-strong: #9a6a47;--color-accent-soft: rgba(180, 128, 88, .12);--color-border: rgba(47, 42, 36, .1);--color-border-soft: rgba(47, 42, 36, .06);--color-record: #c25a4a;--color-record-soft: rgba(194, 90, 74, .15);--font-serif: "Iowan Old Style", "Charter", "Sitka Text", "Cambria", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-script: "Snell Roundhand", "Apple Chancery", "Bradley Hand", "Segoe Script", cursive;--shadow-soft: 0 1px 2px rgba(47, 42, 36, .04), 0 6px 24px -10px rgba(47, 42, 36, .18);--shadow-lift: 0 2px 4px rgba(47, 42, 36, .06), 0 18px 36px -18px rgba(47, 42, 36, .4);--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.5rem;--ease-soft: cubic-bezier(.22, .61, .36, 1);font-family:var(--font-sans);color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--color-bg: #1b1815;--color-bg-soft: #221e1a;--color-card: #25201b;--color-text: #efe6d6;--color-text-muted: #b3a692;--color-text-soft: #837868;--color-accent: #d4a37e;--color-accent-strong: #e2b48f;--color-accent-soft: rgba(212, 163, 126, .18);--color-border: rgba(239, 230, 214, .12);--color-border-soft: rgba(239, 230, 214, .07);--color-record: #e98171;--color-record-soft: rgba(233, 129, 113, .22);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 24px -12px rgba(0, 0, 0, .6);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 36px -18px rgba(0, 0, 0, .65)}}body{min-height:100dvh;background:var(--color-bg);background-image:radial-gradient(1200px 700px at 20% -10%,var(--color-accent-soft),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(180,128,88,.05),transparent 70%);background-attachment:fixed}#app{max-width:36rem;margin-inline:auto;padding:1.25rem 1.5rem 4rem;min-height:100dvh}.app-shell{display:flex;flex-direction:column;gap:2.5rem;min-height:calc(100dvh - 5.25rem)}.app-header{display:flex;align-items:center;justify-content:space-between;padding-block:.25rem}.app-header__brand{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;letter-spacing:.01em;color:var(--color-text-muted);text-decoration:none;transition:color .24s var(--ease-soft)}.app-header__brand:hover,.app-header__brand:focus-visible{color:var(--color-text)}.app-header__link{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .24s var(--ease-soft),border-color .24s var(--ease-soft)}.app-header__link:hover,.app-header__link:focus-visible{color:var(--color-accent-strong);border-bottom-color:var(--color-accent-soft)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.home{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding-top:2.5rem}.home__overline,.draft__overline,.entries__overline,.entry__overline,.record__overline,.not-found__overline{font-family:var(--font-script);font-size:1.05rem;color:var(--color-accent-strong);letter-spacing:.01em;margin:0}.home__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.85rem,5vw,2.5rem);line-height:1.2;letter-spacing:-.01em;margin:0;max-width:22ch}.home__lede{color:var(--color-text-muted);font-size:1.05rem;margin:0;max-width:28ch}.journal-button{margin-top:1.5rem;width:13.5rem;height:13.5rem;max-width:70vw;max-height:70vw;border-radius:50%;border:none;background:radial-gradient(circle at 30% 28%,color-mix(in srgb,var(--color-accent) 92%,white 14%),var(--color-accent) 55%,var(--color-accent-strong) 100%);color:#fdf5ec;font-family:var(--font-serif);font-size:1.6rem;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-lift),inset 0 -8px 16px #0000001f,inset 0 6px 12px #fff0dc33;transition:transform .32s var(--ease-soft),box-shadow .32s var(--ease-soft);position:relative;isolation:isolate}.journal-button:after{content:"";position:absolute;inset:-10px;border-radius:inherit;border:1px solid var(--color-accent-soft);opacity:0;transition:opacity .32s var(--ease-soft),transform .32s var(--ease-soft);z-index:-1}.journal-button:hover,.journal-button:focus-visible{transform:translateY(-2px);box-shadow:0 4px 8px #2f2a2414,0 28px 50px -22px #2f2a2480,inset 0 -8px 16px #0000001f,inset 0 6px 12px #fff0dc40}.journal-button:hover:after,.journal-button:focus-visible:after{opacity:1;transform:scale(1.04)}.journal-button:active{transform:translateY(0);box-shadow:0 1px 2px #2f2a240f,0 8px 18px -10px #2f2a2466,inset 0 -4px 10px #0000002e,inset 0 4px 10px #fff0dc2e}.journal-button__label{font-variant:small-caps;letter-spacing:.16em}.home__footer{margin-top:1.5rem;min-height:1.5rem}.home__entries-link{color:var(--color-text-muted);text-decoration:none;font-size:.92rem;letter-spacing:.04em;border-bottom:1px solid var(--color-border-soft);padding-bottom:2px;transition:color .24s var(--ease-soft),border-color .24s var(--ease-soft)}.home__entries-link:hover,.home__entries-link:focus-visible{color:var(--color-text);border-bottom-color:var(--color-accent-soft)}.home__entries-count{color:var(--color-accent-strong)}.home__empty{color:var(--color-text-soft);font-style:italic;font-family:var(--font-serif);font-size:.95rem}.record{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding-top:1.5rem}.record__overline{color:var(--color-record)}.record__indicator{display:flex;align-items:center;gap:.6rem;font-variant-numeric:tabular-nums;font-family:var(--font-serif);font-size:1.85rem;color:var(--color-text)}.record__dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--color-record);box-shadow:0 0 0 0 var(--color-record-soft);opacity:.85}.record__dot--live{animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--color-record-soft)}50%{transform:scale(1.15);box-shadow:0 0 0 10px transparent}}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:5.5rem;width:100%;max-width:22rem;padding:.5rem}.waveform__bar{display:block;width:4px;border-radius:999px;background:var(--color-accent);height:100%;transform-origin:center;transform:scaleY(.1);opacity:.55;transition:transform 80ms linear,opacity .24s var(--ease-soft)}.waveform--active .waveform__bar{opacity:.85;animation:bar-breath 2.4s ease-in-out infinite}.waveform--active .waveform__bar:nth-child(2n){animation-duration:2s}.waveform--active .waveform__bar:nth-child(3n){animation-duration:2.8s}@keyframes bar-breath{0%,to{opacity:.55}50%{opacity:.95}}.record__transcript{width:100%;min-height:4.5rem;font-family:var(--font-serif);font-size:1.1rem;line-height:1.6;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-soft);text-align:left}.record__transcript-final{color:var(--color-text)}.record__transcript-interim{color:var(--color-text-soft);font-style:italic}.record__hint{color:var(--color-text-soft);font-style:italic;text-align:center;margin:0}.record__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.stop-button{display:inline-flex;align-items:center;gap:.65rem;background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;padding:.85rem 1.5rem;cursor:pointer;font-family:var(--font-sans);font-size:.98rem;letter-spacing:.02em;box-shadow:var(--shadow-soft);transition:transform .24s var(--ease-soft),box-shadow .24s var(--ease-soft),background .24s var(--ease-soft)}.stop-button:hover:not(:disabled),.stop-button:focus-visible:not(:disabled){background:var(--color-bg-soft);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.stop-button:disabled{cursor:not-allowed;opacity:.55}.stop-button__icon{display:inline-block;width:.85rem;height:.85rem;border-radius:3px;background:var(--color-record)}.record--error{align-items:center;text-align:center;padding-top:4rem;gap:1.25rem}.record__error-title{font-family:var(--font-serif);font-size:1.5rem;margin:0}.record__error-body{color:var(--color-text-muted);max-width:32ch;margin:0}.draft,.entry{display:flex;flex-direction:column;gap:1.25rem;animation:fade-in .42s var(--ease-soft) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.draft__date,.entry__date{font-family:var(--font-script);font-size:1.2rem;color:var(--color-text-muted);margin:0}.entry__time,.entry-card__time{color:var(--color-text-soft)}.entry__back{align-self:flex-start;font-size:.88rem;color:var(--color-text-muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;letter-spacing:.02em;transition:color .24s var(--ease-soft),border-color .24s var(--ease-soft)}.entry__back:hover,.entry__back:focus-visible{color:var(--color-text);border-bottom-color:var(--color-accent-soft)}.draft__field,.entry__field{display:flex;flex-direction:column;gap:.4rem}.draft__field-label,.entry__field-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-soft)}.draft__title,.entry__title{font-family:var(--font-serif);font-size:1.65rem;font-weight:500;background:transparent;border:none;border-bottom:1px solid var(--color-border-soft);color:var(--color-text);padding:.5rem .25rem;width:100%;transition:border-color .24s var(--ease-soft)}.draft__title:focus,.entry__title:focus{outline:none;border-bottom-color:var(--color-accent)}.draft__body,.entry__body{font-family:var(--font-serif);font-size:1.1rem;line-height:1.7;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:1.25rem 1.4rem;resize:vertical;width:100%;min-height:14rem;box-shadow:var(--shadow-soft);transition:border-color .24s var(--ease-soft),box-shadow .24s var(--ease-soft)}.draft__body:focus,.entry__body:focus{outline:none;border-color:var(--color-accent-soft);box-shadow:var(--shadow-lift)}.draft__transcript,.entry__transcript{font-size:.92rem;color:var(--color-text-muted);border-top:1px dashed var(--color-border-soft);padding-top:1rem}.draft__transcript summary,.entry__transcript summary{cursor:pointer;font-family:var(--font-sans);letter-spacing:.02em;color:var(--color-text-muted);list-style:none;display:inline-flex;align-items:center;gap:.35rem}.draft__transcript summary:before,.entry__transcript summary:before{content:"+";font-family:var(--font-serif);color:var(--color-accent)}.draft__transcript[open] summary:before,.entry__transcript[open] summary:before{content:"−"}.draft__transcript-text,.entry__transcript-text{margin-top:.75rem;font-style:italic;line-height:1.6}.draft__actions,.entry__actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.primary-button{background:var(--color-accent);color:#fdf5ec;border:none;border-radius:999px;padding:.85rem 1.75rem;font-family:var(--font-sans);font-size:.98rem;letter-spacing:.03em;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .24s var(--ease-soft),background .24s var(--ease-soft),box-shadow .24s var(--ease-soft)}.primary-button:hover:not(:disabled),.primary-button:focus-visible:not(:disabled){background:var(--color-accent-strong);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.primary-button:disabled{background:color-mix(in srgb,var(--color-accent) 60%,var(--color-bg) 40%);cursor:default;opacity:.7}.link-button{background:none;border:none;padding:.5rem .25rem;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;transition:color .24s var(--ease-soft),border-color .24s var(--ease-soft)}.link-button:hover,.link-button:focus-visible{color:var(--color-text);border-bottom-color:var(--color-accent-soft)}.link-button--danger{color:var(--color-text-soft)}.link-button--danger:hover,.link-button--danger:focus-visible{color:var(--color-record);border-bottom-color:var(--color-record-soft)}.entries{display:flex;flex-direction:column;gap:1.5rem}.entries__header{display:flex;flex-direction:column;gap:.25rem}.entries__title{font-family:var(--font-serif);font-weight:500;font-size:2rem;margin:0}.entries__empty{margin-top:2rem;padding:2rem 1.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted);background:var(--color-bg-soft)}.entries__empty p{margin:0}.entries__empty-line{font-family:var(--font-serif);font-style:italic;margin-top:.5rem!important;color:var(--color-text-soft)}.entries__empty a{color:var(--color-accent-strong);text-decoration:none;border-bottom:1px solid var(--color-accent-soft)}.entry-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.entry-card{display:grid;grid-template-rows:auto auto auto;gap:.35rem;padding:1.1rem 1.25rem;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border-soft);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform .24s var(--ease-soft),box-shadow .24s var(--ease-soft),border-color .24s var(--ease-soft)}.entry-card:hover,.entry-card:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:var(--color-accent-soft)}.entry-card__date{font-family:var(--font-script);font-size:1rem;color:var(--color-accent-strong)}.entry-card__title{font-family:var(--font-serif);font-size:1.2rem;font-weight:500;color:var(--color-text)}.entry-card__preview{font-family:var(--font-serif);font-size:.98rem;color:var(--color-text-muted);line-height:1.55}.not-found{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding-top:4rem}.not-found__title{font-family:var(--font-serif);font-size:1.75rem;margin:0}.not-found__body{color:var(--color-text-muted);max-width:28ch}@media(prefers-reduced-motion:reduce){.record__dot--live,.waveform--active .waveform__bar,.draft,.entry{animation:none}}