:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-hand: "Caveat", cursive;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--step--1: clamp(.78rem, .74rem + .18vw, .86rem);--step-0: clamp(.95rem, .91rem + .2vw, 1.06rem);--step-1: clamp(1.05rem, .99rem + .3vw, 1.2rem);--step-2: clamp(1.2rem, 1.08rem + .6vw, 1.5rem);--step-3: clamp(1.5rem, 1.28rem + 1.1vw, 2.05rem);--step-4: clamp(2rem, 1.6rem + 2vw, 2.9rem);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--dur-fast: .13s;--dur: .22s;--dur-slow: .36s;--ease: cubic-bezier(.2, .7, .2, 1);--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);--bg-1: #ece2cf;--bg-2: #d9c9ad;--surface: #fcf8f1;--surface-2: #f2ebde;--surface-3: #ece2d0;--text: #3c2f22;--text-soft: #685844;--text-faint: #6f5d46;--border: #e6dcc8;--border-strong: #d6c6a8;--accent: #936f42;--accent-strong: #7e5e36;--accent-ink: #fffdf8;--accent-soft: #c8aa7d;--now: #46663a;--now-bg: #e6efdd;--done: #2f6b4a;--done-bg: #d6ebdd;--maybe: #7f5c20;--maybe-bg: #f3e8d2;--future: #685f50;--future-bg: #ebe5d9;--care: #45637a;--care-bg: #e1ebf1;--private: #7a4f80;--private-bg: #f1e4f2;--private-border: #e2cfe4;--danger: #9c4634;--danger-border: #d9b3a8;--ring: var(--accent);--shadow-color: 44 33 22;--shadow-1: 0 1px 2px rgb(var(--shadow-color) / .08);--shadow-2: 0 6px 24px rgb(var(--shadow-color) / .12);--shadow-3: 0 18px 50px rgb(var(--shadow-color) / .16);--letter-paper: linear-gradient(#fdfaf3, #fbf6ec);--letter-line: #ecdfc5;color-scheme:light}:root[data-theme=dark]{--bg-1: #211b13;--bg-2: #181309;--surface: #2b2318;--surface-2: #342a1d;--surface-3: #3d3122;--text: #efe6d6;--text-soft: #c8b89f;--text-faint: #b09b80;--border: #45392a;--border-strong: #564732;--accent: #ccaa78;--accent-strong: #ddbd8d;--accent-ink: #241b0e;--accent-soft: #6f5a3c;--now: #9fc08a;--now-bg: #2c3a26;--done: #8fd0a8;--done-bg: #213a2c;--maybe: #d9b173;--maybe-bg: #3d3020;--future: #b6ab97;--future-bg: #342c20;--care: #9cc0d6;--care-bg: #243643;--private: #d3a9d6;--private-bg: #382a3a;--private-border: #4f3b51;--danger: #e39281;--danger-border: #5a3128;--shadow-color: 0 0 0;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 6px 24px rgb(0 0 0 / .4);--shadow-3: 0 18px 50px rgb(0 0 0 / .55);--letter-paper: linear-gradient(#322817, #2c2316);--letter-line: #4a3c28;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-1: #211b13;--bg-2: #181309;--surface: #2b2318;--surface-2: #342a1d;--surface-3: #3d3122;--text: #efe6d6;--text-soft: #c8b89f;--text-faint: #b09b80;--border: #45392a;--border-strong: #564732;--accent: #ccaa78;--accent-strong: #ddbd8d;--accent-ink: #241b0e;--accent-soft: #6f5a3c;--now: #9fc08a;--now-bg: #2c3a26;--done: #8fd0a8;--done-bg: #213a2c;--maybe: #d9b173;--maybe-bg: #3d3020;--future: #b6ab97;--future-bg: #342c20;--care: #9cc0d6;--care-bg: #243643;--private: #d3a9d6;--private-bg: #382a3a;--private-border: #4f3b51;--danger: #e39281;--danger-border: #5a3128;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 6px 24px rgb(0 0 0 / .4);--shadow-3: 0 18px 50px rgb(0 0 0 / .55);--letter-paper: linear-gradient(#322817, #2c2316);--letter-line: #4a3c28;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 100% at 50% 0%,var(--bg-1),var(--bg-2)) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:where(a,button,input,textarea,select,[tabindex],dialog):focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.loading{max-width:680px;margin:0 auto;padding:var(--s-8) var(--s-5);text-align:center;color:var(--text-soft);font-size:var(--step-1);font-family:var(--font-ui)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:var(--s-3);min-width:0}.topbar-right{display:flex;align-items:center;gap:var(--s-3);flex-wrap:nowrap}.brandmini{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.01em;color:var(--text-soft);font-size:var(--step-1);white-space:nowrap}.tools{display:flex;gap:var(--s-2);align-items:center}.btn{font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:9px 15px;min-height:40px;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-2)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{color:var(--danger);border-color:var(--danger-border);background:transparent}.btn.big{padding:12px 20px;font-size:var(--step-0);min-height:48px}.btn.small{padding:6px 12px;min-height:34px;font-size:var(--step--1)}.icon-btn{width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{color:var(--accent);border-color:var(--accent-soft)}.icon-btn:active{transform:scale(.94)}.album-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 15px;font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.album-trigger:hover{border-color:var(--accent-soft)}.album-trigger:active{transform:scale(.97)}.album-trigger-name{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-trigger-chev{display:flex;color:var(--text-soft)}.album-static{font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;color:var(--text-soft);white-space:nowrap}.popover{position:fixed;inset:auto;margin:0;border:1px solid var(--border);padding:0;background:var(--surface);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow-3)}.popover::backdrop{background:transparent}.popover{transform-origin:var(--pop-origin, top center)}@media (prefers-reduced-motion: no-preference){.popover{transition:opacity var(--dur) var(--ease-out),translate var(--dur) var(--ease-out),scale var(--dur) var(--ease-out)}@starting-style{.popover:popover-open{opacity:0;translate:0 -4px;scale:.96}}}.menu{min-width:180px}.menu-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;font-family:var(--font-ui);font-size:var(--step-0);color:var(--text);text-align:left;background:transparent;border:0;border-radius:var(--r-sm);padding:10px 12px;min-height:42px;cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.menu-item:hover{background:var(--surface-2)}.menu-item:active{transform:scale(.98)}.menu-item.is-active{color:var(--accent);font-weight:600}.menu-check{display:flex;color:var(--accent)}.menu-foot{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.menu-foot .menu-item{font-size:var(--step--1);color:var(--text-soft);min-height:38px}.date-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;font-family:var(--font-ui);font-size:var(--step-0);color:var(--text);min-height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.date-trigger:hover{border-color:var(--accent-soft)}.date-trigger:active{transform:scale(.99)}.date-trigger.is-empty{color:var(--text-faint)}.date-trigger svg{color:var(--text-soft);flex:none}.datepicker{width:304px;padding:var(--s-3)}.dp-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2)}.dp-title{font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);color:var(--text)}.dp-title-btn{border:0;background:transparent;cursor:pointer;padding:6px 12px;border-radius:var(--r-sm)}.dp-title-btn:hover{background:var(--surface-2)}.dp-monthgrid,.dp-yeargrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dp-cell{border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;padding:12px 0;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text);display:flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.dp-cell:hover{background:var(--surface-2)}.dp-cell:active{transform:scale(.92)}.dp-cell.is-current{box-shadow:inset 0 0 0 1px var(--accent-soft)}.dp-cell.is-selected{background:var(--accent);color:var(--accent-ink);font-weight:600}.dp-cell.is-selected:hover{background:var(--accent-strong)}.dp-nav{width:36px;height:36px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--text-soft);font-size:20px;line-height:1;cursor:pointer}.dp-nav:hover{background:var(--surface-2);color:var(--text)}.dp-weekdays,.dp-grid{display:grid;grid-template-columns:repeat(7,1fr)}.dp-weekdays{margin-bottom:4px}.dp-weekdays span{text-align:center;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);padding:4px 0}.dp-grid{gap:2px}.dp-day{aspect-ratio:1;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text);display:flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.dp-day:hover{background:var(--surface-2)}.dp-day:active{transform:scale(.88)}.dp-day.is-out{color:var(--text-faint);opacity:.55}.dp-day.is-today{box-shadow:inset 0 0 0 1px var(--accent-soft)}.dp-day.is-selected{background:var(--accent);color:var(--accent-ink);font-weight:600}.dp-day.is-selected:hover{background:var(--accent-strong)}.dp-foot{display:flex;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-3)}.dp-foot:has(.btn:only-child){justify-content:flex-start}.toolbar{display:inline-flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px;box-shadow:var(--shadow-1)}.tbtn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:0;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.tbtn:hover{background:var(--surface-2)}.tbtn:active{background:var(--surface-3);transform:scale(.96)}.tbtn svg{display:block;flex:none}.tbtn-label{white-space:nowrap}.tbtn--icon{padding:0;width:34px;justify-content:center}.toolbar-sep{width:1px;height:22px;background:var(--border);margin:0 4px;flex:none}.savestate{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);white-space:nowrap}.savestate.saving{color:var(--maybe)}.savestate.saved{color:var(--now)}.savestate.error{color:var(--danger)}.menubtn{display:none;align-items:center;gap:7px;height:38px;padding:0 15px;font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-1);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.menubtn:hover{border-color:var(--accent-soft)}.menubtn:active{transform:scale(.96)}.menubtn svg{display:block;flex:none}.theme-mobile{display:none}.menu-sheet .menu-list{padding:0;gap:4px}.menu-sheet .menu-item{justify-content:flex-start;min-height:48px;font-size:var(--step-0)}.menu-item-icon{display:flex;color:var(--text-soft);flex:none}.menu-item-text{flex:1 1 auto}@media (max-width: 760px){.toolbar{display:none}.menubtn,.theme-mobile{display:inline-flex}.savestate{display:none}}.stage{max-width:880px;margin:0 auto;padding:var(--s-6) var(--s-4) 120px}.stage.flow{padding-bottom:var(--s-7)}.stage.flow .page,.stage.flow .cover{margin-bottom:var(--s-5)}.page{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(var(--s-5),4vw,var(--s-7));box-shadow:var(--shadow-2);position:relative;animation:fade .28s var(--ease-out)}.page.private-spread{border-color:var(--private-border);box-shadow:var(--shadow-2),inset 0 0 0 2px var(--private-bg)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.part-tag{font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.ptitle{font-family:var(--font-display);font-weight:600;font-size:var(--step-3);line-height:1.12;margin:var(--s-2) 0 var(--s-1)}.psub{color:var(--text-soft);font-size:var(--step-0);margin:0;font-style:italic}.rule{height:1px;background:linear-gradient(90deg,var(--accent-soft),transparent);margin:var(--s-4) 0 var(--s-5);border:0}.chip{display:inline-block;font-family:var(--font-ui);font-size:var(--step--1);padding:5px 12px;border-radius:var(--r-pill);margin-top:var(--s-3)}.chip.now{color:var(--now);background:var(--now-bg)}.chip.maybe{color:var(--maybe);background:var(--maybe-bg)}.chip.future{color:var(--future);background:var(--future-bg)}.chip.care{color:var(--care);background:var(--care-bg)}.chip.done{display:inline-flex;align-items:center;gap:5px;color:var(--done);background:var(--done-bg);font-weight:600}.chip.done svg{margin-left:-2px}.private-banner{margin-top:var(--s-3);font-family:var(--font-ui);font-size:var(--step--1);color:var(--private);background:var(--private-bg);padding:7px 12px;border-radius:var(--r-sm);display:inline-block}.photos{display:flex;gap:var(--s-3);flex-wrap:wrap;margin:var(--s-1) 0 var(--s-4)}.photo{position:relative;flex:1 1 150px;min-width:130px;aspect-ratio:4 / 3;height:auto;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);cursor:pointer;overflow:hidden;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);color:var(--text-faint);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.photo:hover{border-color:var(--accent-soft)}.photo:not(.filled):active{transform:scale(.98)}.photo:not(.filled):focus-within{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.photos.tall .photo{aspect-ratio:3 / 4}.photo span{font-family:var(--font-ui);font-size:var(--step--1)}.photo.add-photo{font:inherit;color:var(--text-faint);text-align:center;padding:0}.photo.add-photo:focus-visible{outline:none;border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.photo-err{color:var(--danger);font-size:var(--step--1);max-width:90%;line-height:1.25}.add-photo-menu .menu-item{justify-content:flex-start}.paste-catcher{position:absolute;left:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0}.photo.filled{border-style:solid;border-color:var(--border);cursor:default}.photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur) var(--ease-out)}.photo-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;background:none;cursor:zoom-in;display:block}.photo-view:focus-visible{outline:none;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}.photo-actions{position:absolute;top:var(--s-2);right:var(--s-2);z-index:3;display:flex;gap:6px}.pbtn{width:36px;height:36px;border-radius:var(--r-pill);border:0;cursor:pointer;background:#0000008c;color:#fff;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.pbtn:hover{background:#000000c7}.pbtn:active{transform:scale(.9)}@media (pointer: coarse){.pbtn{width:44px;height:44px}}.comment-btn{position:absolute;left:var(--s-2);bottom:var(--s-2);z-index:3}.comment-btn.on{background:var(--accent)}@media (hover: hover) and (pointer: fine){.photo-actions{opacity:0;transition:opacity var(--dur) var(--ease)}.photo:hover .photo-actions,.photo:focus-within .photo-actions{opacity:1}.photo.filled:hover img{transform:scale(1.03)}}.readonly .photo{cursor:default}.photo-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#000000bd;color:#fff;padding:var(--s-2) var(--s-3);font-family:var(--font-ui);font-size:var(--step--1);line-height:1.4;max-height:65%;overflow:auto}.photo-caption.edit{background:#000000d1}.photo-caption:not(.print){padding-left:calc(36px + var(--s-2) * 2)}@media (pointer: coarse){.photo-caption:not(.print){padding-left:calc(44px + var(--s-2) * 2)}}.cap-input{width:100%;background:transparent;border:0;resize:none;color:#fff;font-family:var(--font-ui);font-size:var(--step--1);line-height:1.4;outline:none}.cap-input::placeholder{color:#fff9}.photo-caption.print{background:#0009}.field{margin:var(--s-4) 0}.flabel{display:block;font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);color:var(--text);margin-bottom:var(--s-1)}.flabel.ttl{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);margin-bottom:var(--s-2)}.fhint{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);font-style:normal;font-weight:400}.fill{width:100%;border:0;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--step-1);color:var(--text);padding:5px 4px;border-bottom:1.5px solid var(--border-strong);border-radius:0;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.fill::placeholder{color:var(--text-faint);font-style:italic}.fill:focus-visible{outline:none;border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}textarea.fill{resize:none;overflow:hidden;display:block}.fill.lines{border-bottom:0;line-height:32px;min-height:32px;padding:0 4px;background-image:repeating-linear-gradient(transparent,transparent 31px,var(--border) 31px,var(--border) 32px);background-attachment:local}.fill.lines:focus-visible{background-color:color-mix(in srgb,var(--accent) 5%,transparent)}.fill.ro{white-space:pre-wrap;border-bottom:0;min-height:auto}.fill.ro.lines{background:none;line-height:1.6}.tree-field{margin:var(--s-4) 0}.ftree-edit{display:flex;flex-direction:column;gap:var(--s-4)}.ftree-edit-head{text-align:center}.ftree-self{font-family:var(--font-display);font-weight:600;font-size:var(--step-2);color:var(--accent-strong);display:inline-block;padding:var(--s-1) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface)}.ftree-self-sub{margin-top:var(--s-2);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint)}.ftree-sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.ftree-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.ftree-col-tag{font-family:var(--font-ui);font-weight:600;font-size:var(--step--1);letter-spacing:.04em;color:var(--care);text-align:center}.ftree-card{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3)}.ftree-card.prominent{border-color:var(--accent-soft);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.ftree-card.compact{padding:var(--s-1) var(--s-2)}.ftree-card-role{font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--text-soft)}.ftree-card-q{font-weight:400;color:var(--text-faint)}.ftree-card-name{width:100%;border:0;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--step-1);color:var(--text);border-bottom:1.5px solid var(--border-strong);padding:3px 2px;border-radius:0;transition:border-color var(--dur) var(--ease)}.ftree-card.compact .ftree-card-name{font-size:var(--step-0)}.ftree-card-note{width:100%;border:0;outline:none;background:transparent;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);padding:2px}.ftree-card-name::placeholder{color:var(--text-faint);font-style:italic}.ftree-card-note::placeholder{color:var(--text-faint);font-style:italic}.ftree-card-name:focus-visible{border-bottom-color:var(--accent)}.ftree-gp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-2)}.ftree-gp-branch{display:flex;flex-direction:column;gap:var(--s-2)}.ftree-great{display:flex;flex-direction:column;gap:var(--s-1);padding-left:var(--s-2);border-left:2px solid var(--border)}.ftree-extras{display:flex;flex-direction:column;gap:var(--s-2)}.ftree-extra-row{display:flex;gap:var(--s-2);align-items:center}.ftree-extra-name,.ftree-extra-rel{border:0;outline:none;background:transparent;font-family:var(--font-body);color:var(--text);border-bottom:1.5px solid var(--border-strong);padding:3px 2px;font-size:var(--step-0);min-width:0}.ftree-extra-name{flex:1 1 50%}.ftree-extra-rel{flex:1 1 50%;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.ftree-extra-name::placeholder,.ftree-extra-rel::placeholder{color:var(--text-faint);font-style:italic}.ftree-extra-name:focus-visible,.ftree-extra-rel:focus-visible{border-bottom-color:var(--accent)}.ftree-extra-del{flex:0 0 auto;width:28px;height:28px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:18px;line-height:1}.ftree-extra-del:hover{color:var(--danger);border-color:var(--danger-border)}.ftree-extra-add,.ftree-great-toggle{align-self:center;border:0;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--accent);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm)}.ftree-extra-add{align-self:flex-start}.ftree-extra-add:hover,.ftree-great-toggle:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.ftree-view{margin-top:var(--s-2)}.ftree-diagram{overflow-x:auto;text-align:center;padding:var(--s-2) 0}.ftree-diagram ul{position:relative;padding:var(--s-5) 0 0;white-space:nowrap;margin:0;list-style:none}.ftree-diagram>ul{padding-top:0}.ftree-diagram li{display:inline-block;vertical-align:top;text-align:center;list-style:none;position:relative;padding:var(--s-5) var(--s-2) 0}.ftree-diagram li:before,.ftree-diagram li:after{content:"";position:absolute;top:0;right:50%;border-top:1.5px solid var(--border-strong);width:50%;height:var(--s-5)}.ftree-diagram li:after{right:auto;left:50%;border-left:1.5px solid var(--border-strong)}.ftree-diagram li:only-child:before,.ftree-diagram li:only-child:after{display:none}.ftree-diagram li:only-child{padding-top:0}.ftree-diagram li:first-child:before,.ftree-diagram li:last-child:after{border:0 none}.ftree-diagram li:last-child:before{border-right:1.5px solid var(--border-strong);border-radius:0 6px 0 0}.ftree-diagram li:first-child:after{border-radius:6px 0 0}.ftree-diagram ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1.5px solid var(--border-strong);width:0;height:var(--s-5)}.ftree-node{display:inline-flex;flex-direction:column;gap:1px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);min-width:96px;max-width:180px;white-space:normal}.ftree-node.self{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:var(--accent-soft)}.ftree-node-name{font-family:var(--font-body);font-size:var(--step-0);font-weight:600;color:var(--text)}.ftree-node.self .ftree-node-name{font-family:var(--font-display);font-size:var(--step-1);color:var(--accent-strong)}.ftree-node-role{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);font-style:italic}.ftree-node-note{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.ftree-extra-lines{margin-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.ftree-extra-line{font-family:var(--font-body);font-size:var(--step-0);color:var(--text);line-height:1.6}.ftree-extra-line-tag{font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--care)}.ftree-extra-chip:not(:last-child):after{content:","}.ftree-extra-chip em{color:var(--text-soft);font-style:italic}@media (max-width: 640px){.ftree-sides{grid-template-columns:1fr}.ftree-extra-row{flex-wrap:wrap}.ftree-extra-name{flex-basis:100%}.ftree-extra-rel{flex-basis:0}}.growth-field{margin:var(--s-4) 0}.growth-edit{display:flex;flex-direction:column;gap:2px}.growth-head,.growth-row{display:grid;grid-template-columns:1fr 5.5rem 5.5rem 2rem;align-items:center;column-gap:var(--s-2)}.growth-head{font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--text-faint);padding:0 2px var(--s-1)}.growth-head .growth-col-num{text-align:center}.growth-row{padding:3px 0;border-bottom:1px dashed var(--border)}.growth-row:last-of-type{border-bottom:0}.growth-age{font-family:var(--font-body);font-size:var(--step-0);color:var(--text-soft)}.growth-num,.growth-age-input{width:100%;border:0;outline:none;background:transparent;font-family:var(--font-body);font-size:var(--step-1);color:var(--text);border-bottom:1.5px solid var(--border-strong);padding:4px 2px;border-radius:0;min-width:0;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.growth-num{text-align:center}.growth-age-input{font-size:var(--step-0);color:var(--text-soft)}.growth-num::placeholder,.growth-age-input::placeholder{color:var(--text-faint);font-style:italic}.growth-num:focus-visible,.growth-age-input:focus-visible{border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.growth-del{width:28px;height:28px;justify-self:center;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:18px;line-height:1}.growth-del:hover{color:var(--danger);border-color:var(--danger-border)}.growth-add{align-self:flex-start;margin-top:var(--s-2);border:0;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--accent);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm)}.growth-add:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.growth-view{margin-top:var(--s-2);overflow-x:auto}.growth-table{width:100%;border-collapse:collapse;font-family:var(--font-body)}.growth-table th,.growth-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);font-size:var(--step-0)}.growth-table thead th{font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;color:var(--text-faint);border-bottom:1.5px solid var(--border-strong);text-align:center}.growth-table thead th:first-child{text-align:left}.growth-table tbody th{font-weight:600;color:var(--text-soft);text-align:left}.growth-table tbody td{color:var(--text);text-align:center;width:25%}.growth-table tbody tr:last-child th,.growth-table tbody tr:last-child td{border-bottom:0}@media (max-width: 640px){.growth-head,.growth-row{grid-template-columns:1fr 3.6rem 3.6rem 1.8rem;column-gap:var(--s-1)}}.letter{background:var(--letter-paper);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-5) var(--s-5);margin:var(--s-4) 0;box-shadow:var(--shadow-1)}.hw{width:100%;border:0;outline:none;background:transparent;resize:none;overflow:hidden;display:block;font-family:var(--font-hand);font-size:22px;line-height:34px;color:var(--text);padding-top:2px;background-image:repeating-linear-gradient(transparent,transparent 33px,var(--letter-line) 33px,var(--letter-line) 34px);background-attachment:local;min-height:140px}.hw::placeholder{color:var(--text-faint)}.hw:focus-visible{outline:none;background-color:color-mix(in srgb,var(--accent) 6%,transparent)}.hw.ro{white-space:pre-wrap;background:none;min-height:auto}.sign{font-family:var(--font-hand);font-size:21px;color:var(--accent);text-align:right;margin-top:var(--s-2)}.note-soft{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);font-style:italic;margin-top:var(--s-3);line-height:1.5}.poslanie{border-left:3px solid var(--accent-soft);background:var(--surface-2);padding:var(--s-3) var(--s-4);border-radius:0 var(--r-md) var(--r-md) 0;margin:var(--s-4) 0}.poslanie .flabel{color:var(--accent)}.poslanie .hw{min-height:60px;font-size:20px;line-height:30px;background-image:repeating-linear-gradient(transparent,transparent 29px,var(--letter-line) 29px,var(--letter-line) 30px)}.field-foot{display:flex;justify-content:flex-end;margin-top:var(--s-2)}.lock{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:6px 12px;min-height:34px;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.lock:hover{border-color:var(--accent-soft)}.lock:active{transform:scale(.96)}.lock.on{color:var(--private);background:var(--private-bg);border-color:var(--private-border)}.lock svg{display:block}.cover{position:relative;overflow:hidden;min-height:clamp(440px,64vh,600px);border-radius:var(--r-xl);background:linear-gradient(135deg,var(--surface-2),var(--surface-3) 55%,var(--border-strong));box-shadow:var(--shadow-3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fade .28s var(--ease-out)}.cover:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:var(--r-md);pointer-events:none}.cover .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;background:radial-gradient(circle at 20% 30%,#ffffff22,transparent 40%),radial-gradient(circle at 80% 70%,#00000016,transparent 45%)}.emb{font-family:var(--font-display);color:var(--accent-strong);position:relative}.emb.title{font-size:var(--step-4);letter-spacing:.01em;font-weight:600;font-style:italic;line-height:1.04}.emb.sub{font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.36em;text-transform:uppercase;margin-bottom:var(--s-4);color:var(--text-soft)}.cover .name{position:relative;margin-top:var(--s-6);font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,1.1rem + 2.2vw,2.4rem);color:var(--text);letter-spacing:.04em}.cover .name:before{content:"";display:block;width:64px;height:1px;margin:0 auto var(--s-4);background:linear-gradient(90deg,transparent,var(--accent),transparent)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-3);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg-2) 42%)}.navbtn{width:48px;height:48px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:20px;color:var(--text);box-shadow:var(--shadow-2);transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.navbtn:hover{background:var(--surface-2)}.navbtn:active:not(:disabled){transform:scale(.92)}.navbtn:disabled{opacity:.35;cursor:default}.counter{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);min-width:150px;max-width:60vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal{border:0;padding:0;color:var(--text);background:var(--surface);box-shadow:var(--shadow-3);border-radius:var(--r-lg);max-width:100vw;max-height:100dvh}.modal::backdrop{background:#140e0880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-inner{display:flex;flex-direction:column;max-height:inherit}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-5) var(--s-5) 0}.modal-title{font-family:var(--font-display);margin:0;font-size:var(--step-2)}.modal-body{padding:var(--s-3) var(--s-5) var(--s-5);overflow:auto}.closex{width:38px;height:38px;flex:none;border:0;background:var(--surface-2);border-radius:var(--r-pill);font-size:22px;line-height:1;cursor:pointer;color:var(--text-soft);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.closex:hover{color:var(--text);background:var(--surface-3)}.closex:active{transform:scale(.92)}.modal--center{width:min(480px,94vw);max-height:88dvh;margin:auto}.modal.crop-modal{width:min(560px,96vw)}.modal--drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(440px,96vw);border-radius:var(--r-lg) 0 0 var(--r-lg)}@media (prefers-reduced-motion: no-preference){.modal{transition:opacity var(--dur) var(--ease-out),translate var(--dur) var(--ease-out),scale var(--dur) var(--ease-out)}.modal::backdrop{transition:opacity var(--dur) var(--ease-out)}.modal--center{translate:0 8px;scale:.97;opacity:0}.modal--drawer{translate:100% 0;opacity:1;transition:translate var(--dur-slow) var(--ease-drawer)}.modal[open]{translate:0 0;scale:1;opacity:1}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open]{opacity:0}.modal--center[open]{translate:0 8px;scale:.97}.modal--drawer[open]{translate:100% 0}.modal[open]::backdrop{opacity:0}}}@media (max-width: 640px){.modal,.modal--center,.modal--drawer{width:100vw;max-width:100vw;margin:auto auto 0;height:auto;max-height:88dvh;border-radius:var(--r-xl) var(--r-xl) 0 0}.modal-inner{padding-bottom:env(safe-area-inset-bottom)}.modal-head:before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:40px;height:4px;border-radius:var(--r-pill);background:var(--border-strong)}.modal-head{position:relative;padding-top:var(--s-6)}@media (prefers-reduced-motion: no-preference){.modal,.modal--center,.modal--drawer{translate:0 100%;scale:1;transition:translate var(--dur-slow) var(--ease-drawer),opacity var(--dur) var(--ease-out)}.modal[open],.modal--center[open],.modal--drawer[open]{translate:0 0;scale:1}@starting-style{.modal[open],.modal--center[open],.modal--drawer[open]{translate:0 100%}}}}.tnote{font-family:var(--font-ui);color:var(--text-soft);font-size:var(--step--1);line-height:1.55;margin:var(--s-2) 0 var(--s-4)}.legend{display:flex;gap:var(--s-4);flex-wrap:wrap;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);margin-bottom:var(--s-3)}.legend span{display:inline-flex;align-items:center;gap:5px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--future)}.dot.done{background:var(--done)}.dot.now{background:var(--now)}.dot.maybe{background:var(--maybe)}.dot.future{background:var(--future)}.dot.care{background:var(--care)}.grp{font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:var(--s-4) 0 var(--s-2)}.toc-item{display:flex;justify-content:space-between;gap:var(--s-3);align-items:center;width:100%;text-align:left;padding:10px;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--text);font-family:var(--font-body);font-size:var(--step-0);min-height:44px;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.toc-item:hover{background:var(--surface-2)}.toc-item:active{transform:scale(.985)}.toc-item .tags{display:inline-flex;align-items:center;gap:var(--s-2)}.lockmark{font-family:var(--font-ui);font-style:normal;font-size:var(--step--1);color:var(--private);background:var(--private-bg);padding:2px 8px;border-radius:var(--r-pill)}.agenda-dob{display:flex;flex-direction:column;gap:6px;margin:var(--s-2) 0 var(--s-3);align-items:flex-start}.agenda-dob-label{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.agenda-dob-value{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text);font-weight:600}.settings{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-2)}.settings-field{display:flex;flex-direction:column;gap:7px}.settings-label{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.settings-hint{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint)}.seg{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:var(--step--1);font-weight:500;color:var(--text-soft);min-height:36px;padding:0 18px;border-radius:var(--r-pill);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg-btn:hover{color:var(--text)}.seg-btn.is-active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:var(--shadow-1)}.title-identity{text-align:center;margin:var(--s-3) 0 var(--s-2)}.title-identity-name{font-family:var(--font-display);font-size:var(--step-3);color:var(--text);line-height:1.1}.title-identity-dob{font-family:var(--font-body);font-style:italic;font-size:var(--step-0);color:var(--text-soft);margin-top:6px}.title-identity-dob.is-empty{font-style:normal;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint)}.login-card input,.linkbox input{font-family:var(--font-ui);padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--step-0);color:var(--text);background:var(--surface);min-height:44px}.agenda-list{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-3) 0}.agenda-item{display:flex;gap:var(--s-3);align-items:center;text-align:left;width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;min-height:44px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.agenda-item:hover{background:var(--surface-2);border-color:var(--accent-soft)}.agenda-item:active{transform:scale(.99)}.agenda-main{display:flex;flex-direction:column;gap:2px;min-width:0}.agenda-title{font-family:var(--font-body);font-size:var(--step-0);color:var(--text);line-height:1.35}.agenda-date{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint)}.when{font-family:var(--font-ui);flex:0 0 auto;font-size:var(--step--1);padding:4px 9px;border-radius:var(--r-pill);white-space:nowrap;background:var(--surface-3);color:var(--text-soft)}.when.today{background:var(--now-bg);color:var(--now)}.when.overdue{background:var(--danger-border);color:var(--danger)}.when.soon{background:var(--private-bg);color:var(--private)}.agenda-reminders{display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);margin:0 0 var(--s-2)}.rem-title{font-family:var(--font-ui);font-size:var(--step-0);color:var(--text)}.rem-sub{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);line-height:1.35;margin-top:2px}.note-text{font-family:var(--font-body);font-size:var(--step-0);color:var(--text);line-height:1.55;width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);resize:none;overflow:hidden;display:block;min-height:84px}.note-text::placeholder{color:var(--text-faint);font-style:italic}.note-text:focus-visible{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.note-compose{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);margin:0 0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.note-compose-head{display:flex;align-items:center;gap:var(--s-3)}.note-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.note-list{display:flex;flex-direction:column;gap:var(--s-4);margin:var(--s-2) 0 var(--s-3)}.note-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.note-card.editing{background:var(--surface-2);border-color:var(--accent-soft)}.note-card-actions{display:flex;gap:var(--s-2)}.note-body{font-family:var(--font-body);font-size:var(--step-0);color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-foot{display:flex;justify-content:center;padding-top:var(--s-2);border-top:1px solid var(--border)}.note-card.post{gap:0;padding:0;overflow:hidden;box-shadow:var(--shadow-1)}.note-card-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-2)}.note-avatar{flex:none;width:34px;height:34px;border-radius:var(--r-pill);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--step--1);font-weight:700;line-height:1;background:var(--surface-3);color:var(--text-soft)}.note-avatar.mom{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-strong)}.note-card-meta{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}.note-name,.note-date{font-family:var(--font-ui);font-size:var(--step-0);font-weight:600;color:var(--text);line-height:1.25}.note-name+.note-date{font-size:var(--step--1);font-weight:400;color:var(--text-soft)}.note-more{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.note-more:hover{background:var(--surface-2);color:var(--text)}.note-more svg{display:block}.note-menu{min-width:168px}.note-menu .menu-item{justify-content:flex-start}.note-menu .menu-item.danger,.note-menu .menu-item.danger .menu-item-icon{color:var(--danger)}.note-card.post .note-body{padding:var(--s-2) var(--s-3) var(--s-3)}.note-card.post.text-only .note-body{padding-top:0}.feed-media{position:relative;width:100%;background:var(--surface-2)}.feed-slide{position:relative;display:block;flex:none;width:100%;aspect-ratio:4 / 5;overflow:hidden;margin:0;padding:0;border:0;background:var(--surface-2);cursor:zoom-in;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feed-slide-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(30px) saturate(1.15);transform:scale(1.3);opacity:.5}.feed-slide-img{position:relative;width:100%;height:100%;object-fit:contain;display:block}.feed-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.feed-track::-webkit-scrollbar{display:none}.feed-track .feed-slide{scroll-snap-align:center}.feed-counter{position:absolute;top:var(--s-2);right:var(--s-2);z-index:2;pointer-events:none;font-family:var(--font-ui);font-size:11px;font-weight:600;color:#fff;line-height:1;background:#0000008c;border-radius:var(--r-pill);padding:3px 9px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feed-arrow{position:absolute;top:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-pill);border:0;cursor:pointer;background:#ffffffe0;color:#1a1a1a;box-shadow:var(--shadow-1);opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.feed-media.carousel:hover .feed-arrow{opacity:1}.feed-arrow:hover{background:#fff}.feed-arrow:active{transform:scale(.9)}.feed-arrow:disabled{opacity:0!important;pointer-events:none}.feed-arrow.prev{left:var(--s-2)}.feed-arrow.prev svg{transform:rotate(180deg)}.feed-arrow.next{right:var(--s-2)}.feed-dots{position:absolute;left:0;right:0;bottom:var(--s-2);z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}.feed-dot{pointer-events:auto;width:6px;height:6px;padding:0;border:0;border-radius:var(--r-pill);cursor:pointer;background:#ffffff8c;box-shadow:0 0 2px #0006;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.feed-dot.on{background:#fff;transform:scale(1.3)}@media (hover: none){.feed-arrow{display:none}}.feed-photos{display:flex;flex-wrap:wrap;gap:var(--s-2)}.feed-photo{position:relative;width:84px;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.feed-photo img{width:100%;height:100%;object-fit:cover;display:block}.feed-photos.view .feed-photo{cursor:zoom-in;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feed-photos.view .feed-photo:hover{border-color:var(--accent-soft)}.feed-photos.view .feed-photo:active{transform:scale(.97)}.feed-photo-del{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border:none;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--text);font-size:15px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.feed-photo-del:hover{background:var(--surface);color:var(--danger)}.feed-photo-add{width:84px;aspect-ratio:1;display:grid;place-items:center;gap:2px;border:1px dashed var(--border);border-radius:var(--r-sm);background:transparent;color:var(--text-soft);font-family:var(--font-ui);font-size:var(--step--1);cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.feed-photo-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.feed-photo-add:disabled{opacity:.6;cursor:default}.feed-photo-note{flex-basis:100%;color:var(--danger);font-size:var(--step--1)}.lightbox{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:rgb(var(--shadow-color) / .92);display:grid;place-items:center;overflow:hidden}.lightbox::backdrop{background:rgb(var(--shadow-color) / .8)}.lightbox-img{max-width:92vw;max-height:86dvh;object-fit:contain;display:block;border-radius:var(--r-sm);box-shadow:var(--shadow-3);background:var(--surface-2)}.lightbox-btn{position:fixed;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.lightbox-btn:hover{background:var(--surface-2)}.lightbox-btn:active{transform:scale(.92)}.lightbox-close{top:calc(var(--s-4) + env(safe-area-inset-top));right:var(--s-4)}.lightbox-nav{top:50%;translate:0 -50%}.lightbox-nav.prev{left:var(--s-4)}.lightbox-nav.next{right:var(--s-4)}.lightbox-count{position:fixed;bottom:calc(var(--s-4) + env(safe-area-inset-bottom));left:50%;translate:-50% 0;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:4px 12px;box-shadow:var(--shadow-2)}@media (prefers-reduced-motion: no-preference){.lightbox{transition:opacity var(--dur) var(--ease-out)}@starting-style{.lightbox[open]{opacity:0}}}@media (max-width: 640px){.lightbox-btn{width:44px;height:44px}.lightbox-nav.prev{left:var(--s-2)}.lightbox-nav.next{right:var(--s-2)}.lightbox-img{max-width:96vw}}.linkbox{display:flex;gap:var(--s-2);margin:var(--s-2) 0 var(--s-3)}.linkbox input{flex:1;min-width:0}.row{display:flex;gap:var(--s-2);flex-wrap:wrap}.endnote{text-align:center;font-family:var(--font-hand);font-size:28px;color:var(--accent);padding:var(--s-6) 0}.crop-area{position:relative;width:100%;height:min(360px,52vh);background:#1c1712;border-radius:var(--r-md);overflow:hidden;margin:var(--s-2) 0 var(--s-3)}.crop-controls{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-4)}.aspect-row{display:flex;gap:var(--s-2)}.zoom-row{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.zoom-row input{flex:1}.photo-hint{position:fixed;left:50%;translate:-50% 0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:var(--s-3);max-width:min(560px,94vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-3);padding:8px 8px 8px 16px;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text);animation:hint-in var(--dur) var(--ease-out) both}@keyframes hint-in{0%{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50% 0}}.print-tools{max-width:880px;margin:0 auto;padding:var(--s-4);display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.login-gate{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--s-5)}.login-card{width:min(380px,92vw);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:var(--s-6);display:flex;flex-direction:column}.login-card h3{font-family:var(--font-display);margin:0 0 var(--s-1);font-size:var(--step-2)}.login-card input{margin-bottom:var(--s-3)}.login-error{color:var(--danger);font-family:var(--font-ui);font-size:var(--step--1);margin:-4px 0 var(--s-3)}@media (prefers-reduced-motion: no-preference){.stage:not(.flow)>.page,.stage:not(.flow)>.cover{view-transition-name:spread}::view-transition-old(spread){animation:vt-out var(--dur) var(--ease-out) both}::view-transition-new(spread){animation:vt-in var(--dur) var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translate(-14px)}}@keyframes vt-in{0%{opacity:0;transform:translate(14px)}}.reader-page-anim[data-animate=true]{animation:rd-enter var(--dur-slow) var(--ease-in-out) both}.reader-page-anim[data-animate=true][data-dir="-1"]{animation-name:rd-enter-back}@keyframes rd-enter{0%{opacity:0;transform:translate(18px)}}@keyframes rd-enter-back{0%{opacity:0;transform:translate(-18px)}}}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,var(--bg-1),var(--bg-2));overflow:hidden}.app--reading>.topbar,.app--reading>.stage,.app--reading>.nav{display:none}.reader[data-chrome=false]{cursor:none}.reader:fullscreen,.reader:-webkit-full-screen{width:100%;height:100%}.reader::backdrop{background:var(--bg-2)}.reader-stage{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;padding:clamp(64px,9vh,96px) var(--s-5) clamp(48px,7vh,72px);scrollbar-width:thin}.reader-stage>.reader-page-anim{margin:auto;width:100%;max-width:780px}.reader-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:linear-gradient(var(--bg-1),color-mix(in srgb,var(--bg-1) 0%,transparent));transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.reader-title{display:flex;flex-direction:column;gap:2px;min-width:0}.reader-part{font-family:var(--font-ui);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.reader-name{font-family:var(--font-display);font-size:var(--step-1);color:var(--text);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-actions{display:flex;align-items:center;gap:var(--s-2);flex:none}.reader-count{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.reader-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--r-md);background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.reader-btn:hover{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text)}.reader-arrow{position:absolute;top:50%;translate:0 -50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);color:var(--text-soft);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.reader-arrow.left{left:clamp(var(--s-3),3vw,var(--s-6))}.reader-arrow.right{right:clamp(var(--s-3),3vw,var(--s-6))}.reader-arrow:hover:not(:disabled){background:var(--surface);color:var(--text)}.reader-arrow:active:not(:disabled){transform:translateY(-50%) scale(.92)}.reader-arrow:disabled{opacity:0;pointer-events:none}.reader-progress{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:color-mix(in srgb,var(--text) 8%,transparent)}.reader-progress span{display:block;height:100%;width:100%;transform-origin:left;background:var(--accent);transition:transform var(--dur-slow) var(--ease-out)}.reader[data-chrome=false] .reader-top{opacity:0;transform:translateY(-8px);pointer-events:none}.reader[data-chrome=false] .reader-arrow{opacity:0;pointer-events:none}@media (max-width: 640px){.reader-stage{padding:clamp(56px,8vh,72px) var(--s-3) 40px}.reader-arrow{width:44px;height:44px}.reader-name{font-size:var(--step-0)}}@media (max-width: 640px){.stage{padding:var(--s-4) var(--s-3) 110px}.page:before{display:none}.cover{min-height:70vh}.btn{padding:9px 13px}.counter{min-width:auto}.photo{flex:1 1 44%;min-width:44%}.page-head{flex-direction:column;gap:var(--s-2)}}.actor-trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;font-family:var(--font-ui);font-size:var(--step--1);color:var(--text);white-space:nowrap;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}.actor-trigger:hover{border-color:var(--accent-soft)}.actor-trigger:active{transform:scale(.96)}.actor-trigger-icon{display:flex;color:var(--text-soft);flex:none}.actor-trigger-name{font-weight:600}.actor-menu-head{padding:var(--s-2) var(--s-3);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft);border-bottom:1px solid var(--border)}.actor-menu-head strong{color:var(--text)}.note-author,.hist-actor{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);font-family:var(--font-ui);font-size:11px;font-weight:600;background:var(--surface-3);color:var(--text-soft)}.note-author{margin-left:var(--s-2);vertical-align:middle}.note-author.mom,.hist-actor.mom{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-strong)}.mature-toggle{display:inline-flex;align-items:center;padding:5px 12px;line-height:1;cursor:pointer;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-soft);font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.mature-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.mature-toggle.on{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:var(--danger)}.mature-toggle:disabled{opacity:.6;cursor:default}.note-mature{display:inline-block;margin-left:var(--s-2);padding:2px 8px;border-radius:var(--r-pill);vertical-align:middle;font-family:var(--font-ui);font-size:11px;font-weight:700;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.poslanie.by-other{border-left-color:var(--border-strong)}.hw.ro.empty{color:var(--text-faint);font-style:italic}.by-note{margin-top:var(--s-2);font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-faint);font-style:italic}.hist-list{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-2) 0 var(--s-3)}.hist-item{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}button.hist-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;font:inherit;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-out)}button.hist-item:hover{background:var(--surface-2);border-color:var(--accent-soft)}button.hist-item:active{transform:scale(.99)}.hist-row1{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.hist-verb{font-family:var(--font-ui);font-size:var(--step--1);color:var(--text-soft)}.hist-when{margin-left:auto;font-family:var(--font-ui);font-size:11px;color:var(--text-faint);white-space:nowrap}.hist-title{font-family:var(--font-display);font-size:var(--step-0);color:var(--text)}.hist-preview{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--step--1)}.hist-old,.hist-new{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hist-old{color:var(--text-faint);text-decoration:line-through}.hist-arrow{color:var(--text-faint);flex:none}.hist-new{color:var(--text)}.hist-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border)}.hist-thumb.removed{opacity:.5;filter:grayscale(.6)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{:root,:root[data-theme=dark]{--surface: #fff;--surface-2: #f5efe3;--text: #2a2118;--text-soft: #4b3b2c;--border: #e3d8c4;color-scheme:light}@page{margin:14mm}body{background:#fff}.topbar,.nav,.print-tools,dialog.modal{display:none!important}.stage{max-width:none;padding:0}.page,.cover{box-shadow:none;border:1px solid #e3d8c4;page-break-after:always;break-after:page;margin:0;border-radius:0;animation:none}.lock,.chip,.private-banner,.field-foot,.photo-actions,.comment-btn{display:none!important}.photo-caption{background:#ffffffe0;color:#2a2118;-webkit-print-color-adjust:exact;print-color-adjust:exact}}