[data-density=compact] .cottage-page{--section-gap:14px}.cottage-shell{grid-template-columns:var(--cottage-sidebar) minmax(0, 1fr);background:var(--background);min-height:100vh;display:grid}.cottage-skip-link{z-index:100;border:2px solid var(--primary);min-height:42px;color:var(--foreground);background:var(--surface);box-shadow:var(--shadow-md);border-radius:10px;align-items:center;padding:0 14px;text-decoration:none;transition:transform .15s;display:inline-flex;position:fixed;top:10px;left:10px;transform:translateY(calc(-100% - 20px))}.cottage-skip-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;transform:translateY(0)}.cottage-sidebar{border-right:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 94%, var(--background));z-index:40;view-transition-name:cottage-sidebar;flex-direction:column;height:100vh;padding:26px 14px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.cottage-brand{color:var(--foreground);text-align:center;justify-items:center;gap:4px;text-decoration:none;display:grid}.cottage-brand-mark{border-radius:18px;width:56px;height:56px;display:block;overflow:hidden}.cottage-brand-mark img{object-fit:cover;width:56px;height:56px;display:block}.cottage-brand strong{max-width:150px;color:var(--foreground);letter-spacing:.08em;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:1rem;font-weight:700;line-height:1.25}.cottage-sidebar-context{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-subtle) 72%, transparent);box-shadow:var(--cottage-shadow-card);border-radius:16px;gap:8px;margin-top:18px;padding:10px;display:grid}.cottage-sidebar-family,.cottage-sidebar-person{min-width:0;color:var(--foreground);align-items:center;gap:8px;text-decoration:none;display:flex}.cottage-sidebar-family{border-bottom:1px solid var(--border-soft);gap:4px;padding:2px 1px 7px;display:grid}.cottage-sidebar-context-label{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);letter-spacing:.06em;font-weight:700}.cottage-sidebar-family-name{min-width:0;color:var(--primary);align-items:center;gap:6px;display:flex}.cottage-sidebar-family-name strong,.cottage-sidebar-person-copy strong{min-width:0;color:var(--foreground);font-size:var(--cottage-font-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.cottage-sidebar-family-name svg{flex:none}.cottage-sidebar-person{padding:2px 1px}.cottage-sidebar-person .cottage-avatar{border:0;flex:none;width:32px;height:32px;margin-left:0}.cottage-sidebar-person-fallback{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);font-size:var(--cottage-font-caption);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.cottage-sidebar-person-copy{gap:2px;min-width:0;display:grid}.cottage-sidebar-person-copy small{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cottage-sidebar-family:hover,.cottage-sidebar-person:hover{color:var(--primary)}.cottage-sidebar-family:focus-visible,.cottage-sidebar-person:focus-visible,.cottage-sidebar-record:focus-visible{box-shadow:var(--cottage-focus-ring);outline:none}.cottage-sidebar-record{min-height:36px;color:var(--primary-foreground);background:var(--primary);font-size:var(--cottage-font-caption);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.cottage-sidebar-record:hover{background:var(--primary-hover)}.context-rail-disclosure{min-width:0}.context-rail-summary{display:none}.context-rail-content{gap:12px;min-width:0;display:grid}.context-rail-content[data-open=false]{display:none}.context-rail-action-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-soft));background:color-mix(in srgb, var(--primary-soft) 32%, var(--surface));min-width:0;box-shadow:var(--cottage-shadow-card);border-radius:17px;padding:15px 16px}.context-rail-action-label{color:var(--primary);font-size:var(--cottage-font-micro);letter-spacing:.08em;align-items:center;gap:7px;font-weight:750;display:flex}.context-rail-action-label>span{width:27px;height:27px;color:var(--primary);background:var(--surface);border-radius:9px;place-items:center;display:grid}.context-rail-action-card>strong{color:var(--foreground);font-size:var(--cottage-font-body-secondary);margin-top:12px;line-height:1.4;display:block}.context-rail-action-card>p{color:var(--foreground-secondary);font-size:var(--cottage-font-caption);margin:6px 0 0;line-height:1.65}.context-rail-action-card>a{color:var(--primary);font-size:var(--cottage-font-caption);align-items:center;gap:4px;margin-top:11px;font-weight:700;text-decoration:none;display:inline-flex}.context-rail-action-card>a:hover,.context-rail-action-card>a:focus-visible{text-decoration:underline}.context-rail-stats-card,.context-rail-browse-card{border:1px solid var(--border-soft);background:var(--surface);min-width:0;box-shadow:var(--cottage-shadow-card);border-radius:17px;padding:15px 16px}.context-rail-stats-head,.context-rail-browse-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.context-rail-stats-head>span,.context-rail-browse-head>span{color:var(--foreground);font-size:var(--cottage-font-caption);letter-spacing:.06em;font-weight:750}.context-rail-stats-head>small,.context-rail-browse-head>small{min-width:0;color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-rail-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.context-rail-stats-grid>div{background:var(--surface-subtle);text-align:center;border-radius:11px;gap:3px;min-width:0;padding:9px 7px;display:grid}.context-rail-stats-grid strong{color:var(--primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1;overflow:hidden}.context-rail-stats-grid span{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-rail-stats-note{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);margin-top:10px;line-height:1.5;display:block}.context-rail-stats-link{color:var(--primary);font-size:var(--cottage-font-micro);align-items:center;gap:4px;margin-top:12px;font-weight:700;text-decoration:none;display:inline-flex}.context-rail-stats-link:hover,.context-rail-stats-link:focus-visible{text-decoration:underline}.context-rail-browse-list{gap:2px;margin-top:9px;display:grid}.context-rail-browse-list a,.context-rail-browse-list button,.context-rail-browse-static{min-width:0;min-height:40px;color:var(--foreground-secondary);font:inherit;font-size:var(--cottage-font-caption);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 5px;text-decoration:none;display:grid}.context-rail-browse-list a,.context-rail-browse-list button{cursor:pointer}.context-rail-browse-list a:hover,.context-rail-browse-list a:focus-visible,.context-rail-browse-list button:hover,.context-rail-browse-list button:focus-visible,.context-rail-browse-list button[data-active=true]{color:var(--primary);background:var(--hover);outline:none}.context-rail-browse-list button:disabled{cursor:wait;opacity:.58}.context-rail-browse-leading{width:22px;height:22px;color:var(--primary);place-items:center;display:grid}.context-rail-browse-copy{gap:2px;min-width:0;display:grid}.context-rail-browse-copy strong{color:inherit;font-size:var(--cottage-font-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.context-rail-browse-copy small{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-rail-browse-trailing{color:var(--foreground-tertiary);align-items:center;display:inline-flex}.context-rail-browse-list a:focus-visible,.context-rail-browse-list button:focus-visible{box-shadow:var(--cottage-focus-ring)}.context-rail-browse-empty{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);margin:11px 0 0;line-height:1.65}.context-rail-reminder-card,.context-rail-members-card{border:1px solid var(--border-soft);background:var(--surface);min-width:0;box-shadow:var(--cottage-shadow-card);border-radius:17px;padding:15px 16px}.context-rail-reminder-head,.context-rail-members-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.context-rail-reminder-head>span,.context-rail-members-head>span{color:var(--foreground);font-size:var(--cottage-font-caption);letter-spacing:.06em;font-weight:750}.context-rail-reminder-head>a,.context-rail-members-head>a{color:var(--primary);font-size:var(--cottage-font-micro);flex:none;font-weight:700;text-decoration:none}.context-rail-reminder-head>a:hover,.context-rail-reminder-head>a:focus-visible,.context-rail-members-head>a:hover,.context-rail-members-head>a:focus-visible{text-decoration:underline}.context-rail-members-head>small{color:var(--foreground-secondary);font-size:var(--cottage-font-micro)}.context-rail-reminder-link,.context-rail-reminder-empty{min-width:0;min-height:40px;color:inherit;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;margin:7px -5px -4px;padding:4px 5px;text-decoration:none;display:grid}.context-rail-reminder-link:hover,.context-rail-reminder-link:focus-visible,.context-rail-reminder-empty:hover,.context-rail-reminder-empty:focus-visible{background:var(--hover);outline:none}.context-rail-reminder-link:focus-visible,.context-rail-reminder-empty:focus-visible,.context-rail-members-list a:focus-visible,.context-rail-members-list button:focus-visible{box-shadow:var(--cottage-focus-ring)}.context-rail-reminder-icon{width:28px;height:28px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.context-rail-reminder-link>span:nth-child(2),.context-rail-reminder-empty>span{gap:3px;min-width:0;display:grid}.context-rail-reminder-link strong,.context-rail-reminder-empty strong{color:var(--foreground);font-size:var(--cottage-font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-rail-reminder-link small,.context-rail-reminder-empty small{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro)}.context-rail-reminder-link>svg:last-child{color:var(--foreground-tertiary)}.context-rail-reminder-card-overdue .context-rail-reminder-icon{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, var(--surface))}.context-rail-reminder-card-overdue .context-rail-reminder-link small{color:var(--warning)}.context-rail-reminder-empty{color:var(--foreground-secondary);grid-template-columns:28px minmax(0,1fr)}.context-rail-reminder-empty>svg{color:var(--primary)}.context-rail-reminder-loading{color:var(--foreground-secondary);font-size:var(--cottage-font-caption);margin:14px 0 2px}.context-rail-members-list{gap:2px;margin-top:9px;display:grid}.context-rail-members-list a,.context-rail-members-list button{min-width:0;min-height:40px;color:var(--foreground-secondary);font:inherit;font-size:var(--cottage-font-caption);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 5px;text-decoration:none;display:flex}.context-rail-members-list a:hover,.context-rail-members-list a:focus-visible,.context-rail-members-list button:hover,.context-rail-members-list button:focus-visible,.context-rail-members-list button[data-active=true]{color:var(--primary);background:var(--hover);outline:none}.context-rail-members-list button:disabled{cursor:wait;opacity:.58}.context-rail-members-list a>span:last-child,.context-rail-members-list button>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.context-rail-member-avatar{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);font-size:var(--cottage-font-micro);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.context-rail-member-avatar img{object-fit:cover}.context-rail-members-empty{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);margin:11px 0 0;line-height:1.65}@media (max-width:720px){.context-rail-summary{border:1px solid var(--border-soft);width:100%;min-height:42px;color:var(--foreground);background:var(--surface);box-shadow:var(--cottage-shadow-card);cursor:pointer;font-size:var(--cottage-font-caption);border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;font-weight:700;display:flex}.context-rail-summary:after{content:"展开";color:var(--primary);font-size:var(--cottage-font-micro);font-weight:700}.context-rail-summary[aria-expanded=true]:after{content:"收起"}.context-rail-summary:focus-visible{box-shadow:var(--cottage-focus-ring);outline:none}.context-rail-content{margin-top:10px}}.cottage-nav{gap:7px;margin-top:18px;display:grid}.cottage-nav-link{min-height:44px;color:var(--foreground-secondary);font-size:var(--cottage-font-body);transition:background var(--cottage-transition-fast), color var(--cottage-transition-fast), transform var(--cottage-transition-fast);border-radius:13px;align-items:center;gap:12px;padding:0 14px;text-decoration:none;display:flex}.cottage-nav-link:hover{color:var(--foreground);background:var(--hover)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cottage-nav-link:hover{transform:translate(1px)}}.cottage-nav-link[data-active=true]{color:var(--primary);background:var(--primary-soft);font-weight:600}.cottage-sidebar-spacer{flex:1}.cottage-sidebar-footer{min-height:34px;color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);letter-spacing:.02em;align-items:center;gap:7px;margin-top:10px;padding:0 10px;display:flex}.cottage-workspace{min-width:0}.cottage-topbar{border-bottom:1px solid color-mix(in srgb, var(--border-soft) 76%, transparent);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:35;view-transition-name:cottage-topbar;justify-content:flex-end;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.cottage-search-wrap{width:min(305px,36vw);position:relative}.cottage-search{border:1px solid var(--border);border-radius:var(--cottage-radius-pill);width:100%;min-height:38px;color:var(--foreground-secondary);background:color-mix(in srgb, var(--surface) 92%, transparent);align-items:center;gap:8px;padding:0 13px;display:flex}.cottage-search input{width:100%;color:var(--foreground);font:inherit;font-size:var(--cottage-font-caption);background:0 0;border:0;outline:0}.cottage-search input::placeholder{color:var(--foreground-secondary)}.cottage-search:focus-within{border-color:color-mix(in srgb, var(--primary) 52%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.cottage-search-popover{z-index:80;border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 28px);box-shadow:var(--shadow-lg);border-radius:17px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.cottage-search-popover-head{border-bottom:1px solid var(--border-soft);color:var(--foreground);font-size:var(--cottage-font-caption);justify-content:space-between;align-items:center;gap:10px;padding:13px 15px 10px;font-weight:700;display:flex}.cottage-search-popover-head>a,.cottage-search-popover-all{color:var(--primary);font-size:var(--cottage-font-micro);align-items:center;gap:4px;font-weight:650;text-decoration:none;display:inline-flex}.cottage-search-loading{color:var(--foreground-secondary);font-size:var(--cottage-font-micro);align-items:center;gap:4px;font-weight:550;display:inline-flex}.cottage-search-popover-section{padding:9px 8px 4px}.cottage-search-popover-section+.cottage-search-popover-section{border-top:1px solid var(--border-soft)}.cottage-search-popover-label{color:var(--foreground-tertiary);letter-spacing:.08em;align-items:center;gap:5px;padding:0 7px 4px;font-size:.625rem;font-weight:750;display:flex}.cottage-search-suggestion{min-width:0;color:var(--foreground);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 7px;text-decoration:none;display:grid}.cottage-search-suggestion:hover,.cottage-search-suggestion:focus-visible,.cottage-search-suggestion[data-active=true]{background:var(--hover);outline:none}.cottage-search-suggestion>svg{color:var(--foreground-tertiary);flex:none}.cottage-search-suggestion-icon{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;display:grid}.cottage-search-suggestion-copy{gap:2px;min-width:0;display:grid}.cottage-search-suggestion-copy strong{color:var(--foreground);font-size:var(--cottage-font-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.cottage-search-suggestion-copy small,.cottage-search-suggestion-copy>span{color:var(--foreground-secondary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;line-height:1.45;overflow:hidden}.cottage-search-popover-status{min-height:58px;color:var(--foreground-secondary);font-size:var(--cottage-font-micro);justify-content:center;align-items:center;gap:6px;padding:10px 15px;display:flex}.cottage-search-popover-error{color:var(--danger)}.cottage-search-popover-all{border-top:1px solid var(--border-soft);justify-content:center;width:100%;min-height:38px}.cottage-topbar-actions{align-items:center;gap:10px;display:flex}.cottage-avatar-stack{align-items:center;padding-left:8px;text-decoration:none;display:flex}.cottage-avatar{border:2px solid var(--background);width:31px;height:31px;color:var(--foreground-secondary);background:var(--surface-subtle);font-size:var(--cottage-font-caption);border-radius:50%;place-items:center;margin-left:-8px;display:grid;position:relative;overflow:hidden}.cottage-avatar img{object-fit:cover}.cottage-user-dot{border:1px solid var(--border);width:34px;height:34px;color:var(--primary);background:var(--surface);font-weight:700;font-size:var(--cottage-font-caption);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.cottage-user-dot img{object-fit:cover;border-radius:50%}.cottage-main{width:100%;min-width:0}.cottage-mobile-nav{display:none}.quick-record-sheet{z-index:70;padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-color:var(--border-soft);background:var(--surface)}.quick-record-sheet-header{gap:4px;margin-bottom:18px}.quick-record-sheet-header [data-radix-dialog-title]{color:var(--foreground);letter-spacing:-.03em;font-family:Noto Serif SC,Songti SC,Georgia,serif;font-size:1.55rem}.quick-record-sheet-header [data-radix-dialog-description]{color:var(--foreground-secondary);font-size:var(--cottage-font-caption)}.quick-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-record-option{border:1px solid var(--border-soft);min-height:94px;color:var(--foreground);background:var(--surface);text-align:center;transition:border-color var(--cottage-transition-fast), background var(--cottage-transition-fast), transform var(--cottage-transition-fast), box-shadow var(--cottage-transition-fast);border-radius:15px;align-content:center;place-items:center;gap:5px;padding:10px 6px;text-decoration:none;display:grid}.quick-record-option strong{max-width:100%;font-size:var(--cottage-font-body-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.quick-record-option small{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-record-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.quick-record-icon-journal{color:#397bb5;background:color-mix(in srgb, #397bb5 14%, var(--surface))}.quick-record-icon-milestone{color:var(--highlight-star);background:color-mix(in srgb, var(--highlight-star) 15%, var(--surface))}.quick-record-icon-growth{color:#4b8d6c;background:color-mix(in srgb, #4b8d6c 15%, var(--surface))}.quick-record-icon-health{color:#bd5b67;background:color-mix(in srgb, #bd5b67 14%, var(--surface))}.quick-record-icon-care{color:#8c68c7;background:color-mix(in srgb, #8c68c7 14%, var(--surface))}.quick-record-option-disabled{opacity:.56;cursor:not-allowed;background:var(--surface-subtle);border-style:dashed}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.quick-record-option:not(.quick-record-option-disabled):hover,.quick-record-option:not(.quick-record-option-disabled):focus-visible{border-color:color-mix(in srgb, var(--primary) 46%, var(--border));background:var(--primary-soft);box-shadow:var(--cottage-shadow-card);outline:none;transform:translateY(-1px)}}.cottage-page-header{margin-bottom:var(--section-gap);justify-content:space-between}.cottage-page-heading{min-width:0}.cottage-page-heading h1{font-size:var(--cottage-font-page);line-height:var(--cottage-leading-heading);font-weight:var(--cottage-weight-strong);letter-spacing:-.03em;margin:0}.cottage-page-heading p{color:var(--foreground-secondary);margin:8px 0 0;line-height:1.7}.cottage-primary-action{border-radius:var(--cottage-radius-pill);min-height:44px;color:var(--primary-foreground);background:var(--primary);font-size:var(--cottage-font-body-secondary);font-weight:var(--cottage-weight-medium);box-shadow:var(--cottage-shadow-raised);transition:background var(--cottage-transition-fast), box-shadow var(--cottage-transition-fast), transform var(--cottage-transition-fast);justify-content:center;align-items:center;gap:7px;padding:0 17px;text-decoration:none;display:inline-flex}.cottage-primary-action:hover{background:var(--primary-hover)}.cottage-primary-action:active{box-shadow:var(--cottage-shadow-card)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cottage-primary-action:active{transform:translateY(1px)}}.empty-state{min-height:90px;color:var(--foreground-tertiary);text-align:center;font-size:var(--cottage-font-body-secondary);line-height:var(--cottage-leading-body);place-items:center;gap:5px;padding:18px;display:grid}@media (max-width:900px){:is(html:has(.cottage-shell),body:has(.cottage-shell)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.cottage-shell){width:100%;position:fixed;inset:0}.cottage-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;width:100%;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.cottage-sidebar{display:none}.cottage-workspace{--cottage-safe-top:env(safe-area-inset-top,0px);overscroll-behavior-y:contain;min-height:0;scroll-padding-block:calc(54px + var(--cottage-safe-top)) 16px;overflow-y:auto}.cottage-topbar{box-sizing:border-box;height:calc(54px + var(--cottage-safe-top));padding:var(--cottage-safe-top) 14px 0}.cottage-search-wrap{flex:1;width:auto}.cottage-avatar-stack{display:none}.cottage-search{min-height:44px}.cottage-search input{min-height:42px;font-size:16px}.cottage-main{padding-bottom:0}.cottage-mobile-nav{height:calc(62px + env(safe-area-inset-bottom));z-index:60;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);view-transition-name:cottage-mobile-nav;grid-template-columns:repeat(5,1fr);align-items:start;display:grid;position:static}.cottage-mobile-link{min-height:56px;color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--cottage-transition-fast);align-content:center;place-items:center;gap:3px;text-decoration:none;display:grid}.cottage-mobile-link[data-active=true]{color:var(--primary-hover);font-weight:var(--cottage-weight-strong)}.cottage-mobile-link[data-active=true] svg{stroke-width:2.1px}.cottage-mobile-record{width:44px;height:44px;color:var(--primary-foreground);background:var(--primary);box-shadow:var(--shadow-md);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:15px;justify-self:center;place-items:center;padding:0;display:grid}.cottage-page-header{margin-bottom:15px}.cottage-page-action{padding-top:0}}@media (max-width:900px) and (display-mode:standalone){html,body{background-color:var(--surface)}}@media (max-width:620px){.cottage-topbar{gap:7px}.cottage-user-dot{display:none}.cottage-page-header{display:grid}.cottage-page-heading h1{font-size:1.75rem}}.cottage-nav-group{gap:3px;display:grid}.cottage-nav-group+.cottage-nav-group{margin-top:14px}.cottage-nav-group-label{color:var(--foreground-tertiary);font-size:var(--cottage-font-caption);letter-spacing:.08em;padding:0 12px 3px;font-weight:700}.cottage-page,.record-v7-page,.search-v7-page,.family-person-page,.account-page,.settings-subpage{--section-gap:var(--cottage-space-5);--page-width:var(--cottage-content);box-sizing:border-box;width:100%;max-width:calc(var(--page-width) + 2 * var(--cottage-gutter));padding:var(--cottage-space-5) var(--cottage-gutter) 72px;align-content:start;margin-inline:auto}.family-person-page,.structured-history-page,.search-v7-page,.trash-page{--page-width:var(--cottage-feed)}.settings-page,.settings-subpage,.account-page,.record-v7-page,.mobile-more-page{--page-width:var(--cottage-writing)}@media (max-width:720px){.cottage-page,.record-v7-page,.search-v7-page,.family-person-page,.account-page,.settings-subpage{padding:18px 14px 36px}}.cottage-main{min-height:calc(100dvh - 64px)}@media (max-width:900px){.cottage-main{min-height:100%}}.cottage-topbar{padding-inline:var(--cottage-gutter)}.cottage-page-header{align-items:end;gap:var(--cottage-layout-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.cottage-page-heading p{max-width:var(--cottage-readable)}.cottage-page-action{justify-self:end;padding-top:0}@media (max-width:900px){.cottage-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.cottage-page-action{justify-self:end;min-width:0}}@media (max-width:720px){.cottage-topbar{padding-inline:14px}.cottage-search-popover{box-sizing:border-box;width:min(420px,100%)}}.workspace-message{text-align:center;color:var(--foreground-secondary);padding:72px 24px}.theme-toggle{border-radius:50%;width:40px;height:40px}.page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.page-intro h1{letter-spacing:-.03em;margin:4px 0 0;font-size:1.9375rem;font-weight:760;line-height:1.22}.page-intro p{max-width:620px;color:var(--foreground-secondary);margin:8px 0 0}@media (max-width:719px){.page-intro{align-items:flex-start;margin-bottom:22px}.page-intro h1{font-size:1.6875rem}}.offline-hint{z-index:1000;top:calc(8px + env(safe-area-inset-top));background:var(--surface,#f6f8f6);color:var(--muted,#40596b);pointer-events:none;border-radius:20px;padding:5px 12px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}
.family-app-onboarding{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));background:var(--surface);border-radius:24px;width:min(520px,100vw - 28px);padding:24px}.family-app-onboarding-header{gap:7px;margin:0;padding-right:28px}.family-app-onboarding-mark{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:5px;display:grid}.family-app-onboarding-header h2{margin:0;font-size:1.22rem;line-height:1.35}.family-app-onboarding-header p{font-size:var(--cottage-font-caption);margin:0;line-height:1.65}.family-app-onboarding-options{gap:10px;margin-top:18px;display:grid}.family-app-onboarding-option{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--primary-soft) 18%, var(--surface));border-radius:16px;gap:11px;padding:14px;display:grid}.family-app-onboarding-option-head{align-items:center;gap:10px;min-width:0;display:flex}.family-app-onboarding-option-head>span{width:34px;height:34px;color:var(--primary);background:var(--surface);border-radius:11px;flex:none;place-items:center;display:grid}.family-app-onboarding-option-head>div{gap:3px;min-width:0;display:grid}.family-app-onboarding-option-head strong{color:var(--foreground);font-size:var(--cottage-font-body-secondary)}.family-app-onboarding-option-head small{color:var(--foreground-secondary);font-size:var(--cottage-font-micro);line-height:1.5}.family-app-onboarding-option>button{width:fit-content}.family-app-onboarding-steps{color:var(--foreground-secondary);font-size:var(--cottage-font-caption);gap:7px;margin:0;padding:0 0 0 22px;line-height:1.55;display:grid}.family-app-onboarding-note,.family-app-onboarding-error{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);margin:-2px 0 0;line-height:1.5}.family-app-onboarding-error{color:var(--danger)}.family-app-onboarding-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:13px}.family-app-onboarding-footer>span{color:var(--foreground-tertiary);font-size:var(--cottage-font-micro);align-items:center;gap:5px;display:inline-flex}.family-app-onboarding-footer>span svg{color:var(--success)}.family-app-onboarding-footer>button{min-height:38px}@media (max-width:480px){.family-app-onboarding{padding:20px 17px 15px}.family-app-onboarding-footer{flex-direction:column-reverse;align-items:stretch}.family-app-onboarding-footer>span{justify-content:center}.family-app-onboarding-footer>button{width:100%}}