.access-auth{background:radial-gradient(ellipse at 15% 10%, #a7bc3b12, transparent 48%), radial-gradient(ellipse at 85% 80%, #c9b68c0c, transparent 52%), var(--bg);isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding:clamp(24px,6vh,72px) 20px 28px;display:flex;position:relative;overflow:visible}.access-auth:before{content:"✦";color:#b6d75b66;pointer-events:none;font-size:28px;position:absolute;top:18%;left:max(5%,50% - 340px)}.access-auth-header{justify-content:space-between;align-items:center;gap:20px;width:min(100%,460px);margin:0 auto 28px;display:flex}.access-auth>section,.access-auth .access-auth-card{box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(145deg, var(--surface-inset), var(--surface-inset));border-radius:22px;width:min(100%,460px);min-width:0;max-width:460px;padding:clamp(24px,4vw,36px);box-shadow:0 24px 75px #0005,0 2px 8px #0003}.access-auth .access-form{flex-direction:column;gap:18px;width:100%;max-width:none;display:flex}.access-auth h1{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(26px,4vw,32px);line-height:1.15}.access-auth .access-switch{margin:20px 0 0;line-height:1.5;display:block}.access-auth .access-switch+.access-switch{margin-top:12px}.access-auth .access-auth-footer{text-align:center;color:var(--muted);max-width:460px;margin-top:28px;font-size:13px}.identity-links{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.identity-account .access-panel,.identity-account form,.identity-account label{min-width:0;max-width:100%}.profile-dialog.identity-account .access-panel .identity-email,.profile-dialog.identity-account .access-panel .identity-private{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.identity-private{justify-content:space-between;align-items:center;gap:16px;display:flex}.identity-private strong{align-items:center;gap:6px;font-weight:500;display:inline-flex}.identity-private .access-help{margin:4px 0 0}.identity-account .identity-email>.access-form{margin-top:20px}.identity-username-notice{margin-bottom:4px;display:block}.identity-email-current{justify-items:start;gap:8px;min-width:0;display:grid}.identity-email-current>p{margin:0}.identity-email-address{overflow-wrap:anywhere;gap:2px;max-width:100%;display:grid}.identity-email-pending{overflow-wrap:anywhere;margin:0}.identity-email-address strong{font-weight:500}.identity-email-current .email-verification{width:100%;min-width:0}.identity-security>h3,.identity-recovery>h3{margin:0 0 12px;font-size:21px;line-height:1.3}.identity-security>.access-help{margin-bottom:24px}.identity-forgot-current{align-self:flex-start;margin-top:-6px;font-size:13px}.identity-recovery .access-form{margin-top:22px}.identity-notice{border-left:2px solid var(--accent,var(--accent-text));background:#c5ed7208;padding:10px 14px;line-height:1.5}.identity-account .access-form label .access-help{font-weight:400;line-height:1.5}.identity-delete{border-top:1px solid var(--border);margin-top:20px;padding-top:8px}.identity-recovery-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:16px;font-family:monospace}@media (max-width:560px){.access-auth{padding:24px 16px}.access-auth:before{display:none}.access-auth>section,.access-auth .access-auth-card{border-radius:18px;padding:24px}.access-auth-header{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.access-auth *{transition:none!important;animation:none!important}}.access-auth .password-setup{flex-direction:column;gap:14px;display:flex}.access-auth .password-setup-fields{width:100%;min-width:0}.access-auth .password-requirements{width:100%;margin:0;padding:0;list-style:none}.access-auth .password-requirements li{font-size:12px;line-height:1.5}:root{--toggle-dur:.35s;--toggle-travel:14px;--toggle-ov1:1px;--toggle-ov2:0px;--toggle-track:0s;--toggle-ease:cubic-bezier(.34, 1.35, .64, 1)}.t-toggle{background:var(--border-strong);cursor:pointer;width:34px;height:20px;min-height:0;transition:background var(--toggle-track) var(--toggle-ease);border:0;border-radius:999px;flex:none;padding:2px;position:relative}.t-toggle:after{content:"";position:absolute;inset:-12px -8px}.t-toggle[data-on=true]{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-text) 40%, transparent)}.t-toggle-thumb{will-change:translate;background:#fff;border-radius:50%;width:16px;height:16px;display:block;translate:0}.t-toggle[data-on=true] .t-toggle-thumb{background:var(--accent-ink);translate:var(--toggle-travel) 0}.t-toggle.is-init[data-on=true] .t-toggle-thumb{animation:t-toggle-on var(--toggle-dur) var(--toggle-ease) both}.t-toggle.is-init[data-on=false] .t-toggle-thumb{animation:t-toggle-off var(--toggle-dur) var(--toggle-ease) both}@keyframes t-toggle-on{0%{translate:0}55%{translate:calc(var(--toggle-travel) + var(--toggle-ov1)) 0}80%{translate:calc(var(--toggle-travel) - var(--toggle-ov2)) 0}to{translate:var(--toggle-travel) 0}}@keyframes t-toggle-off{0%{translate:var(--toggle-travel) 0}55%{translate:calc(0px - var(--toggle-ov1)) 0}80%{translate:var(--toggle-ov2) 0}to{translate:0}}@media (prefers-reduced-motion:reduce){.t-toggle-thumb{animation:none!important}}
:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--bg-rgb:11 13 18;--paper:var(--bg);--background:var(--bg);--surface:#181c24;--panel:var(--surface);--surface-inset:#131720;--surface-raised:#252b35;--chrome:#10141b;--text:#f4f5f7;--ink:var(--text);--muted:#adb5c2;--dim:var(--muted);--text-muted:var(--muted);--placeholder:#a5afbd;--border:#ffffff24;--line:var(--border);--border-strong:#697481;--soft:#ffffff08;--hover:#ffffff12;--accent:#d0ff71;--lime:var(--accent);--accent-text:#d0ff71;--accent-ink:#17200e;--accent-soft:#d0ff7117;--selection-tint:#d0ff7112;--focus:var(--field-focus);--field-focus:#a5b7cc;--danger:#ffb2b6;--danger-soft:#b32d451a;--field-error:#df8990;--field-error-text:var(--danger);--field-invalid-focus:var(--field-error);--success:#b4d99c;--warning:#e9ca87;--info:#b2d1ed;--shadow:0 16px 48px #0006;--scrim:#050911b8;--tree-line:#a9bd90;--scroll-thumb:#677280;--ambient-sage:#99bc5710;--ambient-cool:#7395ba0e;--tree-grid:#c9dfc23d;--field-height:40px;--control-height:40px;--control-dense:36px;--context-height:40px;--atmosphere-image:radial-gradient(ellipse at 10% 12%, var(--ambient-cool), transparent 35%), radial-gradient(ellipse at 85% 65%, var(--ambient-sage), transparent 40%);--atmosphere-size:100% 100%, 100% 100%}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f1;--bg-rgb:245 246 241;--surface:#fff;--surface-inset:#edf0e9;--surface-raised:#e4e9e1;--chrome:#f5f6f1;--text:#202a32;--muted:#51606a;--placeholder:#58646c;--border:#c5cdc3;--border-strong:#758473;--soft:#263d2408;--hover:#263d2410;--accent-text:#405d15;--accent-soft:#d9e9be;--selection-tint:#6e941b1f;--field-focus:#526c81;--danger:#a32e3c;--danger-soft:#fbe6e7;--field-error:#ab3947;--success:#38612d;--warning:#785415;--info:#2e5e80;--shadow:0 14px 40px #172d171b;--scrim:#18251d70;--tree-line:#657b52;--scroll-thumb:#84917f;--ambient-sage:#88a75a0c;--ambient-cool:#668db00b;--tree-grid:#57704730}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-color:var(--scroll-thumb) var(--surface-inset)}input,textarea{caret-color:var(--text)}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface-inset) inset;caret-color:var(--text)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([role=combobox]),.lane-select,.lane-combobox{min-height:var(--field-height)}.button.primary,.ml-tree-primary,.language-switch button[aria-pressed=true]{color:var(--accent-ink)}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--hover)}.button.primary:hover:not(:disabled){background:#df9}.lane-popup{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow)}.lane-menu{max-height:min(70dvh, var(--available-height,70dvh));overscroll-behavior:contain;overflow-y:auto}.lane-option[data-highlighted],.lane-menu-item[data-highlighted]{background:var(--accent-soft);color:var(--accent-text)}.dialog,.reference-music-dialog,.ml-tree-dialog{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.dialog::backdrop,.reference-music-dialog::backdrop,.ml-tree-dialog::backdrop{background-color:var(--scrim);background-image:var(--atmosphere-image);background-size:var(--atmosphere-size)}.language-switch{box-sizing:border-box;height:var(--context-height);min-height:var(--context-height);border:1px solid var(--border);background:var(--surface-inset);border-radius:9px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.language-switch button{height:calc(var(--context-height) - 6px);border-radius:6px;min-width:36px;min-height:0;padding:0 8px;font-size:12px;line-height:normal}.reference-header .language-switch{height:var(--context-height);padding:2px}.reference-header .language-switch button{height:calc(var(--context-height) - 6px);padding:0 8px}.reference-header .family-select .lane-select{height:var(--context-height);min-height:var(--context-height)}.appearance-choices{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:4px 22px 22px;display:flex}@media (max-width:900px){.appearance-choices{padding:4px 0 0}}.appearance-choices legend{padding:0 2px 8px;font-size:13px;font-weight:600}.appearance-choices label{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 10px;display:flex}.appearance-choices label:has(:checked){border-color:var(--accent-text);background:var(--accent-soft)}.appearance-choices input{accent-color:var(--accent-text);margin:0}.appearance-trigger{flex-shrink:0;width:40px;height:40px;min-height:40px;padding:0}.reference-app,.reference-motion,.access-auth{background-color:var(--bg);background-image:var(--atmosphere-image);background-size:var(--atmosphere-size)}.dialog.manage-dialog{background-image:var(--atmosphere-image);background-size:var(--atmosphere-size)}.access-auth:before{content:none}.access-auth>section,.access-auth .access-auth-card{background:var(--surface);box-shadow:var(--shadow);border-color:var(--border)}.faithful-tree .ml-tree-stage{background-color:var(--bg);background-image:radial-gradient(var(--tree-grid) 1px, transparent 1px);background-size:24px 24px}.reference-motion :is(#motion-view,.journey-section):not(.journey-finale){background-color:#0000}.reference-motion{--scene-fade:40px;--scene-fade-stops:rgb(var(--bg-rgb)) 13%, rgb(var(--bg-rgb) / .97) 22%, rgb(var(--bg-rgb) / .9) 30%, rgb(var(--bg-rgb) / .78) 39%, rgb(var(--bg-rgb) / .65) 48%, rgb(var(--bg-rgb) / .5) 57%, rgb(var(--bg-rgb) / .35) 65%, rgb(var(--bg-rgb) / .22) 74%, rgb(var(--bg-rgb) / .1) 83%, rgb(var(--bg-rgb) / .03) 91%, rgb(var(--bg-rgb) / 0) 100%}@media (max-width:900px){.reference-motion{--scene-fade:44px;--scene-fade-stops:rgb(var(--bg-rgb)) 13.7%, rgb(var(--bg-rgb) / .9) 22.4%, rgb(var(--bg-rgb) / .66) 31%, rgb(var(--bg-rgb) / .44) 39.6%, rgb(var(--bg-rgb) / .28) 48.2%, rgb(var(--bg-rgb) / .17) 56.9%, rgb(var(--bg-rgb) / .09) 65.5%, rgb(var(--bg-rgb) / .045) 74.1%, rgb(var(--bg-rgb) / .02) 82.7%, rgb(var(--bg-rgb) / .006) 91.4%, rgb(var(--bg-rgb) / 0) 100%}}.reference-motion .motion-wall-vignette{background:0 0}.reference-motion .motion-wall-vignette:before,.reference-motion .journey-lens:before,.reference-motion .journey-film:before,.reference-motion .journey-scatter:before,.reference-motion .motion-wall-vignette:after,.reference-motion .journey-lens:after,.reference-motion .journey-film:after,.reference-motion .journey-scatter:after{content:"";z-index:90;height:calc(var(--scene-fade) + 7px);pointer-events:none;position:absolute;inset-inline:0}.reference-motion .motion-wall-vignette:before,.reference-motion .journey-lens:before,.reference-motion .journey-film:before,.reference-motion .journey-scatter:before{background:linear-gradient(to bottom, var(--scene-fade-stops));top:-3px}.reference-motion .motion-wall-vignette:after,.reference-motion .journey-lens:after,.reference-motion .journey-film:after,.reference-motion .journey-scatter:after{background:linear-gradient(to top, var(--scene-fade-stops));bottom:-3px}.reference-motion[data-mobile-stage=true] .journey-film:after,.reference-motion[data-mobile-stage=true] .journey-scatter:after,.reference-motion[data-mobile-stage=true][data-stage-reflow=true] .journey-lens:after{bottom:calc(var(--mobile-controls-clearance) - 3px)}.reference-app.view-home .reference-header{background:var(--bg);box-shadow:0 3px 0 var(--bg);border-bottom-color:#0000}.reference-app.view-home .mobile-dock{box-shadow:0 -3px 0 var(--bg)}.reference-motion{background-image:none}.reference-motion .journey-label,.reference-motion .journey-title,.reference-motion .journey-cluster button,.reference-motion .journey-shortcuts button{color:var(--text)}.reference-motion .journey-cluster{background:var(--chrome);border-color:var(--border)}.reference-motion .journey-shortcuts button[aria-current]{color:var(--accent-text)}.collection-card-main:focus-visible,.reference-motion .journey-photo:focus-visible,.reference-motion .motion-tile:focus-visible{outline-offset:-2px;outline:2px solid #fff;box-shadow:0 0 0 3px #0b0d12,inset 0 0 0 4px #0b0d12b3}.collection-card .card-year,.collection-card .card-favorite,.collection-card .card-preview,.collection-card .video-badge{color:#fff}@media (forced-colors:active){.button,.icon-button,.lane-select,.language-switch,.dialog,.ml-person-card{border:1px solid buttontext}[aria-current],.language-switch [aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}.reference-motion,.reference-app,.access-auth,.dialog.manage-dialog,.dialog::backdrop,.reference-music-dialog::backdrop,.ml-tree-dialog::backdrop,.ml-tree-stage{background-image:none}}@media (prefers-contrast:more){:root{--border:var(--border-strong)}}.reference-motion .journey-space{background:0 0}.reference-motion :is(.motion-video-badge,.motion-tile-year,.journey-finale-copy h2){color:#f4f5f7}.reference-motion .journey-action:hover{background:var(--accent-soft);color:var(--accent-text)}.reference-motion .media-unavailable{background:var(--surface-inset);color:var(--muted)}.event-cover .event-count{color:#f4f5f7}.access-admin-nav .button.primary{color:var(--accent-text)}.events-load-state,.motion-load-error{color:var(--muted);text-align:center;padding:32px 20px}.motion-load-error{min-height:calc(100svh - var(--app-header-height) - var(--app-footer-height))}
:root{--app-header-height:101px}.reference-header{z-index:80;isolation:isolate;background:var(--chrome);border-bottom:1px solid var(--soft);grid-template:"brand. ."40px"context navigation actions"40px/minmax(0,1fr) auto minmax(0,1fr);align-content:center;align-items:center;gap:4px 16px;height:auto;min-height:80px;padding:8px 24px;display:grid;position:fixed;inset:0 0 auto}.reference-header .brand-button{grid-area:brand;justify-self:start;min-width:0}.reference-header .brand{letter-spacing:-.8px;gap:9px;font-size:21px}.reference-header .brand-mark{width:28px;height:28px}.reference-header .header-context{grid-area:context;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.reference-header .family-select{width:180px;min-width:0;max-width:calc(100% - 88px);margin:0;position:static}.reference-header .family-select .lane-select{background:0 0;width:100%;height:40px;min-height:40px;padding:0 10px;font-size:13px}.reference-header .language-switch{flex-shrink:0;margin:0}.reference-header nav{background:var(--chrome);border:1px solid var(--line);border-radius:99px;grid-area:navigation;justify-content:center;justify-self:center;align-items:center;gap:2px;min-height:40px;margin:0;padding:3px;display:flex}.reference-header nav button{color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.reference-header nav button[aria-current=page]{background:var(--surface-raised);color:var(--text)}.reference-header nav button:hover{color:var(--text)}.reference-header .reference-header-actions{grid-area:actions;justify-self:end;align-items:center;gap:8px;min-width:0;min-height:40px;margin:0;display:flex}.reference-header .header-tool{height:var(--control-height);padding:0 5px}.reference-header .header-add{min-height:var(--control-height);width:auto;min-width:auto;padding:8px 12px;font-size:13px;display:inline-flex}.reference-header .header-avatar{background:0 0;border-color:#0000;border-radius:50%;width:38px;min-width:38px;height:38px;padding:2px}.reference-footer{height:auto;min-height:56px;padding:8px 24px}.family-picker-footer{border-top:1px solid var(--border);margin-top:4px;padding:8px 4px 4px}.family-picker-footer .button{width:100%}.controls-tabs{border-bottom:1px solid var(--border);gap:4px;padding-bottom:8px;display:flex}.controls-tabs button{border-radius:8px;flex:1;min-width:0;min-height:40px;padding:7px 6px}.controls-tabs [aria-selected=true]{background:var(--accent-soft);border-bottom:2px solid var(--accent-text);font-weight:650}.controls-body{padding-top:12px}.controls-row{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.controls-row>button,.controls-row .lane-select{flex:none;width:110px;min-width:0}.controls-note{color:var(--muted);margin:0 0 12px;font-size:12px}.controls-music-link,.controls-mix{width:100%;margin-top:12px}.controls-journey-actions{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.controls-journey-actions>button{flex:1}.chapter-list{margin:0;padding:0;list-style:none}.chapter-list button{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 8px;display:flex}.chapter-list button[aria-current]{background:var(--accent-soft);font-weight:650}.chapter-list button[aria-current]:after{content:"✓";margin-left:auto}.chapter-list button>span{color:var(--muted);font-variant-numeric:tabular-nums}.embedded-music-title{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.embedded-music-title small{color:var(--muted)}.embedded-music .track-list{max-height:none;overflow:visible}.controls-sheet{width:min(460px,100vw - 24px)}.appearance-dialog{width:min(400px,100vw - 24px)}@media (min-width:901px) and (max-width:1200px){.reference-header{grid-template-areas:"brand actions actions""context navigation."}}@media (max-width:900px){:root{--app-header-height:97px;--mobile-control-target:44px;--mobile-controls-gap:10px;--mobile-controls-clearance:calc(var(--mobile-control-target) + 2 * var(--mobile-controls-gap));--mobile-bottom-exclusion:calc(var(--app-footer-height) + var(--mobile-controls-clearance))}html.is-not-home{scroll-padding-bottom:var(--mobile-bottom-exclusion)}.reference-header{padding:4px max(12px, env(safe-area-inset-left)) 8px;background:var(--chrome);grid-template:"brand actions""context context"/minmax(0,1fr) auto;gap:4px 8px;min-height:0;display:grid}.reference-header.single-family{grid-template:"brand context actions"/minmax(0,1fr) auto auto}.reference-header.single-family .family-select{display:none}.reference-header.single-family .header-context{width:auto}.reference-header .header-avatar.has-pending{position:relative}.reference-header .header-avatar.has-pending:after{content:"";border:2px solid var(--chrome);background:#d9363e;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;right:3px}.reference-header .brand-button{justify-self:start;min-width:0;min-height:40px}.reference-header .brand{gap:8px;font-size:22px}.reference-header .brand-mark{width:28px;height:28px}.reference-header .reference-header-actions{gap:0}.reference-header .reference-header-actions>:not(.header-avatar){display:none}.reference-header .header-avatar{width:40px;min-width:40px;height:40px;padding:3px}.reference-header .header-context{align-items:center;gap:8px;width:100%;display:flex}.reference-header .family-select{flex:1;width:auto;min-width:0;max-width:none}.reference-header .family-select .lane-select{width:100%;padding:0 10px;font-size:13px}.reference-header .language-switch{flex-shrink:0;width:auto}.reference-footer{display:none}.mobile-dock{z-index:35;padding:4px max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--chrome);grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;inset:auto 0 0}.mobile-dock button{min-width:0;min-height:52px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:12px;line-height:1.15;display:flex}.mobile-dock button>svg{width:18px;height:18px}.mobile-dock button[aria-current=page]{color:var(--accent-text);background:var(--accent-soft);font-weight:650}.mobile-dock button[aria-current=page]>span{text-underline-offset:3px;text-decoration:underline}.dock-add-icon{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}.mobile-controls-launcher{z-index:32;right:max(12px, env(safe-area-inset-right));bottom:calc(var(--app-footer-height) + var(--mobile-controls-gap));background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:10px;align-items:center;gap:0;display:flex;position:fixed}.mobile-controls-launcher button{width:var(--mobile-control-target);height:var(--mobile-control-target);min-width:var(--mobile-control-target);color:var(--text);touch-action:manipulation;background:0 0;border:0;border-radius:0;place-items:center;padding:4px;display:grid}.mobile-controls-launcher button:first-child{border-radius:10px 0 0 10px}.mobile-controls-launcher button:last-child{border-radius:0 10px 10px 0}.mobile-controls-launcher button:only-child{border-radius:10px}.mobile-controls-launcher button+button{border-left:1px solid var(--border)}@media (hover:hover){.mobile-controls-launcher button:hover{background:var(--surface-raised)}}.mobile-controls-launcher button:disabled{opacity:.4}.mobile-controls-launcher button svg{width:18px;height:18px}.reference-app>main{padding-top:var(--app-header-height);scroll-padding-bottom:var(--mobile-bottom-exclusion)}.reference-app .collection,.reference-app .reference-events,.reference-app .reference-admin,.reference-app .no-family-page{padding-bottom:var(--mobile-bottom-exclusion)}.is-typing .mobile-dock,.is-typing .mobile-controls-launcher{visibility:hidden}body:has(dialog[open]) .reference-header{visibility:hidden}body:has(dialog[open]) .mobile-dock{visibility:hidden}body:has(dialog[open]) .mobile-controls-launcher{visibility:hidden}.dialog{overscroll-behavior:contain;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:8px auto;padding:16px}.dialog-heading{z-index:4;background:var(--surface);gap:8px;padding:12px 0;position:sticky;top:-16px}.dialog-heading h2{margin:0;font-size:18px}.dialog-heading .icon-button{width:44px;min-width:44px;height:44px}.dialog.manage-dialog,.dialog.upload-dialog,.dialog.account-dialog{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:12px}.dialog.bottom-sheet{width:100%;max-width:560px;max-height:85dvh;padding:0 16px max(16px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:auto auto 0}.bottom-sheet .dialog-heading{top:0}.bottom-sheet:before{content:"";background:var(--border-strong);border-radius:4px;width:32px;height:4px;margin:8px auto 0;display:block}.lane-popup-positioner{max-width:calc(100vw - 16px)}.lane-option,.lane-menu-item{min-height:40px}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea{font-size:16px}}.reference-viewer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--surface:#181c24;--surface-inset:#131720;--surface-raised:#252b35;--text:#f4f5f7;--muted:#adb5c2;--text-muted:#adb5c2;--border:#ffffff30;--line:#ffffff30;--border-strong:#697481;--accent-text:#d0ff71;--accent-soft:#d0ff7117;--hover:#ffffff12;--soft:#ffffff08;--focus:#cbe4a4;--danger:#ffb2b6}.viewer-mobile-actions{display:none}@media (max-width:900px){.reference-viewer .viewer-secondary{display:none}.viewer-mobile-actions{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.viewer-volume-setting{flex-direction:column;gap:8px;display:flex}.viewer-volume-setting input{width:100%;max-width:100%}.reference-viewer .viewer-top{padding:6px max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));gap:8px;height:56px}.reference-viewer .viewer-top .icon-btn,.reference-viewer .viewer-top .viewer-settings{width:44px;min-width:44px;height:44px;padding:0}.reference-viewer .cinema-audio>input[type=range]{display:none}.reference-viewer .cinema-audio{flex:none;width:auto;min-width:0;margin-left:0}.reference-viewer .cinema-transport{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);gap:2px;min-width:0;display:grid}.reference-viewer .cinema-buttons,.reference-viewer .cinema-end{gap:2px}.reference-viewer .cinema-transport .cinema-time{white-space:nowrap;text-align:center;min-width:0;font-size:11px}.reference-viewer .cinema-transport .icon-btn{width:36px;min-width:36px;height:44px}.reference-viewer .cinema-controls{max-width:calc(100vw - 16px);padding:10px}.reference-viewer .viewer-controls{gap:5px;max-width:calc(100vw - 16px)}.reference-viewer .viewer-tempo{height:42px;min-height:42px}.reference-header .desktop-navigation{display:none}}.controls-scene-tools{border:0;margin:16px 0 0;padding:0}.controls-scene-tools legend{margin-bottom:8px;font-size:13px}.controls-scene-tools>div{gap:6px;display:flex}.controls-scene-tools button{flex:1;min-width:38px;min-height:40px;padding:6px}
.mobile-page-actions,.mobile-search-cancel,.mobile-selection-row,.collection-count-short,.mobile-tree-actions,.mobile-tree-cancel,.mobile-event-menu,.selection-touch-hint{display:none}.ml-tree-find{width:240px;min-width:0}.ml-tree-find>.lane-combobox{width:100%}.ml-tree-fit span{display:none}.shared-collection-toolbar.collection-toolbar .search-field{height:var(--control-height);min-height:var(--control-height)}.shared-collection-toolbar.collection-toolbar .search-field input:not([type=range]){height:calc(var(--control-height) - 2px);min-height:0;padding-block:0}.shared-collection-toolbar .collection-actions>.button,.shared-collection-toolbar .lane-select{min-height:var(--control-height)}.filter-active-count,.page-active-badge{border:1px solid var(--border);background:var(--accent);min-width:17px;height:17px;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;padding-inline:3px;font-size:11px;font-weight:650;line-height:1;display:inline-grid}.empty-recovery-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.collection-load-error{color:var(--muted);padding:20px 0}.page-filter-sheet{width:min(480px,100vw - 24px)}.page-filter-fields{gap:12px;padding:0 0 14px;display:grid}.page-filter-fields>label{color:var(--text);gap:6px;font-size:14px;display:grid}.page-filter-fields .lane-select{width:100%;min-width:0;height:40px}.page-type-filter{border:0;min-width:0;margin:0;padding:0}.page-type-filter legend{margin-bottom:6px;padding:0;font-size:14px}.page-type-filter .filter-pills{width:100%;display:flex}.page-type-filter .filter-pills button{border-radius:9px;flex:1;min-height:36px;font-size:13px}.page-filter-fields>.page-filter-checkbox{align-items:center;gap:8px;min-height:36px;display:flex}.page-filter-checkbox input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:0}.page-filter-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:10px 0 12px;display:flex}.page-filter-footer>.text-button{min-height:36px;margin:0}.page-filter-footer .dialog-actions{margin:0;padding:0}.page-filter-footer .button{min-height:40px}@media (max-width:900px){.collection:not(.collection-manage),.reference-events{padding:8px 14px var(--mobile-bottom-exclusion)}.collection .shared-collection-toolbar.collection-toolbar,.reference-events .shared-collection-toolbar.collection-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;min-height:44px;margin-bottom:10px;display:flex;position:relative}.collection .shared-collection-toolbar .collection-title,.reference-events .shared-collection-toolbar .collection-title{flex-flow:row;flex:auto;align-items:baseline;gap:7px;min-width:0;display:flex}.shared-collection-toolbar .collection-title h1{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;font-size:18px;line-height:1.3;overflow:hidden}.collection-count-full{display:none}.collection-count-short{font-variant-numeric:tabular-nums;display:inline}.collection .shared-collection-toolbar>.search-field,.reference-events .shared-collection-toolbar>.search-field,.shared-collection-toolbar>.collection-actions,.collection:not(.trash-collection) .shared-collection-toolbar>.collection-filterbar{display:none}.mobile-page-actions,.mobile-tree-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mobile-page-actions>.page-icon-action,.mobile-tree-actions>.page-icon-action,.mobile-selection-row>.page-icon-action{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0;position:relative}.page-icon-action .page-active-badge{position:absolute;top:-3px;right:-2px}.shared-collection-toolbar.search-open>.collection-title,.shared-collection-toolbar.has-mobile-selection>.collection-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.shared-collection-toolbar.search-open .mobile-page-actions{display:none}.collection .shared-collection-toolbar.search-open>.search-field,.reference-events .shared-collection-toolbar.search-open>.search-field{background:var(--surface-inset);border-radius:9px;flex:auto;width:auto;min-width:0;height:40px;min-height:40px;display:flex}.shared-collection-toolbar.search-open .search-field input{min-width:0;padding-block:0;font-size:16px}.shared-collection-toolbar.search-open .search-field .icon-button{width:36px;min-width:36px;height:36px;min-height:36px}.shared-collection-toolbar.search-open>.mobile-search-cancel{flex-shrink:0;align-items:center;height:40px;padding-inline:4px;display:inline-flex}.shared-collection-toolbar.has-mobile-selection>.mobile-page-actions,.collection .shared-collection-toolbar.has-mobile-selection>.search-field,.shared-collection-toolbar.has-mobile-selection>.mobile-search-cancel{display:none}.shared-collection-toolbar>.mobile-selection-row{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;display:flex}.mobile-selection-row strong{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:14px;font-weight:550}.mobile-selection-row>.button:not(.page-icon-action){height:40px;min-height:40px;padding:0 12px}.collection:not(.trash-collection)>.selection-toolbar{display:none}.collection .selection-hint{margin:0 0 10px;font-size:13px}.selection-pointer-hint{display:none}.selection-touch-hint{display:inline}.collection-empty{padding:36px 8px}.page-filter-sheet{width:min(520px,100vw);max-width:100vw;max-height:calc(100dvh - 16px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;margin:auto auto 0}.page-filter-sheet .dialog-heading{z-index:1;background:var(--surface);padding:12px 0;position:sticky;top:0}.page-filter-footer .dialog-actions .button:not(.primary){display:none}.page-filter-footer{position:sticky;bottom:0}.page-filter-footer .dialog-actions{justify-content:flex-end;gap:8px;display:flex}.page-filter-footer .button{flex:0 auto;width:auto}.event-actions .desktop-event-action{display:none}.reference-events .event-actions .mobile-event-menu{border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;margin:0;padding:0;display:inline-flex}.event-actions>.button:not(.mobile-event-menu){min-height:40px}.faithful-tree{height:calc(100dvh - var(--app-header-height,100px) - var(--app-footer-height,64px));grid-template-rows:auto minmax(0,1fr);min-height:0;padding:8px 14px 12px;position:relative}.faithful-tree .ml-tree-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;min-height:44px;display:flex}.ml-tree-title{flex:1;gap:7px;min-width:0;margin-right:0}.ml-tree-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.ml-tree-title>span{color:var(--muted)}.ml-tree-toolbar>.ml-tree-secondary,.ml-tree-find,.ml-tree-toolbar.find-open>.ml-tree-title,.ml-tree-toolbar.find-open>.mobile-tree-actions{display:none}.ml-tree-toolbar.find-open>.ml-tree-find{flex:1;min-width:0;display:block}.ml-tree-find .lane-combobox{width:100%;height:40px}.ml-tree-find .lane-combobox input{min-width:0;font-size:16px}.ml-tree-toolbar.find-open>.mobile-tree-cancel{align-items:center;height:40px;padding-inline:4px;display:inline-flex}.faithful-tree .ml-tree-camera-controls{z-index:32;left:max(12px, env(safe-area-inset-left));bottom:calc(var(--app-footer-height) + var(--mobile-controls-gap));height:var(--control-touch-size);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong);border:0;border-radius:9px;grid-area:auto;justify-self:start;align-items:center;gap:0;padding:0;display:flex;position:fixed}.ml-tree-camera-controls .ml-tree-icon{width:var(--control-touch-size);height:var(--control-touch-size);min-width:var(--control-touch-size);min-height:var(--control-touch-size);background:0 0;border:0;border-radius:0;padding:0}.ml-tree-camera-controls .ml-tree-icon:first-child{border-radius:9px 0 0 9px}.ml-tree-camera-controls .ml-tree-icon:last-child{border-radius:0 9px 9px 0}.ml-tree-camera-controls .ml-tree-icon+.ml-tree-icon{box-shadow:inset 1px 0 0 var(--border)}.ml-tree-camera-controls .ml-tree-fit{width:var(--control-touch-size);padding:0}.ml-tree-fit svg{display:block}.ml-tree-fit span{display:none}.faithful-tree .ml-tree-stage{margin-top:8px}.trash-collection .shared-collection-toolbar{flex-wrap:wrap!important}.trash-collection .collection-filterbar{flex-basis:100%}}@media (pointer:coarse){.selection-pointer-hint{display:none}.selection-touch-hint{display:inline}}@media (max-width:900px) and (max-height:420px){.page-filter-sheet{max-height:calc(100dvh - 8px)}.page-filter-footer{position:static}.page-filter-fields{gap:10px}}@media (forced-colors:active){.page-active-badge,.filter-active-count{border-color:highlight}}@media (max-width:900px){.mobile-page-actions,.mobile-tree-actions{gap:0}.mobile-page-actions>.page-icon-action,.mobile-tree-actions>.page-icon-action,.mobile-selection-row>.page-icon-action{isolation:isolate;background:0 0;border:0;width:44px;min-width:44px;height:44px;min-height:44px}.mobile-page-actions>.page-icon-action:before,.mobile-tree-actions>.page-icon-action:before,.mobile-selection-row>.page-icon-action:before{content:"";z-index:-1;background:var(--surface);border:1px solid var(--border);border-radius:9px;position:absolute;inset:2px}.mobile-page-actions>.page-icon-action:hover:before,.mobile-tree-actions>.page-icon-action:hover:before,.mobile-selection-row>.page-icon-action:hover:before{background:var(--soft)}.page-icon-action .page-active-badge{top:0;right:0}}.page-back-action{border-radius:9px;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0}@media (max-width:900px){.shared-collection-toolbar.search-open>.page-back-action,.shared-collection-toolbar.has-mobile-selection>.page-back-action{display:none}}
.reference-motion .motion-lane[hidden]{display:none}.reference-motion .motion-scene-skip{z-index:30;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);clip-path:inset(50%);border-radius:8px;padding:10px 14px;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.reference-motion .motion-scene-skip:focus-visible{clip-path:none;transform:none}.reference-motion .book-center{align-items:center;gap:12px;min-width:0;display:flex}.reference-motion .book-browse-host{display:none}.reference-motion .book-count{color:var(--text);font-variant-numeric:tabular-nums}.reference-motion .book-controls [data-book-step]{min-width:44px;min-height:44px}.reference-motion .journey-finale-copy .journey-action{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:10px 18px}.reference-motion .journey-finale-copy .journey-action:hover,.reference-motion .journey-finale-copy .journey-action:focus-visible{background:var(--surface-inset);color:var(--text)}.reference-motion .journey-finale-copy .journey-action:active{background:var(--soft)}.book-browse-content{gap:12px;width:min(280px,100vw - 64px);padding:6px;display:grid}.book-browse-content output{color:var(--muted);font-variant-numeric:tabular-nums}.book-browse-range{width:100%;min-width:0;height:44px;accent-color:var(--accent)}.reference-motion .motion-lane,.reference-motion .lens-stage,.reference-motion .journey-space,.reference-motion .space-memory,.reference-motion .memory-globe,.reference-motion .globe-memory,.reference-motion .book-engine,.reference-motion .stf__block,.reference-motion .book-page,.reference-motion .living-ribbon,.reference-motion .journey-film-frame,.reference-motion .journey-photo,.reference-motion .space-memory .journey-photo,.reference-motion .book-engine .book-page button{touch-action:pan-y pinch-zoom}@media (min-width:901px){.reference-motion .journey-space.journey-space,.reference-motion .space-memory.space-memory,.reference-motion .space-memory .journey-photo,.reference-motion .memory-globe.memory-globe,.reference-motion .globe-memory.globe-memory{touch-action:pinch-zoom}}@media (max-width:900px){.reference-motion .journey-shortcuts,.reference-motion .journey-cluster{display:none}.reference-motion .book-sticky{gap:24px;padding:22px 20px 60px}.reference-motion .book-controls{flex-wrap:nowrap;gap:8px;min-height:44px}.reference-motion .book-center{flex-direction:column;flex:1;gap:0}.reference-motion .book-center>.book-count,.reference-motion .book-range{display:none}.reference-motion .book-browse-host{display:block}.reference-motion .book-browse{min-height:44px;color:var(--text);background:0 0;border:0;flex-direction:column;justify-content:center;gap:2px;padding:3px 8px;font-size:12px;display:flex}.reference-motion .book-browse small{text-underline-offset:3px;font-size:11px;text-decoration:underline}.reference-motion .journey-finale-copy>div{gap:8px}.reference-motion .journey-finale-copy .journey-action{padding:9px 14px;font-size:12px}.reference-motion[data-mobile-stage=true]{--scene-height:calc(var(--mobile-stage-height) - var(--mobile-controls-clearance));--long-scene-height:var(--scene-height);height:var(--mobile-stage-height);touch-action:pinch-zoom;position:relative;overflow:clip}.reference-motion[data-mobile-stage=true] #memory-journey{display:contents}.reference-motion[data-mobile-stage=true] :is(#motion-view,[data-scene]){height:var(--mobile-stage-height);block-size:var(--mobile-stage-height);min-height:0;margin:0;padding:0;position:absolute;inset:0;overflow:clip}.reference-motion[data-mobile-stage=true] [data-stage-active=false]{visibility:hidden;opacity:0;pointer-events:none}.reference-motion[data-mobile-stage=true] [data-stage-active=true]{visibility:visible}@media (prefers-reduced-motion:no-preference){.reference-motion[data-mobile-stage=true] [data-stage-active=true]{animation:.26s cubic-bezier(.22,1,.36,1) both stage-arrive}}.reference-motion[data-mobile-stage=true] [data-stage-active=false] .motion-tile{will-change:auto}.reference-motion[data-mobile-stage=true] .lens-card .journey-photo{box-shadow:0 4px 14px #0004}.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .lens-stage{height:var(--mobile-stage-height)}.reference-motion[data-mobile-stage=true] .journey-film-frame .journey-photo{box-shadow:0 4px 14px #0003}.reference-motion[data-mobile-stage=true] .space-memory .journey-photo{box-shadow:0 5px 14px #0006,0 0 2px #f5ecd780}.reference-motion[data-mobile-stage=true] .globe-memory .journey-photo{box-shadow:0 2px 6px #0004}.reference-motion[data-mobile-stage=true] .motion-wall{bottom:calc(var(--mobile-controls-clearance) - 80px)}.reference-motion[data-mobile-stage=true] .living-ribbons{gap:clamp(8px,1.5dvh,14px);padding-block:12px}.reference-motion[data-mobile-stage=true] .journey-film-frame{width:calc(clamp(110px, 22dvh, 190px) * var(--ratio))}.reference-motion[data-mobile-stage=true] .book-sticky{height:var(--scene-height);gap:12px;min-height:0;padding:18px 20px 8px}.reference-motion[data-mobile-stage=true] .book-controls{width:100%}.reference-motion[data-mobile-stage=true] .journey-finale{border-radius:0}.reference-motion[data-mobile-stage=true] .living-finale-image{inset:10px 12px calc(var(--mobile-controls-clearance) + 10px);border-radius:20px;overflow:hidden}.reference-motion[data-mobile-stage=true] .journey-finale-copy{top:calc(var(--scene-height) / 2);left:32px;right:30px}.reference-motion[data-mobile-stage=true] .journey-finale-copy h2{margin-bottom:20px;font-size:clamp(30px,8vw,48px)}.reference-motion[data-mobile-stage=true] .journey-finale-copy .journey-action{min-height:40px}.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .motion-lane.motion-lane,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .lens-stage.lens-stage,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .journey-space.journey-space,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .space-memory.space-memory,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .space-memory .journey-photo,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .memory-globe.memory-globe,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .globe-memory.globe-memory,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .journey-photo.journey-photo,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .book-engine.book-engine,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .stf__block.stf__block,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .book-page.book-page,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .book-page.book-page button,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .living-ribbon.living-ribbon,.reference-motion[data-mobile-stage=true][data-stage-reflow=false] .journey-film-frame.journey-film-frame{touch-action:pinch-zoom}.reference-motion[data-mobile-stage=true][data-stage-reflow=true]{--scene-height:max(22rem, calc(var(--mobile-stage-height) - var(--mobile-controls-clearance)));touch-action:auto;scroll-padding-block:12px var(--mobile-controls-clearance);overflow-y:auto}.reference-motion[data-mobile-stage=true][data-stage-reflow=true] :is(#motion-view,[data-scene]){height:calc(var(--scene-height) + var(--mobile-controls-clearance));block-size:calc(var(--scene-height) + var(--mobile-controls-clearance))}.reference-motion[data-mobile-stage=true][data-stage-reflow=true] :is(#motion-view,[data-scene])[data-stage-active=true]{position:relative}.reference-motion[data-stage-reflow=true] .motion-lane.motion-lane,.reference-motion[data-stage-reflow=true] .lens-stage.lens-stage,.reference-motion[data-stage-reflow=true] .journey-space.journey-space,.reference-motion[data-stage-reflow=true] .space-memory.space-memory,.reference-motion[data-stage-reflow=true] .space-memory .journey-photo,.reference-motion[data-stage-reflow=true] .memory-globe.memory-globe,.reference-motion[data-stage-reflow=true] .globe-memory.globe-memory,.reference-motion[data-stage-reflow=true] .journey-photo.journey-photo,.reference-motion[data-stage-reflow=true] .book-engine.book-engine,.reference-motion[data-stage-reflow=true] .stf__block.stf__block,.reference-motion[data-stage-reflow=true] .book-page.book-page,.reference-motion[data-stage-reflow=true] .book-page.book-page button,.reference-motion[data-stage-reflow=true] .living-ribbon.living-ribbon,.reference-motion[data-stage-reflow=true] .journey-film-frame.journey-film-frame{touch-action:auto}}.dialog.book-browse-dialog{width:min(360px,100vw - 32px);margin:auto}.book-browse-dialog .book-browse-content{width:auto}.reference-motion[data-mobile-stage=true] .living-ribbons{grid-template-rows:repeat(4,minmax(0,1fr))}.reference-motion .media-unavailable:after{content:attr(data-preview-error);color:var(--text);background:var(--surface);text-align:center;place-items:center;padding:6px;font-size:11px;display:grid;position:absolute;inset:0}.reference-motion[data-mobile-stage=true] .motion-tile:not(.media-ready,.media-unavailable,:focus-visible),.reference-motion[data-mobile-stage=true] .journey-photo:not(.media-ready,.media-unavailable,:focus-visible){filter:none}@keyframes stage-arrive{0%{opacity:0}}
.access-auth{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.access-auth-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.access-auth-preferences{align-items:center;gap:8px;margin-left:auto;display:flex}.access-auth>.access-auth-body{border-radius:16px;margin:0 auto;padding:24px}.access-auth .access-auth-title{margin-bottom:20px}.access-auth [data-auth-heading],.identity-recovery-title>h3{scroll-margin-block:20px}.access-auth [data-auth-heading]:focus-visible,.identity-recovery-title>h3:focus-visible{outline:2px solid var(--field-focus);outline-offset:5px;border-radius:2px}.access-auth .identity-recovery .access-form{margin-top:0}.identity-recovery-title>h3{margin:0 0 12px;font-size:21px;line-height:1.3}.identity-recovery .identity-links{flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px}.identity-recovery .identity-links>.text-button{text-align:start;min-height:36px}.family-hub .access-tabs{background:var(--surface-inset);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.family-hub .access-tabs>button{white-space:normal;overflow-wrap:anywhere;border-radius:8px;min-width:0;height:auto;min-height:40px;padding:4px 6px;font-size:12px;line-height:1.25}.family-hub [role=tabpanel]{min-width:0}.family-hub [role=tabpanel]:focus-visible{outline:2px solid var(--field-focus);outline-offset:4px}.family-hub #family-code-help{margin-top:2px;font-weight:400;line-height:1.5}@media (min-width:901px){.access-auth{padding-top:36px}}@media (max-width:900px){.access-auth h1{font-size:26px}.access-auth>.access-auth-body{padding:20px}}.form-field{scroll-margin-block:8px}@media (max-width:900px){.dialog.reference-upload{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0}.reference-upload>.dialog-heading{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));top:0}.reference-upload>.form-stack{padding:12px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.reference-upload .upload-drop{min-height:0;padding:14px 12px}.reference-upload .upload-list{max-height:none;overflow:visible}}@media (min-width:380px) and (max-width:900px){.reference-upload .upload-fields{grid-template-columns:minmax(0,1.4fr) minmax(120px,1fr)}.reference-upload .destination-fields>.form-field{grid-area:2/1}.reference-upload .upload-fields>.form-field{grid-area:2/2}}
@media (pointer:coarse),(max-width:700px){.card-favorite{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;background:0 0;border:0;width:36px;height:36px;top:4px;right:4px}.card-favorite svg{filter:drop-shadow(0 1px 2px #000c)}.card-favorite.is-favorite{color:#fff}.reference-events .event-count{-webkit-backdrop-filter:none;backdrop-filter:none}.reference-upload .upload-drop>p,.reference-upload .upload-drop>small,.reference-upload .upload-close{display:none}}.dialog .form-field input:not([type=range]):not([type=checkbox]):not([type=radio]):not([role=combobox]):not(:disabled),.dialog .form-field textarea:not(:disabled){background:var(--surface)}.lane-menu:focus,.lane-menu:focus-visible{outline:none}.embedded-music{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}@media (max-width:900px) and (max-height:500px){.reference-header{grid-template:"brand context actions"/auto minmax(0,1fr) auto;padding-bottom:4px}.reference-header .header-context{width:auto}}.identity-email-change>summary{cursor:pointer;color:var(--text);padding:8px 0;font-size:13px}.viewer-settings-content .subtle-btn{align-items:center;gap:6px;display:inline-flex}@media (max-width:900px){.dialog>.help-content,.dialog>.access-panel,.dialog>.family-hub,.dialog>p,.dialog>.dialog-actions,.dialog:not(.reference-upload)>form.form-stack{margin-inline:0;padding-inline:0}}.for-touch{display:none}@media (pointer:coarse){.for-touch{display:inline}p.for-touch{display:block}.for-mouse{display:none}}.search-field:focus-within,.events-search:focus-within,.music-search:focus-within{border-color:var(--field-focus);box-shadow:inset 0 0 0 1px var(--field-focus);outline:none}:is(.search-field,.events-search,.music-search) input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible{box-shadow:none;border-color:#0000;outline:none}@media (min-width:901px){.shared-collection-toolbar,.collection-filterbar,.ml-tree-toolbar,.manage-family-label{--control-height:var(--control-compact-height);--field-height:var(--control-compact-height)}.ml-tree-camera-controls .ml-tree-icon{width:var(--control-height);height:var(--control-height)}}:is(.shared-collection-toolbar,.collection-filterbar,.ml-tree-toolbar,.manage-family-label) .lane-select,:is(.shared-collection-toolbar,.collection-filterbar,.ml-tree-toolbar,.manage-family-label) .lane-combobox,:where(.shared-collection-toolbar,.collection-filterbar,.ml-tree-toolbar) .button:not(.primary,.active,[aria-pressed=true]){background-color:var(--surface-inset)}.collection-filterbar .button,.collection-filterbar .lane-select{font-weight:450}.collection-filterbar .filter-pills button{font-size:13px}.shared-collection-toolbar.collection-toolbar .search-field input:not([type=range]){padding-inline:0}.form-field :is(.lane-select,.lane-combobox input){font-size:14px}.page-filter-footer>.text-button{font-size:13px}.dialog .event-family-select{background-color:var(--surface);justify-content:space-between;padding-inline:10px;font-size:14px;font-weight:400}
