.lp-page{--lp-paper:#f4f1e6;--lp-ink:#302e26;--lp-blue:#387b8b;--lp-line:#d8d2bf;background-color:var(--lp-paper);color:var(--lp-ink);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23988d70' opacity='.10' filter='url(%23paper)' d='M0 0h220v220H0z'/%3E%3C/svg%3E");font-family:Roboto Condensed,Arial Narrow,sans-serif;font-size:20px;line-height:1.5;position:relative}.lp-page :where(h1,h2,h3,p,figure,blockquote){margin:0}.lp-page :where(h2,h3){letter-spacing:-.02em;text-wrap:balance;font-family:inherit;font-weight:700}.lp-page :where(p){text-wrap:pretty;line-height:1.5}.lp-page img{max-width:100%;height:auto;display:block}.lp-page a{color:inherit;text-underline-offset:5px}.lp-page :focus-visible{outline-offset:5px;outline:3px solid #206b82}.lp-skip{z-index:3;background:#fff;padding:12px 20px;position:absolute;top:12px;left:16px;transform:translateY(-180%)}.lp-skip:focus{transform:none}.lp-header{z-index:1;position:absolute;top:20px;right:clamp(22px,4vw,64px)}.lp-header a{align-items:center;min-height:48px;font-size:25px;font-weight:700;text-decoration:none;display:inline-flex}.lp-header a:hover{text-decoration:underline}.lp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px 38px;display:flex;position:relative}.lp-page .lp-bucket{mix-blend-mode:multiply;width:clamp(175px,24svh,250px)}.lp-hero h1{letter-spacing:-.025em;color:#080807;font:700 clamp(58px,8.5svh,80px)/1.05 Outfit,sans-serif}.lp-tagline{font-size:clamp(26px,3.8svh,36px);line-height:1.2!important}.lp-page .lp-family{width:min(640px,64svh,85vw);margin:12px 0 16px}.lp-page .lp-intro{max-width:900px;font-size:clamp(25px,3.4svh,34px);line-height:1.15}.lp-description{max-width:920px;font-size:clamp(20px,2.6svh,25px);margin-top:12px!important;line-height:1.3!important}.lp-actions{justify-content:center;gap:22px;width:min(100%,640px);margin:26px auto 0;display:flex}.lp-page .lp-button{color:#fff;border-radius:100px;flex:1;justify-content:center;align-items:center;min-height:64px;padding:12px 20px;font:400 30px/1.2 Roboto Condensed,sans-serif;transition:background .15s;display:inline-flex}.lp-page .lp-button-signin{background:var(--lp-blue)}.lp-page .lp-button-signin:hover{background:#286575}.lp-page .lp-button-begin{background:var(--lp-ink)}.lp-page .lp-button-begin:hover{background:#15150f}.lp-wrap{width:min(1120px,100% - 64px);margin:0 auto}.lp-section{padding:88px 0}.lp-section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.lp-page .lp-section-heading h2,.lp-page .lp-closing h2{font-size:clamp(32px,3.4vw,44px);line-height:1.15}.lp-section-heading p{margin-top:16px;font-size:23px}.lp-features{border-top:1px solid var(--lp-line);background:#fffdf66b}.lp-page .lp-vault-tabs{justify-content:center;gap:12px;margin-bottom:32px;display:flex}.lp-page .lp-vault-tab{border:1px solid var(--lp-line);background:#fffdf6;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:10px 22px;font:700 21px/1.2 Roboto Condensed,sans-serif;display:flex}.lp-page .lp-vault-tab img{width:40px;height:40px}.lp-page .lp-vault-tab[aria-selected=true]{border:2px solid var(--lp-blue);background:#e0ecee;padding:9px 21px}.lp-page .lp-vault-tab:hover{border-color:var(--lp-blue)}.lp-page .lp-vault-panel{grid-template-columns:1fr 2fr;align-items:center;gap:44px;display:grid}.lp-page .lp-vault-panel-copy h3{margin-bottom:16px;font-size:32px;line-height:1.2}.lp-page .lp-vault-panel-copy p{font-size:22px}.lp-page .lp-vault-screen{background:#fffdf6;border:1px solid #c8c2b3;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px #302e2612}.lp-page .lp-vault-screen-bar{background:#e9e5db;gap:6px;padding:12px;display:flex}.lp-page .lp-vault-screen-bar i{background:#b0aa9d;border-radius:50%;width:8px;height:8px}.lp-page .lp-vault-screen img{width:100%}.lp-page .lp-vault-stage{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:20px;display:grid}.lp-page .lp-vault-stage>.lp-vault-panel{grid-area:1/2}.lp-page .lp-vault-arrow{border:2px solid var(--lp-blue);width:64px;height:64px;color:var(--lp-blue);background:#fffdf6;border-radius:50%;grid-row:1;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;box-shadow:0 4px 12px #302e2614}.lp-page .lp-vault-arrow.is-previous{grid-column:1}.lp-page .lp-vault-arrow.is-next{grid-column:3}@media (hover:hover){.lp-page .lp-vault-arrow:hover{background:var(--lp-blue);color:#fff}}.lp-page .lp-vault-arrow svg{stroke-width:2.4px;width:30px;height:30px}@media (width>=1320px){.lp-page .lp-vault-stage{margin-inline:-84px}}.lp-how{border-bottom:1px solid var(--lp-line)}.lp-how .lp-section-heading,.lp-steps li{transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),background-color .6s,box-shadow .6s}.lp-steps li{border-radius:18px;padding:22px 16px 26px}.lp-step-number{transition:background-color .6s,color .6s,border-color .6s}.lp-how[data-phase=waiting] .lp-section-heading{opacity:0;transform:translateY(18px)scale(.96)}.lp-how[data-phase=waiting] .lp-steps li,.lp-how[data-phase=heading] .lp-steps li{opacity:0;transform:translateY(24px)scale(.96)}.lp-how[data-phase=step] .lp-steps li{opacity:.35;transform:scale(.94)}.lp-how[data-phase=step] .lp-steps li.is-active{opacity:1;background-color:#fffdf6;transform:translateY(-6px)scale(1.08);box-shadow:0 16px 36px #302e2617}.lp-steps li.is-active .lp-step-number{background:var(--lp-blue);border-color:var(--lp-blue);color:#fff}.lp-communities{background:#fffdf66b}.lp-steps{grid-template-columns:repeat(3,1fr);gap:48px;margin:0;padding:0;list-style:none;display:grid}.lp-steps li{text-align:center}.lp-step-number{color:#2b6470;background:#e6edef;border:1px solid #a9bdbe;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;font-size:28px;display:inline-flex}.lp-steps h3{margin-bottom:12px;font-size:28px}.lp-steps p{max-width:260px;margin:0 auto;font-size:21px}.lp-community-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.lp-community{min-width:0;padding:0 30px}.lp-community:first-child{padding-left:0}.lp-community:last-child{padding-right:0}.lp-community+.lp-community{border-left:1px solid var(--lp-line)}.lp-community>img{mix-blend-mode:multiply;width:74px;height:74px;margin-bottom:20px}.lp-community h3{margin-bottom:14px;font-size:31px}.lp-community>p{min-height:126px;font-size:21px}.lp-community-example{border:1px solid var(--lp-line);background:#fffdf6;border-radius:8px;overflow:hidden;margin-top:28px!important}.lp-page .lp-community-example>img{aspect-ratio:3/2;object-fit:cover;width:100%}.lp-community-example figcaption{padding:14px 16px 0;font-size:19px;line-height:1.3}.lp-community-example-label{color:#635f52;margin-top:4px;font-size:14px;display:block}.lp-community-comments{gap:14px;margin:0;padding:16px;list-style:none;display:grid}.lp-community-comments li{align-items:flex-start;gap:10px;display:flex}.lp-community-avatar{color:#2b6470;background:#e0ecee;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:15px;font-weight:700;display:grid}.lp-community-comments li:nth-child(2) .lp-community-avatar{color:#655338;background:#eee6d6}.lp-community-comments p{font-size:16px;line-height:1.4}.lp-community-comments strong{margin-bottom:2px;display:block}.lp-community-quote{margin-top:28px!important}.lp-community blockquote{font-size:24px;line-height:1.4}.lp-community-quote figcaption{color:#635f52;margin-top:16px;font-size:17px}.lp-closing{text-align:center;border-top:1px solid var(--lp-line);background-color:#ece8db70;padding-top:64px}.lp-page .lp-closing-bucket{mix-blend-mode:multiply;width:132px;margin:0 auto 24px}.lp-closing p{margin-top:16px;font-size:24px}.lp-closing .lp-actions{margin-top:30px}.lp-footer{text-align:center;border-top:1px solid var(--lp-line);padding:28px 24px 32px}.lp-footer-links{flex-wrap:wrap;justify-content:center;gap:14px 28px;font-size:16px;display:flex}.lp-footer-links a{min-height:32px}.lp-privacy{justify-content:center;align-items:center;gap:10px;font-size:19px;display:flex;margin-top:20px!important}.lp-privacy svg{width:18px;height:18px}.lp-doodle{display:none}@media (width>=1180px) and (height>=720px){.lp-doodle{width:clamp(150px,12vw,210px);display:block;position:absolute;bottom:10px;right:clamp(16px,4vw,120px)}}.lp-doodle svg{width:100%;height:auto;display:block;overflow:visible}.lp-doodle-words{fill:#34312a;font:600 46px Caveat,Segoe Print,Bradley Hand,cursive}.lp-doodle-stroke{fill:none;stroke-dasharray:1 2}.lp-doodle-line{stroke:#34312a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.lp-pencil{opacity:0}.lp-doodle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lp-doodle [data-nudge]{transition:transform .3s}.lp-doodle:hover [data-nudge]{transform:translateY(5px)}@media (width<=900px){.lp-header{top:12px}.lp-header a{font-size:22px}.lp-hero{padding-top:60px}.lp-page .lp-intro{max-width:800px}.lp-description{max-width:780px}.lp-page .lp-vault-panel{grid-template-columns:1fr;gap:28px}.lp-page .lp-vault-panel-copy{text-align:center;max-width:650px;margin:0 auto}.lp-community{padding:0 20px}.lp-community>p{min-height:158px}}@media (width<=720px){.lp-hero{min-height:auto;padding:66px 20px 46px}.lp-page .lp-bucket{width:170px}.lp-hero h1{font-size:clamp(52px,12vw,72px)}.lp-tagline{max-width:100%;font-size:clamp(21px,5.3vw,30px)}.lp-page .lp-family{width:min(100%,540px);margin:24px 0 20px}.lp-page .lp-intro{max-width:600px;font-size:26px;line-height:1.2}.lp-description{font-size:20px;margin-top:16px!important;line-height:1.4!important}.lp-actions{gap:12px}.lp-page .lp-button{min-height:58px;padding:12px;font-size:23px}.lp-wrap{width:min(100% - 40px,580px)}.lp-section{padding:60px 0}.lp-section-heading{margin-bottom:30px}.lp-section-heading p{font-size:21px}.lp-page .lp-vault-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.lp-page .lp-vault-tab{padding:10px;font-size:20px}.lp-page .lp-vault-tab[aria-selected=true]{padding:9px}.lp-page .lp-vault-panel-copy h3{font-size:28px}.lp-page .lp-vault-panel-copy p{font-size:21px}.lp-page .lp-vault-screen{width:min(100%,340px);margin:0 auto}.lp-page .lp-vault-stage{grid-template-columns:1fr 1fr;gap:24px 20px}.lp-page .lp-vault-stage>.lp-vault-panel{grid-area:2/1/auto/-1}.lp-page .lp-vault-arrow{width:60px;height:60px}.lp-page .lp-vault-arrow.is-previous{grid-column:1;justify-self:end}.lp-page .lp-vault-arrow.is-next{grid-column:2;justify-self:start}.lp-steps{grid-template-columns:1fr;gap:30px}.lp-how[data-phase=step] .lp-steps li.is-active{transform:translateY(-4px)scale(1.03)}.lp-steps p{max-width:340px}.lp-community-grid{grid-template-columns:1fr;gap:36px}.lp-community,.lp-community:first-child,.lp-community:last-child{padding:0}.lp-community+.lp-community{border-left:0;border-top:1px solid var(--lp-line);padding-top:36px}.lp-community>img{float:left;width:58px;height:58px;margin:0 18px 0 0}.lp-community h3{margin-bottom:24px;padding-top:10px}.lp-community>p{clear:both;min-height:0}.lp-community-example,.lp-community-quote{margin-top:20px!important}.lp-closing p{font-size:22px}.lp-privacy{gap:6px;font-size:17px}}@media (width<=360px){.lp-actions{flex-direction:column}}.lp-sand-spill{pointer-events:none;position:absolute}.lp-page.is-arriving .lp-bucket{transform-origin:50% 88%;animation:.9s 80ms both lp-bucket-land}@keyframes lp-bucket-land{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.85,.45);transform:translateY(-42px)scale(.94)}22%{opacity:1}53%{animation-timing-function:cubic-bezier(.25,.7,.35,1);transform:translateY(0)scale(1.04,.95)}76%{animation-timing-function:ease-in-out;transform:translateY(-3px)scale(.99,1.01)}to{opacity:1;transform:none}}.lp-page.is-arriving .lp-hero h1{animation:1s cubic-bezier(.2,.7,.2,1) .3s both lp-title-in}.lp-page.is-arriving .lp-family{animation:1.1s cubic-bezier(.2,.7,.2,1) .6s both lp-family-in}.lp-page.is-arriving :is(.lp-tagline,.lp-intro,.lp-description,.lp-actions){animation:.8s cubic-bezier(.2,.7,.2,1) both lp-rise}.lp-page.is-arriving .lp-tagline{animation-delay:.5s}.lp-page.is-arriving .lp-intro{animation-delay:.82s}.lp-page.is-arriving .lp-description{animation-delay:.92s}.lp-page.is-arriving .lp-actions{animation-delay:1.02s}.lp-page.is-arriving .lp-header{animation:.8s 1.1s both lp-fade}@keyframes lp-title-in{0%{opacity:0;filter:blur(14px);letter-spacing:.14em}}@keyframes lp-family-in{0%{opacity:0;filter:blur(8px);transform:translateY(16px)scale(.97)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes lp-fade{0%{opacity:0}}:root{--paper:#fbf8f1;--ink:#303a32;--muted:#747a70;--green:#3b5144;--line:#deded1;--peach:#eed8c4;--rust:#a85f43;--white:#fffefb;--shadow:0 10px 30px #3e372b0b;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #bd7f56}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:500}h1{letter-spacing:-.04em;font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.13}h2{letter-spacing:-.025em;font-size:2rem}h3{font-size:1.25rem}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--rust);font-size:12px;font-weight:700}.btn{border:1px solid var(--line);background:var(--white);border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 23px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:#f1ede3;transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#2c4034}.btn.danger{color:#a14337;border-color:#d5a49b}.text-btn{text-underline-offset:5px;padding:10px 0;text-decoration:underline}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-family:Lora,serif;font-size:27px;display:flex}.brand-mark{mix-blend-mode:multiply;background:url(/images/bucket.webp) 50%/contain no-repeat;flex:none;width:64px;height:32px}.welcome-screen .brand-mark{width:170px;height:84px;margin-bottom:12px}dialog .brand-mark{width:130px;height:64px}.fine{color:var(--muted);font-size:13px}svg{vertical-align:middle;flex-shrink:0;width:21px;height:21px}.demo-label{letter-spacing:.07em;text-transform:uppercase;border:1px solid #d9d1bb;border-radius:20px;padding:5px 9px;font-size:11px}.document{max-width:690px;min-height:55vh;margin:0 auto;padding:90px 24px 40px}.document h1{font-size:3rem}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;width:min(520px,100% - 30px);max-height:90vh;padding:35px;box-shadow:0 20px 100px #212c3030}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26382f65}.modal-top{justify-content:space-between;align-items:start;gap:20px;display:flex}.close{padding:4px}.fields{gap:17px;display:grid}.field{flex-direction:column;gap:7px;font-size:14px;font-weight:500;display:flex}.field input,.field select,.field textarea,.search{background:var(--white);width:100%;color:var(--ink);border:1px solid #d6d7cc;border-radius:6px;outline:none;padding:12px}.field input:focus,.field textarea:focus,.search:focus{border-color:var(--green);box-shadow:0 0 0 2px #3b514414}.field textarea{resize:vertical;min-height:110px;line-height:1.6}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.actions .btn{flex:1}.error{color:#a14337;font-size:14px}.choice{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:18px;width:100%;margin-top:12px;padding:22px;display:flex}.choice:hover{border-color:var(--green)}.choice strong{margin-bottom:4px;display:block}.choice span{color:var(--muted);font-size:14px}#toast{background:var(--green);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:10;border-radius:8px;max-width:90vw;padding:13px 23px;transition:all .2s;position:fixed;bottom:85px;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=760px){.brand{font-size:23px}dialog{padding:24px}.two{grid-template-columns:1fr}}.shell{grid-template-rows:88px 1fr 65px;grid-template-columns:238px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#f4efe5;flex-direction:column;grid-row:1/4;height:100vh;padding:25px 19px;display:flex;position:sticky;top:0}.side .brand{margin:0 0 47px 4px}.side-label{margin-bottom:12px;padding:0 14px}.nav-item{text-align:left;border-radius:7px;align-items:center;gap:13px;width:100%;margin:4px 0;padding:15px 14px;font-size:14px;display:flex}.nav-item.active{background:var(--green);color:#fff}.nav-item:hover:not(.active){background:#e8e4d9}.side-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:17px}.vault-top{border-bottom:1px solid var(--line);background:#fffefa;justify-content:space-between;align-items:center;gap:15px;padding:0 42px;display:flex}.vault-top h2{margin:0;font-size:24px}.top-right{align-items:center;gap:18px;display:flex}.profile-btn{text-align:left;align-items:center;gap:10px;font-size:13px;display:flex}.profile-btn small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.avatar{color:#593f31;background:#e7b89b;border:3px solid #fff9ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.alt{color:#455647;background:#d7dfcf}.main{min-width:0;padding:37px 44px 50px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-1px;margin:7px 0 9px;font-size:34px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.usage{border-top:1px solid var(--line);z-index:2;background:#fffefa;grid-column:2;gap:35px;padding:13px 42px;display:flex;position:sticky;bottom:0}.usage-item{flex:1;align-items:center;gap:12px;max-width:270px;display:flex}.usage-item svg{color:#8b927f;width:19px}.usage-copy{flex:1;font-size:12px}.usage-copy div{justify-content:space-between;gap:10px;margin-bottom:7px;display:flex}.meter{background:#ececdf;border-radius:4px;height:3px}.meter i{background:#899982;border-radius:4px;min-width:4px;height:100%;display:block}.feed-layout{grid-template-columns:minmax(340px,640px) minmax(220px,300px);justify-content:center;gap:30px;display:grid}.memory-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:22px}.byline{align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.byline small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.byline .tag{margin-left:auto}.tag{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px 8px;font-size:11px}.photo-frame{background:#fff;border:1px solid #e6e2d8;margin:4px 2px 22px;padding:10px 10px 14px;transform:rotate(-.7deg);box-shadow:0 3px 9px #54493013}.art-zion{aspect-ratio:1.28;background:url(/images/zion.png) 71.1% 45.45%/236% no-repeat;width:100%}.art-beach{aspect-ratio:1.04;background:url(/images/beach.png) 70.3% 45.6%/232% no-repeat;width:100%}.photo-frame figcaption{text-align:center;padding-top:15px;font-family:Lora,serif;font-size:16px}.comments{scrollbar-width:thin;max-height:210px;overflow:auto}.comment{gap:10px;padding:10px 0;font-size:13px;display:flex}.comment .avatar{border:0;width:29px;height:29px;font-size:10px}.comment p{margin:3px 0;line-height:1.5}.comment small{color:var(--muted);margin-left:9px;font-size:11px}.comment .delete-comment{color:var(--muted);align-self:start;margin-left:auto}.comment-form{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:15px;padding-top:17px;display:flex}.comment-form input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.comment-form button{color:var(--green);padding:8px}.feed-pagination{color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:20px 0 0;font-size:13px;display:flex}.round{border:1px solid var(--line);background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.round:hover{border-color:var(--green)}.note-card{background:#efe8d9;border:1px solid #e2d8c6;border-radius:7px;margin-bottom:24px;padding:25px}.note-card h3{margin:17px 0 12px;font-size:23px;line-height:1.4}.note-card p{color:#797567;font-size:14px}.quick-link{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:16px 0;font-size:14px;display:flex}.quick-link svg:last-child{width:17px;margin-left:auto}.family-row{margin:16px 0;display:flex}.family-row .avatar+.avatar{margin-left:-6px}.side-note{color:var(--muted);font-size:13px;line-height:1.6}.toolbar{align-items:center;gap:15px;margin-bottom:28px;display:flex}.search-wrap{width:100%;max-width:450px;position:relative}.search-wrap svg{color:var(--muted);width:19px;position:absolute;top:13px;left:14px}.search{padding-left:42px;font-size:14px}.result-count{color:var(--muted);margin-left:auto;font-size:13px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.album{background:var(--white);border:1px solid var(--line);text-align:left;box-shadow:var(--shadow);border-radius:8px;padding:13px;transition:transform .2s}.album:hover{transform:translateY(-4px)}.album-image{background:#eae7df;border-radius:4px;height:195px;overflow:hidden}.album-image .art-zion,.album-image .art-beach{aspect-ratio:auto;height:100%}.album-image .art-zion{background-position:70% 43%;background-size:265%}.album-image .art-beach{background-position:70% 45%;background-size:230%}.album h3{margin:18px 3px 8px;font-size:18px}.album-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:0 3px 6px;font-size:12px;display:flex}.empty{text-align:center;max-width:550px;margin:65px auto;padding:35px}.empty>svg{width:40px;height:40px;color:var(--rust);margin-bottom:23px}.empty h2{font-size:29px}.empty p{color:var(--muted)}.reader{grid-template-columns:minmax(300px,680px) 270px;gap:30px;max-width:1050px;margin:auto;display:grid}.reader .photo-frame{transform:none}.reader video,.reader img{object-fit:contain;width:100%;max-height:540px}.reader-actions .btn{width:100%;margin-bottom:12px}.reader-actions .fine{line-height:1.6}.reader textarea{min-height:100px}.journal-card{text-align:left;background:#fffdf5;border:1px solid #dfd9c9;border-radius:4px;flex-direction:column;min-height:245px;padding:23px;display:flex;position:relative;box-shadow:4px 4px #e9e4d8}.journal-card:nth-child(2n){background:#f1f3e9}.journal-card:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:#bb866f;width:15px;height:38px;position:absolute;top:0;right:22px}.journal-card h3{margin:23px 15px 15px 0;font-size:24px;line-height:1.3}.journal-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.journal-card footer{color:var(--muted);margin-top:auto;font-size:12px}.journal-paper{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf6;margin-bottom:24px;padding:40px}.journal-paper h2{margin:15px 0;font-size:32px}.journal-body{white-space:pre-wrap;font-family:Lora,Georgia,serif;font-size:17px;line-height:2}.member-section{max-width:940px}.member-group{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-bottom:25px;padding:8px 24px}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.member-row:last-child{border:0}.member-name{flex:1;font-size:14px}.member-name small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.member-row .text-btn{color:var(--rust);padding:6px;font-size:12px}.role-bar{background:#eee9dc;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.role-bar select{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:6px}.plan-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.plan{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:23px 18px;position:relative}.plan.recommended{border:2px solid #71836b}.plan h3{margin-top:10px}.plan strong{margin:25px 0;font-family:Lora,serif;font-size:33px;display:block}.plan strong small{color:var(--muted);font-family:DM Sans;font-size:13px;font-weight:400}.plan ul{color:var(--muted);padding:0;font-size:13px;line-height:2.2;list-style:none}.plan .btn{width:100%;padding:12px 8px;font-size:13px}.section-card{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-top:25px;padding:26px}.section-card p{color:var(--muted);font-size:14px}.settings-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.dropzone{text-align:center;background:#fffdf8;border:2px dashed #bdc2b3;border-radius:8px;padding:38px 20px;position:relative}.dropzone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.dropzone svg{width:35px;height:35px;color:var(--green);margin-bottom:10px}.upload-list{max-height:150px;margin-top:15px;font-size:13px;overflow:auto}.welcome-screen{z-index:20;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.welcome-screen h1{font-size:40px;animation:1.6s both fade}.welcome-screen button{position:absolute;bottom:40px}.mobile-menu{display:none}@keyframes fade{0%{opacity:0;transform:translateY(10px)}30%,75%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1600px){.main{padding:45px 70px}.feed-layout{gap:45px}.memory-card{padding:28px}.album-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.shell{grid-template-columns:195px 1fr}.side{padding:25px 12px}.side .brand{font-size:23px}.main{padding:30px 25px}.vault-top{padding:0 25px}.feed-layout{grid-template-columns:minmax(300px,1fr) 220px;gap:20px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr 1fr}.reader{grid-template-columns:1fr}.reader-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usage{gap:20px;padding:13px 25px}.profile-btn>span:last-child{display:none}}@media (width<=800px){.shell{grid-template-rows:75px 1fr auto;grid-template-columns:1fr}.side{z-index:7;width:255px;display:none;position:fixed;box-shadow:20px 0 80px #253d3530}.side.open{display:flex}.vault-top{grid-column:1;padding:0 20px}.vault-top h2{font-size:21px}.top-right{gap:8px}.top-right .demo-label{display:none}.mobile-menu{display:block}.main{padding:28px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading .btn{padding:10px 13px;font-size:13px}.feed-layout{grid-template-columns:1fr}.feed-aside{display:none}.usage{grid-column:1;gap:15px;padding:13px 15px}.usage-item{gap:5px}.usage-copy{font-size:10px}.usage-item svg{display:none}.usage-copy div{display:block}.usage-copy div span{margin-top:3px;display:block}.memory-card{padding:18px}.settings-grid{grid-template-columns:1fr}.member-row{gap:9px}.member-row .tag{display:none}.journal-paper{padding:25px}.album-grid{gap:17px}.album-image{height:150px}.album h3{font-size:16px}.reader-actions{grid-template-columns:1fr}.role-bar{flex-wrap:wrap}.plan-grid{gap:12px}.plan{padding:18px 13px}.journal-card{padding:18px}.journal-card h3{font-size:20px}.result-count{display:none}}.photo-frame video{width:100%;max-height:520px;display:block}.comment-form input:focus{outline-offset:6px;outline:2px solid #bdc5b8}.reader img{height:auto!important}.profile-btn{min-width:37px}.feed-pagination{flex-wrap:wrap}.comment,.journal-body{overflow-wrap:anywhere}.member-name{overflow-wrap:anywhere;min-width:0}[hidden]{display:none!important}@media (width<=480px){.album-grid{grid-template-columns:1fr}.album-image{height:240px}.page-heading{flex-wrap:wrap}.usage-copy{font-size:12px}.role-bar{font-size:14px}.plan-grid{grid-template-columns:1fr}.plan ul{font-size:14px}}.landing{--u:1px;color:#141416;background:#fff;flex-direction:column;min-height:100svh;display:flex;position:relative}.landing>main{flex-direction:column;flex:1;display:flex}.public-nav{top:calc(15.5*var(--u));right:calc(16*var(--u));z-index:1;position:absolute}.public-nav button{font:400 calc(12.7*var(--u))/1.2 "Roboto Condensed",sans-serif}.public-nav button:hover{text-decoration:underline}.hero{padding:calc(32*var(--u)) 0 calc(7*var(--u));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;font-family:Roboto Condensed,sans-serif;display:flex}.hero-bucket{width:calc(166*var(--u));height:auto;display:block}.hero h1{margin:calc(1*var(--u)) 0 0;font:700 calc(43.7*var(--u))/1 Outfit,sans-serif;letter-spacing:0;color:#111}.hero-tagline{font-size:calc(21.6*var(--u));margin:0;line-height:1.2}.hero-family{width:calc(503.5*var(--u));margin-top:calc(5.4*var(--u))}.hero-family img{width:100%;height:auto;display:block}.hero-features{margin:calc(4.2*var(--u)) 0 0;grid-template-columns:26.28% 26.52% 24.8% 20.98%;padding:0;list-style:none;display:grid}.hero-features strong{font-size:calc(11.35*var(--u));line-height:calc(14*var(--u));display:block}.hero-features span{font-size:calc(9.3*var(--u));line-height:calc(12*var(--u));color:#26262a;display:block}.hero-quote{margin:calc(8.7*var(--u)) 0 0;font-size:calc(12.9*var(--u));line-height:calc(15.5*var(--u))}.hero-quote blockquote{margin:0}.hero-actions{gap:calc(13*var(--u));margin-top:calc(6.1*var(--u));display:flex}.pill{width:calc(157*var(--u));height:calc(38*var(--u));border:calc(2.4*var(--u)) solid #1d1c22;border-radius:calc(13*var(--u));font-size:calc(18.5*var(--u));background:#fff;transition:transform .2s,background .2s}.pill:hover{background:#f4f4f5;transform:translateY(-1px)}.pill.dark{width:calc(174*var(--u));color:#fff;box-shadow:0 calc(3*var(--u)) calc(5*var(--u)) #0000004d;background:#33323a;border-color:#33323a}.pill.dark:hover{background:#44434c}.public-footer{color:var(--muted);justify-content:center;gap:16px;padding:14px 16px 20px;font-size:12px;display:flex}.public-footer button:hover{text-decoration:underline}@media (width>=720px){.landing{--u:clamp(1.35px,min(100vw / 530,100svh / 515),2.2px)}}@media (width<=719px){.public-nav{top:18px;right:16px}.public-nav button{font-size:15px}.hero{justify-content:flex-start;padding:64px 16px 28px}.hero br{display:none}.hero-bucket{width:min(46vw,190px)}.hero h1{margin-top:6px;font-size:clamp(40px,13vw,56px)}.hero-tagline{margin-top:4px;font-size:min(22px,5.2vw)}.hero-family{width:100%;margin-top:22px}.hero-family img{aspect-ratio:1130/564;object-fit:cover;object-position:54.8% 0}.hero-features{grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:18px}.hero-features strong{font-size:16px;line-height:1.25}.hero-features span{margin-top:3px;font-size:14px;line-height:1.35}.hero-quote{max-width:36em;margin-top:26px;font-size:16px;line-height:1.4}.hero-actions{gap:10px;width:100%;margin-top:22px}.pill{border-width:2px;border-radius:14px;flex:1;width:auto;height:50px;font-size:min(19px,5vw)}.pill.dark{width:auto;box-shadow:0 3px 6px #0000004d}}h1[tabindex="-1"]:focus{outline:none}.meter i[data-tier=yellow]{background:#c9a14a}.meter i[data-tier=red]{background:#b5573f}.side{overflow-y:auto}.nav-tiles{gap:10px;margin:10px 0 17px;display:grid}.nav-tile{background:var(--white);text-align:center;border:1.5px solid #cdc5b1;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 10px 13px;font-size:15px;font-weight:600;line-height:1.25;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 2px 6px #3e372b14}.nav-tile img{width:64px;height:64px}.nav-tile:hover:not(.active){border-color:var(--green);transform:translateY(-1px)}.nav-tile.active{border-color:var(--green);box-shadow:0 0 0 2px var(--green);color:var(--green);background:#eef1e8}@media (height<=980px){.side .brand{margin-bottom:24px}.nav-tiles{gap:8px}.nav-tile{gap:4px;padding:8px 8px 9px}.nav-tile img{width:44px;height:44px}.side-note{display:none}}@media (height<=760px){.side-label{display:none}.nav-tile{padding:6px 8px 7px}.nav-tile img{width:36px;height:36px}}@media (width<=800px){.mobile-menu{min-width:44px;min-height:44px}}.home-heading{text-align:center;justify-content:center;margin-bottom:16px}.home-heading h1{letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(24px,4.1cqi,34px);font-weight:600;line-height:1.2}.main:has(>.home){padding-top:28px;padding-bottom:12px}.home .memory-card{max-width:640px;margin:0 auto}@media (width>=1600px){.home .memory-card{padding:22px}}.home .byline,.home .photo-frame{margin-bottom:14px}.home .journal-paper{margin-bottom:14px;padding:26px 32px 18px}.home .journal-paper h2{margin:10px 0;font-size:28px}.home .journal-body{-webkit-line-clamp:7;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.8;display:-webkit-box;overflow:hidden}.home .memory-card:has(.comment) .comments{max-height:126px}@media (height<=1000px){.home .memory-card:has(.comment) .comments{max-height:64px}.home .memory-card:has(.comment+.comment){--comments-room:64px}.home .journal-body{-webkit-line-clamp:4}}.memory-gone{color:var(--muted);text-align:center;margin:0;padding:60px 20px;font-size:18px}.reel-step,.reel-mark-seen,.caught-up-more{border-width:2px;border-radius:12px;min-height:56px;padding:0 18px;font-size:17px;font-weight:600}.reel-step:not(.primary),.reel-mark-seen{border-color:var(--green);color:var(--green)}.reel-step:disabled:hover{transform:none}.reel-step:not(.primary):disabled:hover{background:var(--white)}.reel-step svg,.reel-mark-seen svg,.caught-up-more svg{stroke-width:2.4px;width:24px;height:24px}.reel-status{max-width:11em;color:var(--ink);text-align:center;flex-direction:column;align-items:center;padding:0 4px;font-size:15px;font-weight:600;line-height:1.25;display:flex}.reel-status strong{white-space:nowrap;font-size:20px}.reel-status small{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:500}@media (width>=601px){@container page (width<=640px){.reel-step,.reel-mark-seen{padding:0 14px}.reel-status small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home .framed-photo-box{height:min(75cqw, max(200px, 100svh - 596px - var(--caption-room,0px) - var(--comments-room,0px)))}}}.caught-up{text-align:center;background:#eef1e8;border:1px solid #cfd8c6;border-radius:14px;flex-direction:column;align-items:center;gap:14px;max-width:640px;margin:0 auto;padding:44px 36px 28px;animation:.6s both caught-up-in;display:flex}.caught-up h2{margin:4px 0 0;font-size:36px;font-weight:600}.caught-up>p{max-width:430px;margin:0;font-size:18px;line-height:1.55}.caught-up-check{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:inline-flex}.caught-up-check svg{stroke-width:2.2px;width:38px;height:38px}.caught-up-more{margin-top:8px;padding:0 30px}.caught-up-family{border-top:1px solid #cfd8c6;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:16px;padding-top:20px;display:flex}.caught-up-family .family-row{flex-wrap:wrap;justify-content:center;margin:0}.caught-up-family p{color:var(--muted);margin:0;font-size:15px}@keyframes caught-up-in{0%{opacity:0}}@media (width<=800px){.caught-up{padding:34px 20px 24px}.caught-up h2{font-size:29px}}.framed-photo{container-type:inline-size}.framed-photo-box{width:100%;height:min(75cqw, max(200px, 100svh - 562px - var(--caption-room,0px) - var(--comments-room,0px)));background:#efebe2;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}button.framed-photo-box{cursor:zoom-in}.framed-photo-box>img,.framed-photo-box>video{width:100%;height:100%;display:block}.framed-photo-box>img{object-position:center 35%}.framed-photo-box>video{object-fit:contain;background:#1f1d19}.framed-photo-box>[class^=art-]{aspect-ratio:auto;height:100%}.framed-photo-hint{color:var(--ink);background:#fffefbe6;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;bottom:10px;right:10px;box-shadow:0 1px 4px #3e372b26}button.framed-photo-box:hover .framed-photo-hint,button.framed-photo-box:focus-visible .framed-photo-hint{background:var(--green);color:#fff}.memory-card:has(.photo-frame figcaption){--caption-room:46px}.memory-card:has(.comment){--comments-room:64px}.memory-card:has(.comment+.comment){--comments-room:126px}.memory-card:has(.framed-photo) .comments{max-height:126px}.reel-bar{z-index:1;border:1px solid var(--line);background:#fbf8f1f2;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:14px auto 0;padding:8px;display:flex;position:sticky;bottom:74px;box-shadow:0 4px 14px #3e372b12}.feed-nav{gap:10px;margin:0}@media (width<=800px){.reel-bar{bottom:88px}}@media (width<=600px){.home{flex-direction:column;display:flex}.reel-bar{display:contents}.feed-nav{z-index:1;border:1px solid var(--line);background:#fbf8f1f2;border-radius:16px;order:1;grid-template-columns:1fr auto 1fr;margin-bottom:10px;padding:8px;display:grid;position:sticky;top:8px;box-shadow:0 4px 14px #3e372b12}.reel-step{padding:0 12px}.reel-status small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reel-mark-seen{order:2;margin-bottom:14px}.home>.memory-card,.home>.memory-gone{order:3;width:100%}}.page-heading.actions-left{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.page-actions.is-centred{justify-content:center;margin-top:24px}.page-actions .btn,.photo-flow .btn{border-width:1.5px;border-radius:10px;min-height:50px;padding:0 20px;font-size:16px;font-weight:600}.page-actions .btn:not(.primary),.photo-flow .btn:not(.primary){border-color:var(--green);color:var(--green)}.page-actions .btn svg,.photo-flow .btn svg{stroke-width:2px;width:20px;height:20px}.page-note,.page-trash{align-items:center;gap:8px;min-height:50px;padding:0 6px;font-size:16px;display:inline-flex}.page-note{color:var(--green);font-weight:600}.page-trash{color:var(--rust)}.page-note svg,.page-trash svg{stroke-width:2px;width:20px;height:20px}.album-ongoing{color:var(--green);font-weight:600}.album-photos{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.album-thumb{cursor:zoom-in;background:#fff;border:1px solid #e6e2d8;width:100%;padding:8px 8px 10px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 3px 9px #54493013}.album-thumb:hover{transform:translateY(-3px);box-shadow:0 8px 18px #5449301f}.album-thumb .album-image{aspect-ratio:1;height:auto;display:block}.album-thumb .album-image>img,.album-thumb .album-image>video{width:100%;height:100%;display:block}.album-thumb-badge{color:var(--ink);background:#fffefbe6;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:18px;left:16px}.album-thumb-badge svg{width:14px;height:14px}.album-thumb-badge.is-cover{background:var(--green);color:#fff;left:auto;right:16px}.photo-viewer{--photo-max-height:max(220px, 100svh - 652px);max-width:980px}.main:has(>.photo-viewer){padding-top:26px}.page-heading.photo-heading{gap:10px;margin-bottom:14px}.photo-stage{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.photo-step{width:48px;height:48px}.photo-step svg{width:22px;height:22px}.photo-step:disabled{opacity:.35;cursor:default}.photo-stage-frame{margin:0;transform:none}.photo-stage-frame img{max-width:100%;max-height:var(--photo-max-height);margin:0 auto;display:block;width:auto!important;height:auto!important}.photo-stage-frame video{width:100%;max-height:var(--photo-max-height);background:#1f1d19;display:block}.photo-stage-frame .art-zion{max-width:calc(var(--photo-max-height) * 1.28);margin:0 auto}.photo-stage-frame .art-beach{max-width:calc(var(--photo-max-height) * 1.04);margin:0 auto}.photo-below{flex-direction:column;gap:12px;margin:12px 60px 0;display:flex}.photo-caption-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:6px;display:flex}.photo-caption-top label{font-size:18px;font-weight:600}.photo-caption-top .fine{margin:0}.photo-caption textarea{background:var(--white);width:100%;color:var(--ink);resize:vertical;field-sizing:content;border:1.5px solid #c9cbbd;border-radius:8px;outline:none;min-height:77px;max-height:none;padding:10px 14px;font-family:Lora,Georgia,serif;font-size:18px;line-height:1.5;display:block}.photo-caption textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #3b514422}.photo-caption-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Lora,Georgia,serif;font-size:19px;line-height:1.55}.photo-flow{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.photo-stage-main{min-width:0;position:relative}.photo-count{color:var(--ink);pointer-events:none;background:#fffefbe6;border-radius:20px;padding:5px 12px;font-size:15px;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #3e372b26}.memory-comments{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 18px 4px}.memory-comments h2{margin:0;font-size:22px}.memory-comments .comments{max-height:var(--comments-height,230px)}.photo-viewer{--comments-height:126px}@media (width>=801px){.photo-viewer[data-layout=beneath]:has(.memory-comments .comment+.comment){--photo-max-height:max(220px, 100svh - 714px)}.photo-viewer[data-layout=beneath]:has(.photo-caption):has(.memory-comments .comment){--photo-max-height:max(200px, 100svh - 728px)}.photo-viewer[data-layout=beneath]:has(.photo-caption):has(.memory-comments .comment+.comment){--photo-max-height:max(200px, 100svh - 790px)}}@media (width>=801px) and (height<=1000px){.photo-viewer{--comments-height:64px}.photo-viewer[data-layout=beneath]:has(.memory-comments .comment+.comment){--photo-max-height:max(220px, 100svh - 652px)}.photo-viewer[data-layout=beneath]:has(.photo-caption):has(.memory-comments .comment){--photo-max-height:max(200px, 100svh - 728px)}}.memory-comments .comment-form{border-top:0;margin:0;padding:6px 0 8px}.journal-reader .memory-comments{--comments-height:126px}@media (height<=1000px){.journal-reader .memory-comments{--comments-height:64px}}.memory-comments .comments:has(.comment)+.comment-form{border-top:1px solid var(--line)}.memory-comments .comment-form input{background:#fff;border:1.5px solid #c9cbbd;border-radius:8px;padding:9px 12px;font-size:16px}.memory-comments .comment-form input:focus{border-color:var(--green);outline:none}@media (width<=800px){.photo-viewer{--photo-max-height:max(260px, 100svh - 600px)}.photo-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.photo-step{width:40px;height:40px}.photo-below{margin:14px 0 0}.album-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@container page (width<=700px){.photo-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.photo-step{width:40px;height:40px}.photo-below{margin-inline:0}.page-actions .btn,.photo-flow .btn{padding:0 14px;font-size:15px}}@media (width<=600px){.photo-flow .btn{flex:100%}}.layout-switch{display:none}.main:has(>.photo-viewer:is([data-layout=beside],[data-layout=mixed])){flex-direction:column;display:flex}@container page (width>=880px){.page-heading.photo-heading:has(>.layout-switch){grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;display:grid}.photo-heading>.page-actions{grid-column:1/-1}.layout-switch{flex-direction:column;grid-area:1/2;align-items:flex-end;gap:5px;display:flex}.layout-switch-note{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.layout-switch-row{align-items:center;gap:8px;display:flex}.layout-switch-label{font-size:14px;font-weight:600}.layout-switch-options{background:var(--white);border:1.5px solid var(--green);border-radius:10px;gap:2px;padding:3px;display:flex}.layout-switch-options label{min-height:40px;color:var(--green);white-space:nowrap;cursor:pointer;border-radius:7px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.layout-switch-options label:hover{background:#f1ede3}.layout-switch-options label:has(>input:checked){background:var(--green);color:#fff}.layout-switch-options label:has(>input:focus-visible){outline-offset:2px;outline:3px solid #bd7f56}.layout-switch-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.photo-viewer:is([data-layout=beside],[data-layout=mixed]){--photo-max-height:calc(100cqh - 26px);flex:1 0 0;grid-template-columns:minmax(0,1fr) clamp(340px,32%,420px);gap:12px 24px;max-width:none;min-height:440px;margin-bottom:-26px;display:grid}.photo-viewer:is([data-layout=beside],[data-layout=mixed])>.photo-stage{grid-area:1/1;align-content:start;container-type:size}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .memory-comments{flex-direction:column;min-height:0;display:flex}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .memory-comments .comments{min-height:0;max-height:none;overflow:auto}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .comment-form{flex-wrap:wrap}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .comment-form input{flex:180px}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .comment-form .comment-send{margin-left:auto}.photo-viewer:is([data-layout=beside],[data-layout=mixed]) .photo-flow .btn{text-wrap:balance}.photo-viewer[data-layout=beside]{grid-template-rows:minmax(0,1fr)}.photo-viewer[data-layout=beside]>.photo-below{grid-area:1/2;min-height:0;margin:0}.photo-viewer[data-layout=beside] .photo-flow .btn{flex:100%}.photo-viewer[data-layout=mixed]{grid-template-rows:minmax(0,1fr) auto auto}.photo-viewer[data-layout=mixed]>.photo-stage{align-content:end}.photo-viewer[data-layout=mixed]>.photo-below{display:contents}.photo-viewer[data-layout=mixed] :is(.photo-caption,.photo-caption-text,.caption-edit.is-add){grid-area:2/1;margin-inline:60px}.photo-viewer[data-layout=mixed] .photo-flow{flex-wrap:nowrap;grid-area:3/1;margin-inline:60px}.photo-viewer[data-layout=mixed] .photo-flow .btn{flex:0 auto}.photo-viewer[data-layout=mixed] .photo-caption textarea{field-sizing:fixed;height:77px}.photo-viewer[data-layout=mixed] .memory-comments{grid-area:1/2/-1;align-self:start;max-height:100%}}.comment-form .comment-send{border:1.5px solid var(--green);color:var(--green);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.comment-form .comment-send:hover{background:var(--green);color:#fff}.comment-form .comment-send svg{width:18px;height:18px}.album-when{border:0;min-width:0;margin:0;padding:0}.album-when legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:600}.album-when .fine{margin:8px 0 0}.album-form>.fine{margin:0}.check-field{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin-bottom:6px;font-size:16px;display:flex}.check-field input{width:24px;height:24px;accent-color:var(--green);flex-shrink:0;margin:0}.dropzone p{margin:0}.dropzone-pick{background:var(--green);color:#fff;border-radius:10px;margin-bottom:8px;padding:12px 22px;font-size:17px;font-weight:600;display:inline-block}.dropzone:hover .dropzone-pick,.dropzone:focus-within .dropzone-pick{background:#2c4034}.dropzone:focus-within{border-color:var(--green)}.dropzone .fine{font-size:15px;display:block}.upload-tip{margin:12px 0 0;font-size:15px;line-height:1.55}kbd{background:#fff;border:1px solid #c9cbbd;border-bottom-width:2px;border-radius:5px;padding:0 7px;font:600 14px/1.5 DM Sans,sans-serif;display:inline-block}.upload-chosen{margin-top:14px}.upload-count{margin:0 0 4px;font-size:16px;font-weight:600}.upload-chosen .upload-list{margin:0;padding:0;font-size:14px;list-style:none}.upload-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-name{overflow-wrap:anywhere;min-width:0}.upload-list .text-btn{color:var(--rust);flex-shrink:0;padding:8px 0;font-size:14px}.photo-stage-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.photo-stage-open .framed-photo-hint{align-items:center;gap:6px;display:inline-flex}.photo-stage-open .framed-photo-hint svg{width:15px;height:15px}.photo-stage-open:hover .framed-photo-hint,.photo-stage-open:focus-visible .framed-photo-hint{background:var(--green);color:#fff}dialog.is-full-screen{color:#f4f1e8;width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:#151412;border:0;border-radius:0;margin:0;padding:0;overflow:hidden}dialog.is-full-screen::backdrop{background:#151412}dialog.is-full-screen .modal-top{z-index:3;background:linear-gradient(#151412f2,#15141200);align-items:center;padding:14px 18px 26px 24px;position:absolute;inset:0 0 auto}dialog.is-full-screen .modal-top h2{color:#fff;margin:0;font-size:21px}dialog.is-full-screen .close{color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}dialog.is-full-screen .close svg{width:24px;height:24px}.photo-zoom{flex-direction:column;display:flex;position:absolute;inset:0}.photo-zoom-stage{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;min-height:0;margin:76px 84px 8px;display:flex;position:relative}.photo-zoom-stage.is-zoomable{cursor:zoom-in;touch-action:none}.photo-zoom-stage.is-zoomed{cursor:grab}.photo-zoom-stage.is-zoomed.is-gesturing{cursor:grabbing}.photo-zoom-content{flex-shrink:0;transition:transform .2s}.photo-zoom-stage.is-gesturing .photo-zoom-content{transition:none}.photo-zoom-content>img,.photo-zoom-content>video,.photo-zoom-content>[class^=art-]{aspect-ratio:auto;pointer-events:none;width:100%;height:100%;display:block}.photo-zoom-content>video{pointer-events:auto;background:#000}.photo-zoom-step{z-index:2;color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-28px;display:inline-flex;position:absolute;top:50%}.photo-zoom-step svg{width:26px;height:26px}.photo-zoom-step:hover:not(:disabled){background:#ffffff40}.photo-zoom-step:disabled{opacity:.3}.photo-zoom-step.is-previous{left:16px}.photo-zoom-step.is-next{right:16px}.photo-zoom-bar{z-index:2;background:linear-gradient(#15141200,#151412f2 40%);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px 22px;padding:10px 20px 18px;font-size:15px;display:grid;position:relative}.photo-zoom-count,.photo-zoom-tip{color:#d8d3c6}.photo-zoom-count{grid-column:1;justify-self:end}.photo-zoom-tools{grid-column:2}.photo-zoom-tip{grid-column:3;justify-self:start}.photo-zoom-tools{align-items:center;gap:8px;display:flex}.photo-zoom-tools button{color:#fff;background:#ffffff24;border-radius:24px;justify-content:center;align-items:center;min-width:48px;height:48px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.photo-zoom-tools button:hover:not(:disabled){background:#ffffff40}.photo-zoom-tools button:disabled{opacity:.35}.photo-zoom-tools svg{width:22px;height:22px}.photo-zoom-caption{color:#fff;text-align:center;grid-column:1/-1;margin:0;font-family:Lora,Georgia,serif;font-size:18px}@media (width<=800px){.photo-zoom-stage{margin:70px 8px 4px}.photo-zoom-step{width:44px;height:44px;margin-top:-22px}.photo-zoom-step.is-previous{left:8px}.photo-zoom-step.is-next{right:8px}.photo-zoom-tip{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.journal-kinds{border:0;margin:0;padding:0}.journal-kinds legend{padding:0;font-size:18px;font-weight:600}.journal-kinds .choice{padding:16px 20px;font-size:17px}.journal-kinds .choice span{font-size:15px}.journal-kinds .choice svg,.journal-kind-chosen svg{width:26px;height:26px;color:var(--green)}.journal-kind-chosen{background:var(--white);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;margin:0;padding:10px 16px;font-size:16px;display:flex}.journal-kind-chosen .text-btn{color:var(--green);margin-left:auto;padding:6px 0;font-weight:600}.recipient-picker{border:0;min-width:0;margin:0;padding:0}.recipient-picker legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:500}.recipient-picker .fine{margin:0}.recipient-options{flex-wrap:wrap;gap:8px;display:flex}.recipient-option{background:var(--white);cursor:pointer;border:1.5px solid #cdc5b1;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:5px 18px 5px 6px;font-weight:500;display:inline-flex;position:relative}.recipient-option .avatar{border-width:2px;width:34px;height:34px}.recipient-option input{opacity:0;pointer-events:none;position:absolute}.recipient-option.is-selected{background:var(--green);border-color:var(--green);color:#fff}.recipient-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #3b514466}.journal-category{max-width:calc(100% - 44px);color:var(--green);background:#e8ece3;border-radius:12px;align-self:flex-start;margin-bottom:10px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.4;display:inline-block}.journal-paper .journal-category{margin-bottom:4px}.page-heading.journal-heading{gap:10px;margin-bottom:14px}.main:has(>.journal-reader){padding-top:26px}.journal-reader{flex-direction:column;gap:12px;max-width:780px;display:flex}.journal-reader .journal-paper{margin:0;padding:26px 40px 20px}.journal-reader .journal-category{margin-bottom:14px}.journal-reader .journal-body{margin-bottom:0}@media (width<=800px){.journal-reader .journal-paper{padding:22px}}.journal-filters{border:0;flex-wrap:wrap;gap:8px;margin:-12px 0 24px;padding:0;display:flex}.filter-chip{background:var(--white);border:1.5px solid #cdc5b1;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.filter-chip span{color:var(--muted);font-weight:400}.filter-chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.filter-chip[aria-pressed=true] span{color:#fffc}.journal-facts{flex-wrap:wrap;gap:8px 28px;margin:0 0 20px;display:flex}.journal-facts div{align-items:baseline;gap:10px;display:flex}.journal-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--rust);font-size:12px;font-weight:700}.journal-facts dd{margin:0;font-family:Lora,Georgia,serif;font-size:17px}.journal-extra{border:1px solid #e4dbc6;border-left:4px solid var(--rust);background:#f6f1e4;border-radius:6px;margin:0 0 24px;padding:18px 22px}.journal-extra h3{margin:0 0 10px;font-size:20px}.journal-extra ul,.journal-extra p{margin:0;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.8}.journal-extra ul{padding-left:22px}.journal-extra p{white-space:pre-wrap}.journal-body-label{margin:4px 0 8px;font-size:20px}.shell-reels{display:none}@media (width>=1101px){.shell{grid-template-columns:238px minmax(0,1fr) clamp(215px,19vw,340px)}.shell.no-reels{grid-template-columns:238px minmax(0,1fr)}.vault-top{grid-column:2/-1}.main{grid-area:2/2}.shell-reels{grid-area:2/3;min-width:0;padding:37px 28px 24px 0;display:block}.usage{grid-area:3/2/auto/-1}}@media (width>=1600px){.shell-reels{padding-top:45px}.shell-reels .side-reels{height:max(480px,100svh - 222px)}}.main{container:page/inline-size}@media (width>=1101px){@container page (width<=720px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr 1fr}}}.side-reels{-webkit-user-select:none;user-select:none;flex-direction:column;height:max(480px,100svh - 214px);display:flex;position:sticky;top:24px}.side-reels-label{letter-spacing:.12em;text-wrap:balance;margin:0 0 12px;font-family:inherit;font-size:14px;line-height:1.35}.side-reels-list{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:16px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.side-reel{min-height:0;position:relative}.side-reel-slide{color:inherit;background:#fff;border:1px solid #e6e2d8;flex-direction:column;margin:0;padding:8px 8px 10px;text-decoration:none;transition:box-shadow .2s,border-color .2s;animation:1.6s both side-reel-in;display:flex;position:absolute;inset:0;box-shadow:0 3px 9px #54493013}a.side-reel-slide{cursor:pointer}.side-reel-slide.is-leaving{pointer-events:none}@media (hover:hover){a.side-reel-slide:hover{border-color:#d3cab6;box-shadow:0 8px 22px #5449302b}}.side-reel-photo{background:#efebe2;flex:1;min-height:0;overflow:hidden}.side-reel-photo>img{object-position:center 35%;display:block}.side-reel-photo>[class^=art-]{aspect-ratio:auto;height:100%}.side-reel-words{padding:9px 4px 0}.side-reel-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.side-reel-album{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin-top:4px;font-size:14px;display:block;overflow:hidden}@keyframes side-reel-in{0%{opacity:0}}@media (width<=1100px){.side-reels{display:none}}.about-actions .btn{border-radius:100px;padding:13px 26px}.btn.begin-vault{color:#fff;background:#302e26;border-color:#302e26}.btn.begin-vault:hover{background:#15150f}.page-heading:has(+.member-section){margin-bottom:6px}.members-pinned{z-index:2;background:var(--paper);padding-bottom:12px;position:sticky;top:0}.members-pinned>.page-actions{background:var(--paper);padding:12px 0 18px}.member-section h3{margin-bottom:12px}.members-pinned>h3:last-child{margin-bottom:0}.member-section .member-row{padding:13px 0}.members-pinned .member-group{margin-bottom:20px}@media (width<=800px),(height<=760px){.members-pinned{display:contents}.members-pinned>.page-actions{z-index:2;padding-bottom:12px;position:sticky;top:0}.members-pinned>h3:last-child{margin-bottom:12px}}.page-actions .btn .avatar{border-width:2px;width:32px;height:32px;margin-left:-8px;font-size:11px}.btn-lines{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.btn-lines small{opacity:.85;font-size:13px;font-weight:500}.members-end{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.members-end .role-bar{margin:0}.profile-btn-picture{display:inline-flex;position:relative}.profile-btn-badge{background:var(--green);color:#fff;border:2px solid #fffefa;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex;position:absolute;bottom:-3px;right:-5px}.profile-btn-badge svg{stroke-width:2px;width:11px;height:11px}.profile-btn:hover .avatar{box-shadow:0 0 0 2px var(--green)}.profile-picture{cursor:pointer;align-items:center;gap:16px;display:flex}.profile-picture>.avatar{width:72px;height:72px;font-size:22px}.profile-picture-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.profile-picture-copy .btn{border-color:var(--green);color:var(--green);padding:11px 18px;font-weight:600}.profile-picture:has(input:focus-visible) .btn{outline-offset:3px;outline:3px solid #bd7f56}.profile-picture-copy small{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.title-edit{font:inherit;letter-spacing:inherit;text-align:left;border-radius:6px;padding:0;display:inline}.title-edit:hover{text-underline-offset:.18em;-webkit-text-decoration:underline dotted #b9b6a8;text-decoration:underline dotted #b9b6a8;text-decoration-thickness:2px}.title-edit-hint{border:1px solid var(--line);background:var(--white);color:var(--muted);letter-spacing:0;vertical-align:middle;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;margin-left:12px;padding:3px 9px 3px 7px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.title-edit-hint svg{width:15px;height:15px}.title-edit:hover .title-edit-hint,.title-edit:focus-visible .title-edit-hint{border-color:var(--green);color:var(--green)}.vault-top .title-edit-hint{margin-left:10px;font-size:13px}@media (width<=800px){.vault-top .title-edit-hint{gap:0;padding:3px 5px;font-size:0}}.journal-paper.can-edit{position:relative}.paper-edit{border:1px solid var(--line);background:var(--white);min-height:34px;color:var(--muted);opacity:0;border-radius:20px;align-items:center;gap:5px;padding:3px 12px 3px 10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex;position:absolute;top:14px;right:14px}.paper-edit svg{width:15px;height:15px}.journal-paper.can-edit:hover .paper-edit,.journal-paper.can-edit:focus-within .paper-edit{opacity:1}.paper-edit:hover,.paper-edit:focus-visible{border-color:var(--green);color:var(--green)}.title-edit-hint,.photo-caption-text .caption-edit:not(.is-add){opacity:0;transition:opacity .15s}.title-edit:hover .title-edit-hint,.title-edit:focus-visible .title-edit-hint,.photo-caption-text:hover .caption-edit,.photo-caption-text:focus-within .caption-edit{opacity:1}.caption-text-edit{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.caption-text-edit:hover{text-underline-offset:.18em;-webkit-text-decoration:underline dotted #b9b6a8;text-decoration:underline dotted #b9b6a8;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.paper-edit,.title-edit-hint,.photo-caption-text .caption-edit{transition:none}}.rename-preview{color:var(--muted);overflow-wrap:anywhere;margin:-6px 0 0;font-size:14px}.rename-preview strong{color:var(--ink);font-weight:600}.caption-edit{border:1px solid var(--line);background:var(--white);min-height:32px;color:var(--muted);vertical-align:2px;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;margin-left:10px;padding:2px 11px 2px 9px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex}.caption-edit svg{width:15px;height:15px}.caption-edit:hover,.caption-edit:focus-visible{border-color:var(--green);color:var(--green)}.caption-edit.is-add{align-self:flex-start;margin-left:0;font-size:15px}.photo-caption-top .caption-edit.is-done{color:var(--green);border-color:var(--green);margin-left:auto}.eyebrow .title-edit{color:inherit;text-transform:inherit}.eyebrow .title-edit-hint{text-transform:none;margin-left:8px;padding:1px 8px 1px 6px;font-size:12px}.eyebrow .title-edit-hint svg{width:13px;height:13px}
