/* Utopia's shared interface system. Entrance artwork keeps its own timing. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--ui-bg:#151515;--ui-surface:#202020;--ui-raised:#292929;--ui-ink:#f3f2ef;--ui-muted:#b2b0aa;--ui-line:#ffffff20;--ui-hover:#ffffff09;--ui-shadow:0 12px 40px #0000001c}
body.light-theme{--ui-bg:#f6f5f2;--ui-surface:#fffefa;--ui-raised:#efeee9;--ui-ink:#242523;--ui-muted:#686b64;--ui-line:#25282320;--ui-hover:#25282306;--ui-shadow:0 12px 40px #25282308}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{background:var(--ui-bg);color:var(--ui-ink)}body:not(.custom-background)::before,body.light-theme:not(.custom-background)::before{background:var(--ui-bg)!important}
[hidden]{display:none!important}button,a,input,textarea,select{touch-action:manipulation}button,[role=button],summary{-webkit-user-select:none;user-select:none}button:disabled{cursor:default;opacity:.42}
:where(a,button,input,textarea,select,summary,[role=button]):focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}input,textarea,select{font-size:16px!important;accent-color:var(--ui-ink)}input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:.85}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:10001;top:12px;left:16px;padding:12px 18px;border-radius:12px;background:var(--ui-ink);color:var(--ui-bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.page{max-width:1040px;padding:22px 48px calc(130px + env(safe-area-inset-bottom));color:var(--ui-ink)}.masthead{min-height:64px;margin-bottom:22px;border-bottom:1px solid var(--ui-line);padding-bottom:16px}.home-mark{font-size:20px;letter-spacing:-.045em;color:var(--ui-ink)}.header-actions{gap:8px}.header-button,.light-theme .header-button{display:grid;place-items:center;min-height:44px;color:var(--ui-ink)}.theme-toggle,.light-theme .theme-toggle{width:44px;height:44px;border:1px solid var(--ui-line);background:var(--ui-surface)}.settings-header-button{padding-inline:14px;border-radius:50px}
/* Navigation remains discoverable on the entrance; page switches are instant. */
.dock,.light-theme .dock,.moon-intro .dock{display:flex;align-items:center;gap:4px;width:min(440px,calc(100% - 28px));padding:7px;border:1px solid var(--ui-line);border-radius:999px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);color:var(--ui-ink);box-shadow:0 4px 28px #00000014;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);bottom:calc(16px + env(safe-area-inset-bottom));opacity:1;pointer-events:auto;transform:translateX(-50%);transition:none}
.dock a,.light-theme .dock a{flex:1;min-width:0;min-height:44px;display:grid;place-items:center;padding:10px 8px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ui-muted);animation:none!important;transition:background-color 150ms ease,color 150ms ease,transform 120ms var(--ease-out)}
.dock a[aria-current],.light-theme .dock a[aria-current]{background:var(--ui-ink);color:var(--ui-bg);box-shadow:none}.dock-avatar{display:none}.dock a:active{transform:scale(.97)}
/* The shared index is airy and quiet, with one clear reading direction. */
body #home-view,body[data-home-style=archive] #home-view{max-width:none;margin:0;padding:34px 0 18px;border:0;border-radius:0;background:transparent;color:var(--ui-ink);box-shadow:none;opacity:1;transition:none}body[data-home-style=archive] #home-view::before{margin-bottom:28px;color:var(--ui-muted);border-color:var(--ui-line)}
body .overview-grid,body[data-home-style=archive] .overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;max-width:none}.home-date,body[data-home-style=archive] .home-date{font-size:12px;letter-spacing:.04em;color:var(--ui-muted)}body .overview-intro h1,body[data-home-style=archive] .overview-intro h1{margin:18px 0 28px;font:500 clamp(30px,4vw,46px)/1.3 var(--global-font,var(--serif));letter-spacing:-.045em;color:var(--ui-ink)}
body .feature-image,body[data-home-style=archive] .feature-image{width:100%;height:240px;border:0;border-radius:120px 120px 18px 18px;background:var(--ui-raised);overflow:hidden;box-shadow:none;transform:none;transition:transform 120ms var(--ease-out)}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-edit{background:#0009;color:white;border-radius:999px;padding:6px 12px;font-size:12px}.identity-cluster{gap:14px;margin-top:24px}.avatar-pair{min-width:98px}.avatar{width:58px;height:58px;border:3px solid var(--ui-bg)}.avatar+.avatar{margin-left:-18px}.profile-names,body[data-home-style=archive] .profile-names{color:var(--ui-ink)}.profile-names strong{font:500 16px/1.4 var(--global-font,system-ui);letter-spacing:0;max-width:180px;overflow-wrap:anywhere}.profile-details,body[data-home-style=archive] .profile-details{color:var(--ui-muted);font-size:12px}
body .overview-cards,body[data-home-style=archive] .overview-cards{display:flex;flex-direction:column;justify-content:center;gap:0;padding:0}body .overview-card,body[data-home-style=archive] .overview-card{display:grid;grid-template-columns:1fr;min-height:100px;padding:22px 0!important;margin:0;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent!important;color:var(--ui-ink)!important;box-shadow:none;transform:none;transition:none}.overview-card-avatar{display:none!important}.overview-card small{color:var(--ui-muted)!important;font-size:12px}.overview-card strong{font:500 27px/1.4 var(--global-font,system-ui);letter-spacing:-.045em;color:var(--ui-ink);overflow-wrap:anywhere;white-space:normal}.overview-card>div>span{font-size:11px;color:var(--ui-muted)!important}.overview-card:last-child strong{font-size:17px;letter-spacing:0}
body .home-links,body[data-home-style=archive] .home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px;max-width:none;border:0}
body .home-link,body[data-home-style=archive] .home-link{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:14px;min-height:106px;margin:0;padding:20px!important;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface)!important;color:var(--ui-ink)!important;box-shadow:none!important;transform:none;overflow:visible;transition:background-color 150ms ease,transform 120ms var(--ease-out)}body[data-home-style=archive] .home-link::before,body[data-home-style=archive] .home-link::after{display:none}body .home-link-icon,body[data-home-style=archive] .home-link-icon{grid-column:1;width:40px;height:40px;border:0;border-radius:12px;background:var(--ui-raised)!important;color:var(--ui-muted)!important;transform:none;font-size:20px}.home-link-icon img{border-radius:12px}body .home-link>span:nth-child(2),body[data-home-style=archive] .home-link>span:nth-child(2){grid-column:2;color:var(--ui-ink);font-size:16px;font-weight:500;min-width:0;overflow-wrap:anywhere}.home-link small,body[data-home-style=archive] .home-link small{display:block;margin-top:6px;color:var(--ui-muted);font-size:12px;line-height:1.6;font-weight:400}.home-link-arrow,body[data-home-style=archive] .home-link-arrow{grid-column:3;color:var(--ui-muted);transform:none!important}.home-excerpt small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-home-style=archive].archive-reveal-ready #home-view :is(.overview-intro,.overview-card,.home-link){opacity:1!important;transform:none!important;transition-delay:0s}
.section-heading{margin:46px 0 12px}.section-heading h1{font:500 34px/1.3 var(--global-font,var(--serif));letter-spacing:-.04em;color:var(--ui-ink)}.count{font:500 12px/1 system-ui;letter-spacing:0;padding:6px 9px;background:var(--ui-raised);color:var(--ui-muted);border-radius:999px;vertical-align:middle}.status,.light-theme .status{margin:0 0 24px;font-size:13px;line-height:1.7;color:var(--ui-muted)}.status.error{color:#bc5547}
.collection-tools{display:flex;gap:10px;align-items:center;margin-bottom:28px}.collection-search{position:relative;flex:1;min-width:0}.collection-search input{width:100%;min-height:46px;padding:10px 42px 10px 16px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;color:var(--ui-ink)}.collection-search>span:last-child{position:absolute;right:16px;top:9px;font-size:24px;pointer-events:none}
body .diary-list .entry,body .diary-list .entry:first-child{grid-template-columns:112px minmax(0,1fr) 76px;min-height:160px;padding:26px 12px!important;border-color:var(--ui-line);background:transparent;transform:none;transition:background-color 150ms ease}.diary-list .entry h3,.diary-list .entry:first-child h3{font:500 25px/1.45 var(--global-font,var(--serif));letter-spacing:-.02em!important;color:var(--ui-ink)!important;overflow-wrap:anywhere}.diary-list .entry-meta{font-size:12px;color:var(--ui-muted)!important;letter-spacing:0}.diary-list .entry .excerpt,.diary-list .read-link{color:var(--ui-muted)!important}.empty,.album-empty{padding:44px 22px;border:1px dashed var(--ui-line);border-radius:18px;text-align:center;color:var(--ui-muted);line-height:1.8}
body .memo-entry{min-height:180px;padding:24px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);box-shadow:none;transform:none;transition:transform 120ms var(--ease-out),background-color 150ms ease;color:var(--ui-ink)}.memo-entry h3{color:var(--ui-ink)!important;overflow-wrap:anywhere}.memo-entry .excerpt{color:var(--ui-muted)!important}
body .settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}body .settings-card,.light-theme .settings-card{min-width:0;min-height:0;padding:26px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:none}.settings-card h2{font:600 17px/1.4 var(--global-font,system-ui);letter-spacing:-.02em;color:var(--ui-ink)}.settings-card-copy,.light-theme .settings-card-copy{font-size:13px;line-height:1.8;color:var(--ui-muted)}
body .settings-action,body .album-manage,body .album-add,body .text-button,body .settings-color-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-raised);color:var(--ui-ink);font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;transition:transform 120ms var(--ease-out),background-color 150ms ease}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-field{display:grid;gap:8px;color:var(--ui-muted)!important;font-size:13px}.settings-field input:not([type=range]),.settings-field select,.settings-field textarea,.relationship-fields input{min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-bg)!important;color:var(--ui-ink)!important;outline:revert}.relationship-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.welcome-fields{border-top:1px solid var(--ui-line);padding-top:20px}.settings-disclosure summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.settings-disclosure summary::after{content:'＋';font-weight:400;color:var(--ui-muted)}.settings-disclosure[open] summary::after{content:'−'}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure-content{padding-top:18px}.settings-disclosure-content>.settings-card-title{display:none}.reading-preview{padding:18px;background:var(--ui-bg);border-radius:12px;font:var(--reading-size,17px)/1.9 var(--global-font,var(--reading-font));white-space:pre-line}.home-style-choice{min-height:84px;color:var(--ui-ink);border-color:var(--ui-line);transform:none!important;transition:background-color 150ms ease}.home-style-choice[aria-pressed=true]{background:var(--ui-raised)}.moon-palette-option{width:44px!important;height:44px!important;background:radial-gradient(circle,var(--swatch) 0 11px,transparent 12px);border:0}.moon-palette-option[aria-pressed=true]::after{inset:5px}.settings-card .moon-palette{gap:2px;flex-wrap:wrap}
.album-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.album-identity{flex:1;min-width:180px}.album-display-title{font-size:23px;letter-spacing:-.03em;overflow-wrap:anywhere}.album-display-note{font-size:13px;color:var(--ui-muted);overflow-wrap:anywhere}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.album-card{margin:0;padding:10px 10px 28px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:4px;box-shadow:var(--ui-shadow);transform:none!important}.album-media{display:block;width:100%;padding:0;border:0;background:var(--ui-raised);overflow:hidden;aspect-ratio:1}.album-media img{display:block;width:100%;height:100%;object-fit:cover}.album-empty{grid-column:1/-1}.album-manage-remove{min-height:44px;color:#bc5547}.album-manage-row{gap:12px;border-color:var(--ui-line)}
body dialog:not(.reader-fullscreen):not(.preset-editor-dialog){width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 24px 90px #0003;overflow:auto}dialog::backdrop{background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}body .icon-button{min-width:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:50%;background:var(--ui-raised);color:var(--ui-ink);font-size:24px;transition:transform 120ms var(--ease-out)}
body .reader-fullscreen,.light-theme .reader-fullscreen{background:var(--ui-bg);color:var(--ui-ink);padding-inline:max(24px,calc((100vw - 760px)/2));max-width:none;width:100%;max-height:none;height:100dvh;border:0}.reader-fullscreen .reader-top{width:100%;max-width:760px;padding-bottom:14px;border-bottom:1px solid var(--ui-line)}.reader-fullscreen .reader-paper{padding-top:48px}.reader-fullscreen .reader-paper h2{font:500 clamp(28px,5vw,40px)/1.45 var(--global-font,var(--reading-font));letter-spacing:-.035em;color:var(--ui-ink)}.reader-fullscreen .prose,.light-theme .reader-fullscreen .prose{color:var(--ui-ink);line-height:2;overflow-wrap:anywhere}.reader-fullscreen .eyebrow,.detail-label{color:var(--ui-muted)}
body .photo-viewer[open]{display:flex!important;flex-direction:column;width:min(960px,calc(100% - 24px))!important;height:calc(100dvh - 28px);overflow:hidden!important;padding:18px!important}.photo-viewer-bar{display:flex;justify-content:space-between;align-items:center;color:var(--ui-muted);font-size:13px}.photo-viewer img{flex:1;min-height:0;width:100%;object-fit:contain;padding:16px 0}.photo-viewer-controls{display:flex;justify-content:center;gap:10px}
/* Offline story skins remain intact; shared controls and catalog get the same craft. */
.offline-panel,.offline-new-story,.offline-appearance,.offline-archive-list{border-color:var(--ui-line);border-radius:18px;color:var(--ui-ink)}.offline-layout .offline-login,.offline-layout .offline-new-story{background:var(--ui-surface);padding:26px}.offline-layout .offline-help{color:var(--ui-muted);font-size:13px;line-height:1.8}.offline-login-form input,.offline-new-form input{min-height:46px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-bg);color:var(--ui-ink);min-width:0}.offline-action,.offline-text-action,.offline-back,.preset-row-action,.preset-tabs button{min-height:44px;transition:transform 120ms var(--ease-out),background-color 150ms ease}.offline-archive-card{min-width:0;overflow-wrap:anywhere;border-color:var(--ui-line);border-radius:16px;background:var(--ui-surface);color:var(--ui-ink);padding:22px;transition:transform 120ms var(--ease-out)}.offline-archive-card strong{overflow-wrap:anywhere}.offline-tools-trigger{width:44px!important;height:44px!important}.offline-tools-panel{animation:none;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out);transform-origin:top right}.offline-tools-panel .offline-action,.offline-tools-panel .offline-text-action{min-height:44px}.offline-story-reading{overscroll-behavior:contain}.offline-story-footer textarea{font-size:16px!important}.preset-library-row{gap:12px;flex-wrap:wrap}.preset-tabs button{border-radius:10px}.preset-item,.preset-section{min-width:0;overflow-wrap:anywhere}.preset-editor-dialog{border-radius:20px}.offline-error{line-height:1.7}
body .photo-status{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:12px 18px;background:var(--ui-ink);color:var(--ui-bg);border:0;border-radius:14px;box-shadow:var(--ui-shadow);line-height:1.5;pointer-events:none;animation:none}
@media(hover:hover) and (pointer:fine){body .home-link:hover,body[data-home-style=archive] .home-link:hover{background:var(--ui-raised)!important}body .diary-list .entry:hover{background:var(--ui-hover)}.settings-action:hover,.album-manage:hover{background:var(--ui-line)!important}.album-media:hover img{opacity:.9}}
:where(.home-link,.entry,.settings-action,.album-manage,.album-media,.offline-action,.offline-text-action,.offline-back,.icon-button,.avatar,.header-button):active{transform:scale(.97)!important}
@media(hover:none){body .entry:hover,body .feature-image:hover,body .home-link:hover,body .home-style-choice:hover{transform:none;box-shadow:none}.diary-list .entry:hover h3{letter-spacing:-.02em}.overview-card:hover{background:transparent}}
@media(max-width:650px){.page{padding:calc(12px + env(safe-area-inset-top)) 22px calc(120px + env(safe-area-inset-bottom))}.masthead{margin-bottom:8px}.section-heading{margin-top:28px}body .overview-grid,body[data-home-style=archive] .overview-grid{grid-template-columns:1fr;gap:28px}body .feature-image,body[data-home-style=archive] .feature-image{height:220px}body .overview-cards,body[data-home-style=archive] .overview-cards{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}body .overview-card,body[data-home-style=archive] .overview-card{min-height:86px;padding:14px 0!important}.overview-card:last-child{grid-column:1/-1;min-height:70px!important}.overview-card strong{font-size:25px}body .home-links,body[data-home-style=archive] .home-links{grid-template-columns:1fr;gap:10px;margin-top:28px}body .home-link,body[data-home-style=archive] .home-link{min-height:86px;padding:16px!important}body .settings-layout{grid-template-columns:1fr;gap:12px}body .settings-card{padding:22px}.collection-tools{gap:8px}.collection-tools>.settings-action{padding:10px 12px;flex:none}body .diary-list .entry,body .diary-list .entry:first-child{grid-template-columns:1fr;gap:8px;min-height:0;padding:24px 4px!important}.diary-list .entry-meta{grid-column:1;grid-row:1}.diary-list .entry h3,.diary-list .entry:first-child h3{grid-column:1;grid-row:2;margin:0;font-size:23px}.diary-list .entry .excerpt{grid-column:1;grid-row:3;font-size:14px}.diary-list .entry-bottom{grid-column:1;grid-row:4;padding-top:8px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-card{padding:7px 7px 22px}.reader-fullscreen .reader-paper{padding-top:28px}.home-style-choice small{font-size:11px}.relationship-fields{grid-template-columns:1fr}.relationship-fields .settings-field:last-child{grid-column:auto}.offline-new-form{flex-wrap:wrap}.offline-new-form input{flex:1 1 180px}.dock a{font-size:11px;padding-inline:5px}.home-icon-settings-row{grid-template-columns:38px minmax(0,1fr) auto}.home-icon-settings-row .settings-action:last-child{grid-column:3}.moon-intro .masthead{pointer-events:none}.album-tools>.settings-action{order:2}.album-manage{order:3}}
@media(prefers-reduced-transparency:reduce){.dock,.light-theme .dock{background:var(--ui-surface);backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){body{--ui-line:currentColor;--ui-muted:var(--ui-ink)}.dock{background:var(--ui-surface)}}
@media(prefers-reduced-motion:reduce){body *:not(.launch-screen):not(.launch-screen *){animation:none!important;transition:none!important;scroll-behavior:auto!important}.moon-phase-orbit,.moon-home,.archive-home{transform:none!important}}
body[data-input=keyboard] :is(.dock a,.offline-tools-panel,.home-link,.entry){animation:none!important;transition:none!important}

.sync-indicator{min-height:44px;padding:8px 10px;border:0;background:transparent;font-size:11px;color:var(--ui-muted);white-space:nowrap}.sync-indicator::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:currentColor}.sync-indicator.has-error{color:#bc5547}.pwa-update{bottom:calc(88px + env(safe-area-inset-bottom));border-radius:16px;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line)}.pwa-update button{min-height:44px}.offline-story-screen>.offline-error{pointer-events:auto;max-height:25dvh;overflow:auto}
/* Light vintage: paper, ink, photographs. Material serves the existing actions. */
:root{--ui-bg:#191817;--ui-surface:#23211f;--ui-raised:#302d29;--ui-ink:#ece7dc;--ui-muted:#b4ab9b;--ui-line:#e8d9ba24;--ui-hover:#e8d9ba08;--ui-shadow:0 2px 3px #0002,0 12px 30px #0002}
body.light-theme{--ui-bg:#f1eee6;--ui-surface:#faf8f1;--ui-raised:#eae5d9;--ui-ink:#363b32;--ui-muted:#746f61;--ui-line:#695e442a;--ui-hover:#695e4408;--ui-shadow:0 2px 3px #695e4406,0 12px 30px #695e440a}
body:not(.custom-background)::before,body.light-theme:not(.custom-background)::before{background:radial-gradient(ellipse at 35% 0%,#b6a27608,transparent 65%),var(--ui-bg)!important}.home-mark{font:italic 24px/1.1 var(--global-font,Georgia,serif);letter-spacing:-.045em}.section-heading h1,.overview-intro h1{font-weight:400}.home-date{font-family:var(--global-font,Georgia,serif)}
body .home-link,body[data-home-style=archive] .home-link{border-radius:8px;background:linear-gradient(135deg,#ffffff04,transparent),var(--ui-surface)!important;box-shadow:inset 0 1px #ffffff12,0 2px 3px #00000004!important}body .home-link-icon,body[data-home-style=archive] .home-link-icon{border-radius:50%;border:1px solid var(--ui-line);background:transparent!important;font-family:Georgia,serif}.home-link>span:nth-child(2){font-family:var(--global-font,var(--serif));letter-spacing:.02em}.home-link small{font-family:var(--global-font,system-ui);letter-spacing:0}.home-excerpt{background:var(--ui-raised)!important}.home-link-icon img{border-radius:50%}
body .feature-image,body[data-home-style=archive] .feature-image{border:6px solid var(--ui-surface);box-shadow:0 2px 8px #0000000e}.overview-card strong{font-family:var(--global-font,Georgia,var(--serif));font-weight:400}.identity-cluster .avatar{box-shadow:0 2px 4px #0002}.profile-names strong{font-family:var(--global-font,var(--serif))}
.dock,.light-theme .dock{border-color:var(--ui-line);box-shadow:inset 0 1px #ffffff30,0 3px 8px #0000000c,0 14px 28px #00000009}.dock a[aria-current],.light-theme .dock a[aria-current]{background:#41483a;color:#faf7ef;box-shadow:inset 0 1px #ffffff18,0 2px 3px #0002}body:not(.light-theme) .dock a[aria-current]{background:#ddd5c3;color:#262a23}
body .settings-card,.light-theme .settings-card,body .memo-entry{border-radius:12px;box-shadow:inset 0 1px #ffffff14,0 2px 4px #00000003}.settings-card h2{font-family:var(--global-font,var(--serif));font-weight:600}body .settings-action,body .album-manage,body .album-add,body .text-button{border-radius:9px;background:linear-gradient(#ffffff08,#00000003),var(--ui-raised);box-shadow:inset 0 1px #ffffff18,0 1px 2px #00000008}.settings-action:active,.album-manage:active{box-shadow:inset 0 1px 3px #00000018}.reading-preview{border-radius:4px;border:1px solid var(--ui-line);background:repeating-linear-gradient(transparent 0,transparent calc(1.9em - 1px),var(--ui-line) 1.9em);background-position:0 18px;padding:18px 16px}.album-card{box-shadow:0 1px 3px #0001,0 8px 20px #0000000c;border-radius:2px}.album-card:nth-child(3n+1){transform:rotate(-1deg)!important}.album-card:nth-child(3n+2){transform:rotate(.8deg)!important}
/* Notes-inspired reading: warm white, quiet lists, a small amber affordance. */
body[data-view=memo] .section-heading h1{font-family:var(--global-font,system-ui);font-weight:650;letter-spacing:-.045em}body .memo-list{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--ui-line);border-radius:16px;overflow:hidden;background:var(--ui-surface)}body .memo-list .memo-entry{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:22px 24px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none;background:transparent;transform:none!important;transition:background-color 150ms ease}body .memo-list .memo-entry:last-child{border-bottom:0}.memo-list .entry-meta{font-size:11px;color:var(--ui-muted);letter-spacing:.02em}.memo-list .memo-entry h3{font:600 20px/1.5 var(--global-font,system-ui);letter-spacing:-.03em;margin:8px 0}.memo-list .memo-entry .excerpt{font-size:15px;line-height:1.7;margin:0}.memo-list .entry-bottom{margin-top:16px;font-size:12px;color:#b18428}.reader-fullscreen .reader-top .close{border:0;background:transparent;color:#b18428;font-size:16px;width:auto;padding:10px 4px;min-width:52px;border-radius:10px}.light-theme .reader-fullscreen{background:#faf9f4}.light-theme .reader-fullscreen .reader-top{border-color:#a99a7424}.reader-fullscreen .reader-paper h2{font-weight:600}.reader-fullscreen .prose{line-height:1.95}.light-theme .reader-fullscreen .prose{color:#35342f}.reader-fullscreen .detail-label{color:#b18428}.light-theme .collection-search input{background:#e9e6df;border-color:transparent}
@media(prefers-contrast:more){.reader-fullscreen .reader-top .close,.memo-list .entry-bottom{color:var(--ui-ink)}}
/* Final direction: monochrome, with a simple personal welcome instead of a book. */
:root{--ui-bg:#151515;--ui-surface:#202020;--ui-raised:#2b2b2b;--ui-ink:#efefef;--ui-muted:#ababab;--ui-line:#ffffff24;--ui-hover:#ffffff09;--ui-shadow:0 2px 3px #0002,0 12px 30px #0002}
body.light-theme{--ui-bg:#f3f3f3;--ui-surface:#fff;--ui-raised:#eaeaea;--ui-ink:#262626;--ui-muted:#707070;--ui-line:#00000020;--ui-hover:#00000006;--ui-shadow:0 2px 3px #00000006,0 12px 30px #00000009}
body:not(.custom-background)::before,body.light-theme:not(.custom-background)::before{background:var(--ui-bg)!important}.dock a[aria-current],.light-theme .dock a[aria-current]{background:#292929;color:#fff}body:not(.light-theme) .dock a[aria-current]{background:#ededed;color:#202020}.reader-fullscreen .reader-top .close,.reader-fullscreen .detail-label,.memo-list .entry-bottom{color:var(--ui-muted)}.light-theme .reader-fullscreen{background:#fafafa}.light-theme .reader-fullscreen .reader-top{border-color:#00000016}.light-theme .reader-fullscreen .prose{color:#292929}.light-theme .collection-search input{background:#e9e9e9}.sync-indicator.has-error{color:var(--ui-ink)}
.archive-home{height:calc(100svh - 95px);min-height:480px;align-items:center;padding:0 22px calc(85px + env(safe-area-inset-bottom));}.archive-desk{width:min(100%,560px);gap:22px;transform:translateY(-16px)}.archive-desk-top{order:2;color:var(--ui-muted);font:12px/1.5 var(--global-font,system-ui);letter-spacing:.04em}.archive-paper{order:1;align-items:center;justify-content:center;text-align:center;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.archive-paper::before,.archive-file-label{display:none}.archive-paper h1{font:400 clamp(52px,10vw,72px)/1.15 var(--global-font,Georgia,serif);letter-spacing:-.06em;margin-top:24px}.archive-paper #archive-greeting{margin:22px 0 26px;font:400 16px/1.7 var(--global-font,var(--serif));color:var(--ui-muted)}.archive-paper-bottom{align-items:center;padding:0;border:0;gap:7px;max-width:100%;font:12px/1.6 var(--global-font,system-ui)}.archive-paper-bottom span:nth-child(3){margin-top:6px}.archive-enter{order:3;min-width:0;min-height:46px;padding:10px 22px;border:1px solid var(--ui-line);background:var(--ui-surface);font-family:var(--global-font,system-ui);font-size:12px}
.welcome-portraits{display:flex;justify-content:center;padding-left:12px}.welcome-portrait{width:76px;height:76px;padding:0;margin-left:-12px;border:4px solid var(--ui-bg);border-radius:50%;overflow:hidden;background:var(--ui-raised);box-shadow:0 2px 5px #0001;transition:transform 120ms var(--ease-out)}.welcome-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.welcome-portrait img.custom-photo{filter:none}.welcome-portrait:active{transform:scale(.97)}
@media(max-width:600px){.archive-home{height:calc(100svh - 82px);min-height:460px;padding-top:0}.archive-desk{gap:18px;transform:translateY(-12px)}.archive-paper{min-height:0;padding:0}.archive-paper h1{font-size:58px;margin-top:22px}.archive-paper #archive-greeting{margin:20px 0 22px}.archive-paper-bottom{font-size:12px}.welcome-portrait{width:72px;height:72px}}
@media(prefers-contrast:more){body{--ui-line:currentColor;--ui-muted:var(--ui-ink)}}

.archive-home::before,.archive-paper::after,.archive-paper-top,.archive-paper-rule{display:none}.archive-desk-top>span:first-child{display:none}.archive-desk-top{justify-content:center;border:0;padding:0}.archive-home :is(.archive-desk-top,.archive-paper,.archive-file-label,h1,#archive-greeting,.archive-paper-bottom,.archive-enter,.archive-enter span){animation:none}.archive-paper-bottom span::before{display:none!important}.archive-paper-bottom span:nth-child(3){border:0;padding:0;color:var(--ui-muted)}.archive-enter span{animation:none}.archive-enter:hover{transform:none;box-shadow:none}body[data-home-style=archive] #home-view::before{display:none}.moon-intro .dock{background:var(--ui-surface)}
.archive-home{background:var(--ui-bg);color:var(--ui-ink);box-shadow:0 0 0 100vmax var(--ui-bg)}.archive-enter{color:var(--ui-ink)}.archive-paper h1{color:var(--ui-ink)}.archive-paper-bottom{color:var(--ui-muted)}
/* One canvas: remove seams from legacy body, entrance, and scroll layers. */
html,body,body.light-theme,body:not(.light-theme){background:var(--ui-bg);color:var(--ui-ink)}body{--paper:var(--ui-bg);--ink:var(--ui-ink);--hair:var(--ui-line)}body.solid-background{--ui-bg:var(--user-solid-background)}body[data-home-style=archive].moon-intro::before{background:var(--ui-bg)!important}.page,#moon-scene{background:transparent}.archive-home{background:var(--ui-bg);box-shadow:0 0 0 100vmax var(--ui-bg)}body #home-view,body[data-home-style=archive] #home-view{background:transparent!important}.reader-fullscreen,.light-theme .reader-fullscreen{background:var(--ui-bg)}
.archive-enter{justify-self:center;align-self:center;margin-inline:auto;width:fit-content}.archive-desk{justify-items:center}.archive-folder{width:100%}

/* Selected direction: editorial typography, Notes-style functional groups. */
:root{--editorial-serif:var(--global-font,"Songti SC","Noto Serif CJK SC","STSong",Georgia,serif)}
body.light-theme{--ui-bg:#f7f7f7;--ui-line:#00000014}
body[data-home-style=archive] #archive-home{display:none!important}
body[data-home-style=archive].moon-intro .masthead{pointer-events:auto}
.home-mark{font:600 15px/1.2 var(--global-font,system-ui);letter-spacing:.16em;text-transform:uppercase}
.masthead{border-bottom:1px solid var(--ui-ink);padding-bottom:20px;margin-bottom:28px}
body #home-view,body[data-home-style=archive] #home-view{padding-top:14px}
body .overview-grid,body[data-home-style=archive] .overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:48px;align-items:center}
body .overview-intro h1,body[data-home-style=archive] .overview-intro h1{font:400 clamp(42px,6vw,66px)/1.18 var(--editorial-serif);letter-spacing:-.06em;white-space:pre-line;margin:24px 0 32px}
.home-date,body[data-home-style=archive] .home-date{font:11px/1.6 var(--global-font,system-ui);letter-spacing:.08em}
body .feature-image,body[data-home-style=archive] .feature-image{height:300px;border:0;border-radius:0;box-shadow:none}
.identity-cluster{margin-top:20px}.profile-names strong{font-family:var(--global-font,system-ui)}
body .home-links,body[data-home-style=archive] .home-links{grid-template-columns:1fr;gap:0;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;overflow:hidden;margin-top:40px}
body .home-link,body[data-home-style=archive] .home-link{min-height:88px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none!important;background:transparent!important;padding:20px 24px!important;grid-template-columns:28px minmax(0,1fr) 16px}
body .home-link:last-child{border-bottom:0}body .home-link-icon,body[data-home-style=archive] .home-link-icon{width:28px;height:28px;border:0;background:transparent!important;border-radius:0;font:18px/1.4 Georgia,serif}
body .home-link>span:nth-child(2),body[data-home-style=archive] .home-link>span:nth-child(2){font:600 16px/1.5 var(--global-font,system-ui);letter-spacing:0}
.home-link small{font:12px/1.6 var(--global-font,system-ui);margin-top:3px}
body .section-heading h1,body[data-view=memo] .section-heading h1{font:400 38px/1.3 var(--editorial-serif);letter-spacing:-.045em}
body .diary-list .entry h3,body .diary-list .entry:first-child h3,.reader-fullscreen .reader-paper h2{font-family:var(--editorial-serif);font-weight:400}
body .settings-card,.light-theme .settings-card,.offline-layout .offline-login,.offline-layout .offline-new-story,.offline-archive-card{border-radius:16px;box-shadow:none;background:var(--ui-surface)}
.settings-card h2{font-family:var(--global-font,system-ui);font-weight:600}
body .settings-action,body .album-manage,body .album-add,body .text-button{background:var(--ui-raised);box-shadow:none}
.reading-preview{background:var(--ui-bg);border:0;border-radius:12px}
.album-card:nth-child(n){transform:none!important;border-radius:0;box-shadow:none;padding:0 0 18px;border:0;background:transparent}
.dock,.light-theme .dock,.moon-intro .dock{border-radius:18px;box-shadow:0 4px 20px #00000008}.dock a,.light-theme .dock a{border-radius:12px;letter-spacing:0}
@media(max-width:650px){.page{padding-inline:24px}.masthead{margin-bottom:24px}body .overview-grid,body[data-home-style=archive] .overview-grid{grid-template-columns:1fr;gap:24px}body .overview-intro h1,body[data-home-style=archive] .overview-intro h1{font-size:46px;margin:22px 0 28px}body .feature-image,body[data-home-style=archive] .feature-image{height:230px}body .overview-cards,body[data-home-style=archive] .overview-cards{grid-template-columns:1fr 1fr;gap:0 24px}body .home-links,body[data-home-style=archive] .home-links{margin-top:28px}body .home-link,body[data-home-style=archive] .home-link{padding:18px!important;min-height:84px}.section-heading{margin-top:30px}}

body[data-home-style=archive] #moon-scene{display:none!important}body[data-home-style=archive].moon-intro .masthead{opacity:1}

/* Color editions share the selected editorial and Notes layout. */
body[data-color-style=black-pink]{--ui-bg:#19161b;--ui-surface:#262129;--ui-raised:#342b36;--ui-ink:#f2cee1;--ui-muted:#c19eb1;--ui-line:#f2cee126;--ui-hover:#f2cee109}
body.light-theme[data-color-style=black-pink]{--ui-bg:#f8eef3;--ui-surface:#fff8fc;--ui-raised:#eddae5;--ui-ink:#382532;--ui-muted:#8a6077;--ui-line:#71395322;--ui-hover:#71395308}
body[data-color-style=pale-blue]{--ui-bg:#172129;--ui-surface:#202e39;--ui-raised:#2d3e4b;--ui-ink:#d9eaf6;--ui-muted:#9bb5c9;--ui-line:#bdddf626;--ui-hover:#bdddf609}
body.light-theme[data-color-style=pale-blue]{--ui-bg:#eef4f8;--ui-surface:#f9fcff;--ui-raised:#dfeaf2;--ui-ink:#273d4d;--ui-muted:#657f92;--ui-line:#31556c22;--ui-hover:#31556c08}
body[data-color-style=dusk]{--ui-bg:#28212e;--ui-surface:#352b3a;--ui-raised:#483544;--ui-ink:#f5d7c4;--ui-muted:#c9a6ad;--ui-line:#f3cfbc26;--ui-hover:#f3cfbc09}
body.light-theme[data-color-style=dusk]{--ui-bg:#f5eee9;--ui-surface:#fff9f3;--ui-raised:#eddcd6;--ui-ink:#51404f;--ui-muted:#96737c;--ui-line:#79536324;--ui-hover:#79536308}
body[data-color-style]:not([data-color-style=mono]) .dock a[aria-current]{background:var(--ui-ink);color:var(--ui-bg)}
body[data-color-style]:not([data-color-style=mono]) .reader-fullscreen,body[data-color-style]:not([data-color-style=mono]) .reader-fullscreen .prose{background:var(--ui-bg);color:var(--ui-ink)}
body[data-color-style]:not([data-color-style=mono]) .collection-search input{background:var(--ui-raised);color:var(--ui-ink)}
.color-style-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 22px}.color-style-choice{display:grid;grid-template-columns:32px 1fr;gap:3px 10px;align-items:center;text-align:left;padding:14px 12px;min-height:76px;border:1px solid var(--ui-line);border-radius:12px;background:transparent;color:var(--ui-ink)}.color-style-choice strong{font:600 14px/1.5 system-ui}.color-style-choice small{grid-column:2;font:11px/1.5 system-ui;color:var(--ui-muted)}.color-style-choice[aria-pressed=true]{border-color:var(--ui-ink);background:var(--ui-raised)}.color-style-swatch{grid-row:1/3;width:30px;height:30px;border-radius:50%;border:1px solid #0001;background:linear-gradient(135deg,#f7f7f7 50%,#262626 50%)}[data-color=black-pink] .color-style-swatch{background:linear-gradient(135deg,#19161b 50%,#f2cee1 50%)}[data-color=pale-blue] .color-style-swatch{background:linear-gradient(135deg,#eef4f8 50%,#aacade 50%)}[data-color=dusk] .color-style-swatch{background:linear-gradient(135deg,#51404f 50%,#f5d7c4 50%)}

/* Three layout directions, each applied to the full application. */
body[data-color-style=black-pink] .page{max-width:1120px}
body[data-color-style=black-pink] .masthead{border:0;background:var(--ui-surface);border-radius:22px;padding:14px 20px;margin-bottom:28px}
body[data-color-style=black-pink] .home-mark{font:italic 26px/1 Georgia,serif;letter-spacing:-.04em;text-transform:lowercase}
body[data-color-style=black-pink] .overview-grid{grid-template-columns:1fr!important;gap:20px!important}
body[data-color-style=black-pink] .overview-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:28px;background:var(--ui-surface);border-radius:24px}
body[data-color-style=black-pink] .home-date{grid-column:1}body[data-color-style=black-pink] .overview-intro h1{grid-column:1;font-size:48px!important;margin:20px 0!important}
body[data-color-style=black-pink] .feature-image{grid-column:2;grid-row:1/4;height:100%!important;min-height:240px;border-radius:18px!important}
body[data-color-style=black-pink] .identity-cluster{grid-column:1;flex-wrap:wrap}
body[data-color-style=black-pink] .overview-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body[data-color-style=black-pink] .overview-card{background:var(--ui-surface)!important;border:0!important;border-radius:18px!important;padding:20px!important;grid-column:auto!important}
body[data-color-style=black-pink] .home-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:transparent!important;border:0!important;gap:12px!important;overflow:visible}
body[data-color-style=black-pink] .home-link{background:var(--ui-surface)!important;border:0!important;border-radius:18px!important;grid-template-columns:24px minmax(0,1fr) 12px!important;padding:20px!important}
body[data-color-style=black-pink] .diary-list,body[data-color-style=black-pink] .memo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent;border:0;overflow:visible}
body[data-color-style=black-pink] .entry,body[data-color-style=black-pink] .diary-list .entry:first-child{display:flex;flex-direction:column;align-items:flex-start;padding:24px!important;border:0;border-radius:20px;background:var(--ui-surface)}
body[data-color-style=pale-blue] .page{max-width:1180px;padding-left:220px}
body[data-color-style=pale-blue] .dock{left:24px;top:110px;bottom:auto;transform:none;width:156px;flex-direction:column;align-items:stretch;border:0;border-radius:16px;box-shadow:none;padding:12px;background:var(--ui-surface)}
body[data-color-style=pale-blue] .dock a{justify-content:start;padding:14px 18px;font-size:14px;border-radius:8px}
body[data-color-style=pale-blue] .masthead{border-color:var(--ui-line)}
body[data-color-style=pale-blue] .overview-grid{grid-template-columns:1fr!important;gap:22px!important}
body[data-color-style=pale-blue] .overview-intro{display:grid;grid-template-columns:1fr 200px;gap:0 24px}body[data-color-style=pale-blue] .home-date,body[data-color-style=pale-blue] .overview-intro h1,body[data-color-style=pale-blue] .identity-cluster{grid-column:1}
body[data-color-style=pale-blue] .overview-intro h1{font:600 40px/1.3 var(--global-font,system-ui)!important;letter-spacing:-.04em}
body[data-color-style=pale-blue] .feature-image{grid-column:2;grid-row:1/4;height:100%!important;min-height:220px;border-radius:12px!important}
body[data-color-style=pale-blue] .overview-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}body[data-color-style=pale-blue] .overview-card{grid-column:auto!important}
body[data-color-style=pale-blue] .home-links{border-radius:8px!important;margin-top:24px!important}body[data-color-style=pale-blue] .home-link{min-height:72px!important}
body[data-color-style=pale-blue] .section-heading h1{font:600 32px/1.4 var(--global-font,system-ui)!important}
body[data-color-style=pale-blue] .settings-layout{grid-template-columns:1fr!important}
body[data-color-style=dusk] .overview-grid{display:flex!important;flex-direction:column;gap:28px!important}
body[data-color-style=dusk] .overview-intro{position:relative;min-height:540px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;isolation:isolate;color:#fff}
body[data-color-style=dusk] .feature-image{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:-2;border-radius:4px!important}body[data-color-style=dusk] .feature-image img{filter:brightness(.55)}
body[data-color-style=dusk] .overview-intro::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#28212ebd);z-index:-1;pointer-events:none}
body[data-color-style=dusk] .home-date,body[data-color-style=dusk] .overview-intro h1,body[data-color-style=dusk] .profile-names,body[data-color-style=dusk] .profile-details{color:#fff!important}
body[data-color-style=dusk] .overview-intro h1{font-size:60px!important;max-width:650px;margin:24px 0!important}body[data-color-style=dusk] .feature-edit{top:16px;bottom:auto}
body[data-color-style=dusk] .overview-cards{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}body[data-color-style=dusk] .overview-card{grid-column:auto!important}
body[data-color-style=dusk] .home-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:transparent!important;border-radius:0!important;border:0!important;gap:0 28px!important}
body[data-color-style=dusk] .home-link{border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;padding:24px 0!important;min-height:108px!important}
body[data-color-style=dusk] .diary-list .entry{min-height:200px;padding-block:38px!important}body[data-color-style=dusk] .reader-paper{max-width:620px;margin-inline:auto}
@media(max-width:650px){
body[data-color-style=black-pink] .overview-intro{grid-template-columns:1fr;padding:22px}body[data-color-style=black-pink] .overview-intro h1{font-size:40px!important}body[data-color-style=black-pink] .feature-image{grid-column:1;grid-row:auto;height:180px!important;min-height:0;margin:8px 0}body[data-color-style=black-pink] .home-link{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:18px!important}.home-link-arrow{align-self:end}body[data-color-style=black-pink] .diary-list,body[data-color-style=black-pink] .memo-list{grid-template-columns:1fr}body[data-color-style=black-pink] .overview-cards{gap:8px!important}body[data-color-style=black-pink] .overview-card{padding:12px!important}body[data-color-style=black-pink] .overview-card strong{font-size:21px}
body[data-color-style=pale-blue] .page{padding-left:24px}body[data-color-style=pale-blue] .dock{left:14px;right:14px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;flex-direction:row;padding:7px;box-shadow:0 4px 20px #0001}body[data-color-style=pale-blue] .dock a{padding:10px 5px;justify-content:center;font-size:12px}body[data-color-style=pale-blue] .overview-intro{grid-template-columns:1fr 100px;gap:0 18px}body[data-color-style=pale-blue] .overview-intro h1{font-size:32px!important}body[data-color-style=pale-blue] .feature-image{min-height:180px}body[data-color-style=pale-blue] .identity-cluster{grid-column:1/3}body[data-color-style=pale-blue] .overview-cards{gap:10px!important}body[data-color-style=pale-blue] .overview-card strong{font-size:22px}
body[data-color-style=dusk] .overview-intro{min-height:470px;padding:24px}body[data-color-style=dusk] .overview-intro h1{font-size:46px!important}body[data-color-style=dusk] .home-links{grid-template-columns:1fr!important}body[data-color-style=dusk] .overview-cards{gap:10px!important}body[data-color-style=dusk] .overview-card strong{font-size:22px}
}

/* User-selected colors override edition tokens through body inline properties. */
.custom-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}.custom-color-field{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:6px;font:13px/1.5 system-ui;color:var(--ui-ink)}.custom-color-field input{width:44px;height:44px;padding:3px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);cursor:pointer}.custom-color-field output{grid-column:1/-1;font:11px/1.5 ui-monospace,monospace;color:var(--ui-muted)}
body .dock a[aria-current],body.light-theme .dock a[aria-current],body[data-color-style]:not([data-color-style=mono]) .dock a[aria-current]{background:var(--ui-accent,var(--ui-ink));color:var(--ui-bg)}
body .reader-fullscreen .reader-top .close{color:var(--ui-accent,var(--ui-muted))}

/* Pointer feedback: stable reading surfaces, interruptible opacity layers. */
body .home-link,body[data-home-style=archive] .home-link,body .entry,body .offline-archive-card{position:relative;isolation:isolate;transition:transform 120ms var(--ease-out)}
body .home-link::before,body[data-home-style=archive] .home-link::before,body .entry::before,body .offline-archive-card::before{content:'';display:block!important;position:absolute;inset:0;border-radius:inherit;background:var(--ui-ink);opacity:0;pointer-events:none;z-index:-1;transition:opacity 160ms var(--ease-out);border:0;width:auto;height:auto;transform:none}
body .home-link-arrow,body[data-home-style=archive] .home-link-arrow{transition:transform 160ms var(--ease-out);transform:translateX(0)!important}
body .feature-image,body[data-home-style=archive] .feature-image{transition:transform 120ms var(--ease-out);overflow:hidden}
.feature-image img,.album-media img{transition:transform 200ms var(--ease-out),opacity 160ms var(--ease-out);transform:scale(1)}
body .dock a,body .settings-action,body .album-manage,body .album-add,body .text-button,body .color-style-choice,body .home-style-choice,body .header-button{transition:transform 120ms var(--ease-out),opacity 160ms var(--ease-out)}
body .overview-card:hover{padding-left:0;background:transparent;transform:none}
body .diary-list .entry:hover h3{letter-spacing:-.02em!important}
@media(hover:hover) and (pointer:fine){
body .home-link:hover,body[data-home-style=archive] .home-link:hover,body .entry:hover,body .offline-archive-card:hover{transform:none!important;box-shadow:none!important;background-color:transparent}
body .home-link:hover::before,body[data-home-style=archive] .home-link:hover::before,body .entry:hover::before,body .offline-archive-card:hover::before{opacity:.045}
body .home-link:hover .home-link-icon,body[data-home-style=archive] .home-link:hover .home-link-icon{transform:none!important}
body .home-link:hover .home-link-arrow,body[data-home-style=archive] .home-link:hover .home-link-arrow{transform:translateX(3px)!important}
body .feature-image:hover,body[data-home-style=archive] .feature-image:hover{transform:none!important;box-shadow:none}
body .feature-image:hover img,.album-media:hover img{transform:scale(1.025);opacity:1}
body .dock a:hover:not([aria-current]),body .settings-action:hover,body .album-manage:hover,body .album-add:hover,body .text-button:hover,body .header-button:hover{opacity:.72;background:var(--ui-raised)}
body .home-style-choice:hover,body .color-style-choice:hover{transform:none!important;opacity:.8}
body .offline-appearance-option:hover{transform:none!important}
}
@media(hover:none){body .home-link::before,body .entry::before,body .offline-archive-card::before{opacity:0!important}.feature-image img,.album-media img{transform:none!important}}
@media(prefers-reduced-motion:reduce){body .home-link-arrow,body .feature-image img,body .album-media img{transform:none!important}body .home-link::before,body .entry::before,body .offline-archive-card::before{transition:none}}
body[data-input=keyboard] :is(.home-link-arrow,.feature-image img,.album-media img,.home-link::before,.entry::before){transition:none!important}

/* Hover refinement: no whole-surface wash; motion stays on small affordances. */
body .home-link::before,body[data-home-style=archive] .home-link::before,body .entry::before,body .offline-archive-card::before{display:none!important}
body .home-link-arrow,body[data-home-style=archive] .home-link-arrow{opacity:.55;transition:transform 200ms var(--ease-out),opacity 200ms var(--ease-out)}
.feature-image img,.album-media img{transition:transform 250ms var(--ease-out);opacity:1}
@media(hover:hover) and (pointer:fine){
body .home-link:hover,body[data-home-style=archive] .home-link:hover{background:transparent!important}
body[data-color-style=black-pink] .home-link:hover{background:var(--ui-surface)!important}
body .entry:hover,body .offline-archive-card:hover{background:var(--ui-surface)!important;border-color:var(--ui-line);box-shadow:none!important}
body .diary-list .entry:hover{background:transparent!important}
body[data-color-style=black-pink] .diary-list .entry:hover{background:var(--ui-surface)!important}
body .home-link:hover .home-link-arrow,body[data-home-style=archive] .home-link:hover .home-link-arrow{transform:translateX(3px)!important;opacity:1}
body .feature-image:hover img,.album-media:hover img{transform:scale(1.015);opacity:1}
body .dock a:hover:not([aria-current]){background:transparent;opacity:.72}
}
@media(prefers-reduced-motion:reduce){body .home-link:hover .home-link-arrow,body[data-home-style=archive] .home-link:hover .home-link-arrow{transform:none!important}.feature-image img,.album-media img{transition:none}}

/* Keep the original lunar entrance and palette independent of editorial editions. */
body[data-home-style=moon].moon-intro:not(.custom-background)::before{background:var(--lunar-paper)!important}
body[data-home-style=moon] .moon-home{background:var(--lunar-paper);color:var(--lunar-ink)}