@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.0r91virwwy7i7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0b8fr24hsg_rp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.1tkuwlnjs9jrl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#faf9f6;--sidebar:#f1f2eb;--surface:#fff;--ink:#293d34;--muted:#596653;--green:#315e46;--green-dark:#234634;--pale:#e9eee4;--line:#e6e8df;--peach:#f7eee1;--serif:"Newsreader Variable", Georgia, serif;--sans:"DM Sans Variable", sans-serif;--shadow:0 12px 40px #293d340b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #7d9270}input,textarea,select{color:var(--ink)}.icon-button[data-pointer-focus=true]:focus-visible,.dialog [data-pointer-focus=true]:focus-visible{outline:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}::selection{background:#dce6d4}fieldset{border:0;margin:0;padding:0}img,video{max-width:100%}button{transition:background .18s,box-shadow .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.green-dot{background:#749161;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.eyebrow{letter-spacing:1.7px;color:#596653;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.tiny-spark{color:#596653;font-size:21px;font-weight:400}.icon-button{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}@media (hover:hover){.icon-button:hover{background:var(--pale)}}.button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 18px;font-size:12px;font-weight:500;display:inline-flex}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #2346340a}.button.primary:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 14px #315e4625}.button.secondary{border:1px solid var(--line);background:#fff}.button.secondary:hover{background:var(--pale)}.button.danger{color:#fff;background:#a54b40}.text-button{color:#596653;background:0 0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl] .rtl-flip{transform:scaleX(-1)}
.app-shell{min-height:100dvh;display:flex}.sidebar{background:var(--sidebar);z-index:10;border-inline-end:1px solid #e4e6dc;flex-direction:column;width:231px;padding:35px 21px 20px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.wordmark{font-family:var(--serif);letter-spacing:-1.3px;align-items:center;gap:7px;font-size:35px;font-weight:500;line-height:1;display:flex}.wordmark .moments-logo{color:var(--ink);display:block}.workspace-label{letter-spacing:1.7px;color:#596653;margin:15px 0 42px 5px;font-size:11px}.main-nav{flex-direction:column;gap:7px;display:flex}.main-nav a{text-align:start;color:#596653;background:0 0;border-radius:8px;align-items:center;gap:11px;padding:13px 12px;font-size:12px;display:flex}.main-nav a.selected{color:#33543e;background:#e3e8dc;font-weight:600}.main-nav a>svg:last-child:not(:first-child){margin-inline-start:auto}.main-nav a:hover{background:#e9ede2}.sidebar-section{color:#596653;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin:35px 10px 16px;font-size:11px;font-weight:500;display:flex}.family-count{letter-spacing:0;border:1px solid #dbe0d1;border-radius:4px;padding:0 4px;font-size:11px}.people-nav{flex-direction:column;gap:6px;display:flex}.people-nav button{text-align:start;background:0 0;border-radius:9px;align-items:center;gap:11px;padding:11px 9px;display:flex}.people-nav button.active{background:#fff;box-shadow:0 2px 7px #3d513705}.people-nav button:hover{background:#ffffffa6}.people-nav .sample-photo{border-radius:50%;flex-shrink:0;width:36px;height:36px}.people-nav strong{font-size:12px;font-weight:600;display:block}.people-nav small{color:#596653;margin-top:2px;font-size:11px;display:block}.main-shell{width:calc(100% - 231px);min-width:0;margin-inline-start:231px}.mobile-menu{display:none}.main-content{max-width:1290px;margin:0 auto;padding:0 46px}
.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;min-height:360px;padding:33px 0 24px;display:grid}.hero-copy h1{font-family:var(--serif);letter-spacing:-2.2px;margin:20px 0 15px;font-size:clamp(50px,4.8vw,72px);font-weight:400;line-height:1.04}.hero-copy h1 em{color:#596653;font-weight:400}.hero-copy>p{color:#596653;letter-spacing:.05px;font-size:12px;line-height:1.9}.hero-meta{color:#596653;flex-wrap:wrap;align-items:center;gap:7px;margin-top:23px;font-size:11px;display:flex}.meta-dot{color:#b1b7a9;margin:0 4px}.hero-meta .green-dot{width:4px;height:4px}.portrait-scene{isolation:isolate;justify-self:end;width:100%;max-width:410px;height:303px;position:relative}.main-polaroid{top:10px;z-index:2;background:#fff;border:1px solid #eae9e3;border-radius:3px;width:207px;padding:10px 10px 0;position:absolute;inset-inline-end:37px;box-shadow:0 9px 22px #45523d18}.portrait-window{border-radius:1px;height:191px;position:relative;overflow:hidden}.portrait-layer{position:absolute;inset:0}.sample-photo{isolation:isolate;background:#e4e7dc;position:relative;overflow:hidden}.sample-photo>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.portrait-layer .sample-photo{width:100%;height:100%}.polaroid-caption{font-family:var(--serif);color:#596653;justify-content:space-between;align-items:center;padding:12px 3px 10px;font-size:12px;font-style:italic;display:flex}.polaroid-caption>span:last-child{color:#596653;font-size:19px}.mini-polaroid{inset-inline-start:23px;background:#fff;border:1px solid #eeede7;width:129px;padding:7px;position:absolute;top:80px;transform:rotate(-12deg);box-shadow:0 7px 20px #45523d12}.mini-polaroid .sample-photo{width:100%;height:104px}.mini-polaroid>span{font-family:var(--serif);text-align:center;color:#596653;padding-top:8px;font-size:11px;font-style:italic;display:block}.portrait-note{font-family:var(--serif);top:12px;color:#596653;font-size:21px;font-style:italic;line-height:1.12;position:absolute;inset-inline-start:7px;transform:rotate(-8deg)}.scene-spark{color:#596653;font-size:31px;font-weight:400;position:absolute}.spark-one{inset-inline-end:5px;top:51px;transform:rotate(20deg)}.spark-two{inset-inline-start:44px;font-size:35px;bottom:19px}.portrait-age{bottom:0;text-align:center;z-index:3;position:absolute;inset-inline-end:49px}.portrait-age>span{color:#596653;font-size:11px;display:block}.portrait-age small{color:#596653;margin-top:3px;font-size:11px;display:block}.portrait-empty{background:var(--pale);width:100%;height:100%;font:64px var(--serif);place-items:center;display:grid}.time-machine{background:#f0f2e9;border:1px solid #e4e8db;border-radius:13px;padding:23px 26px 15px;position:relative}.time-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.time-header .eyebrow{letter-spacing:1.5px;color:#596653;font-size:11px}.time-header h2{font-family:var(--serif);letter-spacing:-.5px;margin-top:11px;font-size:26px;font-weight:400;line-height:1}.time-tools{align-items:center;gap:12px;display:flex}.scale-select{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.scale-select select{appearance:none;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;width:84px;min-height:36px;padding-block:8px;padding-inline:8px 24px;font-size:11px}.scale-select select:hover{background:#e5e9dc}.scale-select>svg{pointer-events:none;color:var(--muted);position:absolute;inset-inline-end:6px}.time-range[data-pointer-focus=true]:focus{outline:none}.date-jump{color:#596653;justify-content:center;align-items:center;width:30px;height:32px;display:flex;position:relative}.date-jump input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-jump input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.time-tools [data-pointer-focus=true]:focus{outline:none}.date-jump:has(input:focus:not([data-pointer-focus=true])){outline-offset:3px;outline:2px solid #7d9270}.rail-wrap{touch-action:none;margin:28px 2px 0;position:relative}.rail-marks{pointer-events:none;justify-content:space-between;align-items:flex-end;height:31px;margin:0 10px;display:flex}.rail-marks>span{background:#cbd2bd;width:1px;height:9px}.rail-marks>span.major{background:#b9c4a6;height:17px}.time-range{appearance:none;cursor:pointer;touch-action:none;z-index:2;background:0 0;width:100%;height:24px;margin:0;display:block;position:relative}.time-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #6d8750 var(--progress), #cbd4bb var(--progress));border-radius:2px;height:2px}.time-range::-moz-range-track{background:#cbd4bb;height:2px}.time-range::-moz-range-progress{background:#6d8750;height:2px}.time-range::-webkit-slider-thumb{cursor:pointer;appearance:none;background:#5b7844;border:5px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-9px;box-shadow:0 0 0 1px #9bb484,0 2px 5px #46603322}.time-range::-moz-range-thumb{cursor:pointer;background:#5b7844;border:5px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #9bb484}.memory-markers{inset-inline:10px;pointer-events:none;height:20px;position:absolute;top:13px}.memory-markers>span{background:#91a77d;border-radius:50%;width:4px;height:4px;position:absolute;transform:translate(-2px)}.rail-labels{color:#596653;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.precision-tether{pointer-events:none;z-index:5;color:#6e8755;width:100%;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.precision-tether svg{display:block;overflow:visible}.precision-tether>span{color:#fff;white-space:nowrap;box-shadow:var(--shadow);background:#365440;border-radius:6px;padding:7px 11px;font-size:11px;position:absolute;transform:translate(-50%)}.time-footer{border-top:1px solid #e0e5d5;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-top:20px;padding-top:11px;display:flex}.time-footer p{color:#596653;align-items:center;gap:6px;font-size:11px;display:flex}.memory-jump{align-items:center;gap:2px;min-width:0;display:flex}.memory-jump .icon-button{color:#596653;width:27px;height:27px}.nearest-memory{color:#50653f;background:0 0;align-items:center;gap:12px;min-width:0;font-size:11px;display:flex}.nearest-memory>span{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.mobile-hint{display:none}.library-heading{padding:40px 0 0}.library-heading h1{font:400 clamp(38px, 4vw, 57px)/1.1 var(--serif);letter-spacing:-1px;margin:18px 0 14px}.library-heading h1>span{color:#596653}.library-heading>p{color:var(--muted);font-size:12px}
.memories-section{margin-top:39px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading .eyebrow{letter-spacing:1.5px;font-size:11px}.section-heading h2{font:400 28px/1.2 var(--serif);letter-spacing:-.5px;align-items:center;gap:10px;margin-top:8px;display:flex}.count-badge{color:#596653;font:10px var(--sans);letter-spacing:0;background:#ecefe6;border-radius:5px;padding:4px 6px}.memory-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-bottom:18px;display:flex}.filter-list{flex-wrap:wrap;gap:3px;display:flex}.filter-button{color:#596653;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.filter-button.active{color:#4c6540;background:#e8eddf;font-weight:500}.filter-button:hover{background:#edf0e6}.search-field{color:#596653;border-bottom:1px solid #e1e5d8;align-items:center;gap:8px;min-width:130px;max-width:184px;padding:6px 1px;display:flex}.search-field input{outline-offset:3px;background:0 0;border:0;width:100%;min-width:0;padding:3px 0;font-size:11px}.search-field input::placeholder{color:#596653}.clear-search{color:#596653;background:0 0;padding:0;display:flex}.result-meta{color:#596653;justify-content:space-between;margin:17px 0;font-size:11px;display:flex}.result-meta>span{align-items:center;gap:4px;display:flex}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid;position:relative}.memory-card{text-align:start;background:var(--surface);transform-origin:bottom;border:1px solid #e9e9e1;border-radius:10px;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #26342a03}.memory-card:hover{border-color:#d4ddc8;box-shadow:0 9px 22px #293d3410}.card-photo{aspect-ratio:1.32;background:#eeeade;width:100%;position:relative;overflow:hidden}.card-photo .sample-photo{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.memory-card:hover .card-photo>.sample-photo{transform:scale(1.04)}.milestone-tag{inset-inline-start:13px;color:#697955;background:#fffef4ed;border:1px solid #fff8;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:flex;position:absolute;bottom:12px;box-shadow:0 2px 6px #00000004}.milestone-tag>span{color:#596653;font-size:11px}.card-open{top:12px;color:#3d5336;opacity:0;background:#fff9;border-radius:50%;place-items:center;width:29px;height:29px;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset-inline-end:12px;transform:translate(-5px)}.memory-card:hover .card-open{opacity:1;transform:translate(0)}.card-body{flex-direction:column;flex:1;width:100%;padding:17px 18px 13px;display:flex}.card-date{letter-spacing:.1px;color:#596653;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.shared-tag{color:#596653;background:#f0f2e9;border-radius:4px;padding:2px 5px;font-size:11px}.card-body h3{font:400 20px/1.2 var(--serif);letter-spacing:-.1px;margin-top:10px}.card-body>p{color:#596653;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 15px;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.card-footer{color:#596653;border-top:1px solid #f0f0e9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;font-size:11px;display:flex}.card-footer svg{color:#aab597}.words-card{background:#f8f2e7}.words-card .card-footer{border-color:#ece5d8}.quote-preview{aspect-ratio:1.32;flex-direction:column;justify-content:space-between;padding:17px 23px;display:flex}.quote-mark{font:62px/.7 var(--serif);color:#c4b492;margin-top:8px}.quote-preview p{font:400 20px/1.35 var(--serif);color:#596653;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box;overflow:hidden}.little-words{letter-spacing:1.3px;color:#596653;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.words-card .card-body{padding-top:8px}.words-card .card-body h3{margin-bottom:15px}.library-empty-state{--empty-accent:var(--green);text-align:center;border:1px solid var(--line);background:radial-gradient(at 50% 18%,#e6ecdf99,#0000 65%),#fffdf8;border-radius:20px;padding:clamp(32px,5vw,64px) 24px}.library-empty-copy{max-width:480px;margin:auto}.library-empty-label{color:var(--muted);margin:14px 0 12px;font-size:12px}.library-empty-state h3{font:400 clamp(26px, 2.6vw, 36px)/1.2 var(--serif);text-wrap:balance}.library-empty-description{color:var(--muted);text-wrap:pretty;max-width:44ch;margin:14px auto 0;font-size:14px;line-height:1.7}.library-empty-query{overflow-wrap:anywhere;margin:16px auto 0;font-size:13px;line-height:1.6}.library-empty-query bdi{font-weight:600}.storage-banner{color:#8b724e;background:#f6ebd8;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:13px 16px;font-size:11px;display:flex}.storage-banner button{white-space:nowrap;color:#69563d;background:0 0;text-decoration:underline}.toast{z-index:40;background:#fff;border:1px solid #e3e9db;border-radius:11px;align-items:center;gap:10px;min-width:310px;max-width:calc(100% - 28px);padding:10px 12px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #243d3425}.toast>span{color:#68864e;background:#e8eedf;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.toast>.icon-button{margin-inline-start:auto}.memory-sort-button{min-height:44px;color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 4px;font-size:11px;display:inline-flex}.memory-sort-button:hover{color:var(--green)}
.dialog{background:var(--paper);color:var(--ink);border:1px solid #e6e8df;border-radius:18px;width:min(620px,100% - 32px);max-height:90dvh;padding:0;animation:.25s cubic-bezier(.16,1,.3,1) dialog-in;overflow:auto;box-shadow:0 25px 100px #20332935}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25362d66;animation:.2s backdrop-in}.dialog-close{inset-inline-end:16px;z-index:5;background:#faf9f6ec;position:absolute;top:16px;box-shadow:0 1px 5px #21362908}@media (hover:hover){.dialog-close:hover{background:#e7ecdf}}.dialog-heading{padding-inline-end:23px}.dialog-heading .eyebrow{letter-spacing:1.5px;font-size:11px}.dialog-heading h2{font:400 43px/1.1 var(--serif);letter-spacing:-1px;margin:15px 0 8px}.dialog-heading p{color:#596653;font-size:12px}.composer-dialog{padding:34px}.capture-actions{grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 23px;display:grid}.capture-tile{color:#70865a;background:#eef2e6;border:1px dashed #cbd6bc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:112px;padding:14px 8px;display:flex}.capture-tile:hover{background:#e5ecd9}.capture-tile>span{color:#536b42;font-size:12px;font-weight:500}.capture-tile>small{color:#596653;margin-top:-5px;font-size:11px}.capture-tile.recording{color:#b06852;background:#f9e9df;border-color:#c4a495}.capture-tile.recording svg{animation:1.4s infinite record-pulse}.field-label{color:#596653;align-items:center;gap:6px;margin:19px 0 8px;font-size:11px;font-weight:500;display:flex}.field-label>span{color:#596653;font-size:11px;font-weight:400}.text-input{color:#4e6045;background:#fff;border:1px solid #e1e6d8;border-radius:7px;width:100%;min-width:0;padding:12px 13px;font-size:12px}textarea.text-input{resize:vertical}.text-input::placeholder{color:#aeb5a3}.title-input{font-family:var(--serif);padding:10px 13px;font-size:22px}.text-input:focus{border-color:#a2b98d}.form-grid{grid-template-columns:1fr 1.35fr;align-items:start;gap:20px;margin-top:19px;display:grid}.date-field,.people-field{min-width:0}.form-grid legend.field-label{margin:0 0 8px;padding:0}.date-field input{min-height:44px}.person-options{flex-wrap:wrap;gap:8px;display:flex}.person-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:7px;min-height:43px;padding:6px 9px;font-size:11px;display:flex;position:relative}.person-option.selected{background:#edf2e6;border-color:#b7cba0}.person-option .sample-photo{border-radius:50%;width:25px;height:25px}.person-option input{width:13px;height:13px;accent-color:var(--green);margin:0}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:22px;display:flex}.composer-footer>span{font-family:var(--serif);color:#596653;align-items:center;gap:7px;font-size:13px;font-style:italic;display:flex}.composer-footer .green-dot{width:4px;height:4px}.form-error{color:#9e5949;background:#fff2eb;border:1px solid #e7c9bd;border-radius:7px;margin-top:15px;padding:11px 13px;font-size:11px}.discard-panel{background:var(--peach);border-radius:10px;margin-top:30px;padding:25px}.discard-panel h3{font:25px var(--serif)}.discard-panel p{color:var(--muted);margin:10px 0 20px;font-size:12px}.attachment-list{grid-template-columns:minmax(0,1fr);gap:7px;max-height:210px;margin-bottom:8px;display:grid;overflow:auto}.attachment-item{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.attachment-thumb{color:#596653;background:#f0f3e9;border-radius:4px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.attachment-item>span{flex:1;min-width:0;font-size:11px}.attachment-name{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.attachment-item>button{flex-shrink:0}.attachment-item small{color:var(--muted);font-size:11px;display:block}.attachment-image{object-fit:cover;width:100%;height:100%;display:block}.file-preview{color:#596653;background:#eef1e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;height:100%;padding:20px 15px;display:flex}.file-preview>span,.file-preview>strong{word-break:break-word;text-align:center;font-size:12px}.file-preview>strong{font-weight:500}.file-preview .file-note,.file-preview>p,.file-preview>a:not(.button){font-size:11px}.file-preview>a{text-decoration:underline}.audio-preview{color:#596653;background:#f4ede3}.waveform{justify-content:center;align-items:center;gap:4px;max-width:100%;height:50px;display:flex}.waveform>span{background:#b7a688;border-radius:3px;width:3px}.attachment-count{bottom:11px;text-transform:capitalize;color:#596653;background:#fff9;border-radius:4px;padding:4px 7px;font-size:11px;position:absolute;inset-inline-start:12px}.media-placeholder{color:#596653;background:#edf0e7;place-items:center;height:100%;min-height:100px;font-size:12px;display:grid}.detail-dialog{background:#fff;width:min(620px,100% - 32px)}.detail-cover{height:310px;position:relative;overflow:hidden}.detail-cover>.sample-photo{width:100%;height:100%}.detail-cover .milestone-tag{inset-inline-start:27px;padding:6px 10px;font-size:11px;bottom:20px}.detail-content{padding:30px}.detail-content .eyebrow{letter-spacing:1.4px;font-size:11px}.detail-content h2{font:400 40px/1.1 var(--serif);letter-spacing:-1px;margin:14px 0}.detail-date{color:#596653;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.detail-story{font-family:var(--serif);color:#596653;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0;font-size:21px;line-height:1.7}.detail-author{border-top:1px solid var(--line);color:#596653;align-items:center;gap:11px;padding-top:20px;font-size:11px;display:flex}.detail-author small{color:#596653;margin-top:3px;font-size:11px;display:block}.detail-author>svg{color:#acb999;margin-inline-start:auto}.author-avatar{width:35px;height:35px;font:19px var(--serif);color:#596653;background:#eeeade;border-radius:50%;place-items:center;display:grid}.detail-attachments{gap:12px;margin-bottom:25px;display:grid}.detail-attachment{border:1px solid var(--line);border-radius:8px;overflow:hidden}.detail-attachment .attachment-image{object-fit:contain;background:#f1f2ec;max-height:400px}.detail-attachment video{background:#1e2b23;width:100%;max-height:400px;display:block}.detail-attachment audio{width:100%;max-width:100%}.detail-actions{flex-wrap:wrap;gap:8px 22px;margin-top:20px;display:flex}.detail-actions .text-button{min-height:32px}.edit-link{color:var(--muted)}.delete-link{color:#b88c7d}.delete-confirm{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.delete-confirm p{margin-bottom:15px;font-size:12px}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes record-pulse{50%{opacity:.4}}.transfer-state{gap:8px;min-height:120px}.transfer-bar{background:#d9dfcd;border-radius:4px;width:min(220px,80%);height:4px;overflow:hidden}.transfer-bar>span{background:#527946;height:100%;transition:width .2s ease-out;display:block}.attachment-recovery{border-top:1px solid var(--line);color:#596653;background:#fbf8f1;padding:12px 14px 14px;font-size:13px}.attachment-recovery p{margin:0 0 10px}.attachment-recovery-actions{flex-wrap:wrap;gap:8px;display:flex}.attachment-recovery .form-error{margin:10px 0 0}@media (prefers-reduced-motion:reduce){.transfer-bar>span{transition:none}}
@media (min-width:1500px){.main-content{padding:0 62px}.hero{min-height:400px}.hero-copy h1{font-size:77px}.memory-grid{gap:26px}.portrait-scene{transform-origin:100%;transform:scale(1.06)}}@media (max-width:1180px){.sidebar{width:202px;padding:32px 16px 20px}.main-shell{width:calc(100% - 202px);margin-inline-start:202px}.main-content{padding:0 30px}.hero-copy h1{font-size:57px}.portrait-scene{transform-origin:100%;transform:scale(.92)}.hero{grid-template-columns:1fr 1fr;gap:0}.memory-grid{gap:16px}.memory-toolbar{flex-wrap:wrap;gap:12px}.search-field{max-width:190px;margin-inline-start:auto}.filter-button{padding:7px 8px}.section-heading h2{font-size:25px}.card-body{padding:14px}.quote-preview{padding:17px}.quote-preview p{font-size:18px}.time-footer{flex-wrap:wrap}.memory-jump{margin-inline-start:auto}.hero-meta{max-width:250px}.desktop-hint{display:none}}@media (max-width:960px){.sidebar{width:181px;padding:29px 13px 18px}.main-shell{width:calc(100% - 181px);margin-inline-start:181px}.main-content{padding:0 25px}.wordmark{font-size:30px}.workspace-label{letter-spacing:1.3px;font-size:11px}.main-nav a{padding:12px 9px;font-size:11px}.people-nav button{padding:10px 7px}.people-nav small{font-size:11px}.hero{grid-template-columns:1.1fr .9fr;min-height:335px}.hero-copy h1{font-size:51px}.hero-copy>p{font-size:11px}.portrait-scene{transform-origin:100%;width:330px;margin-inline-start:-50px;transform:scale(.78)}.time-machine{padding:20px 20px 13px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-preview p{font-size:22px}.filter-list{gap:3px}.filter-button{padding:8px;font-size:11px}.section-heading h2{font-size:24px}.add-memory{min-height:40px;padding:10px 13px;font-size:11px}.time-tools{gap:6px}.nearest-memory>span{max-width:140px}}@media (max-width:720px){.sidebar{display:none}.main-shell{width:100%;margin-inline-start:0}.mobile-menu{margin-inline-start:-6px;display:inline-flex}.main-content{max-width:600px;padding:0 22px}.hero{grid-template-columns:1fr .8fr;min-height:312px;padding:28px 0 19px}.hero-copy .eyebrow{letter-spacing:1.2px;gap:5px;font-size:11px}.hero-copy .tiny-spark{font-size:15px}.hero-copy h1{letter-spacing:-1.6px;margin:17px 0 13px;font-size:52px}.hero-copy>p{font-size:11px;line-height:1.9}.hero-meta{gap:5px;max-width:160px;margin-top:17px;font-size:11px}.hero-meta>.meta-dot,.hero-meta .green-dot{display:none}.portrait-scene{transform-origin:100%;width:290px;margin-inline-start:-85px;transform:scale(.65)}.main-polaroid{inset-inline-end:12px}.mini-polaroid{inset-inline-start:7px}.portrait-note{font-size:18px;inset-inline-start:0}.portrait-age{inset-inline-end:26px}.spark-one{inset-inline-end:-8px}.spark-two{inset-inline-start:27px}.time-machine{border-radius:11px;padding:19px 16px 13px}.time-header .eyebrow{letter-spacing:1.2px;font-size:11px}.time-header h2{margin-top:9px;font-size:23px}.date-jump{width:26px}.time-tools{gap:7px}.rail-wrap{margin-top:22px}.rail-labels{font-size:11px}.time-footer{gap:7px;margin-top:17px;padding-top:9px}.time-footer p{font-size:11px}.mobile-hint{display:block}.memory-jump{gap:0;margin-inline-start:auto}.nearest-memory{gap:4px;font-size:11px}.nearest-memory>span{max-width:100px}.memory-jump .icon-button{width:24px;height:30px}.memories-section{margin-top:30px}.section-heading{align-items:flex-end;gap:10px}.section-heading .eyebrow{letter-spacing:1.2px;font-size:11px}.section-heading h2{max-width:220px;font-size:24px;line-height:1.1;display:block;position:relative}.count-badge{display:none}.add-memory{min-height:40px;padding:10px 12px;font-size:11px}.add-memory svg{width:15px}.memory-toolbar{gap:14px;margin-top:20px;padding-bottom:13px}.filter-list{justify-content:space-between;gap:4px;width:100%}.filter-button{gap:5px;min-height:34px;padding:9px 7px;font-size:11px}.filter-button>svg{width:13px;height:13px}.search-field{background:#fff;border:1px solid #e4e7dc;border-radius:7px;width:100%;max-width:none;padding:7px 11px}.search-field input{min-height:25px;font-size:12px}.result-meta{margin:15px 0;font-size:11px}.memory-grid{gap:14px}.card-photo{aspect-ratio:1.08}.card-body{padding:13px 12px 11px}.card-body h3{margin-top:8px;font-size:19px;line-height:1.15}.card-date{font-size:11px}.shared-tag{padding:1px 4px;font-size:11px}.card-body>p{margin:7px 0 12px;font-size:11px;line-height:1.7}.card-footer{padding-top:10px;font-size:11px}.card-footer svg{width:12px}.milestone-tag{inset-inline-start:8px;gap:3px;padding:3px 5px;font-size:11px;bottom:8px}.milestone-tag>span{font-size:11px}.quote-preview{aspect-ratio:1.08;padding:16px}.quote-preview p{-webkit-line-clamp:4;font-size:18px;line-height:1.3}.quote-mark{font-size:44px}.little-words{letter-spacing:.8px;gap:5px;margin-top:7px;font-size:11px}.little-words svg{width:11px}.library-heading{padding:34px 0 20px}.library-heading h1{font-size:39px}.library-heading .eyebrow,.library-heading>p{font-size:11px}.library-heading+.memories-section{margin-top:10px}.dialog{border-radius:15px;width:calc(100% - 22px);max-height:93dvh}.composer-dialog{padding:27px 22px}.dialog-heading .eyebrow{letter-spacing:1px;padding-inline-end:10px;font-size:11px}.dialog-heading h2{font-size:38px}.dialog-heading p{font-size:11px}.capture-actions{gap:10px;margin:23px 0 19px}.capture-tile{min-height:103px}.capture-tile>span,.capture-tile>small{font-size:11px}.text-input{padding:11px 12px;font-size:16px}.title-input{font-size:23px}.field-label{margin-top:17px;font-size:11px}.form-grid{grid-template-columns:1fr;gap:15px}.person-option{min-height:44px;font-size:12px}.composer-footer>span{max-width:102px;font-size:12px}.composer-footer .button{min-height:44px;padding:11px 14px;font-size:11px}.composer-footer{margin-top:19px;padding-top:18px}.detail-cover{height:280px}.detail-content{padding:24px}.detail-content h2{font-size:35px}.detail-story{font-size:20px}.detail-date{font-size:11px}.toast{inset-inline:14px;min-width:0;max-width:none;font-size:11px;bottom:16px;transform:none}.library-empty-state{border-radius:16px;padding:32px 20px}}@media (max-width:390px){.main-content{padding:0 17px}.hero-copy h1{font-size:46px}.hero-copy>p,.hero-copy .eyebrow{font-size:11px}.portrait-scene{margin-inline-start:-106px;transform:scale(.55)}.hero{min-height:280px;padding-top:18px}.hero-meta{font-size:11px}.section-heading h2{font-size:21px}.add-memory{padding:10px;font-size:11px}.time-tools{gap:3px}.filter-button{gap:3px;padding:8px 6px;font-size:11px}.filter-button>svg{width:11px}.time-footer{display:block}.memory-jump{justify-content:flex-end;margin-top:4px}.nearest-memory>span{max-width:150px}.memory-grid{gap:11px}.card-body h3{font-size:18px}.quote-preview p{font-size:16px}.shared-tag{display:none}.card-footer,.capture-tile>small{font-size:11px}.composer-footer>span{display:none}.composer-footer>.button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.memory-card:hover .card-photo>.sample-photo,.button.primary:hover{transform:none}}.time-range{height:44px}.memory-markers{top:23px}.time-footer .icon-button,.date-jump{min-width:44px;min-height:44px}.card-body>p{font-size:12px}@media (max-width:720px){.filter-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.filter-button{justify-content:center;min-width:0;min-height:44px;padding:10px}.filter-button .filter-label{display:none}.filter-button>svg{width:18px;height:18px}.icon-button,.add-memory{min-height:44px}.icon-button{min-width:44px}.hero-copy>p{font-size:12px}.hero-copy .eyebrow{letter-spacing:1px;font-size:10px}.hero-meta{font-size:11px}.capture-tile small{font-size:12px}.text-input,.search-field input,.time-header{flex-wrap:wrap;gap:10px}.time-tools{margin-inline-start:auto}}.startup{min-height:100dvh;font-family:var(--serif);color:var(--ink);place-items:center;font-size:24px;display:grid}@media (max-width:720px){.hero-meta .meta-since{margin-top:4px;display:block}}.toast{width:max-content;min-width:0;margin-inline:auto;inset-inline:14px;transform:none}
.journey{flex-direction:column;gap:18px;height:calc(100dvh - 77px);min-height:540px;padding:20px 0 36px;display:flex}.journey-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.journey-heading h1{font:400 24px/1.2 var(--serif);letter-spacing:-.4px}.journey-heading h1 em{color:var(--muted)}.journey-heading p{color:var(--muted);margin-top:4px;font-size:11px}.memory-stage{flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex}.current-memory{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;max-width:1080px;min-height:0;display:grid;overflow:hidden;box-shadow:0 8px 30px #293d3406}.current-memory-browser{grid-template-columns:44px minmax(0,1fr) 44px;gap:clamp(8px,1.4vw,20px);width:100%;min-height:0;display:grid}.memory-swipe-surface{min-width:0;min-height:0;display:grid}.memory-transition-page{grid-area:1/1;justify-content:center;min-width:0;min-height:0;display:flex}.memory-stage-arrow{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;align-self:center;place-items:center;transition:background .15s,color .15s;display:grid}.memory-stage-arrow:hover:not(:disabled){color:var(--green);background:#e7ecdf80}.memory-stage-arrow:active:not(:disabled){background:#e7ecdf}.memory-stage-arrow:disabled{opacity:.3;cursor:default}.current-memory.with-media{grid-template-columns:1.1fr 1fr}.current-memory.words-memory{background:#fffdf7;max-width:840px}.current-media{background:#e7eade;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.current-media>.sample-photo{width:100%;height:100%}.current-media>img,.current-media>video{object-fit:contain;width:100%;height:100%}.current-media>.sample-photo>svg{object-fit:cover}.current-media>.file-preview{width:100%;height:100%;min-height:0}.current-copy{flex-direction:column;min-width:0;min-height:0;padding:clamp(20px,3vw,42px);display:flex}.current-kicker{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.current-reading{scrollbar-width:thin;scrollbar-color:#c4cfba transparent;overscroll-behavior:contain;flex:1;min-height:0;padding-inline-end:12px;overflow:auto}.current-reading h2{font:400 clamp(26px, 2.8vw, 43px)/1.12 var(--serif);letter-spacing:-.7px;text-wrap:balance}.current-date{color:var(--muted);flex-wrap:wrap;gap:7px;margin:15px 0 24px;font-size:11px;display:flex}.current-story{font:400 clamp(16px, 1.4vw, 19px)/1.75 var(--serif);white-space:pre-wrap}.words-memory .current-copy{padding:clamp(22px,3vw,42px) clamp(24px,5vw,64px)}.words-memory .current-story{font-size:clamp(18px,1.5vw,21px)}.current-foot{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.current-foot button{min-height:32px;color:var(--green);font-size:11px}.journey .time-machine{flex-shrink:0;padding:15px 23px 8px}.journey .time-header h2{margin-top:6px;font-size:24px}.journey .time-header .eyebrow{font-size:10px}.journey .rail-wrap{margin-top:12px}.journey .rail-marks{height:16px}.journey .memory-markers{top:8px}.journey .time-footer{min-height:44px;margin-top:10px;padding-top:4px}#memories{scroll-margin-top:22px}.detail-story{white-space:pre-wrap}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-header .wordmark{margin:0;font-size:28px}.sidebar-changing .sidebar,.sidebar-changing .main-shell{transition:width .22s,margin-inline-start .22s}.sidebar-collapse-handle{top:38px;background:var(--surface);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);opacity:0;z-index:11;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,translate .15s,background .15s,color .15s;display:grid;position:absolute;inset-inline-end:-13px;translate:-6px;box-shadow:0 1px 3px #293d3414}[dir=rtl] .sidebar-collapse-handle{translate:6px}[dir=rtl] .sidebar-collapse-handle svg{transform:scaleX(-1)}.sidebar:is(:hover,:has(:focus-visible)) .sidebar-collapse-handle{opacity:1;translate:0}.sidebar-collapse-handle:hover,.sidebar-collapse-handle:focus-visible{background:var(--pale);color:var(--ink);border-color:#b7cba0}@media (prefers-reduced-motion:reduce){.sidebar-collapse-handle{transition:none}}.sidebar-collapsed .sidebar{width:76px;padding:20px 10px}.sidebar-collapsed .main-shell{width:calc(100% - 76px);margin-inline-start:76px}.sidebar-collapsed .sidebar .sidebar-header{justify-content:center;gap:0;margin-bottom:30px}.sidebar-collapsed .sidebar .wordmark{display:none}.sidebar-collapsed .sidebar .sidebar-mark{width:52px;height:52px;color:var(--ink);place-items:center;display:grid}.sidebar-collapsed .sidebar .sidebar-collapse-handle{top:33px}.sidebar-collapsed .sidebar .workspace-label,.sidebar-collapsed .sidebar .sidebar-section,.sidebar-collapsed .sidebar .main-nav a>span,.sidebar-collapsed .sidebar .main-nav a>svg:last-child:not(:first-child),.sidebar-collapsed .sidebar .sidebar-person-label{display:none}.sidebar-collapsed .sidebar .main-nav a{justify-content:center;min-height:44px;padding:12px}.sidebar-collapsed .sidebar .people-nav{margin-top:30px}.sidebar-collapsed .sidebar .people-nav button{justify-content:center;padding:10px 0}.navigation-dialog .sidebar-collapse-handle{display:none}@media (max-width:960px){.current-copy{padding:22px}.current-reading h2{font-size:28px}.current-foot{flex-wrap:wrap;gap:2px;margin-top:10px;padding-top:10px}.journey .time-footer{flex-wrap:nowrap}.journey .time-footer .desktop-hint{display:none}}@media (max-width:720px){.memory-stage{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);overflow:clip}.current-memory-browser{display:flex}.memory-swipe-surface{width:100%}.memory-swipe-surface,.current-reading{touch-action:pinch-zoom}.current-reading[data-scrollable=true]{touch-action:pan-y pinch-zoom}.memory-stage-arrow{display:none}.sidebar-collapsed .main-shell{width:100%;margin-inline-start:0}.journey{gap:12px;height:calc(100dvh - 65px);min-height:570px;padding:14px 0 36px}.journey-heading h1{font-size:20px}.journey-heading p{font-size:10px}.current-memory{border-radius:12px}.current-memory.with-media{grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);grid-template-columns:1fr}.current-copy,.words-memory .current-copy{padding:18px 20px}.current-kicker{margin-bottom:12px;font-size:10px}.with-media .current-kicker{display:none}.current-reading h2{font-size:25px}.current-date{gap:5px;margin:8px 0 13px;font-size:10px}.current-story,.words-memory .current-story{font-size:17px;line-height:1.65}.current-foot{flex-wrap:nowrap;margin-top:8px;padding-top:5px}.current-foot button{flex-shrink:0;min-height:36px}.journey .time-machine{padding:12px 14px 6px}.journey .time-header{flex-wrap:nowrap;gap:6px;display:flex}.journey .time-header .eyebrow{display:none}.journey .time-header h2{white-space:nowrap;margin:0;font-size:20px}.journey .time-tools{gap:3px;margin-inline-start:auto;display:flex}.journey .scale-select select{width:76px;min-height:44px;padding-inline-start:4px}.journey .rail-wrap{margin-top:4px}.journey .time-footer{gap:2px;margin-top:7px;display:flex}.journey .time-footer>p{display:none}.journey .memory-jump{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;width:100%;min-width:0;margin:0;display:grid}.journey .memory-jump>.icon-button:first-child{grid-area:1/1}.journey .memory-jump>.icon-button:last-child{grid-area:1/3}.journey .nearest-memory{text-align:center;grid-area:1/2;justify-content:center;width:100%;max-width:none;min-height:44px;font-size:11px}.journey .nearest-memory span{max-width:100%}}@media (max-width:380px){.journey-heading h1{font-size:18px}}@media (max-height:650px) and (min-width:721px){.journey{gap:10px;min-height:460px;padding-top:10px}.current-copy{padding:18px 24px}.current-kicker{margin-bottom:9px}.current-reading h2{font-size:27px}.current-date{margin:9px 0 12px}.journey .time-header .eyebrow{display:none}.journey .rail-wrap{margin-top:5px}.current-foot{margin-top:7px;padding-top:5px}}.library-heading+.library-memories{margin-top:16px}.library-memories .memory-toolbar{margin-top:0}@media (max-width:1180px) and (min-width:961px){.sidebar-header{gap:4px}.sidebar-header .wordmark .moments-logo{width:auto;height:28px}}@media (max-width:960px) and (min-width:721px){.sidebar-header{gap:4px}.sidebar-header .wordmark .moments-logo{width:auto;height:25px}}@media (max-width:720px){.library-heading{padding:28px 0 0}.library-heading h1{margin-bottom:0}.journey-heading{gap:8px}}@media (max-width:380px){.journey-heading h1{letter-spacing:-.5px;font-size:17px}.journey .time-header h2{font-size:17px}.journey .scale-select select{width:69px}.journey .date-jump{width:34px;min-width:34px}.journey .time-tools{gap:0}}@media (prefers-reduced-motion:reduce){.memory-stage-arrow{transition:none}}
.form-grid{grid-template-columns:minmax(0,1fr);gap:20px}.date-time-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.date-time-fields input{width:100%;min-width:0}.date-time-fields .field-label{margin-top:0}.field-label>span{color:#687560;font-size:10px;font-weight:400}.person-avatar{color:#31483b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:inline-flex}.person-option .person-avatar{width:25px;height:25px;font-size:13px}.sidebar-collapsed .sidebar .person-avatar{width:32px;height:32px}.setting-language{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-size:14px;display:flex}.setting-language select{width:150px;min-height:44px}.settings-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-block:26px 14px;display:flex}.settings-section-heading h3{font:400 25px/1.2 var(--serif);margin:0}.settings-people{gap:10px;display:grid}.settings-person{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.settings-person .sample-photo{border-radius:50%;width:40px;height:40px}.person-edit-button{text-align:start;background:0 0;flex:1;gap:5px;min-width:0;min-height:44px;padding:4px 0;display:grid}.person-edit-button strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.person-edit-button small,.settings-note{color:var(--muted);font-size:12px;line-height:1.6}.settings-note{margin-block:16px}.restore-person{margin-inline-start:auto}.person-editor{border:1px solid var(--line);border-radius:12px;padding:16px}.person-editor h4{margin:0;font-size:16px;font-weight:500}.avatar-colors{margin-block:16px 24px}.avatar-colors .color-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:260px;display:grid}.avatar-colors label{aspect-ratio:1;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000008}.avatar-colors input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-colors label>svg{color:#fff;opacity:0;pointer-events:none}.avatar-colors label:has(input:checked){outline:2px solid var(--ink);outline-offset:3px}.avatar-colors input:checked+svg{opacity:1}.avatar-colors label:has(input:focus-visible){outline:3px solid var(--green);outline-offset:5px}.profile-photo-field{align-items:center;gap:16px;margin-block:20px;display:flex}.profile-photo-preview{flex:0 0 76px}.profile-photo-preview .person-avatar,.profile-photo-preview .sample-photo{border-radius:50%;width:76px;height:76px;font-size:30px}.person-photo{object-fit:cover}.profile-photo-controls{min-width:0}.profile-photo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-photo-actions .button{min-height:40px;padding:10px 12px;font-size:12px}.profile-photo-actions .text-button{min-height:36px;font-size:11px}.profile-photo-hint{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.5}.settings-person .person-photo{width:40px;height:40px}@media (max-width:380px){.profile-photo-field{align-items:flex-start;gap:10px}.profile-photo-preview{flex-basis:56px}.profile-photo-preview .person-avatar,.profile-photo-preview .sample-photo{width:56px;height:56px}.avatar-colors .color-options{gap:8px}}.settings-saved{color:var(--green);align-items:center;gap:6px;font-size:12px;display:flex}.settings-dialog fieldset:disabled{opacity:.65}[dir=rtl]{--serif:Arial, sans-serif}[dir=rtl] .wordmark,[dir=rtl] .journey-heading h1,[dir=rtl] .dialog-heading h2,[dir=rtl] .library-heading h1,[dir=rtl] .eyebrow,[dir=rtl] .workspace-label,[dir=rtl] .sidebar-section{letter-spacing:0}[dir=rtl] .lucide-arrow-right,[dir=rtl] .lucide-arrow-left,[dir=rtl] .lucide-chevron-right,[dir=rtl] .lucide-panel-left-open,[dir=rtl] .lucide-panel-left-close{transform:scaleX(-1)}[dir=rtl] .time-range::-webkit-slider-runnable-track{background:linear-gradient(to left, #6d8750 var(--progress), #cbd4bb var(--progress))}[dir=rtl] .memory-markers>span{transform:translate(50%)}[dir=rtl] .time-header h2{direction:rtl}[dir=rtl] .current-story,[dir=rtl] .detail-story,[dir=rtl] .quote-preview p,[dir=rtl] .card-body>p{font-style:normal;line-height:1.8}[dir=rtl] .current-reading h2{line-height:1.2}[dir=rtl] .time-tools{direction:rtl}[dir=rtl] .main-shell,[dir=rtl] .sidebar{transition-property:width,margin-inline-start}@media (max-width:720px){.date-time-fields{gap:10px}.settings-section-heading{align-items:start}.settings-section-heading h3{font-size:22px}.person-editor{padding:12px}.settings-dialog .button-row{flex-wrap:wrap}[dir=rtl] .journey-heading h1{font-size:18px}[dir=rtl] .journey-heading p{font-size:10px}[dir=rtl] .current-reading h2{font-size:23px}}[dir=rtl] input[type=date],[dir=rtl] input[type=time]{text-align:end;direction:ltr}.settings-section-heading .text-button{white-space:nowrap;flex-shrink:0}.journey-heading>div{min-width:0}.journey-heading h1,.library-heading h1{overflow-wrap:anywhere}.people-nav{min-height:0;overflow-y:auto}.sidebar-person-label{min-width:0}.people-nav strong,.people-nav small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contributor-field{margin-block-start:20px}.contributor-field .person-option{overflow-wrap:anywhere;max-width:100%}.contributor-editor .button-row{margin-block-start:20px}.memory-attribution{overflow-wrap:anywhere}@media (max-width:720px){.journey .time-header h2{font-size:20px}.settings-section-heading{flex-wrap:wrap}}@media (max-width:380px){.journey .time-header{flex-wrap:wrap;row-gap:8px}}.backup-settings p{color:#4d5a49;max-width:52ch;margin:0 0 12px;font-size:14px}.backup-summary{font-weight:500}.backup-note{color:#8a6d3b}.backup-progress{color:var(--muted);font-size:13px}.restore-settings{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.restore-settings h4{font:500 16px var(--serif);margin:0 0 8px}.restore-preview{border:1px solid var(--line);background:#fbf8f1;border-radius:8px;margin:12px 0;padding:12px 14px}.restore-preview ul{margin:0 0 12px;padding-inline-start:18px;font-size:13px}.members-settings>p,.invite-settings>p{color:#4d5a49;max-width:52ch;margin:0 0 12px;font-size:14px}.member-list{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.member-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.member-identity{min-width:0;display:grid}.member-identity strong{overflow-wrap:anywhere;font-weight:500}.member-identity small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.member-you{color:var(--muted);font-weight:400}.member-role{color:#596653;white-space:nowrap;background:#eef1e6;border-radius:999px;padding:4px 8px;font-size:12px}.member-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.invite-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.invite-settings h4{font:500 16px var(--serif);margin:0 0 8px}.invite-form{gap:6px;max-width:420px;margin-bottom:14px;display:grid}.invite-form .button{justify-self:start;margin-top:8px}.invite-link{border:1px solid var(--line);background:#fbf8f1;border-radius:8px;margin:12px 0 16px;padding:12px 14px}.invite-link p{margin:0 0 8px;font-size:13px}.invite-url{overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-size:12px;display:block}.family-switcher{margin:0 0 12px;display:block}.family-switcher .select-input{width:100%}.sidebar-collapsed .sidebar .family-switcher{display:none}.roster{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.roster-row{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:8px 10px;display:grid}.roster-main{align-items:center;gap:10px;display:flex}.roster-main .person-edit-button{flex:1;gap:2px;min-width:0;display:grid}.roster-main .person-edit-button:disabled{cursor:default}.person-facets{flex-wrap:wrap;gap:4px 6px;margin-top:2px;display:flex}.facet{color:#4d5a49;white-space:nowrap;background:#eef1e6;border-radius:999px;padding:2px 8px;font-size:11px}.facet-contributor{color:#6f5a3f;background:#f4ede3}.facet-login{color:#3f5866;background:#e4ecf0}.facet-invited{color:#7a5c1e;background:#fbf3dc}.login-controls{flex-wrap:wrap;align-items:center;gap:8px;padding-inline-start:46px;display:flex}.login-controls select{max-width:100%}.roster-row .invite-link{margin:0}.facet-switches{border:0;gap:8px;margin:12px 0 6px;padding:0;display:grid}.facet-switch{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.facet-switch input{margin-top:3px}.facet-switch strong{font-weight:500;display:block}.facet-switch small{color:var(--muted);font-size:12px}.people-settings .account-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.main-shell{--page-action-inset:46px;position:relative}.main-nav{position:relative}.main-nav:before,.main-nav:after{content:"";border-top:1px solid var(--line);pointer-events:none;position:absolute;inset-inline:0}.main-nav:before{top:-18px}.main-nav:after{bottom:-18px}.sidebar-collapsed .sidebar .main-nav:before{top:-15px}.sidebar-collapsed .sidebar .main-nav:after{bottom:-15px}.main-nav a{text-decoration:none}.page-actions{top:22px;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;inset-inline-end:var(--page-action-inset)}.page-actions .mobile-menu{display:none}.page-actions .add-memory{min-height:44px}.journey{max-width:100%;height:100dvh;padding-top:24px}.main-shell.timeline-page{overflow-x:clip}.journey-heading{min-height:54px;padding-inline-end:170px}.library-heading{padding-top:25px;padding-inline-end:170px}.library-heading h1{margin-top:10px;font-size:clamp(28px,3vw,40px)}.library-memories{padding-bottom:36px}.people-selection-hint{color:var(--muted);margin:0 0 10px;font-size:10px}.sidebar-section{margin-bottom:8px}.people-nav button{position:relative}.people-nav button:active:not(:disabled){transform:scale(.98)}.sidebar-person-label{flex:1}.person-selection-mark{color:#fff;border:1px solid #9ba991;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.people-nav button[aria-pressed=true]{background:#e3ebdc;box-shadow:inset 0 0 0 1px #91aa80}.sidebar-collapsed .sidebar .person-selection-mark{inset-inline-end:4px;border:2px solid var(--sidebar);width:19px;height:19px;position:absolute;bottom:6px}.sidebar-collapsed .sidebar button[aria-pressed=false] .person-selection-mark{display:none}.people-nav button[aria-disabled=true]{cursor:default}.sidebar-account{border-top:1px solid var(--line);text-align:start;width:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;margin-top:auto;padding:18px 0 0;display:flex}.account-avatar{width:38px;height:38px;color:var(--green);background:#e6ebdf;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.account-label{flex-direction:column;gap:4px;display:flex}.account-label strong{font-size:12px;font-weight:500}.account-label small{color:var(--muted);font-size:10px}.sidebar-account>svg{color:var(--muted);margin-inline-start:auto}.sidebar-collapsed .sidebar .people-selection-hint,.sidebar-collapsed .sidebar .account-label,.sidebar-collapsed .sidebar .sidebar-account>svg{display:none}.sidebar-collapsed .sidebar .sidebar-account{justify-content:center}.memory-people{overflow-wrap:anywhere}.storage-banner{margin-top:82px;position:relative}@media (min-width:1500px){.main-shell{--page-action-inset:62px}}@media (max-width:1180px){.main-shell{--page-action-inset:30px}}@media (max-width:960px){.main-shell{--page-action-inset:25px}}@media (max-width:720px){.page-actions{top:14px;justify-content:space-between;inset-inline:16px}.page-actions .mobile-menu{display:grid}.page-actions .add-memory{min-height:44px;padding:10px 14px;font-size:12px}.journey{height:auto;min-height:100dvh;padding-top:76px}.memory-stage{flex:1 1 0;min-height:260px}.journey .time-machine{flex-shrink:0}.current-memory.with-media{grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr)}.journey-heading{min-height:0;padding-inline-end:0}.library-heading{padding:80px 0 0}.library-heading h1{font-size:30px}.library-heading .eyebrow{font-size:10px}.people-selection-hint{margin-inline:8px}.sidebar-account{min-height:58px}}@media (max-height:700px) and (min-width:721px){.journey{gap:10px;min-height:510px;padding-bottom:24px}}.library-header{z-index:4;background:var(--paper);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.library-header-inner{align-items:center;gap:24px;padding-block:22px;display:flex}.library-header .library-heading{flex:1;min-width:0;padding:0}.library-header .page-actions{top:22px;flex-shrink:0;position:absolute;inset-inline-end:var(--page-action-inset)}.mobile-library-heading{display:none}@media (max-width:720px){.library-header-inner{max-width:none;padding-block:14px;padding-inline:16px}.library-header .desktop-library-heading{display:none}.library-header .page-actions{width:100%;position:static}.mobile-library-heading{padding:12px 0 0;display:block}}@media (min-width:721px){.library-heading+.library-memories{margin-top:8px}.library-header{height:112px;box-shadow:none;pointer-events:none;background:0 0}.library-header-surface{background:var(--paper);pointer-events:auto;height:112px;transition:height .18s}.library-header-inner{height:100%;padding-block:26px 10px;transition:padding .18s}.library-header .library-heading h1{white-space:nowrap;text-overflow:ellipsis;margin-block:8px 0;transition:font-size .18s;overflow:hidden}.library-header .library-heading{padding-inline-end:170px}.library-header.is-compact .library-header-surface{height:64px;box-shadow:0 1px 0 var(--line), 0 4px 12px #263b2e05}.library-header.is-compact .library-header-inner{padding-block:10px}.library-header.is-compact .page-actions{top:10px}.library-header.is-compact .eyebrow{display:none}.library-header.is-compact .library-heading h1{letter-spacing:-.3px;margin-block:0;font-size:22px;line-height:1.2}.library-header.is-compact .add-memory{min-height:44px;padding:11px 18px;font-size:12px}}@media (prefers-reduced-motion:reduce){.library-header-surface,.library-header-inner,.library-header .library-heading h1{transition:none}}.people-nav .person-selection-mark{border-color:var(--person-color)}.people-nav button[aria-pressed=true] .person-selection-mark{background:var(--person-color);border-color:var(--person-color)}.page-actions-heading,.add-memory-short{display:none}@media (max-width:720px){.add-memory-label{display:none}.add-memory-short{display:inline}.page-actions .add-memory{gap:6px;padding:10px 14px}.timeline-page>.page-actions{padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--paper);border-bottom:1px solid var(--line);top:0;gap:10px;position:sticky;inset-inline:auto}.page-actions-heading{flex:1;min-width:0;display:block}.header-journey-heading{min-height:0;display:block}.header-journey-heading h1{white-space:nowrap;text-overflow:ellipsis;font-size:17px;line-height:1.2;overflow:hidden}.header-journey-heading p{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}[dir=rtl] .header-journey-heading h1{font-size:16px}.timeline-page .journey-heading:not(.header-journey-heading){display:none}.main-shell.timeline-page{flex-direction:column;height:100dvh;display:flex;overflow:clip}body:has(.main-shell.timeline-page){overscroll-behavior-y:none}.timeline-page>.main-content{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.timeline-page .storage-banner{margin-top:12px}.timeline-page .journey{flex:1;gap:10px;height:auto;min-height:0;padding:12px 0 26px}.timeline-page .memory-stage{min-height:0}.timeline-page .time-machine{padding-bottom:max(10px, env(safe-area-inset-bottom))}.main-shell.home-page>.page-actions,.main-shell.timeline-page>.page-actions,.library-header .library-header-inner{box-sizing:border-box;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;box-shadow:0 1px 0 var(--line);border-bottom:0;align-items:center}.library-header .page-actions{align-items:center;height:100%}}
.settings-dialog{width:min(900px,100% - 32px);max-width:900px;height:min(680px,90dvh);padding:0;overflow:hidden}.settings-dialog[open]{flex-direction:column;display:flex}.settings-dialog>.dialog-heading{border-bottom:1px solid var(--line);flex-shrink:0;padding:28px 32px 22px}.settings-dialog>.dialog-heading h2{margin-block:10px 0;font-size:36px}.settings-layout{flex:1;grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid}.settings-navigation{border-inline-end:1px solid var(--line);background:#f0f2ea;flex-direction:column;gap:6px;padding:22px 14px;display:flex;overflow-y:auto}.settings-navigation button{min-height:48px;color:var(--muted);text-align:start;background:0 0;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:12px;font-size:13px;transition:background .15s,color .15s;display:flex}.settings-navigation button:hover{background:#e7ecdf}.settings-navigation button[aria-selected=true]{color:var(--green);background:#dfe8d6;font-weight:600}.settings-content{overscroll-behavior:contain;min-width:0;padding:28px 30px;overflow-y:auto}.settings-content .settings-section-heading{flex-wrap:wrap;margin-block:0 18px}.settings-content .setting-language{border-bottom:0}.settings-content [role=tabpanel]{outline-offset:5px}.settings-confirmation-dialog{width:min(500px,100% - 32px)}.settings-discard{padding:64px 32px 32px}.settings-discard h2{font:400 28px/1.2 var(--serif)}.settings-discard p{color:var(--muted);margin:12px 0 24px;font-size:14px;line-height:1.6}.settings-discard .button-row{flex-wrap:wrap}@media (max-width:600px){.settings-dialog{width:calc(100% - 24px);height:min(700px,92dvh);max-height:92dvh}.settings-dialog>.dialog-heading{padding:22px 22px 18px}.settings-dialog>.dialog-heading h2{font-size:30px}.settings-layout{flex-direction:column;display:flex}.settings-navigation{border-inline-end:0;border-bottom:1px solid var(--line);flex-direction:row;flex-shrink:0;gap:4px;padding:10px;overflow-x:auto}.settings-navigation button{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:8px 4px;font-size:11px}.settings-content{flex:1;padding:24px 18px}.settings-discard{padding:64px 24px 24px}}@media (prefers-reduced-motion:reduce){.settings-navigation button{transition:none}}
.navigation-dialog{--drawer-entry-x:-100%;inset:0;width:min(320px,100% - 48px);max-width:none;height:100dvh;max-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));border:0;border-inline-end:1px solid var(--line);background:var(--sidebar);border-radius:0;margin:0;animation:.22s cubic-bezier(.16,1,.3,1) navigation-slide-in;position:fixed;inset-inline-end:auto;overflow:hidden;box-shadow:0 0 40px #20332924}.navigation-dialog[open]{flex-direction:column;display:flex}.navigation-dialog>*{flex-shrink:0}.navigation-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#25362d55}.navigation-dialog.is-closing{animation:.22s cubic-bezier(.7,0,.84,0) forwards navigation-slide-out}.navigation-dialog.is-closing::backdrop{animation:.22s ease-in forwards navigation-backdrop-out}.navigation-dialog.is-closing>*{pointer-events:none}.navigation-dialog .dialog-close{top:calc(20px + env(safe-area-inset-top));width:44px;height:44px;box-shadow:none;background:0 0;inset-inline-end:14px}.navigation-dialog .sidebar-header{min-height:44px;padding-inline-end:48px}.navigation-dialog .workspace-label{margin:12px 0 26px}.navigation-dialog .people-nav{flex-shrink:1;padding-bottom:2px}.navigation-dialog .people-nav button{flex-shrink:0}.navigation-dialog .sidebar-account{margin-top:auto}[dir=rtl] .navigation-dialog{--drawer-entry-x:100%}@keyframes navigation-slide-in{0%{transform:translateX(var(--drawer-entry-x))}to{transform:translate(0)}}@keyframes navigation-slide-out{0%{transform:translate(0)}to{transform:translateX(var(--drawer-entry-x))}}@keyframes navigation-backdrop-out{0%{background:#25362d55}to{background:#25362d00}}@media (max-height:600px){.navigation-dialog{overflow-y:auto}.navigation-dialog .people-nav{flex-shrink:0}.navigation-dialog .sidebar-account{margin-top:24px}}
.rail-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rail-labels{height:34px;margin-inline:10px;display:block;position:relative}.rail-tick-label{white-space:nowrap;flex-direction:column;align-items:center;line-height:1.45;display:flex;position:absolute;transform:translate(-50%)}.rail-tick-label small{color:var(--muted);font-size:10px}.rail-tick-label:first-child{align-items:flex-start;transform:none}.rail-tick-label:last-child:not(:first-child){align-items:flex-end;transform:translate(-100%)}[dir=rtl] .rail-tick-label{transform:translate(50%)}[dir=rtl] .rail-tick-label:first-child{transform:none}[dir=rtl] .rail-tick-label:last-child:not(:first-child){transform:translate(100%)}.memory-markers{z-index:3}.memory-marker{pointer-events:auto;cursor:pointer;background:0 0;place-items:center;width:24px;height:24px;margin-inline-start:-12px;padding:0;display:grid;position:absolute;top:-10px}.memory-marker>span{background:#789463;border-radius:50%;width:7px;height:7px;transition:box-shadow .12s}.memory-marker.is-group>span{width:9px;height:9px}.memory-marker:hover>span,.memory-marker:focus-visible>span{box-shadow:0 0 0 4px #91aa8033}.memory-markers .memory-marker:active{transform:none}.memory-marker:focus-visible{outline-offset:-2px;border-radius:50%}.memory-marker-tooltip{-webkit-user-select:text;user-select:text;pointer-events:auto;cursor:default;z-index:1;width:min(280px,100%);padding-bottom:12px;position:absolute;bottom:100%}.memory-marker-tooltip>div{border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow-wrap:anywhere;border-radius:10px;padding:6px;box-shadow:0 8px 28px #263b2e20}.memory-marker-tooltip time{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.memory-marker-tooltip strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;display:-webkit-box;overflow:hidden}.marker-preview-header{justify-content:space-between;align-items:center;padding-inline-start:8px;display:flex}.marker-preview-header .icon-button{width:36px;height:36px}.marker-preview-count{color:var(--muted);margin:0;font-size:11px}.marker-preview-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;max-height:min(260px,40dvh);overflow-y:auto}.marker-preview-memory{text-align:start;background:0 0;border-radius:5px;align-items:flex-start;gap:9px;width:100%;min-height:64px;padding:12px 8px;display:flex}.marker-preview-memory+.marker-preview-memory{border-top:1px solid var(--line)}.marker-preview-memory:hover,.marker-preview-memory:focus-visible{background:var(--sidebar)}.marker-preview-memory:focus-visible{outline-offset:-2px}.marker-preview-memory>span:last-child{min-width:0}.marker-preview-memory small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.people-color-indicator{border-radius:50%;flex:0 0 10px;width:10px;height:10px;display:inline-block}.marker-preview-memory>.people-color-indicator{margin-top:3px}.marker-scroll-hint{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin:0;padding:8px 4px 4px;font-size:10px}.journey .time-header.has-period{flex-wrap:wrap}.journey .time-header.has-period .time-tools{flex-wrap:wrap;gap:4px}.journey .period-month select{width:105px}.journey .period-year select{width:72px}@media (max-width:720px){.journey .time-header.has-period{row-gap:2px;position:relative}.journey .time-header.has-period>div:first-child{align-items:center;min-height:44px;padding-inline-end:44px;display:flex}.journey .time-header.has-period .time-tools{gap:0;width:100%}.journey .time-header.has-period .date-jump{inset-inline-end:0;position:absolute;top:0}.journey .period-month select{width:101px}.journey .period-year select{width:66px}}@media (max-width:380px){.journey .time-header.has-period .scale-select:not(.period-month):not(.period-year) select{width:66px}.journey .period-month select{width:96px}.journey .period-year select{width:64px}}.timeline-empty-state{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 25%, color-mix(in srgb, var(--empty-accent) 8%, transparent), transparent 65%), #fffdf8;text-align:center;border-radius:20px;width:100%;max-width:840px;min-height:0;padding:clamp(16px,3vw,36px);display:flex;overflow:auto}.empty-state-content{max-width:480px;margin:auto}.empty-keepsakes{width:150px;height:104px;margin:0 auto 12px;position:relative}.empty-keepsakes>span{border:1px solid var(--line);width:62px;height:78px;color:var(--empty-accent);background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;box-shadow:0 6px 16px #293d3409}.empty-keepsakes>span:first-child{background:#f0f2e9;left:4px;transform:rotate(-14deg)}.empty-keepsakes>span:nth-child(2){z-index:1;top:0;left:43px;transform:rotate(3deg)}.empty-keepsakes>span:last-child{background:#f5e9e3;right:0;transform:rotate(15deg)}.empty-period{color:var(--muted);margin-bottom:12px;font-size:12px}.timeline-empty-state h2{font:400 clamp(24px, 2.5vw, 34px)/1.15 var(--serif);text-wrap:balance}.empty-description{max-width:34ch;color:var(--muted);text-wrap:pretty;margin:12px auto 0;font-size:14px;line-height:1.65}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.empty-actions .text-button{min-height:44px}@media (max-width:720px){.timeline-empty-state{border-radius:16px;padding:18px}.empty-keepsakes{width:124px;height:68px;margin-bottom:8px}.empty-keepsakes>span{width:48px;height:58px;top:7px}.empty-keepsakes>span:nth-child(2){left:38px}.empty-period{margin-bottom:8px;font-size:11px}.empty-description{margin-top:8px;font-size:12px}.empty-actions{gap:4px 16px;margin-top:14px}.empty-actions .button{min-height:42px;padding:10px 14px}}@media (min-width:721px){.journey .time-footer{flex-wrap:nowrap}.journey .time-footer>p{flex:1;min-width:0}.journey .memory-jump{flex:0 0 25%;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;width:25%;min-width:0;display:grid}.journey .memory-jump>.icon-button:first-child{grid-area:1/1}.journey .memory-jump>.icon-button:last-child{grid-area:1/3}.journey .nearest-memory{text-align:center;grid-area:1/2;justify-content:center;width:100%;min-height:44px}.journey .nearest-memory>span{max-width:100%}}
.home-dashboard{max-width:1200px;margin-inline:auto;padding-block:32px 48px}.home-heading{padding-inline-end:170px}.home-heading h1{font:400 clamp(30px, 3.1vw, 46px)/1.15 var(--serif);letter-spacing:-.8px;margin-block:15px 8px}.home-heading>p:last-child{color:var(--muted);font-size:13px}.home-context{justify-content:space-between;align-items:center;gap:12px;margin-block:27px 22px;display:flex}.home-people{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.home-person{border:1px solid var(--line);background:#fff;border-radius:40px;align-items:center;gap:7px;padding:4px 10px 4px 4px;padding-inline:4px 10px;font-size:12px;display:inline-flex}.home-person>.sample-photo,.home-person>.person-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.home-person bdi{overflow-wrap:anywhere}.home-context time,.home-memory-count{color:var(--muted);font-size:11px}.home-memory-count{margin-inline-start:5px}.home-context>time{flex-shrink:0}.home-highlights{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;display:grid}.home-revisit{text-align:start;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;padding:0;transition:box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.home-revisit:hover{border-color:#b6c7a9;box-shadow:0 12px 26px #293d3414}.home-revisit-media{background:var(--peach);flex:auto;min-height:240px;position:relative;overflow:hidden}.home-revisit-media>.sample-photo,.home-revisit-media>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.home-revisit:hover .home-revisit-media>.sample-photo,.home-revisit:hover .home-revisit-media>img{transform:scale(1.03)}.home-revisit-label{top:16px;letter-spacing:1.2px;color:var(--ink);background:#faf9f6f5;border-radius:5px;padding:7px 10px;font-size:10px;position:absolute;inset-inline-start:16px}.home-revisit-words{flex-direction:column;justify-content:center;gap:10px;height:100%;padding:62px 30px 20px;display:flex}.home-revisit-words p{font:24px/1.4 var(--serif);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-revisit-content{flex-direction:column;flex:none;width:100%;padding:18px 24px 20px;display:flex}.home-revisit-content time{color:var(--muted);font-size:11px}.home-revisit-content h2{font:400 27px/1.15 var(--serif);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block:8px 14px;display:-webkit-box;overflow:hidden}.home-revisit-bottom{color:var(--green);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:12px;display:flex}.home-open-circle{background:var(--pale);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.home-capture{background:#eef1e7;border:1px solid #e0e6d7;border-radius:16px;flex-direction:column;align-items:flex-start;padding:clamp(22px,2.6vw,38px);display:flex}.home-capture-icon{color:var(--green);background:#e0e8d6;border-radius:50%;place-items:center;width:49px;height:49px;margin-bottom:24px;display:grid;transform:rotate(-8deg)}.home-capture h2{font:400 clamp(27px, 2.8vw, 37px)/1.13 var(--serif);margin-block:13px}.home-capture>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.8}.home-capture .button{margin-top:auto}.home-capture-formats{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.home-capture-formats span{margin-inline-start:2px}.home-timeline-link{border:1px solid var(--line);background:#f5f3ed;border-radius:12px;align-items:center;gap:15px;margin-block:20px 38px;padding:18px 20px;transition:background .18s;display:flex}.home-timeline-link:hover{background:#edeedf}.home-shortcut-icon{width:44px;height:44px;color:var(--green);background:#e9e9db;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.home-timeline-link>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.home-timeline-link strong{font-size:14px;font-weight:500}.home-timeline-link>span>span{color:var(--muted);font-size:12px}.home-timeline-link>svg{flex-shrink:0;margin-inline-start:auto}.home-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.home-section-heading h2{font:400 29px/1.2 var(--serif);margin-top:8px}.home-all-link{align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.home-all-link:hover{text-underline-offset:4px;text-decoration:underline}.home-memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-memory-grid .card-photo,.home-memory-grid .quote-preview{aspect-ratio:auto;height:180px}.home-memory-grid .quote-preview p{-webkit-line-clamp:3;font-size:18px}.home-memory-grid .quote-mark{font-size:42px}.home-memory-grid .little-words{margin-top:8px;font-size:9px}.home-memory-grid .card-body h3{overflow-wrap:anywhere}.home-first-memory{text-align:center;background:#fffdf7;border:1px dashed #c7d2bd;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:36px;display:flex}.home-first-memory h2{font:400 32px/1.2 var(--serif);max-width:360px}.home-first-memory p{color:var(--muted);font-size:13px}.home-loading{background:var(--pale);text-align:center;color:var(--muted);border-radius:16px;padding:80px 20px}[dir=rtl] .home-arrow{transform:scaleX(-1)}[dir=rtl] .home-heading h1,[dir=rtl] .home-dashboard .eyebrow{letter-spacing:normal}@media (max-width:1100px){.home-highlights{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.home-context>time{display:none}.home-memory-grid{gap:12px}}@media (max-width:850px){.home-highlights{grid-template-columns:minmax(0,1fr)}.home-capture-icon{margin-bottom:16px}.home-capture h2{max-width:400px}.home-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.home-dashboard{padding-top:22px}.home-page>.page-actions{background:var(--paper);border-bottom:1px solid var(--line);padding:14px 16px;position:sticky;top:0}.home-heading{padding-inline-end:0}.home-heading h1{font-size:35px}.home-context{margin-block:20px}.home-revisit-media{min-height:220px}.home-revisit-content{padding:20px}.home-capture{padding:25px}.home-timeline-link{gap:10px;margin-bottom:30px;padding:16px 12px}.home-timeline-link strong{font-size:12px}.home-timeline-link>span>span{font-size:11px}.home-shortcut-icon{width:36px;height:36px}.home-section-heading h2{font-size:26px}}@media (max-width:480px){.home-memory-grid{grid-template-columns:minmax(0,1fr);gap:18px}.home-memory-grid .card-photo,.home-memory-grid .quote-preview{height:200px}.home-heading h1{font-size:32px}.home-all-link{gap:4px;font-size:11px}}@media (prefers-reduced-motion:no-preference){.home-highlights{animation:.35s both home-arrive}@keyframes home-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.home-dashboard *,.home-dashboard :before,.home-dashboard :after{transition:none!important}}
.story-glyph{width:44px;height:44px;color:var(--green);background:#edf1e6;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.kind-relationship .story-glyph,.story-glyph.kind-relationship{color:#a54f73;background:#f6e4ea}.kind-personal .story-glyph,.story-glyph.kind-personal{color:#397b9b;background:#e3ebf1}.kind-friends .story-glyph,.story-glyph.kind-friends{color:#a56e20;background:#f5ead8}.kind-journey .story-glyph,.story-glyph.kind-journey{color:#7e689c;background:#e9e4f1}.kind-generic .story-glyph,.story-glyph.kind-generic{color:#397c76;background:#e4ecea}.auth-emblem.story-glyph{width:64px;height:64px}.story-glyph.has-image{background:var(--pale);overflow:hidden}.story-glyph img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-photo-field .story-glyph{flex-basis:76px;width:76px;height:76px}.story-list,.story-templates{gap:10px;margin:0;padding:0;list-style:none;display:grid}.story-option{text-align:start;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .18s,background .18s,transform .18s;display:flex}.story-option:hover{background:#f5f8f0;border-color:#b7cba0;transform:translateY(-1px)}.story-option.is-current{background:#f3f7ec;border-color:#b7cba0}.story-option-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.story-option-copy strong{overflow-wrap:anywhere;font-size:15px;font-weight:600}.story-option-copy span{color:#6b7564;font-size:12px;line-height:1.45}.story-option-arrow{color:#8b957f;flex-shrink:0}.field-hint{color:#6b7564;margin:6px 0 0;font-size:12px}.sidebar .workspace-label,.navigation-dialog .workspace-label{margin-bottom:18px}.story-switcher{text-align:start;width:100%;color:var(--ink);background:#fff;border:1px solid #e4e6dc;border-radius:10px;align-items:center;gap:10px;margin:0 0 36px;padding:9px 10px;display:flex;position:relative}.story-switcher:hover{background:#f7f9f3}.story-switcher .story-glyph{flex-basis:32px;width:32px;height:32px}.story-switcher-label{flex:1;min-width:0}.story-switcher-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.story-switcher-label small{color:#596653;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;display:block;overflow:hidden}.story-switcher-caret{color:#8b957f;flex-shrink:0}.sidebar-collapsed .sidebar .story-switcher{justify-content:center;margin-bottom:30px;padding:6px}.sidebar-collapsed .sidebar .story-switcher-label,.sidebar-collapsed .sidebar .story-switcher-caret{display:none}.story-bar{padding:10px 14px 10px 10px;border:1px solid var(--line);margin:6px 170px 22px 0;background:#fff;border-radius:14px;align-items:center;gap:12px;margin-inline:0 170px;padding-inline:10px 14px;display:flex}.story-bar .story-glyph{flex-basis:38px;width:38px;height:38px}.story-bar-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.story-bar-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.story-bar-copy>span{color:var(--muted);font-size:12px}.story-bar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.story-bar-actions .button{padding:8px 12px;font-size:12px}.story-bar-actions .text-button{align-items:center;gap:5px;font-size:12px;display:inline-flex}.story-suggestions{margin-top:18px}.story-suggestions-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.story-suggestions ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.suggestion-chip{color:#33543e;background:#f4f6ef;border:1px solid #dbe0d1;border-radius:40px;align-items:baseline;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.suggestion-chip:hover{background:#e9ede2;border-color:#b7cba0}.suggestion-chip small{color:#596653;font-size:11px}.story-suggestions.is-compact{margin:0 0 14px}.story-suggestions.is-compact ul{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.story-suggestions.is-compact li{flex-shrink:0}.story-settings h3{margin:0 0 6px}.story-kind-options{border:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;display:grid}.story-kind-options legend{margin-bottom:8px}.story-kind-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.story-kind-option.is-selected{border-color:var(--green);background:#f3f7ec}.story-kind-option input{opacity:0;pointer-events:none;position:absolute}.story-kind-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}.story-kind-option .story-glyph{flex-basis:28px;width:28px;height:28px}@media (max-width:720px){.story-bar{flex-wrap:wrap;margin-inline-end:0}.story-bar-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.story-option,.story-option:hover{transition:none;transform:none}}
.auth-page{background:radial-gradient(ellipse at 20% 15%, #eaf0e1 0%, transparent 45%), var(--paper,#faf9f5);min-height:100dvh;padding:28px 24px 56px}.auth-header{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto 38px;display:flex}.auth-brand{color:var(--ink);display:inline-flex}.auth-brand .moments-logo{display:block}.auth-emblem .moments-mark{color:var(--green)}.auth-choices{gap:12px;margin-top:8px;display:grid}.auth-choice{text-align:start;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .18s,background .18s,transform .18s;display:flex}.auth-choice:hover{background:#f5f8f0;border-color:#b7cba0;transform:translateY(-1px)}.auth-choice-icon{width:44px;height:44px;color:var(--green);background:#edf1e6;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.auth-choice-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.auth-choice-copy strong{font-size:15px;font-weight:600}.auth-choice-copy span{color:#6b7564;font-size:12px;line-height:1.45}.auth-back{margin:-8px 0 18px -6px;padding:6px;font-size:12px}.beta-status{color:#6b7564;align-items:center;gap:8px;font-size:13px;display:flex}.beta-account{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin-top:28px;display:flex}.beta-hourglass{animation:6s ease-in-out infinite beta-turn}@keyframes beta-turn{0%,70%{transform:rotate(0)}85%,to{transform:rotate(180deg)}}.auth-card{background:#fffefae8;border:1px solid #e3e6db;border-radius:28px;max-width:480px;margin:0 auto;padding:36px 38px;animation:.26s ease-out auth-arrive;box-shadow:0 18px 70px #334a2d08}.auth-emblem{color:#527946;background:#edf1e6;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:26px;display:grid}.auth-card h1{font-family:var(--font-editorial,"Newsreader Variable", serif);letter-spacing:-1px;margin:12px 0 16px;font-size:clamp(32px,4vw,42px);font-weight:450;line-height:1.08}.auth-intro{color:#6b7564;margin-bottom:26px;line-height:1.55}.auth-card .field-label{margin-top:18px}.auth-card fieldset{border:0;min-width:0;margin:0;padding:0}.auth-card input{width:100%;min-width:0}.auth-wide{justify-content:center;width:100%;margin-top:20px}.auth-or,.auth-footnote{text-align:center;color:#75816c;margin:20px 0 0;font-size:13px}.auth-code{letter-spacing:.35em;text-align:center;font-size:24px}.account-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-settings{padding-block:20px}@keyframes auth-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:600px){.auth-page{padding:20px 16px 32px}.auth-header{margin-bottom:24px}.auth-card{padding:28px 24px}}@media (prefers-reduced-motion:reduce){.auth-card,.beta-hourglass{animation:none}.auth-choice:hover{transform:none}}.account-label{min-width:0}.account-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-form-placeholder .text-input,.auth-form-placeholder .button{background:#edf1e6;border-color:#0000}
.skeleton{background:linear-gradient(90deg,#ecefe6 0%,#f5f6f1 45%,#ecefe6 90%) 0 0/220% 100%;border-radius:8px;animation:1.6s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.skeleton-media{border-radius:0;height:240px}.skeleton-lines{flex-direction:column;gap:12px;padding:22px 24px 26px;display:flex}.skeleton-line{width:70%;height:12px}.skeleton-line.short{width:32%;height:10px}.skeleton-line.title{border-radius:6px;width:78%;height:22px}.skeleton-line.medium{width:55%}.skeleton-line.long{width:92%}.skeleton-circle{border-radius:50%;width:49px;height:49px}.skeleton-button{border-radius:9px;width:150px;height:43px;margin-top:auto}.home-capture-skeleton{background:#eef1e7;border-color:#e0e6d7;gap:16px;padding:clamp(22px,2.6vw,38px)}.home-capture-skeleton .skeleton{background:linear-gradient(90deg,#e2e8d9 0%,#eaefe3 45%,#e2e8d9 90%) 0 0/220% 100%}.home-skeleton .home-revisit{min-height:0}.skeleton-card{border-color:#e9e9e1;border-radius:10px}.skeleton-card .skeleton-media{aspect-ratio:1.15;height:auto}.skeleton-card .skeleton-lines{gap:10px;padding:16px}.skeleton-stage{grid-template-columns:1.1fr 1fr;min-height:0}.skeleton-stage-media{border-radius:0;height:100%;min-height:220px}.skeleton-stage-copy{justify-content:center;padding:clamp(24px,3vw,44px)}.skeleton-machine{flex-direction:column;gap:18px;display:flex}.skeleton-rail{border-radius:22px;width:100%;height:44px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-20% 0}}@media (max-width:720px){.skeleton-media{height:190px}.skeleton-stage{grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr);grid-template-columns:1fr}.skeleton-stage-media{min-height:0}}@media (prefers-reduced-motion:reduce){.skeleton{background:#eef0e8;animation:none}}.dialog.has-header{overscroll-behavior:contain;flex-direction:column;padding:0;display:flex;overflow-x:clip}.dialog-header{z-index:6;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf9f6f0;flex-shrink:0;align-items:center;gap:14px;padding:14px 16px 14px 28px;display:flex;position:sticky;top:0}.dialog-header-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dialog-header-content .eyebrow{letter-spacing:1.4px;min-width:0;font-size:10px}.dialog-header-content .eyebrow time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-header-content strong{font:500 16px/1.25 var(--serif);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.dialog-header .dialog-close{box-shadow:none;background:0 0;position:static}@media (hover:hover){.dialog-header .dialog-close:hover{background:var(--pale)}}.dialog-body{min-width:0;padding:26px 28px 28px}.dialog-footer{z-index:6;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#faf9f6f0;padding:14px 28px;position:sticky;bottom:0}.composer-dialog .dialog-heading{padding-inline-end:0}.composer-dialog .dialog-heading h2{margin-top:0;font-size:38px}.composer-form{flex-direction:column;min-width:0;display:flex}.composer-form .discard-panel{margin-bottom:8px}.dialog-footer.composer-footer{margin-top:0;padding-top:14px}.composer-footer .button{min-height:46px}.detail-dialog .detail-content{padding:26px 28px 30px}.detail-dialog .detail-content h2{margin-top:0}.detail-dialog .detail-date{margin-top:8px}.detail-dialog .detail-cover{height:300px}.detail-dialog .detail-attachments{margin-top:4px}@media (max-width:720px){.dialog.has-header{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.dialog-header{padding:10px 8px 10px 18px;padding-top:max(10px, env(safe-area-inset-top))}.dialog-header-content strong{font-size:15px}.dialog-body,.detail-dialog .detail-content{padding:20px 18px 24px}.dialog-footer{padding:12px 18px;padding-bottom:max(12px, env(safe-area-inset-bottom))}.composer-dialog .dialog-heading h2{font-size:32px}.composer-footer>span{max-width:none}.detail-dialog .detail-cover{height:240px}.dialog input,.dialog select,.dialog textarea{font-size:16px}.dialog .title-input{font-size:22px}.dialog .auth-code{font-size:24px}.date-time-fields input{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.dialog-header,.dialog-footer{-webkit-backdrop-filter:none;background:var(--paper)}}