@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#302723;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cream:#f8f4ee;--paper:#fffdf9;--wine:#8d3e47;--wine-dark:#6f3038;--brown:#302723;--muted:#84766e;--line:#ded4ca;background:#f8f4ee;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f8f4ee;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--brown);background:var(--cream);transition:color .35s,background .35s;overflow:hidden}.app-shell[data-theme=time]{--cream:#263447;--paper:#f4f0e7;--wine:#a8813d;--wine-dark:#80632f;--brown:#202b39;--muted:#68727d;--line:#c8c1b5}.app-shell[data-theme=time] .topbar{color:#f4f0e7;background:#1c2838f0;border-color:#c5a46740}.app-shell[data-theme=time] .desktop-nav button{color:#aeb5bd}.app-shell[data-theme=time] .desktop-nav button:hover,.app-shell[data-theme=time] .desktop-nav button.active{color:#d6b978;border-bottom-color:#d6b978}.app-shell[data-theme=time] .game-picker button,.app-shell[data-theme=time] .game-frame-wrap{color:#f4f0e7;background:#1c2838d1;border-color:#c5a4674d}.app-shell[data-theme=time] .game-picker strong,.app-shell[data-theme=time] .game-frame-header p,.app-shell[data-theme=time] .game-frame-header h3{color:#d6b978}.app-shell[data-theme=time] .game-picker span,.app-shell[data-theme=time] .game-frame-header span{color:#aeb5bd}.app-shell[data-theme=time] .game-picker button:hover,.app-shell[data-theme=time] .game-picker button.active{border-color:#d6b978;box-shadow:0 16px 38px #070a0f42}.app-shell[data-theme=time] .game-frame-header{border-color:#c5a46740}.app-shell[data-theme=time] .game-frame{background:#263447}.app-shell[data-theme=time] .brand small{color:#aeb5bd}.app-shell[data-theme=time] .hero-copy,.app-shell[data-theme=time] .page-title{color:#f4f0e7}.app-shell[data-theme=time] .hero-description,.app-shell[data-theme=time] .page-title>p:last-child,.app-shell[data-theme=time] .stats-row span{color:#aeb5bd}.app-shell[data-theme=time] .stats-row{border-color:#c5a46740}.app-shell[data-theme=time] .content-section,.app-shell[data-theme=time] .page-section{color:#f4f0e7}.app-shell[data-theme=time] .story-card{color:#202b39}.app-shell[data-theme=time] .timeline-copy h2{color:#d6b978}.app-shell[data-theme=time] .timeline-copy p{color:#f4f0e7}.app-shell[data-theme=time] .timeline-copy span,.app-shell[data-theme=time] .timeline-copy small,.app-shell[data-theme=time] .timeline-date span{color:#aeb5bd}.app-shell[data-theme=time] .timeline-item:before{background:#c5a46759}.app-shell[data-theme=time] .wish-progress,.app-shell[data-theme=time] .wish-item{color:#f4f0e7;background:#202b39d1;border-color:#c5a46738}.app-shell[data-theme=time] .wish-progress>div:first-child,.app-shell[data-theme=time] .wish-item small{color:#aeb5bd}.app-shell[data-theme=time] .wish-progress strong,.app-shell[data-theme=time] .wish-item strong,.app-shell[data-theme=time] .wish-item em,.app-shell[data-theme=time] .wish-item>svg{color:#d6b978}.app-shell[data-theme=time] .wish-item.done strong{color:#c5a467}.app-shell[data-theme=time] .wish-item.pending{background:#44392ae6;border-color:#c5a467}.app-shell[data-theme=time] .wish-check{color:#d6b978;border-color:#c5a467}.app-shell[data-theme=time] .progress-track{background:#aeb5bd3d}.app-shell[data-theme=time] .viewer-copy h2,.app-shell[data-theme=time] .viewer-story{color:#202b39}.app-shell[data-theme=time] .hero-photo{filter:saturate(.7)contrast(1.02)sepia(.08)}.app-shell[data-theme=time] .date-card:not(.featured),.app-shell[data-theme=time] .wish-progress,.app-shell[data-theme=time] .wish-item{color:#f4f0e7;background:#1c2838d1;border-color:#c5a4674d}.app-shell[data-theme=time] .date-card h3,.app-shell[data-theme=time] .calendar-number,.app-shell[data-theme=time] .date-card:not(.featured) .card-edit{color:#d6b978}.app-shell[data-theme=time] .date-card p{color:#b7bec6}.app-shell[data-theme=time] .calendar-number{border-color:#c5a46759}.app-shell[data-theme=time] .date-card:not(.featured) .card-edit{background:#d6b9781f;border:1px solid #d6b97859}.app-shell[data-theme=time] .composer,.app-shell[data-theme=time] .cover-picker,.app-shell[data-theme=time] .delete-confirm{color:#f4f0e7;background:#202b39;border:1px solid #c5a46761}.app-shell[data-theme=time] .composer h2,.app-shell[data-theme=time] .cover-picker h2,.app-shell[data-theme=time] .delete-confirm h3{color:#f4f0e7}.app-shell[data-theme=time] .composer label,.app-shell[data-theme=time] .check-label,.app-shell[data-theme=time] .editor-note{color:#c8ced4}.app-shell[data-theme=time] .composer input,.app-shell[data-theme=time] .composer textarea,.app-shell[data-theme=time] .composer select{color:#f4f0e7;background:#182331;border-color:#c5a4675c}.app-shell[data-theme=time] .composer input::placeholder,.app-shell[data-theme=time] .composer textarea::placeholder{color:#7f8993}.app-shell[data-theme=time] .close-button{color:#e2c985;border:1px solid #d6b97880;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.app-shell[data-theme=time] .completion-ceremony,.app-shell[data-theme=time] .pending-note,.app-shell[data-theme=time] .memory-relations,.app-shell[data-theme=time] .upload-progress{color:#d8c48f;background:#263548;border-color:#c5a46761}.app-shell[data-theme=time] .completion-ceremony>p{color:#d8c48f}.app-shell[data-theme=time] .ask-panel,.app-shell[data-theme=time] .ask-thread,.app-shell[data-theme=time] .ask-form{color:#f4f0e7;background:#1c2838d1;border-color:#c5a46752}.app-shell[data-theme=time] .ask-intro,.app-shell[data-theme=time] .ask-form{border-color:#c5a46747}.app-shell[data-theme=time] .ask-intro strong,.app-shell[data-theme=time] .ask-message.assistant span{color:#d6b978}.app-shell[data-theme=time] .ask-intro span,.app-shell[data-theme=time] .ask-intro small,.app-shell[data-theme=time] .ask-form small{color:#aeb5bd}.app-shell[data-theme=time] .ask-reset{color:#d6b978;border-color:#c5a46761}.app-shell[data-theme=time] .ask-reset:hover{background:#d6b9781f}.app-shell[data-theme=time] .ask-message.assistant p{color:#f4f0e7;background:#263548f2;border-color:#c5a46747}.app-shell[data-theme=time] .ask-message.assistant span{background-color:#f4f0e7f2;border-color:#c5a46752}.app-shell[data-theme=time] .ask-message.user p{color:#fffaf0;background:#a8813d}.app-shell[data-theme=time] .ask-form textarea{color:#f4f0e7;background:#182331;border-color:#c5a4675c}.app-shell[data-theme=time] .ask-form textarea::placeholder{color:#7f8993}.app-shell[data-theme=time] .location-picker-toggle{background:#263548;border-color:#c5a4676b}.app-shell[data-theme=time] .delete-confirm button{color:#f4f0e7;border-color:#c5a4676b}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f8f4eeeb;border-bottom:1px solid #816b5e2e;justify-content:space-between;align-items:center;height:84px;padding:0 max(5vw,28px);display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{place-items:center;width:58px;height:48px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand strong{letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:17px;display:block}.brand small{letter-spacing:2.1px;color:var(--muted);margin-top:2px;font-size:8px;display:block}.desktop-nav{gap:clamp(14px,2vw,34px);display:flex}.desktop-nav button{color:#71645e;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:31px 0 27px;font-size:14px}.desktop-nav button:hover,.desktop-nav button.active{color:var(--wine);border-bottom-color:var(--wine)}.add-button,.primary-button{background:var(--wine);color:#fff;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;transition:all .2s;display:inline-flex}.add-button{padding:11px 18px;font-size:13px}.add-button:hover,.primary-button:hover{background:var(--wine-dark);transform:translateY(-1px)}.logout-button,.theme-button,.notification-button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;display:grid}.theme-button{color:var(--wine);margin-right:7px}.notification-wrap{margin-right:7px;position:relative}.notification-button{color:var(--wine);position:relative}.notification-button>span{color:#fff;border:2px solid var(--cream);background:#b4434d;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-6px;right:-5px}.notification-panel{z-index:80;background:var(--paper);width:min(360px,100vw - 30px);color:var(--brown);border:1px solid var(--line);position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 55px #23181438}.notification-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.notification-heading strong{font:600 14px Noto Serif SC,serif}.notification-heading small{color:var(--muted);font-size:9px}.notification-list{max-height:420px;padding:6px;overflow-y:auto}.notification-list>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:27px 1fr;gap:9px;width:100%;padding:11px 9px;display:grid}.notification-list>button:hover{background:#f4ede6}.notification-list>button.unread{background:#fff6f0}.notification-list>button.unread>span:after{content:"";background:#b4434d;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:-1px}.notification-list>button>span{background:var(--wine);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid;position:relative}.notification-list strong,.notification-list p,.notification-list small{display:block}.notification-list strong{font-size:10px}.notification-list p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:10px;line-height:1.5;overflow:hidden}.notification-list small{color:#a69a93;font-size:8px}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:35px 15px;font-size:10px}.topbar .add-button{margin-left:auto;margin-right:10px}.desktop-nav{margin-left:auto;margin-right:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;color:var(--wine);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.app-loading span{color:var(--muted);font-size:12px}.hero-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:9%;max-width:1280px;min-height:590px;margin:0 auto;padding:78px 48px 60px;display:grid}.eyebrow{color:var(--wine);letter-spacing:3px;margin:0 0 18px;font-size:11px;font-weight:600}.hero-copy h1{letter-spacing:-2px;margin:0;font:600 clamp(40px,4.2vw,65px)/1.38 Noto Serif SC,serif}.hero-copy h1 em{color:var(--wine);font-style:normal}.hero-description{color:var(--muted);margin:28px 0 34px;font-size:15px;font-weight:300;line-height:2}.hero-actions{align-items:center;gap:28px;display:flex}.primary-button{padding:14px 22px;font-size:14px}.text-button{color:var(--wine);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:8px 0;display:inline-flex}.hero-photo-wrap{justify-self:end;width:100%;max-width:600px;position:relative}.hero-photo{object-fit:cover;filter:saturate(.78)contrast(.94);width:100%;height:420px;display:block;box-shadow:0 25px 70px #4e372b29}.hero-photo-empty,.story-image-empty,.timeline-image-empty{color:#aa9386;background:#e9dfd5;place-items:center;display:grid}.hero-photo-empty{filter:none}.hero-photo-loading{filter:none;color:#a88f82;background:linear-gradient(110deg,#e8ded4 25%,#f3ece5 45%,#e8ded4 65%) 0 0/220% 100%;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:10px;animation:1.5s linear infinite skeleton-shimmer;display:flex}.change-cover-button:disabled{opacity:.45;cursor:wait}.hero-photo-wrap:after{content:"";z-index:-1;border:1px solid #bba99d;position:absolute;inset:12px -12px -12px 12px}.photo-date{z-index:2;background:var(--paper);text-align:center;place-content:center;width:91px;height:99px;display:grid;position:absolute;top:-28px;left:-35px;box-shadow:0 10px 35px #4632281f}.photo-date span{color:var(--wine);font:600 34px Georgia,serif}.photo-date small{letter-spacing:1px;color:var(--muted);font-size:8px}.photo-caption{background:var(--paper);color:var(--wine);align-items:center;gap:8px;padding:13px 18px;font:500 13px Noto Serif SC,serif;display:flex;position:absolute;bottom:-18px;right:24px;box-shadow:0 10px 30px #3c281e1f}.change-cover-button{z-index:3;color:var(--wine);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf9e6;border:0;align-items:center;gap:5px;padding:8px 11px;font-size:10px;display:flex;position:absolute;bottom:17px;left:18px}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1184px;margin:5px auto 95px;padding:25px 0;display:grid}.stats-row div{text-align:center;border-right:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row strong{color:var(--wine);font:600 29px Georgia,serif;display:block}.stats-row span{color:var(--muted);letter-spacing:1px;font-size:11px}.backup-strip{border:1px solid var(--line);max-width:1184px;color:var(--wine);background:#fffdf9b8;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:-70px auto 92px;padding:13px 16px;display:grid}.backup-strip div{min-width:0}.backup-strip strong,.backup-strip span{display:block}.backup-strip strong{font:600 11px Noto Serif SC,serif}.backup-strip span,.backup-strip small{color:var(--muted);margin-top:3px;font-size:8px}.backup-strip.error{color:#9a563e;background:#fff7f1;border-color:#d9b6a8}.content-section{max-width:1184px;margin:0 auto;padding:0 0 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font:600 29px Noto Serif SC,serif}.story-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.story-card{background:var(--paper);transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #3c281e1a}.story-skeleton{background:linear-gradient(110deg,#e8ded4 25%,#f4eee7 45%,#e8ded4 65%) 0 0/220% 100%;min-height:350px;animation:1.5s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{background-position-x:-220%}}.story-card img{object-fit:cover;filter:saturate(.8);width:100%;height:220px}.story-image-empty{height:220px}.story-card-body{padding:22px 22px 24px}.story-card time{color:var(--wine);letter-spacing:1.5px;font-size:10px}.story-card h3{margin:8px 0 10px;font:600 19px Noto Serif SC,serif}.story-card p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.8}.story-card span,.timeline-copy span{color:#9c8d84;align-items:center;gap:5px;font-size:11px;display:flex}.on-this-day-section{margin-top:-55px}.on-this-day-note{color:var(--muted);font-size:9px}.on-this-day-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.on-this-day-grid>button{background:var(--paper);min-width:0;color:var(--brown);text-align:left;cursor:pointer;border:0;padding:0}.on-this-day-grid img,.on-this-day-grid>button>span{object-fit:cover;color:#a58d80;background:#e8ddd2;place-items:center;width:100%;height:170px;display:grid}.on-this-day-grid div{padding:13px}.on-this-day-grid time,.on-this-day-grid strong,.on-this-day-grid small{display:block}.on-this-day-grid time{color:var(--wine);font-size:8px}.on-this-day-grid strong{margin:6px 0;font:600 13px Noto Serif SC,serif}.on-this-day-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.on-this-day-empty{border:1px solid var(--line);min-height:150px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.on-this-day-empty p{margin:0;font-size:11px}.page-section{max-width:1184px;margin:0 auto;padding:74px 30px 120px}.page-title{text-align:center;margin-bottom:60px}.page-title .eyebrow{margin-bottom:11px}.page-title h1{margin:0 0 15px;font:600 clamp(34px,4vw,48px) Noto Serif SC,serif}.page-title>p:last-child{color:var(--muted);font-size:14px}.timeline{max-width:930px;margin:auto}.timeline-item{grid-template-columns:75px 25px 260px 1fr;gap:22px;min-height:245px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--line);width:1px;position:absolute;top:20px;bottom:-20px;left:87px}.timeline-item:last-child:before{display:none}.timeline-clickable{cursor:pointer}.timeline-clickable:hover .timeline-copy h2{color:var(--wine)}.timeline-clickable:hover>img,.timeline-clickable:hover .timeline-image-empty{filter:saturate(.92);box-shadow:0 10px 25px #412d231f}.timeline-date{text-align:right;padding-top:4px}.timeline-date strong{color:var(--wine);font:600 17px Georgia,serif;display:block}.timeline-date span{color:var(--muted);font-size:10px}.timeline-dot{border:2px solid var(--wine);background:var(--cream);z-index:1;border-radius:50%;width:9px;height:9px;margin:9px auto 0}.timeline-item>img{object-fit:cover;filter:saturate(.8);width:260px;height:190px}.timeline-image-empty{width:260px;height:190px}.timeline-copy{padding:5px 0}.timeline-copy h2{margin:12px 0 10px;font:600 23px Noto Serif SC,serif}.timeline-copy p{color:var(--muted);margin:0 0 17px;font-size:13px;line-height:1.9}.timeline-copy small{color:#aa9c94;font-size:10px}.edit-link{color:var(--wine);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:15px;padding:0;font-size:10px;display:flex}.album-controls{gap:22px;margin:-28px 0 28px;display:grid}.album-tools{border:1px solid var(--line);background:#fffdf98c;grid-template-columns:minmax(230px,1fr) repeat(2,minmax(125px,auto)) repeat(2,minmax(145px,auto)) auto;gap:9px;margin:0;padding:16px;display:grid}.album-tools select,.album-tools input{border:1px solid var(--line);background:var(--paper);min-width:0;height:38px;color:var(--brown);outline:none;font-size:10px}.album-tools select{padding:0 10px}.album-tools input:focus,.album-tools select:focus{border-color:var(--wine)}.album-search{min-width:0;position:relative}.album-search svg{color:var(--wine);pointer-events:none;position:absolute;top:11px;left:11px}.album-search input{width:100%;padding:0 11px 0 35px}.album-date{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:9px;display:grid}.album-date input{padding:0 8px}.album-reset{border:1px solid var(--line);color:var(--wine);cursor:pointer;background:0 0;padding:0 14px;font-size:10px}.album-filter{justify-content:center;gap:12px;margin:0;display:flex}.album-filter button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:7px 18px;font-size:12px}.album-filter button.active{background:var(--wine);color:#fff;border-color:var(--wine)}.album-summary{min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding-top:2px;font-size:10px;display:flex}.album-summary>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.album-summary small{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--muted);overflow:hidden}.album-summary button{background:var(--wine);color:#fff;cursor:pointer;border:0;align-items:center;gap:6px;padding:9px 13px;font-size:10px;display:flex}.album-summary button:disabled{opacity:.55;cursor:wait}.masonry{grid-template-columns:repeat(3,1fr);grid-auto-rows:210px;gap:14px;display:grid}.gallery-photo{cursor:pointer;background:linear-gradient(110deg,#e4dad1 25%,#f2ebe4 45%,#e4dad1 65%) 0 0/220% 100%;border:0;padding:0;animation:1.5s linear infinite gallery-placeholder;position:relative;overflow:hidden}.gallery-photo img{object-fit:cover;filter:saturate(.8);background:#e4dad1;width:100%;height:100%;transition:transform .45s;display:block}.gallery-photo:hover img{transform:scale(1.04)}@keyframes gallery-placeholder{to{background-position-x:-220%}}.gallery-photo span{color:#fff;opacity:0;background:linear-gradient(#0000,#1e1410a6);align-items:center;gap:7px;padding:28px 15px 13px;transition:all .25s;display:flex;position:absolute;inset:auto 0 0}.gallery-photo:hover span{opacity:1}.photo-1,.photo-5{grid-row:span 2}.photo-4{grid-column:span 2}.video-card{background:#302723;grid-column:span 2}.video-card video{object-fit:cover;opacity:.92;width:100%;height:100%}.video-card-placeholder{place-items:center;color:#ffffffb8!important;opacity:1!important;background:radial-gradient(circle,#5b4c46,#302723 70%)!important;padding:0!important;display:grid!important;position:absolute!important;inset:0!important}.video-card .video-badge{opacity:1;justify-content:flex-start}.video-card .video-play{width:52px;height:52px;color:var(--wine);opacity:1;background:#ffffffe6;border-radius:50%;place-items:center;padding:0;display:grid;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.gallery-photo .media-count-badge{z-index:3;color:#fff;background:#261c18b8;border-radius:12px;padding:5px 8px;font-size:9px;font-weight:500;position:absolute;top:10px;left:10px;box-shadow:0 3px 10px #0000002e}.album-empty{color:#aa9a91;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.album-empty p{font-size:12px}.album-load-more{min-height:70px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.media-viewer-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1411d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.media-viewer{background:var(--paper);flex-direction:column;width:min(1580px,100%);max-height:96vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 28px 90px #00000059}.viewer-main{flex:none;grid-template-columns:minmax(0,1.55fr) minmax(410px,.68fr);height:min(790px,78vh);min-height:0;display:grid}.viewer-close{z-index:2;color:#fff;cursor:pointer;background:#261c18b3;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.viewer-arrow{z-index:2;color:#fff;cursor:pointer;background:#261c188c;border:0;place-items:center;width:44px;height:54px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:10px}.viewer-prev svg{transform:rotate(180deg)}.viewer-next{right:calc(29% + 10px)}.viewer-media{background:#211b18;justify-content:center;align-items:center;height:100%;min-height:0;display:flex;overflow:hidden}.viewer-media img,.viewer-media video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.viewer-media.long-image{scrollbar-color:#ffffff59 transparent;display:block;overflow:hidden auto}.viewer-media.long-image img{object-fit:initial;width:100%;height:auto;max-height:none;display:block}.viewer-no-media{color:#ad9b90;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex}.viewer-copy{min-width:0;color:var(--brown);align-self:stretch;padding:45px 38px 55px;overflow-y:auto}.viewer-count{color:#a4948b;margin-bottom:12px;font-size:10px;display:block}.viewer-copy .eyebrow{margin-bottom:12px}.viewer-copy h2{color:var(--brown);margin:0 0 14px;font:600 25px Noto Serif SC,serif}.viewer-copy span{color:var(--wine);align-items:center;gap:5px;font-size:11px;display:flex}.viewer-story{color:var(--brown);white-space:pre-wrap;margin:25px 0 0;font-size:13px;line-height:2}.viewer-relations{border-left:2px solid var(--wine);color:var(--wine);background:#f8f1ea;align-items:center;gap:7px;margin-top:18px;padding:10px 11px;font-size:9px;display:flex}.viewer-navigation{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:30px;padding-top:18px;display:grid}.viewer-navigation button{color:var(--wine);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-size:11px;display:flex}.viewer-navigation button:first-child svg{transform:rotate(180deg)}.viewer-navigation button:disabled{color:#b8aaa1;cursor:default}.viewer-navigation>span{color:#a4948b;text-align:center;justify-self:center;font-size:8px}.memory-comments{border-top:1px solid var(--line);background:#faf6f0;flex:none;margin:0;padding:0 38px 30px}.memory-comments.collapsed{padding-bottom:0}.memory-comments .comment-list{max-height:260px;overflow-y:auto}.comments-toggle{width:100%;min-height:46px;color:var(--wine);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.comments-toggle>span{align-items:center;gap:6px;font:600 12px Noto Serif SC,serif;display:flex}.comments-toggle small{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.comments-toggle small svg{transition:transform .2s}.comments-toggle.expanded small svg{transform:rotate(180deg)}.comments-content{padding-top:2px}.comment-list{gap:8px;margin-top:12px;display:grid}.comment{background:#f7f1eb;border-left:2px solid #0000;padding:10px 11px;position:relative}.comment.highlighted{background:#fff8e8;border-left-color:#c5a467}.comment>div{align-items:center;gap:7px;display:flex}.comment strong{color:var(--wine);font-size:10px}.comment time{color:var(--muted);font-size:8px}.comment i{color:#a8813d;align-items:center;gap:3px;margin-left:auto;font-size:8px;font-style:normal;display:flex}.comment p{color:var(--brown)!important;margin:6px 0 4px!important;font-size:11px!important;line-height:1.7!important}.comment>button{color:#9e8f86;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.comment-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.comment-actions button{color:#9e8f86;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.comment-actions button:first-child{color:var(--wine)}.comment-edit-form{gap:7px;margin-top:8px;display:grid}.comment-edit-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:72px;color:var(--brown);background:#fbf8f3;outline:none;padding:9px;font-size:10px;line-height:1.7}.comment-edit-form textarea:focus{border-color:var(--wine)}.comment-edit-form>div{align-items:center;gap:8px;display:flex}.comment-edit-form button{background:var(--wine);color:#fff;cursor:pointer;border:0;padding:6px 10px;font-size:9px}.comment-edit-form button[type=button]{color:#9e8f86;background:0 0}.comment-edit-form button:disabled{opacity:.5;cursor:default}.comments-empty{color:var(--muted);text-align:center;margin:0;padding:16px 0;font-size:9px}.comment-form{grid-template-columns:1fr auto;gap:7px;margin-top:10px;display:grid}.comment-form textarea{resize:vertical;border:1px solid var(--line);background:#fbf8f3;outline:none;min-width:0;padding:9px;font-size:10px}.comment-form textarea:focus{border-color:var(--wine)}.comment-form button{background:var(--wine);color:#fff;cursor:pointer;border:0;padding:0 12px;font-size:10px}.comment-form button:disabled{opacity:.5;cursor:default}.cover-picker{background:var(--paper);width:min(880px,100%);max-height:88vh;padding:34px;position:relative;overflow-y:auto}.cover-picker h2{margin:-8px 0 8px;font:600 28px Noto Serif SC,serif}.cover-picker-intro{color:var(--muted);margin:0 0 24px;font-size:11px}.cover-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cover-option{cursor:pointer;background:#e7ddd3;border:2px solid #0000;height:150px;padding:0;position:relative;overflow:hidden}.cover-option:hover,.cover-option.selected{border-color:var(--wine)}.cover-option img{object-fit:cover;width:100%;height:100%;display:block}.cover-option>span{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#1e1410bf);padding:24px 9px 8px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cover-option i{background:var(--wine);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid;position:absolute;top:7px;right:7px}.memory-media-editor,.trash-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.media-editor-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.media-editor-heading>div>strong,.media-editor-heading>div>small{display:block}.media-editor-heading strong{color:var(--brown);align-items:center;gap:6px;font-size:12px;display:flex}.media-editor-heading small{color:var(--muted);margin-top:4px;font-size:9px}.media-editor-heading>span{color:var(--wine);flex:none;font-size:10px}.managed-media-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.managed-media-item{background:#e8ddd2;height:105px;position:relative;overflow:hidden}.managed-media-item img,.managed-media-item video{object-fit:cover;width:100%;height:100%;display:block}.managed-video-placeholder{color:#9b8175;background:#e8ddd2;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:10px 8px 34px;display:flex}.managed-video-placeholder small{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:8px;overflow:hidden}.managed-media-item>button{z-index:2;color:#fff;cursor:pointer;background:#301e1acc;border:0;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:8px;display:flex;position:absolute;bottom:5px;left:5px;right:5px}.managed-media-item.new{outline-offset:-2px;outline:2px solid #c99b75}.managed-media-item>i{color:var(--wine);background:#fff8ec;padding:3px 5px;font-size:8px;font-style:normal;position:absolute;top:5px;right:5px}.compact-upload{min-height:88px;margin-top:10px}.trash-list{gap:7px;display:grid}.trash-list>div{background:#f5eee7;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:7px;display:grid}.trash-list img{object-fit:cover;width:50px;height:44px}.trash-list>div>svg{color:#a58d80;width:50px}.trash-list span strong,.trash-list span small{text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:block;overflow:hidden}.trash-list span strong{color:var(--brown);font-size:10px}.trash-list span small{color:var(--muted);margin-top:4px;font-size:8px}.trash-list button{border:1px solid var(--line);background:var(--paper);color:var(--wine);cursor:pointer;align-items:center;gap:4px;padding:7px 9px;font-size:9px;display:flex}.trash-list button:disabled{color:#b5a8a0;cursor:default}.trash-empty{color:var(--muted);text-align:center;background:#f7f1eb;margin:0;padding:18px;font-size:10px}.editor-note{align-items:center;gap:6px;display:flex}.delete-confirm-backdrop{z-index:160;background:#1b1411b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.delete-confirm{background:var(--paper);text-align:center;width:min(430px,100%);padding:34px;box-shadow:0 25px 75px #00000059}.delete-confirm>svg{color:#a34848}.delete-confirm h3{margin:14px 0 10px;font:600 21px Noto Serif SC,serif}.delete-confirm p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.delete-confirm>div{justify-content:center;gap:10px;margin-top:24px;display:flex}.delete-confirm button{border:1px solid var(--line);min-height:38px;color:var(--brown);cursor:pointer;background:0 0;padding:0 16px}.delete-confirm .danger-button{color:#fff;background:#963f45;border-color:#963f45;align-items:center;gap:5px;display:flex}.map-page{max-width:1280px}.memory-map-layout{background:var(--paper);grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);min-height:590px;display:grid;overflow:hidden;box-shadow:0 18px 55px #3e2b221a}.china-map{background:radial-gradient(circle at 30% 30%,#f3e7d9,#dfd0c1 80%);min-height:590px;position:relative;overflow:hidden}.china-map:after{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(#785c4d2e .7px,#0000 .7px);background-size:8px 8px;position:absolute;inset:0}.china-map>svg{width:100%;height:100%;position:absolute;inset:0}.map-fallback{transition:opacity .35s}.map-fallback.hidden{opacity:0;pointer-events:none}.amap-canvas{z-index:1;opacity:0;transition:opacity .35s;position:absolute;inset:0}.amap-canvas.ready{opacity:1}.map-loading{z-index:5;color:var(--brown);white-space:nowrap;background:#fffdf9eb;align-items:center;gap:8px;padding:9px 14px;font-size:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #462d2321}.map-loading svg{animation:1s linear infinite spin}.map-loading.fallback{color:var(--muted)}.map-memory-carousel{z-index:6;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9d1;gap:8px;padding:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;overflow-x:auto;box-shadow:0 8px 30px #37251e2e}.map-memory-carousel>button{height:76px;color:var(--brown);text-align:left;cursor:pointer;scroll-snap-align:start;background:#fffdf9f5;border:0;flex:0 0 230px;grid-template-columns:70px 1fr;align-items:center;gap:9px;padding:7px;display:grid}.map-memory-carousel img,.map-memory-carousel>button>span{object-fit:cover;color:#a58d80;background:#e8ddd2;place-items:center;width:70px;height:62px;display:grid}.map-memory-carousel strong,.map-memory-carousel small{display:block}.map-memory-carousel strong{font:600 11px Noto Serif SC,serif}.map-memory-carousel small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:8px;overflow:hidden}.amap-memory-pin{background:var(--wine);cursor:pointer;border:3px solid #fff;border-radius:50%;width:52px;height:52px;padding:0;position:relative;box-shadow:0 7px 20px #4f2b274d}.amap-memory-pin:hover{transform:scale(1.12)}.amap-memory-pin img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.amap-memory-pin>b{background:var(--wine);color:#fff;border:2px solid #fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font:600 9px Arial,sans-serif;display:grid;position:absolute;top:-7px;right:-7px}.amap-memory-pin.cluster{border-color:#f3d5b8}.amap-memory-pin-dot{border:4px solid #fff;border-radius:50%;width:14px;height:14px;margin:auto;display:block}.amap-memory-pin>span{min-width:82px;color:var(--brown);white-space:nowrap;background:#fffdf9f5;padding:5px 7px;font-size:10px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 5px 14px #462d2324}.amap-memory-pin>span small{color:var(--muted);font-size:8px;display:block}.map-provinces path{fill:#fffdf980;stroke:#8969586b;stroke-width:1px;vector-effect:non-scaling-stroke}.map-pin{z-index:2;background:var(--wine);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;width:50px;height:50px;padding:0;transition:all .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 20px #4f2b274d}.map-pin:hover,.map-pin.active{z-index:4;border-color:#f2c8a8;transform:translate(-50%,-50%)scale(1.15)}.map-pin img{object-fit:cover;border-radius:50%;width:100%;height:100%}.map-pin>span{min-width:84px;color:var(--brown);white-space:nowrap;background:#fffdf9f0;padding:5px 7px;font-size:10px;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 5px 14px #462d231f}.map-pin>span small{color:var(--muted);font-size:8px;display:block}.map-memories{border-left:1px solid var(--line);background:#fcf9f4}.map-city-heading{border-bottom:1px solid var(--line);align-items:center;height:80px;padding:0 22px;display:flex}.map-city-heading>div{color:var(--wine);align-items:center;gap:10px;display:flex}.map-city-heading span strong,.map-city-heading span small{display:block}.map-city-heading strong{color:var(--brown);font:600 18px Noto Serif SC,serif}.map-city-heading small{color:var(--muted);margin-top:3px;font-size:9px}.map-memory-list{max-height:510px;padding:10px;overflow-y:auto}.map-memory-list>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:72px 1fr 20px;align-items:center;gap:12px;width:100%;padding:9px;display:grid}.map-memory-list>button:hover{background:#f3eae1}.map-memory-list img,.map-card-empty{object-fit:cover;color:#a58d80;background:#e8ddd2;place-items:center;width:72px;height:62px;display:grid}.map-memory-list time,.map-memory-list strong,.map-memory-list small{display:block}.map-memory-list time{color:var(--wine);letter-spacing:1px;font-size:8px}.map-memory-list strong{margin:5px 0;font:600 12px Noto Serif SC,serif}.map-memory-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.map-empty{text-align:center;color:var(--muted);padding:50px 25px;font-size:11px;line-height:1.8}.anniversary-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:850px;margin:auto;display:grid}.date-card{background:var(--paper);border:1px solid #0000;align-items:center;gap:22px;min-height:120px;padding:25px;display:flex;position:relative}.date-card.featured{color:#fff;background:var(--wine);grid-column:span 2}.date-card.featured .calendar-number{border-color:#ffffff59}.date-card.featured p{color:#ffffffbf}.date-card.featured>svg{margin-left:auto}.calendar-number{border-right:1px solid var(--line);text-align:center;flex:0 0 68px;width:68px;padding-right:20px}.calendar-number span{font-size:11px;display:block}.calendar-number strong{font:600 31px Georgia,serif}.date-card h3{margin:0 0 7px;font:600 17px Noto Serif SC,serif}.date-card p{color:var(--muted);margin:0;font-size:11px}.card-edit{width:30px;height:30px;color:var(--wine);cursor:pointer;background:#fffc;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.date-card.featured .card-edit{color:#fff;background:#ffffff2e}.page-actions{justify-content:flex-end;max-width:850px;margin:-28px auto 24px;display:flex}.games-page{max-width:1180px;margin:0 auto;padding-bottom:95px}.game-picker{grid-template-columns:repeat(3,1fr);gap:14px;margin:-8px 0 22px;display:grid}.game-picker button{border:1px solid var(--line);background:var(--paper);min-height:118px;color:var(--brown);text-align:left;cursor:pointer;padding:20px;transition:all .2s}.game-picker button:hover,.game-picker button.active{border-color:var(--wine);transform:translateY(-2px);box-shadow:0 16px 38px #23181414}.game-picker strong{color:var(--wine);margin-bottom:8px;font:600 17px Noto Serif SC,serif;display:block}.game-picker span{color:var(--muted);font-size:11px;line-height:1.8}.game-frame-wrap{background:var(--paper);border:1px solid var(--line);overflow:hidden;box-shadow:0 18px 55px #23181414}.game-frame-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:16px 20px;display:flex}.game-frame-header p{color:var(--wine);letter-spacing:3px;margin:0 0 5px;font-size:9px;font-weight:700}.game-frame-header h3{margin:0;font:600 21px Noto Serif SC,serif}.game-frame-header span{color:var(--muted);white-space:nowrap;font-size:11px}.game-frame{background:var(--cream);border:0;width:100%;height:min(76vh,820px);min-height:620px;display:block}.ask-page{padding-bottom:90px}.ask-panel{background:var(--paper);border:1px solid var(--line);width:min(860px,100vw - 40px);margin:-18px auto 0;box-shadow:0 18px 55px #23181414}.ask-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;min-height:72px;padding:18px 22px;display:grid}.ask-intro strong{color:var(--wine);font:600 16px Noto Serif SC,serif;display:block}.ask-intro span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.ask-intro small{color:#9b8c83;white-space:nowrap;font-size:10px}.ask-reset{border:1px solid var(--line);color:var(--wine);cursor:pointer;background:0 0;padding:8px 12px;font-size:10px}.ask-reset:hover{background:#f3eae1}.ask-thread{background:radial-gradient(circle at 12% 12%,#9d424e0f,#0000 28%),#fffdf9;height:min(54vh,520px);min-height:360px;padding:22px;overflow-y:auto}.ask-message{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:14px;display:grid}.ask-message.user{grid-template-columns:minmax(0,1fr) 34px}.ask-message.user span{background:var(--wine);color:#fff;grid-area:1/2}.ask-message.user p{background:var(--wine);color:#fff;grid-area:1/1;justify-self:end}.ask-message span{width:34px;height:34px;color:var(--wine);background:#f2e7df;border-radius:50%;place-items:center;font-size:11px;display:grid}.ask-message.assistant span{color:#0000;background:#fff4e9 url(/brand/couple-logo-transparent-v2.png) 50%/28px 24px no-repeat;border:1px solid #9d424e29}.ask-message p{max-width:620px;color:var(--brown);white-space:pre-wrap;background:#fff;border:1px solid #816b5e29;margin:0;padding:13px 15px;font:500 13px/1.9 Noto Serif SC,serif}.ask-message.pending p{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.ask-message.pending svg{animation:1s linear infinite spin}.ask-error{color:#b4434d;margin:0;padding:10px 22px 0;font-size:11px}.ask-form{border-top:1px solid var(--line);background:#fbf8f3;padding:18px 22px 22px}.ask-form textarea{border:1px solid var(--line);resize:vertical;background:#fffdf9;outline:none;width:100%;padding:14px;font:500 13px/1.8 Noto Serif SC,serif}.ask-form textarea:focus{border-color:var(--wine)}.ask-form>div{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.ask-form small{color:var(--muted);font-size:10px}.ask-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.wish-progress{background:var(--paper);max-width:760px;margin:-20px auto 35px;padding:22px 25px}.wish-progress>div:first-child{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.wish-progress strong{color:var(--wine)}.progress-track{background:#eadfd8;height:4px;margin-top:14px}.progress-track span{background:var(--wine);height:100%;transition:width .3s;display:block}.wish-list{gap:10px;max-width:760px;margin:auto;display:grid}.wish-item{background:var(--paper);text-align:left;cursor:pointer;border:1px solid #0000;align-items:center;gap:16px;width:100%;padding:18px 20px;display:flex}.wish-item:hover{border-color:#cdbcb2}.wish-check{border:1px solid #c8b8ad;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.wish-item.done .wish-check{background:var(--wine);color:#fff;border-color:var(--wine)}.wish-item>span:nth-child(2){flex:1}.wish-item strong{font:500 14px Noto Serif SC,serif;display:block}.wish-item small{color:#a2948c;margin-top:5px;font-size:10px;display:block}.wish-item.done strong{color:#9e918a;text-decoration:line-through}.wish-item.pending{background:#fffaf0;border-color:#d9c28e}.wish-item.pending .wish-check{color:#a8813d;border-color:#c5a467}.wish-item em{color:#9b783a;margin-top:8px;font:500 11px/1.6 Noto Serif SC,serif;text-decoration:none;display:block}.completion-ceremony{background:#fff8e8;border:1px solid #ead7aa;padding:15px}.completion-ceremony>p{color:#8b6a2f;align-items:center;gap:7px;margin:0 0 18px;font-size:11px;display:flex}.completed-wish-preview{color:#765923;text-align:center;background:linear-gradient(145deg,#fff9ea,#f0dfb5);padding:22px}.completed-wish-preview strong{margin:8px 0;font:600 15px Noto Serif SC,serif;display:block}.completed-wish-preview p{margin:0;font:500 12px/1.8 Noto Serif SC,serif}.completed-wish-preview blockquote{background:#ffffff8c;margin:12px 0 0;padding:14px;font:500 13px/1.9 Noto Serif SC,serif}.completed-wish-preview audio{width:100%;height:38px;margin-top:15px}.completed-wish-preview>small{color:#8a7653;margin-top:10px;font-size:9px;display:block}.completed-wish-preview>button{color:#765923;cursor:pointer;background:#ffffff8c;border:1px solid #76592359;align-items:center;gap:6px;margin-top:18px;padding:9px 13px;font-size:10px;display:inline-flex}.botanical-card{--card-accent:#a94f55;--card-soft:#e7bdba;--card-paper:#fbf5ed;--card-ink:#49342f;--card-leaf:#526b53;min-height:720px;color:var(--card-ink);background:radial-gradient(circle at 20% 10%,#ffffffeb,transparent 34%), radial-gradient(circle at 78% 67%,color-mix(in srgb,var(--card-soft) 58%,transparent),transparent 28%), linear-gradient(145deg,var(--card-paper),#fffaf2 52%,color-mix(in srgb,var(--card-soft) 55%,#fffaf2));border:0;border-radius:22px;padding:78px 38px 34px;position:relative;overflow:hidden;box-shadow:0 18px 45px #3c281e2e,inset 0 0 0 1px #a97f462e,inset 0 0 0 14px #ffffff52}.botanical-card:before{content:"";pointer-events:none;border:1px dashed #b28e5475;border-radius:18px;position:absolute;inset:20px}.botanical-card:after{content:"";pointer-events:none;opacity:.8;background:repeating-linear-gradient(#0000 0 35px,#b3915947 36px 37px,#0000 38px 56px);height:116px;position:absolute;top:280px;left:52px;right:52px}.botanical-card.has-card-art{background:radial-gradient(circle at 20% 10%,#ffffffeb,transparent 34%), radial-gradient(circle at 78% 67%,color-mix(in srgb,var(--card-soft) 58%,transparent),transparent 28%), linear-gradient(145deg,var(--card-paper),#fffaf2 52%,color-mix(in srgb,var(--card-soft) 55%,#fffaf2));min-height:790px}.botanical-card.has-card-art:after{opacity:.55;background:repeating-linear-gradient(#0000 0 35px,#b3915938 36px 37px,#0000 38px 56px);height:116px;top:280px;left:52px;right:52px}.botanical-corner{z-index:1;width:150px;height:150px;color:var(--card-leaf);pointer-events:none;position:absolute}.botanical-corner.corner-top{top:5px;left:-8px}.botanical-corner.corner-bottom{bottom:-8px;right:-10px;transform:rotate(180deg)}.wish-stamp{z-index:2;color:#b85b43;opacity:.82;border:3px solid #b85b43;border-radius:50%;place-items:center;width:122px;height:122px;font:700 20px/1.25 Noto Serif SC,serif;display:grid;position:absolute;top:30px;right:38px;transform:rotate(-14deg);box-shadow:inset 0 0 0 9px #fff3,inset 0 0 0 14px #b85b4347}.wish-stamp:after{content:"♡ ♡ ♡";letter-spacing:3px;font-size:14px;position:absolute;bottom:22px;left:0;right:0}.card-ornament{z-index:2;color:#b49b68;justify-content:center;align-items:center;gap:13px;margin:8px auto 18px;display:flex;position:relative}.card-ornament i{background:#c7ac74;width:78px;height:1px;display:block}.botanical-card strong{z-index:2;color:var(--card-accent);letter-spacing:5px;font-size:34px;position:relative}.plant-badge{display:none}.botanical-card>small{z-index:2;color:var(--card-leaf);margin:26px auto 76px;font:500 18px/1.6 Noto Serif SC,serif;display:block;position:relative}.botanical-card p{z-index:2;max-width:450px;color:var(--card-ink);letter-spacing:2px;background:0 0;margin:0 auto 18px;padding:5px 20px;font-size:25px;line-height:2.15;position:relative}.botanical-card p:after{content:"♥";color:color-mix(in srgb,var(--card-accent) 58%,white);margin-top:12px;font-size:24px;display:block}.botanical-card blockquote{z-index:3;max-width:430px;color:var(--card-accent);background:0 0;border:0;margin:0 auto 24px;padding:0;font:500 15px/1.9 Noto Serif SC,serif;position:relative}.botanical-window{z-index:2;background:color-mix(in srgb,var(--card-soft) 24%,white);border:2px solid #ba975c8c;border-radius:22px;max-width:470px;height:260px;margin:18px auto 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff6b}.botanical-card.has-card-art .botanical-window{background:#fffdf6c2;height:350px;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff3d}.botanical-card.has-card-art .botanical-window:before{content:"";z-index:0;background:linear-gradient(135deg,#fffdf61f,#fffdf605 54%,#fffdf600), var(--card-art) center bottom / contain no-repeat;opacity:.98;filter:saturate(1.1);pointer-events:none;border-radius:20px;position:absolute;inset:0}.botanical-card.has-card-art .botanical-window:after{content:"";z-index:1;pointer-events:none;border:2px solid #ba975c99;border-radius:22px;position:absolute;inset:-1px}.botanical-bouquet{width:100%;height:100%;display:block}.botanical-window>span{z-index:3;background:var(--card-accent);color:#fff7e8;letter-spacing:2px;border:2px solid #d8bd84;min-width:180px;padding:10px 28px;font:500 19px Georgia,serif;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.botanical-window>span:before,.botanical-window>span:after{content:"";background:var(--card-accent);border:2px solid #d8bd84;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.botanical-window>span:before{border-top:0;border-right:0;left:-11px}.botanical-window>span:after{border-bottom:0;border-left:0;right:-11px}.botanical-card>button{z-index:2;color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);position:relative}.poem-reward{flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.poem-reward p{font-size:15px;line-height:2.2}.song-reward{background:linear-gradient(145deg,#f4e7df,#d9bfc0)}.highlight-reward{background:linear-gradient(145deg,#fff9e9,#ecd6a5)}.field-note{color:#a06d48;margin-top:6px;font-size:9px;display:block}.pending-note{color:#8b6a2f;background:#fff8e8;align-items:center;gap:7px;padding:14px;font-size:11px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#271d198c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.composer{background:var(--paper);width:min(570px,100%);max-height:92vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #140a054d}.close-button{cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:18px}.composer h2{margin:-8px 0 26px;font:600 28px Noto Serif SC,serif}.composer label{color:#6e5f57;margin-bottom:17px;font-size:12px;display:block}.composer input,.composer textarea,.composer select{border:1px solid var(--line);resize:vertical;background:#fbf8f3;outline:none;width:100%;margin-top:7px;padding:11px 12px}.composer input:focus,.composer textarea:focus,.composer select:focus{border-color:var(--wine)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.location-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.location-form-row>label:nth-of-type(4){grid-column:span 1}.location-form-row>label:nth-of-type(5){grid-column:span 2}.precise-location-field{grid-column:1/-1;margin-top:-4px}.location-picker{width:100%}.location-picker-toggle{width:100%;min-height:42px;color:var(--wine);cursor:pointer;background:#faf6f0;border:1px dashed #bdaaa0;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.coordinate-value{color:var(--muted);text-align:center;letter-spacing:.5px;margin-top:7px;font-size:8px;display:block}.location-picker-panel{border:1px solid var(--line);background:#eee3d9;margin-top:10px;position:relative;overflow:hidden}.location-search{background:var(--paper);border-bottom:1px solid var(--line);padding:10px}.location-search>div:first-child{border:1px solid var(--line);min-height:38px;color:var(--wine);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding-left:10px;display:grid}.location-search input{background:0 0;border:0;outline:0;min-width:0;height:36px;font-size:10px}.location-search>div:first-child button{background:var(--wine);color:#fff;cursor:pointer;border:0;align-self:stretch;min-width:58px}.location-search>small{color:#a45a4e;padding:7px 2px 0;font-size:8px;display:block}.location-search-results{border:1px solid var(--line);max-height:180px;margin-top:7px;overflow-y:auto}.location-search-results button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--brown);text-align:left;cursor:pointer;background:#fffdf9;padding:8px 10px}.location-search-results button:last-child{border-bottom:0}.location-search-results button:hover{background:#f8efe7}.location-search-results strong,.location-search-results span{display:block}.location-search-results strong{font-size:10px}.location-search-results span{color:var(--muted);margin-top:3px;font-size:8px}.previous-places{margin-top:8px}.previous-places>span{color:var(--muted);font-size:8px}.previous-places>div{gap:6px;padding-top:6px;display:flex;overflow-x:auto}.previous-places button{border:1px solid var(--line);color:var(--wine);cursor:pointer;background:#faf6f0;flex:none;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.location-picker-map{width:100%;height:280px}.location-picker-status{z-index:3;color:var(--brown);background:#fffdf9f0;align-items:center;gap:6px;padding:9px 12px;font-size:9px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.location-picker-status.error{color:#a52f3d}.location-picker-panel>small{z-index:2;color:var(--muted);text-align:center;pointer-events:none;background:#fffdf9e6;padding:7px 9px;font-size:8px;position:absolute;bottom:9px;left:10px;right:10px}.upload-zone{width:100%;color:var(--wine);cursor:pointer;background:#faf6f0;border:1px dashed #bdaaa0;justify-content:center;align-items:center;gap:10px;padding:18px;margin-bottom:0!important;display:flex!important}.upload-zone small{color:var(--muted)}.upload-zone input,.hidden-file-input{display:none}.upload-zone:has(input:disabled){opacity:.58;cursor:wait}.media-preview{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.media-preview>div{background:#e8dfd6;height:105px;position:relative}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%;display:block}.media-preview button{color:#fff;cursor:pointer;background:#281c17b8;border:0;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;position:absolute;top:5px;right:5px}.media-preview button:disabled,.close-button:disabled,.managed-media-item button:disabled{opacity:.5;cursor:wait}.save-button{width:100%;margin-top:20px}.save-button:disabled,.login-button:disabled{opacity:.65;cursor:wait}.upload-progress{border:1px solid var(--line);background:#faf6f0;margin-top:15px;padding:13px 14px}.upload-progress>div:first-child{color:var(--brown);justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}.upload-progress>div:first-child span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-progress strong{color:var(--wine);flex:none;font:600 12px Georgia,serif}.upload-progress-track{background:#e7dbd1;height:5px;margin:9px 0 7px;overflow:hidden}.upload-progress-track i{background:var(--wine);height:100%;transition:width .18s;display:block}.upload-progress small{color:var(--muted);font-size:8px}.draft-notice{color:#80632f;background:#fff8e8;border:1px solid #dfcba8;grid-template-columns:1fr auto;gap:5px 12px;margin:-8px 0 18px;padding:12px 13px;font-size:9px;display:grid}.draft-notice>span{align-items:center;gap:6px;display:flex}.draft-notice button{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.draft-notice small{color:#9a7b48;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.memory-relations{border:1px solid var(--line);background:#faf6f0;margin:5px 0 18px}.memory-relations summary{color:var(--wine);cursor:pointer;align-items:center;gap:6px;padding:12px 13px;font:600 11px Noto Serif SC,serif;display:flex}.memory-relations>p{color:var(--muted);margin:0;padding:0 13px 10px;font-size:8px}.memory-relations>div{grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px;display:grid}.memory-relations label{margin:0!important;font-size:9px!important}.memory-relations select{min-height:82px;font-size:9px;padding:5px!important}.compact-editor{width:min(500px,100%)}.editor-note{color:var(--muted);font-size:10px;line-height:1.6}.check-label{cursor:pointer;align-items:center;gap:9px;display:flex!important}.check-label input{width:auto;accent-color:var(--wine);margin:0}.form-error,.player-error,.login-error{color:#a52f3d;font-size:11px}.form-error{margin:13px 0 0}.mobile-nav{display:none}.music-player{z-index:50;filter:drop-shadow(0 15px 30px #2f1f192e);width:min(540px,100vw - 48px);position:fixed;bottom:22px;right:24px}.player-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f7;border:1px solid #a8918461;grid-template-columns:48px minmax(120px,1fr) auto minmax(110px,1.2fr) 34px;align-items:center;gap:13px;min-height:74px;padding:11px 14px;display:grid}.album-cover{color:#fff;cursor:pointer;background:linear-gradient(145deg,#a95761,#6f3038);border:0;border-radius:4px;place-items:center;width:48px;height:48px;display:grid}.track-info{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0}.track-info strong,.track-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-info strong{font:600 12px Noto Serif SC,serif}.track-info small{color:var(--muted);margin-top:4px;font-size:9px}.player-controls{align-items:center;gap:3px;display:flex}.player-controls button,.playlist-toggle{cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:grid}.player-controls .play-button{background:var(--wine);color:#fff;border-radius:50%;width:34px;height:34px;padding:0}.player-progress{color:#9e9088;grid-template-columns:28px 1fr 28px;align-items:center;gap:5px;font-size:8px;display:grid}.player-progress input{width:100%;height:3px;accent-color:var(--wine);cursor:pointer}.playlist-toggle{color:var(--wine);position:relative}.playlist-toggle span{background:var(--wine);color:#fff;border-radius:8px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;display:grid;position:absolute;top:0;right:0}.playlist-panel{background:#fffdf9fa;border:1px solid #a8918461;max-height:360px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}.playlist-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 17px;display:flex}.playlist-heading>div{color:var(--wine);align-items:center;gap:8px;display:flex}.playlist-heading strong{color:var(--brown);font:600 13px Noto Serif SC,serif}.playlist-heading button{color:var(--wine);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.track-list{max-height:300px;padding:7px;overflow-y:auto}.track-list>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px 1fr 30px;align-items:center;gap:7px;width:100%;min-height:48px;padding:7px 10px;display:grid}.track-list>button:hover,.track-list>button.active{background:#f5eee7}.track-list>button>span:first-child{color:var(--wine);place-items:center;font-size:10px;display:grid}.track-list strong,.track-list small{display:block}.track-list strong{font-size:11px;font-weight:500}.track-list small{color:var(--muted);margin-top:2px;font-size:9px}.playing-bars{justify-content:center;align-items:end;gap:2px;height:17px;display:flex}.playing-bars i{background:var(--wine);width:2px;animation:.8s ease-in-out infinite alternate music-bar}.playing-bars i:first-child{height:7px}.playing-bars i:nth-child(2){height:15px;animation-delay:-.3s}.playing-bars i:nth-child(3){height:10px;animation-delay:-.5s}@keyframes music-bar{to{height:4px}}.empty-playlist{width:100%;min-height:190px;color:var(--wine);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.empty-playlist strong{color:var(--brown);font:600 13px Noto Serif SC,serif}.empty-playlist small{color:var(--muted);font-size:9px}.player-error{background:#fff6f6;border-top:1px solid #efd5d8;margin:0;padding:8px 15px}.login-page{background:var(--paper);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(#32201c33,#32201c9e),url(https://images.unsplash.com/photo-1516589178581-6cd7833ae3b2?auto=format&fit=crop&w=1400&q=90) 50%/cover;min-height:100vh;position:relative}.login-quote{color:#fff;max-width:570px;position:absolute;bottom:9%;left:9%;right:9%}.login-quote p{margin:16px 0 18px;font:500 clamp(25px,2.7vw,39px)/1.7 Noto Serif SC,serif}.login-quote small{letter-spacing:3px;font-size:9px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(410px,100%)}.login-brand-mark{width:155px;height:97px;margin:0 0 30px -10px;display:block}.login-brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.login-card .eyebrow{margin-bottom:10px}.login-card h1{margin:0;font:600 34px Noto Serif SC,serif}.login-intro{color:var(--muted);margin:15px 0 34px;font-size:12px;line-height:1.8}.login-card label{color:#685a53;margin-bottom:18px;font-size:11px;display:block}.login-input{border:1px solid var(--line);color:#9d8d84;align-items:center;gap:10px;height:48px;margin-top:7px;padding:0 13px;display:flex}.login-input:focus-within{border-color:var(--wine);color:var(--wine)}.login-input input{background:0 0;border:0;outline:0;flex:1;min-width:0}.login-button{width:100%;margin-top:5px;padding:14px}.login-error{margin:-3px 0 15px}.login-note{text-align:center;color:#a3958d;margin-top:18px;font-size:9px;display:block}@media (width<=820px){.app-shell{overflow-x:hidden}.topbar{height:66px;padding:0 18px}.desktop-nav{display:none}.brand strong{font-size:15px}.brand small{font-size:7px}.add-button span{display:none}.add-button{border-radius:50%;width:38px;height:38px;padding:0}.logout-button{width:34px;height:34px}.hero-section{text-align:center;flex-direction:column;gap:58px;padding:48px 24px 50px;display:flex}.hero-copy h1{letter-spacing:-1px;font-size:clamp(35px,10vw,48px);line-height:1.45}.hero-description{margin:22px 0 28px}.hero-actions{justify-content:center;gap:18px}.hero-photo-wrap{width:calc(100% - 20px)}.hero-photo{height:340px}.photo-date{width:72px;height:78px;left:-13px}.photo-date span{font-size:27px}.photo-caption{font-size:11px;right:8px}.stats-row{grid-template-columns:repeat(2,1fr);margin:0 20px 70px}.stats-row div{padding:15px 5px}.stats-row div:nth-child(2){border-right:0}.stats-row div:nth-child(-n+2){border-bottom:1px solid var(--line)}.backup-strip{grid-template-columns:auto 1fr;margin:-48px 20px 70px}.backup-strip>small{grid-column:2}.content-section{padding:0 20px 100px}.story-grid{grid-template-columns:1fr}.on-this-day-grid{grid-template-columns:1fr 1fr}.story-card img{height:250px}.page-section{padding:50px 18px 100px}.page-title{margin-bottom:42px}.timeline-item{grid-template-columns:52px 15px 1fr;gap:10px;padding-bottom:35px}.timeline-item:before{left:59px}.timeline-item>img,.timeline-image-empty{grid-column:3;width:100%;height:190px}.timeline-copy{grid-column:3}.timeline-date strong{font-size:14px}.album-controls{gap:18px;margin-top:-20px}.album-tools{border-radius:18px;grid-template-columns:1fr 1fr}.album-search{grid-column:1/-1}.album-date{grid-template-columns:18px 1fr}.album-reset{min-height:38px}.album-filter{flex-wrap:wrap;gap:7px;margin-top:0}.album-filter button{padding:6px 10px;font-size:10px}.album-summary{flex-direction:column;align-items:flex-start}.album-summary>div{justify-content:space-between;width:100%}.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.photo-4,.video-card{grid-column:auto}.media-viewer-backdrop{place-items:stretch stretch;padding:0}.media-viewer{width:100%;height:100dvh;max-height:none;box-shadow:none;overflow-y:auto}.viewer-main{grid-template-columns:1fr;height:auto;display:grid}.viewer-media{height:min(58dvh,520px);min-height:0}.viewer-media img,.viewer-media video{max-height:min(58dvh,520px)}.viewer-media.long-image img{height:auto;max-height:none}.viewer-copy{padding:28px 22px 30px;overflow:visible}.viewer-copy h2{font-size:22px;line-height:1.5}.viewer-story{font-size:13px;line-height:2.05}.memory-comments{padding:0 22px 22px}.memory-comments.collapsed{padding-bottom:0}.viewer-next{right:10px}.memory-map-layout{grid-template-columns:1fr}.china-map{min-height:430px}.map-memories{border-left:0;border-top:1px solid var(--line)}.map-memory-list{max-height:none}.cover-picker{padding:28px 18px}.cover-grid{grid-template-columns:repeat(2,1fr)}.cover-option{height:135px}.managed-media-grid{grid-template-columns:repeat(2,1fr)}.managed-media-item{height:125px}.trash-list>div{grid-template-columns:44px 1fr auto}.trash-list img,.trash-list>div>svg{width:44px;height:40px}.delete-confirm{padding:28px 20px}.anniversary-grid{grid-template-columns:1fr}.date-card.featured{grid-column:auto}.games-page{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.game-picker{grid-template-columns:1fr}.game-frame-header{flex-direction:column;align-items:flex-start;gap:8px}.game-frame-wrap{overflow:visible}.game-frame{height:calc(100dvh - 120px);min-height:720px}.mobile-nav{z-index:30;height:74px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f5;gap:7px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{color:#93847c;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:3px;min-width:58px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--wine);background:#f4e8df}.composer{border-radius:18px 18px 0 0;width:100%;max-height:calc(100dvh - 22px);padding:30px 20px}.modal-backdrop{align-items:end;padding:11px}.form-row,.location-form-row{grid-template-columns:1fr;gap:0}.location-form-row>label:last-child{grid-column:auto}.desktop-only{display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{background:linear-gradient(#f8f4eef5,#f8f4eef5),url(https://images.unsplash.com/photo-1516589178581-6cd7833ae3b2?auto=format&fit=crop&w=800&q=80) 50%/cover;min-height:100vh;padding:30px 24px}.login-brand-mark{width:140px;height:87px;margin:0 auto 26px}.music-player{right:10px;bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}.music-player:not(.expanded){right:8px;bottom:calc(92px + env(safe-area-inset-bottom));filter:drop-shadow(0 10px 22px #2f1f1929);width:min(176px,100vw - 28px)}.player-bar{grid-template-columns:42px 1fr auto 30px;gap:9px;min-height:62px;padding:8px 10px}.music-player:not(.expanded) .player-bar{background:#fffdf9eb;border-right:0;border-radius:24px 0 0 24px;grid-template-columns:minmax(0,1fr) 40px;gap:7px;min-height:48px;padding:6px 8px 6px 13px;box-shadow:inset 0 0 0 1px #ffffff8c}.music-player:not(.expanded) .album-cover,.music-player:not(.expanded) .playlist-toggle,.music-player:not(.expanded) .player-progress{display:none}.music-player:not(.expanded) .track-info{grid-column:1}.music-player:not(.expanded) .track-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:106px;font-size:11px;overflow:hidden}.music-player:not(.expanded) .track-info small{display:none}.music-player:not(.expanded) .player-controls{grid-column:2;justify-self:end}.music-player:not(.expanded) .player-controls button:not(.play-button){display:none}.music-player:not(.expanded) .player-controls .play-button{width:40px;height:40px}.album-cover{width:42px;height:42px}.player-progress{display:none}.playlist-panel{max-height:300px}}@media (width<=440px){.hero-actions{flex-direction:column}.hero-photo{height:290px}.section-heading .text-button{display:none}.topbar{padding:0 12px}.brand-mark{width:48px;height:40px}.topbar .add-button{margin-right:6px}.theme-button,.logout-button,.notification-button{width:32px;height:32px}.album-tools{grid-template-columns:1fr}.album-date{grid-template-columns:26px 1fr}.album-filter{flex-wrap:nowrap;justify-content:start;padding-bottom:5px;overflow-x:auto}.album-filter button{white-space:nowrap}.album-summary button{justify-content:center;width:100%}.ask-panel{width:100%;margin-top:-16px}.ask-intro{grid-template-columns:1fr;align-items:start}.ask-thread{height:calc(100dvh - 310px);min-height:330px;padding:16px 13px}.ask-message,.ask-message.user{grid-template-columns:30px minmax(0,1fr);gap:8px}.ask-message.user span{grid-column:1}.ask-message.user p{grid-column:2;justify-self:stretch}.ask-message span{width:30px;height:30px}.ask-message p{max-width:none;font-size:12px}.ask-form{padding:14px}.game-frame{height:calc(100dvh - 80px);min-height:760px}.player-controls button:first-child,.player-controls button:last-child{display:none}.media-preview{grid-template-columns:1fr 1fr}}@media (width<=820px){.app-shell[data-theme=time] .mobile-nav{background:#1c2838f5;border-color:#c5a46740}.app-shell[data-theme=time] .mobile-nav button{color:#aeb5bd}.app-shell[data-theme=time] .mobile-nav button.active{color:#d6b978;background:#d6b9781f}.app-shell[data-theme=time] .music-player:not(.expanded) .player-bar{background:#1b232deb;border-color:#d6b97838;box-shadow:inset 0 0 0 1px #d6b97814}.app-shell[data-theme=time] .music-player:not(.expanded) .track-info strong{color:#e6d8bd}}