.dictation{--dict-ink:#333;--dict-paper:#fff;--dict-line:#e0e0e0;--dict-muted:color-mix(in srgb,var(--dict-ink) 70%,transparent);--dict-live:#d9604d;position:fixed;z-index:37;left:var(--dict-left,16px);top:var(--dict-top,70vh);box-sizing:border-box;display:flex;align-items:center;gap:10px;width:var(--dict-width,min(320px,calc(100% - 24px)));min-height:46px;padding:6px 6px 6px 14px;background:var(--dict-paper);color:var(--dict-ink);border:1px solid var(--dict-line);border-radius:14px;box-shadow:0 6px 24px #0000000d,0 1px 2px #0000000a;font:13.5px/1.35 var(--font-ui),system-ui,sans-serif}.dictation:where([data-mode=night]){--dict-ink:#c8c8c8;--dict-paper:#0d0d0d;--dict-line:#333;--dict-live:#e8806e;box-shadow:0 6px 24px #00000066}.dictation:where(:not([data-placed])){visibility:hidden}.dictation-mark{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--dict-live)}.dictation-mark:after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--dict-live);border-radius:50%;opacity:0}.dictation:where([data-view=paused],[data-view=starting]) .dictation-mark{background:transparent;border:1.5px solid var(--dict-muted)}.dictation:where([data-view=problem],[data-view=unsupported]) .dictation-mark{background:var(--dict-muted)}.dictation-copy{flex:1;min-width:0;display:grid;gap:1px}.dictation-status{font-weight:500;overflow-wrap:anywhere}.dictation-note{--note-lh:1.35;display:block;overflow:hidden;max-height:calc(3 * var(--note-lh) * 1em);font-size:12.5px;line-height:var(--note-lh);color:var(--dict-muted);overflow-wrap:anywhere}.dictation-note:where([data-kind=words]){display:flex;flex-direction:column-reverse;max-height:calc(2 * var(--note-lh) * 1em);font-style:italic}.dictation button{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease}.dictation button:hover{background:color-mix(in srgb,var(--dict-ink) 8%,transparent)}.dictation button:focus-visible{outline:2px solid currentColor;outline-offset:1px}.dictation-toggle{color:var(--dict-ink)}.dictation:where([data-view=listening]) .dictation-toggle{background:color-mix(in srgb,var(--dict-live) 14%,transparent);color:var(--dict-live)}.dictation:where([data-view=listening]) .dictation-toggle:hover{background:color-mix(in srgb,var(--dict-live) 24%,transparent)}@keyframes dictation-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dictation-breathe{0%,to{opacity:.12;transform:scale(.8)}50%{opacity:.5;transform:scale(1.1)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=still]):not([data-motion=off]) .dictation{animation:dictation-in .22s ease-out both}html:not([data-motion=still]):not([data-motion=off]) .dictation:where([data-view=listening]) .dictation-mark:after{animation:var(--dict-ring,dictation-breathe 5.5s ease-in-out infinite)}html:not([data-motion=still]):not([data-motion=off]) .dictation:where([data-view=listening]) .dictation-mark{animation:var(--dict-art,none)}html:not([data-motion=still]):not([data-motion=off]) :is(.journal-dictate,.workspace-dictate button)[data-listening=true]:after{animation:dictation-breathe 5.5s ease-in-out infinite}}.journal-dictate,.workspace-dictate button{position:relative}.journal-dictate[data-listening=true]:after,.workspace-dictate button[data-listening=true]:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;translate:-50% -50%;border:1.5px solid;border-radius:50%;pointer-events:none;opacity:.4}@media (max-width:768px){.dictation{width:var(--dict-width,min(320px,calc(100% - 32px)));min-height:52px;padding-left:16px}.dictation button{width:40px;height:40px}}.dictation:where([data-view=listening]) .dictation-mark:after{opacity:.35}.journal-writing-area[data-journal-closed]>:not(.workplace){visibility:hidden;pointer-events:none}.journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-line:1.5px;--wkp-radius:19px 23px 18px 22px/22px 18px 23px 19px}.workplace{position:absolute;z-index:3;box-sizing:border-box;inset:var(--wkp-top) var(--wkp-x) var(--wkp-bottom);border:var(--wkp-line) solid color-mix(in srgb,var(--theme-ink,var(--app-fg,#2b2b2b)) 62%,transparent);border-radius:var(--wkp-radius)}@media (min-width:769px){html[data-skin=ink-vine] .journal-writing-area{--wkp-x:-27px;--wkp-top:6px;--wkp-bottom:9px;--wkp-radius:23px;--wkp-line:0px}html[data-skin=riso-rooms] .journal-writing-area{--wkp-x:-23px;--wkp-top:9px;--wkp-bottom:9px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=ballpoint] .journal-writing-area{--wkp-x:-26px;--wkp-top:7px;--wkp-bottom:10px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=field-notes] .journal-writing-area{--wkp-x:-26px;--wkp-top:13px;--wkp-bottom:14px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=inkwell] .journal-writing-area{--wkp-x:-26px;--wkp-top:7px;--wkp-bottom:8px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=clay-hills] .journal-writing-area{--wkp-x:-25px;--wkp-top:7px;--wkp-bottom:9px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=anime-days] .journal-writing-area{--wkp-x:-26px;--wkp-top:0px;--wkp-bottom:7px;--wkp-radius:0 0 24px 24px;--wkp-line:0px}html[data-skin=pixel] .journal-writing-area{--wkp-x:-19px;--wkp-top:17px;--wkp-bottom:19px;--wkp-radius:12px;--wkp-line:0px}}@media (min-width:761px){html[data-skin=sumi-night] .journal-writing-area{--wkp-x:-16px;--wkp-top:18px;--wkp-bottom:16px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=cyanotype] .journal-writing-area{--wkp-x:-27px;--wkp-top:14px;--wkp-bottom:15px;--wkp-radius:22px;--wkp-line:0px}html[data-skin=maple-street] .journal-writing-area,html[data-skin=nocturne] .journal-writing-area{--wkp-x:-28px;--wkp-top:11px;--wkp-bottom:12px;--wkp-radius:22px;--wkp-line:0px}}@media (max-width:760px){html[data-skin=sumi-night] .journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-radius:0px;--wkp-line:0px}html[data-skin=cyanotype] .journal-writing-area{--wkp-x:9px;--wkp-top:14px;--wkp-bottom:9px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=maple-street] .journal-writing-area,html[data-skin=nocturne] .journal-writing-area{--wkp-x:7px;--wkp-top:12px;--wkp-bottom:12px;--wkp-radius:20px;--wkp-line:0px}}@media (max-width:768px){html[data-skin=ballpoint] .journal-writing-area,html[data-skin=ink-vine] .journal-writing-area{--wkp-x:9px;--wkp-top:9px;--wkp-bottom:9px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=riso-rooms] .journal-writing-area{--wkp-x:15px;--wkp-top:15px;--wkp-bottom:15px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=inkwell] .journal-writing-area{--wkp-x:8px;--wkp-top:7px;--wkp-bottom:8px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=clay-hills] .journal-writing-area{--wkp-x:9px;--wkp-top:7px;--wkp-bottom:8px;--wkp-radius:20px;--wkp-line:0px}html[data-skin=anime-days] .journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-radius:0px;--wkp-line:0px}html[data-skin=pixel] .journal-writing-area{--wkp-x:8px;--wkp-top:8px;--wkp-bottom:8px;--wkp-radius:8px;--wkp-line:0px}html[data-skin=field-notes] .journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-radius:0px;--wkp-line:0px}}@media (min-width:769px) and (max-width:1010px){:is(html[data-skin=ink-vine],html[data-skin=riso-rooms],html[data-skin=ballpoint],html[data-skin=inkwell],html[data-skin=clay-hills],html[data-skin=anime-days],html[data-skin=pixel]) .workspace-writing:has(.journal-history-sidebar) .journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-line:1.5px;--wkp-radius:19px 23px 18px 22px/22px 18px 23px 19px}}@media (min-width:761px) and (max-width:1010px){:is(html[data-skin=maple-street],html[data-skin=nocturne]) .workspace-writing:has(.journal-history-sidebar) .journal-writing-area{--wkp-x:0px;--wkp-top:0px;--wkp-bottom:0px;--wkp-line:1.5px;--wkp-radius:19px 23px 18px 22px/22px 18px 23px 19px}}.workplace[data-full]{position:fixed;z-index:3;left:var(--dock-l,0);right:var(--dock-r,0);top:var(--journal-top,0);bottom:auto;height:var(--journal-height,100dvh);border:0;border-radius:0}.journal-writing-area[data-journal-closed]{container-type:normal}html[data-workplace-full] .journal-footer{display:none}@container workplace (max-width: 459px){.workplace[data-full] .wkp-actions .wkp-panel:is([data-panel=money],[data-panel=fitness]){display:none}}.journal-workspace[data-dock-left]{--dock-l:calc(var(--panel-w) + 28px)}.journal-workspace[data-dock-right]{--dock-r:calc(var(--panel-w) + 28px)}@media (min-width:769px){.journal-workspace[data-dock-history]{--dock-r:300px}}@keyframes wkp-dock-in-left{0%{opacity:0;transform:translateX(-34px)}}@keyframes wkp-dock-in-right{0%{opacity:0;transform:translateX(34px)}}html[data-motion=animated] .journal-workspace[data-dock] .workspace-panel-left:not([hidden]){animation:wkp-dock-in-left .32s ease-out both}html[data-motion=animated] .journal-workspace[data-dock] .workspace-panel-right:not([hidden]){animation:wkp-dock-in-right .32s ease-out both}@media (prefers-reduced-motion:reduce){html[data-motion=animated] .journal-workspace[data-dock] .workspace-panel:not([hidden]){animation:none}}.workplace-loading{display:grid;place-items:center;--wkp-ink:var(--theme-ink,var(--app-fg,#2b2b2b));color:var(--wkp-ink);background:var(--theme-sheet,var(--app-bg,transparent))}.workplace-loading-hint{margin:0;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:6px 14px 7px;text-align:center;font:500 14px/1.3 var(--font-ui),system-ui,sans-serif;color:var(--wkp-ink);background:color-mix(in srgb,var(--theme-sheet,var(--app-bg,#fff)) 86%,transparent);border:1px solid color-mix(in srgb,var(--wkp-ink) 24%,transparent);border-radius:13px 16px 12px 15px/15px 12px 16px 13px;animation:wkp-hint-in 1.2s ease-out .5s both}.workplace-loading-hint svg{flex-shrink:0;opacity:.8}@keyframes wkp-hint-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.workplace-loading-hint{animation-duration:.01s}}html:not([data-motion=animated]) .workplace-loading-hint{animation-duration:.01s}.journal-sheet-switch{position:relative;background:none;border:0;padding:0;display:inline-flex;align-items:center;cursor:pointer;color:inherit}.journal-sheet-switch:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:3px}.journal-writing-area{--entry-header-h:calc(max(var(--wkp-top, 0px), 10px) + 28px)}.entry-header{position:absolute;z-index:2;top:0;left:0;right:0;box-sizing:border-box;height:var(--entry-header-h);padding:max(var(--wkp-top,0px),10px) 12px 0;display:flex;align-items:flex-start;gap:4px 10px;min-width:0;font-family:var(--editor-font,var(--font-ui),system-ui,sans-serif);font-size:12px;font-weight:400;line-height:24px;letter-spacing:0;--eh-fg:color-mix(in srgb,var(--app-fg,#2b2b2b) 62%,transparent);--eh-hover:var(--app-fg,#2b2b2b);color:var(--eh-fg);transition:opacity .2s ease-out;pointer-events:none}.entry-header>*{pointer-events:auto}.entry-header-time{position:relative;display:flex;flex:0 1 auto;min-width:0;overflow:hidden;white-space:pre;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eh-clock,.eh-started{flex:0 0 auto}.eh-day{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.entry-header-moods{display:inline-flex;align-items:center;gap:0;flex:0 0 auto;margin:0 0 0 auto;order:3}.entry-header-time{order:1}.entry-header-moods{opacity:0;transition:opacity .2s ease-out}.entry-header-moods:focus-within,.journal-writing-area:focus-within .entry-header-moods,.journal-writing-area:hover .entry-header-moods{opacity:1}@media (hover:none){.entry-header-moods{opacity:1}}.entry-header-mood{box-sizing:border-box;width:28px;height:24px;padding:0;margin:0;border:0;border-radius:8px;background:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:color .15s ease-out,background-color .15s ease-out,transform .12s ease-out}.entry-header-mood:hover{color:var(--eh-hover)}.entry-header-mood:active{transform:scale(.92)}.entry-header-mood[data-on]{color:var(--eh-hover);background:color-mix(in srgb,currentColor 14%,transparent)}.entry-header-mood:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.entry-header-chosen{order:2;box-sizing:border-box;width:24px;height:24px;padding:0;margin:0 0 0 -4px;border:0;border-radius:8px;background:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;color:inherit;transition:color .15s ease-out,background-color .15s ease-out,transform .12s ease-out}.entry-header-chosen:hover{color:var(--eh-hover);background:color-mix(in srgb,currentColor 10%,transparent)}.entry-header-chosen:active{transform:scale(.92)}.entry-header-chosen:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.entry-header-note{order:4;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-header-note:empty{display:none}.entry-header[data-chrome=hidden]{opacity:0}.entry-header[data-chrome=hidden]:focus-within,.entry-header[data-chrome=hidden]:hover{opacity:1}@media (max-width:768px){.entry-header{padding-inline:16px;gap:0 6px}.entry-header-time[data-other-day] .eh-started{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.entry-header-mood{width:36px;height:32px;min-width:0;min-height:0}.entry-header-chosen{width:32px;height:32px;min-width:0;min-height:0;margin-left:-6px}.entry-header-time{line-height:32px}.entry-header-moods{margin-left:auto}.entry-header-note{position:absolute;left:16px;top:calc(max(var(--wkp-top, 0px), 10px) + 32px);font-size:11px;line-height:14px}.journal-writing-area{--entry-header-h:calc(max(var(--wkp-top, 0px), 10px) + 36px)}}@media (max-width:360px){.entry-header{padding-inline:12px}.entry-header-mood{width:32px}.entry-header-note{left:12px}}@media (max-width:340px){.eh-weekday{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (prefers-reduced-motion:reduce){.entry-header,.entry-header-chosen,.entry-header-mood,.entry-header-moods{transition:none}.entry-header-chosen:active,.entry-header-mood:active{transform:none}}html[data-motion=off] :is(.entry-header,.entry-header-mood,.entry-header-moods,.entry-header-chosen),html[data-motion=still] :is(.entry-header,.entry-header-mood,.entry-header-moods,.entry-header-chosen){transition:none}html[data-motion=off] :is(.entry-header-mood,.entry-header-chosen):active,html[data-motion=still] :is(.entry-header-mood,.entry-header-chosen):active{transform:none}