:root{--bg:#f6f7f2;--paper:#fffefa;--ink:#293d35;--green:#3c5848;--muted:#687463;--line:#dfe5d7;--soft:#edf0e5;--soft-hover:#e6ecdf;--field:#f7f9f1;--solid:#3c5848;--on-solid:#fffefa;--hero:#edf0e5;--hero-fade:#edf0e5b0;--wall:#f6f7f2eb;--danger:#814a40;--focus-ring:#6b875c;--surface-floating:#f3f6ee;--surface-glass:rgba(247,249,243,.94);--border-floating:rgba(126,148,119,.28);--shadow-floating:0 5px 18px #293d3512,inset 0 1px 0 #ffffffcc;--duration-press:120ms;--duration-state:180ms;--duration-overlay:220ms;--ease-ui:cubic-bezier(.2,.75,.25,1);--press-scale:.985;--target-size:44px;--overlay:#263c3455;color-scheme:light}
:root[data-appearance=night]{--bg:#151d1a;--paper:#1c2722;--ink:#e1e8df;--green:#b6cbb5;--muted:#a2b19f;--line:#3b4a40;--soft:#25332b;--soft-hover:#304336;--field:#17221c;--solid:#b6cbb5;--on-solid:#142119;--hero:#223028;--hero-fade:#223028ba;--wall:#151d1aeb;--danger:#e3aaa0;--focus-ring:#abc59e;--surface-floating:#1e2a23;--surface-glass:rgba(27,39,32,.96);--border-floating:#465b48;--shadow-floating:0 5px 18px #0002;--overlay:#08120db3;color-scheme:dark}
:root[data-appearance=mist]{--bg:#f1f5f5;--paper:#fcfdfc;--ink:#30444a;--green:#3e6166;--muted:#60757b;--line:#d7e2e1;--soft:#e5eeee;--soft-hover:#dce8e8;--field:#f2f7f7;--solid:#3e6166;--on-solid:#fff;--hero:#e5eeee;--hero-fade:#e5eeeeb0;--wall:#f1f5f5ed;--focus-ring:#54848b;--surface-floating:#eaf1f1;--surface-glass:rgba(240,247,247,.94);--border-floating:#c9dada}
:root[data-appearance=paper]{--bg:#f7f1e8;--paper:#fffaf2;--ink:#503f33;--green:#785a42;--muted:#806c5b;--line:#e7dacb;--soft:#efe5d7;--soft-hover:#e8d9c6;--field:#faf4e9;--solid:#785a42;--on-solid:#fffaf2;--hero:#efe5d7;--hero-fade:#efe5d7b5;--wall:#f7f1e8ed;--focus-ring:#a67d58;--surface-floating:#f2e9dc;--surface-glass:rgba(249,241,229,.95);--border-floating:#dcc9b3}
.ui-icon{width:18px;height:18px;flex:none;vertical-align:middle}.quiet-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background-color var(--duration-state) var(--ease-ui),border-color var(--duration-state) var(--ease-ui)}
.quiet-control:hover{background:var(--soft)}.quiet-control[aria-pressed=true]{background:var(--soft);color:var(--green);border-color:var(--green)}.quiet-control[aria-pressed=true] .ui-icon{fill:var(--soft-hover)}.quiet-control:focus-visible,.appearance-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.icon-control{width:44px;padding:8px}.text-button{color:var(--green);text-decoration:none;border-radius:7px;padding:6px 9px}.text-button:hover{background:var(--soft)}.text-button[aria-pressed=true]{background:var(--soft);color:var(--green)}footer button,.privacy-link{text-decoration:none!important}footer button:hover,.privacy-link:hover{background:var(--soft);border-radius:6px}.primary{background:var(--solid);color:var(--on-solid)}.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--soft)}
header .experience-switch{margin-left:auto;margin-right:0;border:0}header .appearance-switch{background:transparent;border:0;flex:none;padding:6px 10px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.appearance-card{position:relative;text-align:left;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper)}.appearance-card[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.appearance-card strong,.appearance-card small{display:block}.appearance-card strong{font:18px/1.6 var(--serif);margin:10px 0 4px}.appearance-card small{font-size:11px;color:var(--muted);line-height:1.7;min-height:38px}.appearance-check{display:none;position:absolute;right:14px;bottom:14px;color:var(--green)}.appearance-card[aria-pressed=true] .appearance-check{display:block}.appearance-swatch{display:block;height:74px;padding:14px;background:var(--swatch-bg);border-radius:6px;position:relative;overflow:hidden}.appearance-swatch i{display:block;width:78%;height:100%;border-radius:4px;background:var(--swatch-paper);box-shadow:0 2px 7px #0001}.appearance-swatch b{position:absolute;left:26px;top:28px;width:40%;height:2px;background:var(--swatch-ink);box-shadow:0 8px var(--swatch-ink);opacity:.8}.appearance-auto{display:flex;align-items:center;gap:10px;margin:24px 0 10px;font-size:12px}.appearance-auto input{width:auto}
.daily-quote{border-left:1px solid var(--line);padding:24px 26px}.quote-heading{display:flex;align-items:center;gap:12px}.quote-heading h2{font-size:12px;letter-spacing:.1em;color:var(--muted);font-weight:500}.quote-caption{font-size:10px;color:var(--muted);margin-left:auto}.quote-heading .quote-hide{margin:-8px -10px -8px 0;border:0;background:transparent;color:var(--muted)}.daily-quote .quote-line{margin:24px 0 26px;max-width:720px;font:clamp(20px,2.2vw,25px)/1.85 var(--serif);letter-spacing:.025em;overflow-wrap:anywhere}.quote-actions{justify-content:space-between;gap:12px}.control-group{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.control-group .quiet-control{border:0;border-radius:0}.control-group .quiet-control+.quiet-control{border-left:1px solid var(--line)}.quote-library{border-color:transparent;background:transparent}.control-count{font-size:10px;min-width:20px;line-height:20px;border-radius:5px;background:var(--soft);padding:0 5px;color:var(--muted)}.quote-show{margin:18px 0}.saved-quote{padding:20px 0;border-bottom:1px solid var(--line);font:19px/1.85 var(--serif)}
/* Semantic surfaces: a theme reaches editors and dialogs, without recoloring user photos or printable pages. */
.hero{background:var(--hero)}.hero-copy{background:transparent}.badge,.sample-banner,.tag,.mood.selected{background:var(--soft);color:var(--green)}.chart text{fill:var(--muted)}.chart line{stroke:var(--line)}.chart polyline{stroke:var(--green)}.chart circle{fill:var(--green);stroke:var(--paper)}.custom-wallpaper:before{background-image:linear-gradient(var(--wall),var(--wall)),var(--home-photo)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,#space-root input:not([type=checkbox]):not([type=file]),#sound-root input:not([type=checkbox]):not([type=file]):not([type=range]),#scrapbook-tools-root input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),#scrapbook-title,#account-form>input{color:var(--ink);background:var(--field);border-color:var(--line)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--green)}.dialog-close,.delete{color:var(--muted)}.delete:hover{color:var(--danger);background:var(--soft)}dialog::backdrop,#care-dialog::backdrop{background:var(--overlay)}#toast{background:var(--solid);color:var(--on-solid)}
.companion-intents [aria-pressed=true],.meditation-choices [aria-pressed=true],.media-mode-tabs [aria-pressed=true],.care-tabs [aria-pressed=true]{background:var(--soft)}.meditation-orb{background:var(--soft-hover);box-shadow:0 0 0 18px var(--soft)}.image-prompt-preview{background:var(--soft)}
:root[data-appearance=night] .hero-art{background-color:#52645a;background-blend-mode:multiply}:root[data-appearance=night] .care-art{background:var(--soft)}:root[data-appearance=night] .care-art .duration{color:var(--muted)}:root[data-appearance=night] .care-symbol{color:var(--green)}:root[data-appearance=night] .tag.selected{border-color:var(--green)}:root[data-appearance=night] .media-symbol{color:var(--green)}:root[data-appearance=night] .simple-composer{background:var(--paper)}
@media(max-width:560px){header{gap:7px}header .appearance-switch{width:38px;padding:6px;min-width:38px}header .appearance-switch>span{display:none}header .experience-switch{font-size:11px;padding:6px 3px}header .language select{max-width:84px}.daily-quote{padding:20px}.quote-caption{font-size:9px}.quote-actions{gap:5px}.quote-actions .quiet-control{padding:8px 10px;gap:6px}.quote-library{padding-right:0!important}.hero-copy{background:linear-gradient(90deg,var(--hero),var(--hero-fade) 75%,transparent)}.hero .hero-art{background-image:linear-gradient(var(--hero-fade),transparent),url('./landscape.svg')}.appearance-card{padding:12px}.appearance-card small{min-height:57px}.appearance-check{right:10px;bottom:8px}}
@media(max-width:360px){header #date-label{font-size:9px}.quote-actions{align-items:flex-start;flex-direction:column}.quote-caption{display:none}}
@media(prefers-reduced-motion:reduce){.quiet-control{transition:none}}@media(prefers-contrast:more){.quiet-control,.appearance-card{border-color:var(--ink)}}
.nav.active{background:var(--soft-hover);color:var(--green)}.bar-track{background:var(--soft)}.bar-track i{background:var(--green)}.sample-banner button{text-decoration:none}.storage-banner{background:var(--soft);color:var(--ink);border-color:var(--danger)}[role=alert]:not(.storage-banner){color:var(--danger)}.finished{background:var(--soft)}.tag.selected{background:var(--soft-hover);color:var(--green)}.mood:hover{background:var(--soft)}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background:var(--solid);filter:brightness(.94)}.nav:hover{background:var(--soft)}.care-card:hover{border-color:var(--green)}}
#media-dialog-root input:not([type=file]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),#media-dialog-root select{background:var(--field);border-color:var(--line);color:var(--ink)}#media-dialog-root input:is([type=checkbox],[type=radio]){width:auto;padding:0}.media-mode-tabs [aria-pressed=true]{text-decoration:none}
.scrapbook-designed .scrapbook-page-heading{color:var(--scrapbook-ink,#344d43)}:root[data-appearance=night] .sidebar{background:var(--surface-glass)}.appearance-card strong{padding-right:24px}.appearance-check{top:103px;bottom:auto}
/* 2026-10: original scenes, a quiet companion dock and a page-first workbench. */
.hero-scene{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none}.hero-scene[hidden]{display:none}.hero-next{position:absolute;bottom:12px;left:12px;z-index:2;background:var(--paper);padding:7px 11px;min-height:38px;font-size:11px}.hero-next[hidden]{display:none}.illustration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.illustration-options button{padding:6px;min-width:0}.illustration-options img{display:block;width:100%;border-radius:6px;aspect-ratio:8/5.2;object-fit:cover}.illustration-options span{display:block;font-size:11px;margin:8px 0 3px}.illustration-picker>label{display:block;margin:16px 0}footer{flex-wrap:wrap;row-gap:10px;padding-right:130px}#copyright-copy{font-size:11px;white-space:nowrap}#feedback-open{white-space:nowrap}
#care-launcher.care-fab{display:inline-flex;align-items:center;gap:10px;right:24px;bottom:24px;z-index:6;padding:10px 16px 10px 10px;border-radius:17px;background:var(--paper);color:var(--green);border:1px solid var(--line);box-shadow:0 5px 22px #14291e12;font-size:12px;font-weight:500;min-height:52px}#care-launcher .ui-icon{width:31px;height:31px;padding:5px;background:var(--soft);border-radius:10px}#care-launcher:hover{border-color:var(--green);background:var(--paper)}#care-launcher:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}#care-launcher[aria-expanded=true]{visibility:hidden}body:has(#dialog[open]) #care-launcher{visibility:hidden}#care-dialog{inset:auto 24px 90px auto;margin:0;width:min(490px,calc(100vw - 48px));max-height:calc(100dvh - 120px);border-radius:18px;border:1px solid var(--line);box-shadow:0 16px 64px #14291e24}#care-dialog .care-header{padding:17px 20px;position:sticky;top:0;background:var(--paper);z-index:3}#care-dialog .care-header h2{font-size:20px;margin:0}.companion-heading{display:flex;align-items:center;gap:12px}.companion-heading small{display:block;font:9px/1.8 sans-serif;letter-spacing:.12em;color:var(--muted)}.companion-emblem{display:grid;place-items:center;width:40px;height:40px;flex:none;background:var(--soft);border-radius:13px;color:var(--green)}.companion-emblem svg{width:25px;height:25px}.companion-body .care-tabs{display:flex;background:var(--soft);padding:4px;border:0;border-radius:9px;gap:3px}.companion-body .care-tabs button{flex:1;text-align:center;font-size:11px;padding:8px 6px;border-radius:6px;white-space:nowrap;min-width:0}.companion-body .care-tabs [aria-pressed=true]{background:var(--paper);text-decoration:none;box-shadow:0 1px 4px #14291e10}.companion-intents{gap:6px}.companion-intents button{font-size:11px;min-height:36px;padding:7px 10px;border-radius:18px}.companion-transcript{min-height:110px;padding:14px 0}.companion-body textarea{border-radius:12px;min-height:120px;padding:14px;background:var(--field)}.companion-body .care-message{border:0;border-radius:12px;background:var(--soft);font-size:13px}.companion-body .care-message.user{background:var(--field);margin-left:24px}.companion-body .care-message.assistant{margin-right:24px}.companion-body .care-message strong{font-size:10px;color:var(--muted)}
.wellbeing{margin-bottom:24px}.wellbeing>.section-head{gap:12px;flex-wrap:wrap}.wellbeing>p{font-size:13px;line-height:1.9}.emotion-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}.emotion-categories>div{display:grid;gap:10px;font-size:12px;color:var(--muted)}.emotion-categories strong{font:26px/1.3 var(--serif);color:var(--ink)}.emotion-categories .bar-track{width:100%;height:4px}.emotion-categories i{display:block;height:100%;background:var(--green)}.wellbeing-library{margin:30px 0}.wellbeing-library>h2{font:21px/1.6 var(--serif)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.knowledge-grid .panel{padding:22px}.knowledge-grid h3{font:17px/1.6 var(--serif);margin-bottom:12px}.knowledge-grid p{font-size:12px;line-height:1.9;color:var(--muted)}.knowledge-grid a{display:inline-block;font-size:10px;color:var(--green);line-height:1.8;margin-top:14px;text-decoration:underline;text-underline-offset:3px}.knowledge-grid summary{font-size:12px;cursor:pointer;margin:14px 0 8px}
#dialog:has(.canvas-workbench){width:min(1030px,calc(100vw - 32px));max-width:1030px}#scrapbook-form{display:flex;flex-direction:column}#scrapbook-tools-root{margin-top:8px;border-top:0}#scrapbook-content-details{margin:14px 0}#scrapbook-content-details>summary{font-size:12px;cursor:pointer;color:var(--green);padding:10px 0}#scrapbook-tools-root .canvas-workbench{margin-top:0}.canvas-workbench>summary{font:18px/1.6 var(--serif)!important;list-style:none!important;cursor:pointer!important}.canvas-controls{margin:14px 0}.canvas-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--paper)}.canvas-toolbar .quiet-control{font-size:11px;padding:7px 10px;min-height:38px}.canvas-toolbar label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.canvas-toolbar input[type=range]{width:65px}.canvas-toolbar input[type=color]{width:29px;height:29px;padding:0;border:0;background:transparent}.canvas-toolbar output{font-size:10px;width:36px;text-align:center}.canvas-subtoolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:10px 0}.canvas-subtoolbar label{font-size:11px;margin:0;flex:none}.canvas-subtoolbar span{font-size:10px;line-height:1.8;color:var(--muted)}.canvas-selection{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.canvas-selection[hidden]{display:none}.canvas-selection>span{font-size:11px;color:var(--muted);margin-right:8px}.canvas-selection button{font-size:11px;min-height:36px;padding:6px 10px}.canvas-materials{margin:4px 0!important}.sticker-shelf{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.sticker-pick{width:78px;min-height:92px;padding:8px;background:var(--soft);border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink)}.sticker-pick:hover{border-color:var(--green)}.sticker-pick>svg{width:48px;height:48px}.sticker-pick>span{font-size:10px}.canvas-viewport{overflow:auto;max-height:64dvh;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:10px;scrollbar-gutter:stable}.canvas-viewport>.scrapbook-paper{min-width:240px;box-sizing:border-box;margin:0 auto;background-color:#fbfaf4;min-height:420px}.canvas-viewport .scrapbook-stage{min-height:320px;user-select:none;-webkit-user-select:none}.canvas-viewport [data-tool=pen],.canvas-viewport [data-tool=erase]{touch-action:none;cursor:crosshair}.canvas-viewport [data-tool=select] [data-page-block],.canvas-viewport [data-tool=select] [data-page-stamp]{touch-action:none;cursor:grab}.canvas-viewport [data-tool=select]{touch-action:pan-x pan-y}.canvas-viewport .canvas-selected{outline:2px solid #668064!important;outline-offset:3px}.scrapbook-stamp.art-sticker{width:14%;padding:0;border:0;opacity:1;transform-origin:top left;line-height:0}.art-sticker svg{width:100%;height:auto;display:block}.scrapbook-stamp:not(.art-sticker){transform-origin:top left}.canvas-viewport [data-tool=pen] .scrapbook-stamp,.canvas-viewport [data-tool=erase] .scrapbook-stamp{pointer-events:none}.canvas-live-ink{z-index:103}#feedback-text{min-height:150px;margin:10px 0}#feedback-topic{display:block;margin:8px 0 20px;padding:9px;border-radius:7px}#feedback-device{flex:none;width:auto}
@media(max-width:850px){.knowledge-grid{grid-template-columns:1fr}.knowledge-grid .panel{padding:20px}.knowledge-grid p{font-size:13px}}
@media(max-width:560px){footer{padding-right:0;padding-bottom:55px}#care-launcher.care-fab{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));min-height:48px;gap:7px;padding:8px 12px 8px 8px;border-radius:15px}#care-launcher .ui-icon{width:29px;height:29px}#care-dialog{inset:auto 10px calc(76px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));border-radius:16px}.companion-body .care-tabs button{font-size:10px}.hero .hero-art{z-index:0}.hero-copy{z-index:1;position:relative;pointer-events:none}.hero-copy button{pointer-events:auto}.hero-next{left:8px;bottom:8px;font-size:10px;min-height:32px;padding:5px 8px}.hero-art .home-decorate{right:8px;bottom:8px;font-size:10px;min-height:32px;padding:5px 8px}.illustration-options{gap:6px}.illustration-options span{font-size:10px}.emotion-categories{gap:7px}.emotion-categories>div{font-size:10px}.wellbeing .quiet-control{padding:6px 9px}.canvas-viewport{padding:4px;max-height:58dvh}.canvas-viewport .scrapbook-designed{padding:14px!important}.canvas-toolbar{gap:4px}.canvas-toolbar .quiet-control{padding:7px 8px}.canvas-toolbar label{font-size:9px}.canvas-toolbar input[type=range]{width:48px}.canvas-subtoolbar{padding:8px 0}.canvas-subtoolbar span{font-size:10px}#dialog:has(.canvas-workbench){width:calc(100vw - 16px);padding:24px 14px}.canvas-toolbar .pen-color{gap:4px}}
@media(prefers-reduced-motion:reduce){.hero-scene,#care-dialog,#care-launcher{animation:none;transition:none}}
#media-dialog-root .canvas-toolbar label{white-space:nowrap;flex:0 0 auto;margin:0}#media-dialog-root .canvas-toolbar input[type=color]{width:29px;height:29px;min-width:29px;border:0;padding:0;background:transparent}#media-dialog-root .canvas-toolbar input[type=range]{width:65px;min-width:65px;padding:0;border:0;background:transparent}#media-dialog-root .canvas-subtoolbar input[type=checkbox]{width:auto;padding:0}#media-dialog-root .canvas-toolbar output{flex:none}
@media(max-width:560px){#media-dialog-root .canvas-toolbar input[type=range]{width:48px;min-width:48px}}
/* Local everyday tools share the existing surfaces and quiet controls. */
.local-save-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:0 0 20px;font-size:10px;line-height:1.7;color:var(--muted)}.local-save-summary .text-button{font-size:10px;min-height:32px;padding:5px 8px}.local-state-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}.local-state-dot.needs-attention{background:var(--danger)}.home-note-entry{display:flex;justify-content:flex-end;margin:12px 0}.gentle-reminder{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;padding:12px 18px;margin-bottom:16px;border:1px solid var(--line);background:var(--soft);border-radius:12px;font-size:12px;line-height:1.8}.gentle-reminder[hidden]{display:none}.gentle-reminder>span{margin-right:auto}.gentle-reminder button{min-height:36px;font-size:11px}
.mood-calendar{margin-bottom:24px}.mood-calendar>.section-head{gap:12px;flex-wrap:wrap}.mood-calendar h2{margin:0}.calendar-controls{display:flex;gap:6px}.calendar-controls .quiet-control{min-height:40px}.calendar-controls .icon-control{width:40px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{padding:20px 0 10px;text-align:center;color:var(--muted);font-size:11px}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-height:90px;min-width:0;padding:12px 4px;border:1px solid transparent;border-radius:10px;background:var(--field);color:var(--muted);transition:background-color var(--duration-state) var(--ease-ui);position:relative}.calendar-day:hover{background:var(--soft-hover);color:var(--ink)}.calendar-day.has-records{background:var(--soft);color:var(--ink)}.calendar-day[aria-current=date]{border-color:var(--green)}.calendar-day:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.calendar-date{font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}.calendar-moods{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;max-width:100%;min-height:7px}.mood-dot{width:6px;height:6px;display:inline-block;flex:none;border-radius:50%;border:1px solid #0001}.mood-dot-0{background:#9a97b7}.mood-dot-1{background:#a68f80}.mood-dot-2{background:#c0b55c}.mood-dot-3{background:#72a396}.mood-dot-4{background:#b58a9b}.calendar-kinds{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;font-size:9px;line-height:1.4;min-height:13px}.calendar-legend{display:flex;gap:10px 20px;flex-wrap:wrap;margin:20px 0 12px;font-size:11px;color:var(--muted)}.calendar-legend>span{display:inline-flex;gap:6px;align-items:center}.calendar-compact .calendar-days{margin-top:18px}.calendar-compact .calendar-day{min-height:100px}.calendar-compact .calendar-date{font-size:10px}.calendar-date-number{font-size:17px;line-height:1.4}.calendar-record{border-bottom:1px solid var(--line);padding:18px 0}.calendar-record>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.calendar-record p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.calendar-record button{font-size:12px;margin-bottom:6px}.calendar-empty{padding:24px 0;color:var(--muted);font-size:14px}.calendar-record:last-of-type{margin-bottom:20px}.record-day-label{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;margin:10px 0 24px}.record-day-label input{width:auto;max-width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px}
#dialog:has(#notes-root){width:min(740px,calc(100vw - 32px));max-width:740px}#notes-root>label{font-size:12px}#notes-text{display:block;width:100%;margin:10px 0;min-height:145px;border-radius:12px;padding:16px;font-size:15px;line-height:1.9}#notes-status,#daily-status{font-size:12px;line-height:1.8;min-height:22px;margin:10px 0}#notes-root .dialog-actions{flex-wrap:wrap}#notes-root .dialog-actions button{font-size:12px}.notes-filter{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin:24px 0 16px}.notes-filter>label:first-child{flex:1;min-width:160px;font-size:11px}.notes-filter input[type=search]{display:block;width:100%;border:1px solid var(--line);border-radius:8px;margin-top:6px;padding:10px 12px;font-size:13px}.notes-filter .checkbox{display:flex;align-items:center;gap:7px;min-height:42px;font-size:12px;white-space:nowrap}.quick-note-row{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}.quick-note-row.is-selected{border-color:var(--green);background:var(--field)}.note-open{display:block;width:100%;text-align:left;border:0;background:transparent;padding:0;color:var(--ink)}.note-open strong{display:block;font-size:14px;font-weight:400;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.note-open small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.note-row-actions{display:flex;gap:4px;flex-wrap:wrap;margin:10px -6px -4px}.note-row-actions button{font-size:10px;min-height:34px}.notes-backup{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.notes-backup summary{font-size:12px;color:var(--green);cursor:pointer;min-height:40px}.notes-backup button,.notes-backup .file-button{font-size:11px;margin:6px 6px 6px 0}.notes-backup p{font-size:12px;line-height:1.8}.notes-conversion{padding:20px;margin:20px 0;background:var(--soft);border:1px solid var(--line);border-radius:12px}.notes-conversion h3{font:20px/1.6 var(--serif);margin:0 0 10px}.notes-conversion time{font-size:11px;color:var(--muted)}.note-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;max-height:220px;overflow-y:auto}.notes-conversion label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.8;margin:16px 0}.notes-conversion select{padding:8px;border:1px solid var(--line);border-radius:8px}#notes-root input[type=checkbox],#daily-settings-root input[type=checkbox]{width:16px;height:16px;padding:0;flex:none;accent-color:var(--green)}.backup-inventory{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px;margin:18px 0;background:var(--field);font-size:12px;line-height:1.9}.backup-inventory p{margin:0}.backup-inventory button{justify-self:start}
#daily-settings-root>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.8;margin:20px 0}#daily-settings-root input[type=time]{width:auto;border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:42px;font-size:14px}#daily-settings-root hr{border:0;border-top:1px solid var(--line);margin:24px 0}#daily-settings-root details>summary{font-size:12px;cursor:pointer;color:var(--green);padding:10px 0}#daily-settings-root .reminder-weekdays{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:16px 0}.reminder-weekdays legend{font-size:12px;margin-bottom:10px}.reminder-weekdays label{display:flex;align-items:center;gap:5px;padding:8px;border-radius:8px;background:var(--field);font-size:12px;min-height:40px}#daily-settings-root .dialog-actions{flex-wrap:wrap}#daily-settings-root .dialog-actions button{font-size:12px}
#privacy-curtain{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:var(--bg);color:var(--ink);z-index:2147483647}#privacy-curtain[open]{display:grid;place-items:center}#privacy-curtain::backdrop{background:var(--bg)}#privacy-curtain>div{text-align:center;max-width:420px}#privacy-curtain img{width:54px;height:54px;margin-bottom:22px}#privacy-curtain h2{font:26px/1.7 var(--serif);font-weight:400}#privacy-curtain p{font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 30px}#privacy-curtain button{min-height:44px}
@media(max-width:560px){.local-save-summary{margin-bottom:14px;gap:4px 7px;font-size:9px}.local-save-summary .text-button{font-size:9px}.mood-calendar.panel{padding:18px 12px}.calendar-weekdays,.calendar-days{gap:4px}.calendar-day{min-height:82px;padding:10px 2px;gap:6px;border-radius:8px}.calendar-date{font-size:12px}.calendar-kinds{gap:2px;font-size:8px}.calendar-moods{gap:2px}.mood-dot{width:5px;height:5px}.calendar-legend{gap:8px 12px;font-size:10px;margin-top:16px}.mood-calendar>.section-head{gap:10px}.mood-calendar h2{font-size:20px}.calendar-controls{gap:4px}.calendar-controls .quiet-control{min-height:38px;padding:7px 10px;font-size:11px}.calendar-controls .icon-control{width:36px;padding:6px}.calendar-compact .calendar-day{min-height:96px}.calendar-compact .calendar-date{font-size:9px}.calendar-date-number{font-size:16px}.home-note-entry{margin:10px 0}.home-note-entry .quiet-control{font-size:11px}.gentle-reminder{padding:10px 12px;gap:4px 8px}#notes-text{min-height:135px;font-size:16px;padding:12px}.notes-filter{gap:8px}.notes-filter .checkbox{font-size:11px}.notes-conversion{padding:14px}.note-row-actions{gap:0}.note-row-actions button{padding:6px 7px}.reminder-weekdays label{padding:8px 5px}#daily-settings-root .reminder-weekdays{gap:5px}#privacy-curtain h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.calendar-day{transition:none}}
#notes-root .file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;min-height:40px}#notes-root .file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}#notes-root .file-button:focus-within{outline:3px solid var(--focus-ring);outline-offset:3px}