@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#292b23;background:#f4f1e9;font-synthesis:none;--paper:#f4f1e9;--ink:#292b23;--rust:#ba472a;--line:#d5d4c9;--muted:#74766b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rust);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}p{line-height:1.8}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.wordmark{font-family:Manrope,sans-serif;font-size:17px;font-weight:800;line-height:1.05;letter-spacing:-.8px;position:relative}.wordmark span{position:absolute;right:-24px;top:0;color:var(--rust);font-size:25px}nav{display:flex;gap:30px}nav a{font-size:11px;font-weight:700;letter-spacing:.6px;position:relative}nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-7px;background:var(--rust);transition:right .25s}nav a:hover:after{right:0}.header-cta{font-size:12px;border-bottom:1px solid;padding:8px 0}.header-cta span{margin-left:28px}.menu-toggle{display:none}.hero{padding:35px 5% 0;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.5}.hero>.eyebrow{display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:var(--rust);border-radius:50%}.hero-edition{margin-left:auto;font-size:9px;color:var(--muted)}.hero-type{position:relative;padding:38px 0 30px}h1{font-family:Manrope,sans-serif;font-size:clamp(80px,11.65vw,190px);font-weight:800;line-height:.99;letter-spacing:-.078em}h1>span:not(.period){color:var(--rust)}.period{color:var(--rust)}.orbit{position:absolute;right:3%;top:11%;height:145px;width:145px;border:1px solid #c8c7b9;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(13deg)}.orbit span{font-size:9px;letter-spacing:1.4px;line-height:1.7;position:absolute;top:25px;text-align:center}.orbit b{font-size:68px;font-weight:400;color:var(--rust);margin-top:39px;animation:spin 35s linear infinite}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 0 48px}.hero-bottom>p{font-size:13px;color:#66695e}.round-link{display:flex;align-items:center;gap:35px;font-size:11px}.round-link i{font-style:normal;border:1px solid var(--line);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px;transition:background .2s}.round-link:hover i{background:var(--rust);color:#fff}.hero-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.9px;white-space:nowrap}.hero-strip span:nth-child(2n){font-size:19px;color:var(--rust)}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.section-heading .eyebrow{color:var(--rust);margin-bottom:14px}h2{font-family:Manrope,Noto Sans KR,sans-serif;font-size:clamp(28px,3.5vw,52px);font-weight:700;letter-spacing:-1.8px;line-height:1.15}h2 span{display:block;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;margin-top:16px;color:var(--muted)}.section-heading>p{font-size:12px;color:var(--muted)}.tree-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:55px;align-items:center}.tree-canvas{position:relative;aspect-ratio:1.25;background:#e9ebdf;border-radius:50% 50% 3px 3px;overflow:hidden}.tree-canvas svg{position:absolute;width:100%;height:100%;inset:0}.tree-canvas svg path{fill:none;stroke:#6c7156;stroke-width:5;stroke-linecap:round}.tree-canvas svg .ground{stroke-width:1.5;opacity:.5}.tree-note{position:absolute;left:8%;top:13%;font-size:8px;line-height:1.7;letter-spacing:1px;color:#6c7156;transform:rotate(-8deg)}.tree-caption{position:absolute;bottom:3.5%;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:#747762}.leaves{position:absolute;inset:0}.leaf{position:absolute;left:var(--x);top:var(--y);width:48px;height:56px;border-radius:55% 10% 55% 15%;transform:translate(-50%,-50%) rotate(var(--r));box-shadow:1px 4px 6px #00000008;transition:scale .25s;animation:grow .55s backwards;animation-delay:var(--delay,0s)}.leaf span{font-size:23px;color:#fff9;display:block;transform:rotate(calc(-1 * var(--r)))}.leaf:not(.decorative):hover{scale:1.18;z-index:2}.leaf.decorative{opacity:.32;width:36px;height:46px}.orange{background:#c67550}.sage{background:#839173}.rose{background:#b88379}.count{display:flex;align-items:center;gap:22px;margin-bottom:25px}.count>span{font-family:Manrope;font-size:76px;font-weight:500;letter-spacing:-5px;line-height:1}.count>p{font-size:12px;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--rust);color:var(--paper);padding:17px 22px;font-size:13px;min-height:52px;width:100%;transition:background .2s}.primary:hover{background:#96351e}.message-list{max-height:240px;overflow-y:auto;margin-top:25px;scrollbar-width:thin;padding-right:7px}.note-preview{text-align:left;width:100%;display:block;background:transparent;border-bottom:1px solid var(--line);padding:15px 0}.note-preview>span{display:block;font-size:13px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-preview>small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.first-note{padding:30px 0;font-size:13px;color:var(--muted);line-height:2}.timeline-section{background:#e9e8df;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-symbol{font-size:70px;font-family:Georgia;color:var(--rust);line-height:.7}.empty-state{display:flex;align-items:center;justify-content:center;gap:65px;min-height:270px;padding:25px;border-top:1px solid var(--line)}.empty-state h3{font-size:20px;font-weight:500;letter-spacing:-.8px}.empty-state p{font-size:12px;color:var(--muted);max-width:310px;margin-top:14px}.empty-art{position:relative;width:160px;height:180px;flex-shrink:0}.empty-art:before,.empty-art i,.empty-art b{content:"";position:absolute;display:block;border:1px solid #b8b9a7;background:var(--paper);width:105px;height:137px;left:25px;top:17px;transform:rotate(-13deg)}.empty-art i{transform:rotate(8deg);top:23px;left:34px;background:#dedfce}.empty-art b{width:65px;height:75px;left:55px;top:47px;transform:rotate(8deg);background:#b7bf9f;border:0;border-radius:40px 40px 0 0}.empty-art>span{position:absolute;z-index:1;left:67px;top:58px;font-size:39px;color:var(--paper);transform:rotate(8deg)}.timeline-art:after{content:"";height:1px;width:220px;background:#b8b9a7;position:absolute;bottom:12px;left:-30px}.timeline{display:flex;gap:30px;overflow-x:auto;padding:15px 0 25px;scroll-snap-type:x proximity}.timeline-item{min-width:255px;max-width:300px;flex:1;background:transparent;text-align:left;padding:0;scroll-snap-align:start}.timeline-item time{font-size:12px;color:var(--rust)}.timeline-dot{display:block;border-top:1px solid #b8b9a7;margin-top:20px;position:relative;padding-top:25px}.timeline-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rust);position:absolute;top:-5px;left:0}.timeline-thumb{height:180px;overflow:hidden;background:#dedfce}.timeline-thumb img,.timeline-thumb video{width:100%;height:100%;object-fit:cover}.timeline-item h3{font-size:16px;margin-top:15px}.timeline-item p{font-size:12px;color:var(--muted);margin-top:6px}.filters{display:flex;gap:5px}.filters button{padding:9px 17px;background:transparent;font-size:12px;border:1px solid transparent;border-radius:25px}.filters .active{background:var(--ink);color:var(--paper)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.gallery-card{text-align:left;background:transparent;padding:0}.gallery-image{height:330px;position:relative;background:#e4e5d8;overflow:hidden}.gallery-card:nth-child(3n+2){padding-top:45px}.gallery-image img,.gallery-image video{width:100%;height:100%;object-fit:cover;transition:transform .45s}.gallery-card:hover img{transform:scale(1.04)}.gallery-image>span{position:absolute;bottom:14px;right:14px;background:var(--paper);font-size:9px;padding:8px 12px;letter-spacing:1px}.gallery-caption{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.gallery-caption h3{font-size:14px;font-weight:500}.gallery-caption small{font-size:10px;color:var(--muted)}.reels-section{background:#292e26;color:var(--paper)}.reels-section .eyebrow{color:#d39172}.reels-section h2 span,.reels-section .section-heading>p,.reels-section .muted{color:#b7b9aa}.reels-empty{display:flex;align-items:center;justify-content:center;gap:90px;padding:15px 0 20px}.reel-placeholder{height:360px;width:220px;border:1px solid #6e7561;border-radius:110px 110px 3px 3px;background:#343d2e;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.reel-placeholder:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #6e7561;border-radius:50%;top:170px;left:100px}.reel-placeholder>span{font-family:Manrope;font-size:34px;font-weight:500;letter-spacing:-2px;line-height:1.05;align-self:flex-start;padding-left:30px}.play-outline{display:grid;place-items:center;width:54px;height:54px;border:1px solid #93997d;border-radius:50%;font-size:25px;margin:24px 0}.reel-placeholder small{font-size:7px;letter-spacing:1.7px;position:absolute;bottom:27px}.reels-empty h3{font-size:25px;font-weight:400;line-height:1.7;letter-spacing:-.8px;margin:20px 0}.reels-empty p.muted{font-size:12px}.reels-feed{max-width:400px;height:650px;max-height:76vh;margin:0 auto;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:thin;border:1px solid #616650;background:#1b1e19}.reel{height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column}.reel video{width:100%;height:75%;object-fit:contain;background:#111}.reel>div{padding:16px 22px;overflow:auto}.reel h3{font-size:18px;margin:6px 0}.reel p{font-size:12px;color:#c5c8ba}.reels-help{text-align:center;font-size:11px;color:#b7b9aa;margin-top:20px}.closing{position:relative;padding:90px 8%;overflow:hidden;border-bottom:1px solid var(--line)}.closing>.eyebrow{color:var(--rust);margin-bottom:25px}.closing>p:not(.eyebrow){font-size:clamp(36px,5vw,70px);font-weight:500;line-height:1.45;letter-spacing:-3px}.closing em{font-style:normal;color:var(--rust)}.closing>a{font-size:12px;display:inline-block;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:8px}.closing>span{position:absolute;right:9%;top:60px;color:#c67550;font-size:250px;line-height:1;transform:rotate(15deg)}footer{padding:30px 5%;display:flex;align-items:center;gap:30px}footer>a:first-child{font-family:Manrope;font-size:14px;font-weight:800;letter-spacing:-.5px}footer p{font-size:10px;color:var(--muted);margin-right:auto}footer button{background:transparent;font-size:10px;color:var(--muted)}footer>a:last-child{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}dialog{width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:0;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#20251dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-top>button{font-size:25px;background:none;line-height:1;padding:4px 8px}.dialog-top .eyebrow{color:var(--rust)}dialog h3{font-size:28px;letter-spacing:-1px;margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.small{font-size:11px;margin-top:10px}label{display:block;font-size:12px;margin-top:22px}label>span{font-size:10px;float:right}input:not([type=radio]),textarea,select{display:block;width:100%;border:1px solid #c7c8bc;background:#faf8f2;border-radius:0;padding:12px;margin-top:9px;font-size:14px;color:var(--ink)}textarea{resize:vertical;min-height:80px}fieldset{border:0;padding:0;margin:14px 0 25px;display:flex;gap:10px}legend{font-size:12px;margin-bottom:12px}.color-choice{margin:0;display:inline-flex;align-items:center;gap:4px;padding:7px 10px;color:#fff;font-size:11px}.color-choice input{accent-color:#303a28}.char-count{text-align:right;font-size:10px;color:var(--muted);margin-top:7px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.form-error{font-size:12px;color:#a82b21;margin:15px 0}.privacy{display:block;font-size:10px;color:var(--muted);text-align:center;margin-top:15px}blockquote{font-size:24px;line-height:1.8;margin:30px 0;white-space:pre-wrap;overflow-wrap:anywhere}#read-name{font-size:12px;color:var(--rust)}#media-dialog{width:min(920px,calc(100% - 32px))}#viewer{display:flex;justify-content:center;background:#e7e7dd}#viewer img,#viewer video{max-width:100%;max-height:60vh;object-fit:contain}.viewer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:24px}.viewer-bottom>div{text-align:center}.viewer-bottom h3{font-size:18px}.viewer-bottom p{font-size:12px;color:var(--muted)}.viewer-bottom>button{background:transparent;font-size:24px;padding:10px}.form-row{display:flex;gap:20px}.form-row label{flex:1;min-width:0}.admin-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.admin-item span{overflow-wrap:anywhere;flex:1}.admin-item button{background:transparent;color:var(--rust);flex-shrink:0;padding:8px}.text-button{background:transparent;color:var(--rust);padding:12px 0;font-size:12px}.load-error{padding:50px 0;font-size:13px}.media-error{font-size:12px;color:var(--rust);display:block;padding:10px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:15px 25px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:.3s;max-width:90%;width:max-content}#toast.show{opacity:1;transform:translate(-50%)}.intro{position:fixed;inset:0;background:var(--paper);z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none;animation:fade-out .35s .55s forwards}.intro>span{font-family:Manrope;font-weight:700;font-size:35px;color:var(--rust);letter-spacing:5px}.intro small{font-size:10px;letter-spacing:2px}[hidden]{display:none!important}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grow{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}h1{font-size:185px}}@media(max-width:900px){header{height:80px}nav{gap:17px}nav a{font-size:9px}.header-cta{display:none}.orbit{width:108px;height:108px;right:2%;top:7%}.orbit span{font-size:7px;top:17px}.orbit b{font-size:50px;margin-top:32px}.tree-layout{gap:30px;grid-template-columns:1.2fr 1fr}.leaf{width:36px;height:43px}.tree-note{font-size:6px}.gallery-image{height:250px}.section{padding:65px 5%}.closing>span{font-size:190px;right:6%;top:80px}.reels-empty{gap:55px}}@media(max-width:600px){html{scroll-padding-top:85px}header{height:72px;padding:0 6%}.wordmark{font-size:14px}.wordmark span{font-size:21px;right:-21px}.menu-toggle{display:block;background:transparent;font-size:22px;padding:10px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 6% 25px;flex-direction:column;gap:0}nav a{padding:14px 0;font-size:12px}.menu-open nav{display:flex}.hero{padding:25px 6% 0}.hero>.eyebrow{font-size:8px;letter-spacing:1px}.hero-edition{display:none}.hero-type{padding:48px 0 25px}h1{font-size:11.65vw;line-height:1.11;letter-spacing:-.075em}.orbit{width:76px;height:76px;right:1%;top:5%;transform:rotate(13deg)}.orbit span{font-size:5px;top:13px;letter-spacing:.7px}.orbit b{font-size:32px;margin-top:24px}.hero-bottom{align-items:flex-start;gap:15px;padding:10px 0 28px}.hero-bottom>p{font-size:10px;line-height:1.9}.round-link{gap:0}.round-link>span{display:none}.round-link i{height:36px;width:36px;font-size:19px}.hero-strip{font-size:7px;letter-spacing:1px;gap:15px;padding:13px 0}.hero-strip span:last-child,.hero-strip span:nth-child(4){display:none}.hero-strip span:nth-child(2n){font-size:14px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:12px}h2{font-size:32px;letter-spacing:-1.6px}h2 span{font-size:11px;margin-top:12px}.section-heading>p{font-size:11px;margin-top:23px}.tree-layout{display:flex;flex-direction:column;gap:30px}.tree-canvas{width:100%;aspect-ratio:1.18}.tree-note{font-size:7px}.tree-sidebar{width:100%}.count{margin-bottom:18px}.count>span{font-size:54px;letter-spacing:-3px}.count>p{font-size:11px}.leaf{width:35px;height:43px}.leaf.decorative{width:28px;height:36px}.tree-caption{font-size:7px}.message-list{max-height:220px;margin-top:14px}.first-note{padding:16px 0;font-size:12px}.section-symbol{display:none}.empty-state{flex-direction:column;gap:18px;padding:30px 0;text-align:center;min-height:300px}.empty-art{scale:.8;margin:-15px 0}.empty-state h3{font-size:18px}.empty-state p{font-size:11px;max-width:270px}.filters{margin-top:25px}.filters button{padding:8px 15px;font-size:11px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.gallery-image{height:210px}.gallery-card:nth-child(3n+2){padding-top:0}.gallery-card:nth-child(2n){padding-top:30px}.gallery-caption h3{font-size:12px}.gallery-caption small{font-size:9px}.gallery-image>span{font-size:7px;bottom:10px;right:10px;padding:6px 8px}.reels-empty{flex-direction:column;gap:30px;text-align:center;padding-top:10px}.reel-placeholder{width:205px;height:325px}.reels-empty h3{font-size:23px;margin:12px 0}.reels-empty p.muted{font-size:11px}.closing{padding:55px 6%}.closing>.eyebrow{font-size:8px;letter-spacing:1px}.closing>p:not(.eyebrow){font-size:38px;letter-spacing:-2px}.closing>span{font-size:115px;right:5%;top:90px}.closing>a{font-size:10px;margin-top:23px}footer{padding:25px 6%;gap:12px;flex-wrap:wrap}footer>a:first-child{font-size:12px}footer p{order:3;flex-basis:100%;font-size:9px}footer button{margin-left:auto}footer>a:last-child{width:28px;height:28px}dialog{padding:24px}dialog h3{font-size:25px}fieldset{gap:7px}.color-choice{font-size:10px;padding:7px}.form-row{gap:12px}.intro>span{font-size:28px}blockquote{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-header{height:64px;padding:0 max(5%,calc((100vw - 1040px)/2));gap:16px}.app-header a{font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.app-header button{background:transparent;color:var(--muted);font-size:12px;padding:12px}.app-pages>.section{min-height:calc(100dvh - 140px - env(safe-area-inset-bottom));padding:48px max(5%,calc((100vw - 1040px)/2))}.app-pages h2:focus{outline:none}nav.tab-bar{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 max(0px,calc((100vw - 680px)/2)) env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--paper)}.tab-bar a{display:flex;min-width:0;min-height:76px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:6px 2px;font-size:clamp(8px,2.3vw,11px);letter-spacing:0;white-space:nowrap;color:#616357}.tab-bar a:after{content:none}.tab-bar svg{width:44px;height:31px;padding:4px 10px;border-radius:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab-bar a[aria-current=page]{color:var(--rust)}.tab-bar a[aria-current=page] svg{background:#f0dfd2}#toast{bottom:calc(88px + env(safe-area-inset-bottom))}@media(max-width:600px){.app-header{height:56px;padding-inline:6%}.app-pages>.section{padding:30px 6%;min-height:calc(100dvh - 132px - env(safe-area-inset-bottom))}}.sr-only,.tab-bar a>span,.app-pages .section-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-pages .section-heading{margin-bottom:0}.app-pages .gallery-section .section-heading{justify-content:flex-end;margin-bottom:18px}.app-pages .filters{margin-top:0}.app-pages .count{margin-bottom:12px}.app-pages .count>span{font-size:24px;letter-spacing:0}.app-pages .empty-state{border-top:0}.app-header button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.app-pages{overflow:clip}.app-pages>.section:not([hidden]){animation:page-arrive .44s cubic-bezier(.18,.82,.28,1) both}.tab-bar:before{content:"";position:absolute;top:22px;left:max(0px,calc((100% - 680px)/2));width:min(25%,170px);height:32px;background:radial-gradient(ellipse 26px 16px at center,#f0dfd2 98%,transparent);transform:translate(calc(var(--tab-offset, 50%) - 50%));transition:transform .45s cubic-bezier(.22,1.45,.42,1);pointer-events:none}.tab-bar a{position:relative;transition:color .2s ease}.tab-bar a[aria-current=page] svg{background:none;animation:icon-pop .42s cubic-bezier(.2,.8,.3,1) both}.tab-bar a:active svg{scale:.88}.tab-bar svg{transition:scale .14s ease}.tree-canvas .leaf{animation:leaf-unfold .68s cubic-bezier(.22,1.35,.36,1) both;animation-delay:calc(.12s + var(--delay, 0s))}.tree-canvas .leaf.decorative{--leaf-opacity: .32}dialog[open]{animation:dialog-arrive .34s cubic-bezier(.2,.85,.3,1) both}dialog[open]::backdrop{animation:backdrop-arrive .26s ease both}.gallery-card{animation:media-arrive .38s cubic-bezier(.2,.8,.3,1) both}.gallery-card:nth-child(3n+2){animation-delay:45ms}.gallery-card:nth-child(3n+3){animation-delay:90ms}.primary,.filters button,.play-outline{transition:background-color .18s ease,transform .18s ease}.primary:active,.filters button:active{transform:scale(.97)}@keyframes page-arrive{0%{opacity:.25;transform:translate(var(--enter-x, 0px),10px)}to{opacity:1;transform:translate(0)}}@keyframes icon-pop{0%{transform:translateY(3px) scale(.88)}58%{transform:translateY(-3px) scale(1.14)}to{transform:none}}@keyframes leaf-unfold{0%{opacity:0;scale:.2;rotate:-22deg}to{opacity:var(--leaf-opacity, 1);scale:1;rotate:0deg}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes media-arrive{0%{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}.tree-canvas{aspect-ratio:6 / 5;isolation:isolate;border:1px solid #b4bda080;border-radius:46% 46% 26px 26px/37% 37% 26px 26px;background:#dce2c7;box-shadow:0 16px 42px #48583b18}.tree-art{display:block;width:100%;height:100%;object-fit:fill;animation:tree-reveal .95s cubic-bezier(.18,.72,.25,1) both}@keyframes tree-reveal{0%{opacity:.4;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}.tree-canvas .leaf{width:clamp(44px,9.1%,64px);height:auto;aspect-ratio:58 / 70;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#a76a4e;transition:scale .22s ease,filter .22s ease;filter:drop-shadow(0 2px 2px #23342635)}.tree-canvas .leaf.sage{color:#6b805b}.tree-canvas .leaf.rose{color:#a97670}.tree-canvas .leaf.orange{color:#bf885a}.tree-canvas .leaf:nth-child(4n+2){filter:brightness(1.13) drop-shadow(0 3px 2px #23342659)}.tree-canvas .leaf:hover,.tree-canvas .leaf:focus-visible{z-index:2;filter:brightness(1.18) drop-shadow(0 5px 5px #23342675)}.tree-canvas .leaf svg{position:static;display:block;width:100%;height:100%;overflow:visible}.tree-canvas .leaf .leaf-blade{fill:currentColor;stroke:#ffefcc70;stroke-width:.6}.tree-canvas .leaf .leaf-light{fill:#ffe8ad;fill-opacity:.21;stroke:none}.tree-canvas .leaf .leaf-veins{fill:none;stroke:#fff2cd;stroke-opacity:.59;stroke-width:.85}.tree-canvas .leaf{pointer-events:none}.tree-canvas .leaf .leaf-blade{pointer-events:visiblePainted}#tree{background:#0d1c29;color:#e9e1cf}body:has(#tree:not([hidden])) .app-header,body:has(#tree:not([hidden])) .tab-bar{background:#0d1c29;border-color:#ffffff12;color:#e9e1cf}body:has(#tree:not([hidden])) .app-header button,body:has(#tree:not([hidden])) .tab-bar a{color:#8faaa9}body:has(#tree:not([hidden])) .tab-bar a[aria-current=page]{color:#f2d6a2}body:has(#tree:not([hidden])) .tab-bar:before{background:radial-gradient(ellipse 26px 16px at center,#d5b47820 98%,transparent)}#tree .tree-canvas{border:1px solid #c4ac7b28;border-radius:160px 160px 18px 18px;background:#0d1c29;box-shadow:0 24px 70px #0003,inset 0 0 60px #cebd8622}#tree .tree-layout{gap:36px}#tree .primary{background:linear-gradient(115deg,#e2c99c,#bc9a68);color:#172531;border-radius:28px;box-shadow:0 4px 24px #d8b87c1c}#tree .count{justify-content:center}#tree .count>span{color:#b9ab91;font-size:16px}#tree .note-preview{color:#e9e1cf;border-color:#ffffff16}#tree .note-preview small{color:#96aaa6}#tree .leaf.sage{color:#7fb6a5}#tree .leaf.orange{color:#d6af70}#tree .leaf.rose{color:#c997ab}#tree .leaf{filter:drop-shadow(0 0 5px #d7c89740)}#tree .leaf:nth-child(4n+2){filter:brightness(1.12) drop-shadow(0 0 6px #e6d3a340)}#tree .leaf:hover,#tree .leaf:focus-visible{filter:brightness(1.2) drop-shadow(0 0 9px #e8d2a680)}#tree .leaf .leaf-blade{fill-opacity:.74;stroke:#f6e8bd;stroke-opacity:.8;stroke-width:.7}#tree .leaf .leaf-light{fill:#fff3d0;fill-opacity:.32}#tree .leaf .leaf-veins{stroke:#fff5d9;stroke-opacity:.7;stroke-width:.6}@media(max-width:600px){.app-pages>#tree{padding-top:20px}#tree .tree-canvas{aspect-ratio:6 / 5}}#tree .tree-canvas{border-radius:22px}#tree .leaf{width:18%;max-width:none;aspect-ratio:100 / 112;filter:drop-shadow(0 2px 3px #061a1a88)}#tree .leaf.sage{color:#6e9b72}#tree .leaf.orange{color:#a8ad70}#tree .leaf.rose{color:#87a583}#tree .leaf:nth-child(4n+2){filter:brightness(1.14) drop-shadow(0 2px 3px #061a1a88)}#tree .leaf .leaf-blade{fill-opacity:.96;stroke:#dee5ae;stroke-opacity:.3;stroke-width:.5}#tree .leaf .leaf-light{fill:#e6e6ad;fill-opacity:.17}#tree .leaf .leaf-veins{stroke:#d3d9a8;stroke-opacity:.4;stroke-width:.6}#tree .leaf svg{pointer-events:bounding-box}#tree .leaf{pointer-events:auto}#tree{background:#f4f1e9;color:#333c2e}body:has(#tree:not([hidden])) .app-header,body:has(#tree:not([hidden])) .tab-bar{background:#f4f1e9;border-color:#d5d4c9;color:#333c2e}body:has(#tree:not([hidden])) .app-header button,body:has(#tree:not([hidden])) .tab-bar a{color:#74796c}body:has(#tree:not([hidden])) .tab-bar a[aria-current=page]{color:#50674a}body:has(#tree:not([hidden])) .tab-bar:before{background:radial-gradient(ellipse 26px 16px at center,#dce3d1 98%,transparent)}#tree .tree-canvas{background:#eae9d9;border-color:#b8c0a766;box-shadow:0 16px 45px #50674a15}#tree .leaf{width:var(--leaf-width, 11%);aspect-ratio:60 / 82;filter:drop-shadow(0 1px 1px #31412d30)}#tree .leaf.sage{color:#6e8750}#tree .leaf.orange{color:#b5a260}#tree .leaf.rose{color:#8d9c68}#tree .leaf:nth-child(4n+2){filter:brightness(1.08) drop-shadow(0 1px 1px #31412d30)}#tree .leaf .leaf-blade{fill-opacity:1;stroke:#536144;stroke-opacity:.18;stroke-width:.6}#tree .leaf .leaf-light{fill:#e4dfaa;fill-opacity:.24}#tree .leaf .leaf-veins{stroke:#e8e7be;stroke-opacity:.75;stroke-width:.8}#tree .primary{background:#526a48;color:#f7f4e8;box-shadow:none}#tree .count>span{color:#66745a}#tree .note-preview{color:#333c2e;border-color:#d5d4c9}#tree .note-preview small{color:#74796c}nav.tab-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-bar:before{width:min(33.333333%,226.666667px)}.app-pages>#timeline{background:#eeeae0;padding-top:28px}.time-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:23px}.time-kicker{color:#8a806e;font-size:9px;letter-spacing:2px}.time-heading h1{font-size:48px;letter-spacing:-3px;line-height:1.2;margin-top:6px}.time-heading h1 span{color:#988d79;font-weight:400}.time-total{color:#8a806e;font-size:10px;padding-bottom:8px}.month-picker{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}.month-picker button{flex-shrink:0;border:1px solid #ccc6b8;border-radius:24px;padding:10px 16px;background:transparent;font-size:11px}.month-picker button[aria-pressed=true]{background:#34483b;color:#f6f0e5;border-color:#34483b}.memory-cover{display:grid;grid-template-columns:1fr 2fr;align-items:center;min-height:350px;background:#dedfce;border-radius:8px;margin:8px 0 38px;padding:32px;overflow:hidden}.cover-date{display:flex;flex-direction:column;color:#546149}.cover-date>span{font-size:16px;letter-spacing:5px}.cover-date strong{font-family:Georgia,serif;font-size:112px;font-weight:400;line-height:1.1}.cover-date i{font-style:normal;font-size:11px;margin-top:12px;letter-spacing:2px}.cover-stack{height:280px;position:relative}.cover-print{position:absolute;width:48%;height:240px;padding:9px 9px 24px;background:#fdfbf3;box-shadow:0 10px 30px #28372430;transition:transform .25s}.cover-print img,.cover-print video{width:100%;height:100%;object-fit:cover}.cover-print>span{position:absolute;bottom:7px;left:12px;font-size:8px;color:#7e7a68}.print-0{left:2%;top:13px;transform:rotate(-12deg)}.print-1{left:28%;top:0;transform:rotate(6deg)}.print-2{left:52%;top:26px;transform:rotate(15deg)}.cover-print:hover{transform:translateY(-10px) rotate(0);z-index:2}.memory-grid{columns:3;column-gap:18px}.memory-tile{width:100%;display:block;break-inside:avoid;background:#faf8f2;padding:8px;margin-bottom:18px;text-align:left;box-shadow:0 3px 7px #343c2910}.memory-tile>div{position:relative}.memory-tile img,.memory-tile video{width:100%;height:auto;display:block}.memory-tile time{display:block;padding:9px 3px 4px;color:#898675;font-size:9px;letter-spacing:1px}.film-mark{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;background:#0008;border-radius:50%;color:#fff;font-size:12px}body:has(#reels:not([hidden])){background:#080808;overflow:hidden}body:has(#reels:not([hidden])) .app-header{display:none}body:has(#reels:not([hidden])) .tab-bar{background:#101010;border-color:#ffffff20;color:#fff}body:has(#reels:not([hidden])) .tab-bar a{color:#888}body:has(#reels:not([hidden])) .tab-bar a[aria-current=page]{color:#fff}body:has(#reels:not([hidden])) .tab-bar:before{background:radial-gradient(ellipse 26px 16px at center,#ffffff18 98%,transparent)}.app-pages>#reels{padding:0;min-height:0;background:#080808;animation:none}#reels .reels-feed{height:calc(100dvh - 76px - env(safe-area-inset-bottom));max-height:none;width:100%;max-width:480px;border:none;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}#reels .reel{height:100%;min-height:100%;overflow:hidden;background:#111;isolation:isolate}#reels .reel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}#reels .reel>div{padding:0;overflow:visible}.reel-touch{position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 32%,transparent 80%,#0006);color:#fff}.pause-symbol{display:none;font-size:40px;background:#0005;width:72px;height:72px;border-radius:50%;place-items:center;margin:auto}.paused .pause-symbol{display:grid}.reel-top{position:absolute;top:20px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.reel-top>span{font-size:15px;font-weight:700;letter-spacing:2px}.reel-top button{pointer-events:auto;background:#0006;border-radius:50%;width:36px;height:36px;color:#aaa;font-size:22px}.reel-top button.sound-on{color:#fff;background:#ffffff30}.reel-actions{position:absolute;right:14px;bottom:95px;display:flex;flex-direction:column;gap:24px}.reel-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:#fff;text-shadow:0 1px 4px #0008;font-size:29px;min-width:44px;min-height:44px}.reel-actions svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}.reel-actions span{font-size:12px}.reel-actions button[aria-pressed=true]{color:#ff4769}.reel-actions button[aria-pressed=true] svg{fill:currentColor}.reel-caption{position:absolute;bottom:35px;left:20px;right:70px;pointer-events:none}.reel-caption strong{font-size:13px;letter-spacing:.3px}#reels .reel-caption p{font-size:11px;color:#eee;line-height:1.6;margin-top:6px}.heart-burst{position:absolute;top:42%;left:39%;font-size:90px;line-height:1;color:#fff;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 12px #0004)}.reel input.reel-progress{position:absolute;bottom:0;left:0;width:100%;height:14px;padding:0;margin:0;accent-color:white;opacity:.85;border:none;background:transparent}.reel-arrows{position:fixed;right:max(20px,calc((100vw - 600px)/2));top:45%;display:flex;flex-direction:column;gap:15px}.reel-arrows button{width:40px;height:40px;border-radius:50%;color:#fff;background:#ffffff18;font-size:23px}#comments-sheet{padding:0;width:min(480px,100%);height:min(70dvh,600px);max-height:85dvh;border-radius:20px 20px 0 0;margin:auto auto 0;display:none;background:#faf9f5}#comments-sheet[open]{display:flex;flex-direction:column}.comment-heading{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ddd;align-items:center}.comment-heading button{background:none;font-size:28px}#comments-list{overflow-y:auto;flex:1;padding:12px 20px}.comment{display:flex;align-items:flex-start;gap:12px;padding:14px 0}.comment-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e1e6da;color:#53624b;font-size:12px;flex-shrink:0}.comment>div{flex:1;min-width:0}.comment strong{font-size:12px}.comment p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:3px}.comment>button{background:none;font-size:20px;color:#999}.comment-empty{text-align:center;color:#888;font-size:13px;padding:40px 0}#comment-form{padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ddd}#comment-form input{margin:0;border:0;background:transparent;font-size:13px;padding:10px 0}#comment-form input[name=name]{font-size:11px;padding:3px 0}.comment-compose{display:flex;align-items:center;gap:12px}.comment-compose button{background:#34483b;color:#fff;width:34px;height:34px;border-radius:50%;flex-shrink:0}.comment-error{color:#b34135;font-size:11px}@media(max-width:600px){.time-heading h1{font-size:40px}.memory-cover{padding:16px;min-height:245px;grid-template-columns:.7fr 2fr;margin-bottom:24px}.cover-date>span{font-size:11px;letter-spacing:2px}.cover-date strong{font-size:63px}.cover-date i{font-size:9px;letter-spacing:0}.cover-stack{height:200px}.cover-print{height:160px;width:63%;padding:6px 6px 20px}.print-0{left:-3%;top:23px}.print-1{left:18%;top:8px}.print-2{left:39%;top:37px}.memory-grid{columns:2;column-gap:12px}.memory-tile{padding:5px;margin-bottom:12px}.reel-arrows{display:none}}.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.album-toolbar button,.album-toolbar select{border:1px solid #ccc6b8;border-radius:24px;background:transparent}.album-toolbar button{width:44px;height:44px;flex-shrink:0;font-size:19px}.album-toolbar button:disabled{opacity:.25;cursor:default}.album-toolbar select{width:auto;padding:8px 13px;margin:0;font-size:12px}.album-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.album-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.album-slide .memory-cover{margin:0}.album-position{text-align:center;color:#786e5e;font-size:11px;letter-spacing:1px;padding:12px 0 22px;font-variant-numeric:tabular-nums}