/* A personal photo home, rather than a travel landing page. */
:root{--paper:#fcf7f2;--paper-2:#f5e9e0;--ink:#594640;--ink-soft:#8c776c;--rose:#b97578;--rose-deep:#965d62;--blush:#f3e0dd;--sage:#939d83;--butter:#f5e8cb;--frame:#fffcf8;--sans:'Noto Sans KR',sans-serif;--pen:'Noto Sans KR',sans-serif;--serif:'Gowun Batang',serif}
body{background:var(--paper);color:var(--ink)}.button.primary{background:#a96770;color:#fffdfa}.button.primary:hover{background:#91555f}.button.outline{border-color:#dbc8bc;color:#82665b;background:#fffaf5}.couple-home{background:radial-gradient(ellipse at 0 0,#f7e5e07a,transparent 48%),radial-gradient(ellipse at 100% 40%,#f9eddf70,transparent 40%),#fcf7f2}.couple-nav{max-width:1190px;margin:0 auto;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #eaddd2}.couple-brand{font:700 23px var(--serif);text-decoration:none;white-space:nowrap}.couple-brand>span{font-size:13px;color:#c58b8b;margin:0 4px}.couple-brand small{display:block;font:10px var(--sans);letter-spacing:.2px;color:#a38a7b;margin-top:6px}.couple-nav nav{display:flex;gap:31px}.couple-nav nav a{font-size:13px;text-decoration:none;color:#826f64;padding:10px 0}.couple-actions{display:flex;align-items:center;gap:16px}.couple-actions>button:first-child{border:0;background:none;color:#997b70;font-size:11px;min-height:44px}.couple-home #music-btn{position:static;inset:auto;background:#fffaf5;border:1px solid #e3d2c7;border-radius:50%;width:36px;height:36px;padding:0;display:grid;place-items:center;box-shadow:none;color:#b77c80}.couple-home #music-btn[aria-pressed=true]{background:#b97578;color:#fff}.couple-main{width:100%;max-width:1190px;padding:0 30px;margin:auto}.home-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:49px 20px 37px}.welcome-copy{animation:home-arrive .8s ease both}.home-date{font-size:11px;color:#a28a7c;letter-spacing:.1px;margin:0 0 15px}.home-welcome h1{font:400 48px/1.5 var(--serif);letter-spacing:2px;margin:0 0 10px}.home-welcome h1 span{font-size:22px;color:#c68388;display:inline-block;vertical-align:7px;margin:0 10px}.home-greeting{font:400 20px/1.9 var(--serif);color:#94756b;margin:0 0 23px}.home-dday{display:flex;align-items:baseline;gap:9px;font-size:12px;color:#9b8176}.home-dday strong{font:400 45px var(--serif);color:#b9777e;line-height:1.1}.couple-home #hero-next{margin:19px 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:none;border:0;color:#9b8477}.couple-home #hero-next .hn-cap{display:block;font:10px var(--sans);margin-right:4px}.couple-home #hero-next .hn-main{font:500 12px var(--sans);color:#7c6057}.couple-home #hero-next .hn-dday{font:500 10px var(--sans);background:#f2dfd8;color:#a3656c;padding:4px 9px;border-radius:20px}.couple-home #hero-next .hn-date{display:none}.welcome-links{display:flex;align-items:center;gap:20px}.welcome-links .button{border-radius:23px;padding:11px 20px;font-size:12px}.home-text-link{font-size:12px;color:#9f7e70;text-decoration:none}.home-text-link span{margin-left:5px}.first-place{font-size:10px;color:#b09a8e;margin-top:24px}.welcome-photo{min-width:0;animation:home-arrive 1s .12s ease both;padding:0 8px 0 0}.couple-home #sec-memory{margin:0;padding:0}.couple-home .memory{max-width:none;margin:0;padding:10px 10px 14px;border-radius:5px;background:#fffdfa;box-shadow:0 8px 30px #88695512,0 1px 5px #88695510;transform:rotate(1.2deg)}.couple-home .memory:hover{transform:rotate(0)}.couple-home .memory img{height:350px;max-height:none;object-fit:cover;object-position:center 40%;border-radius:2px}.couple-home .memory-cap{font:11px/1.8 var(--sans);color:#a38775;padding:14px 5px 0;text-align:center;margin:0}.photo-handnote{font:13px var(--serif);text-align:center;color:#b1917e;margin:20px 0 0}.photo-empty{height:393px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#f7e8df,#f5eeDF);border:9px solid #fffdf9;box-shadow:0 7px 25px #8c65520c;transform:rotate(1.2deg);border-radius:5px}.empty-heart{font:70px var(--serif);color:#c89592}.photo-empty p{font:16px var(--serif);color:#ad8273;margin:10px 0 20px}.photo-empty button{border:1px solid #dfbfb0;background:#fffaf4;color:#ab7773;border-radius:25px;padding:10px 20px;font-size:12px}.photo-empty small{font-size:10px;color:#b69a88;margin-top:14px}.welcome-photo:has(#sec-memory:not([hidden])) .photo-empty{display:none}.home-section{margin:34px 0 48px;scroll-margin-top:20px;padding:0;max-width:none}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.home-section h2,.couple-home .sec-title{font:400 24px/1.5 var(--serif);letter-spacing:-.5px;text-align:left;margin:0 0 6px;color:#765b50}.home-section h2>span{color:#b57e77}.home-section-head p{font:11px/1.8 var(--sans);margin:0;color:#a48c7c}.home-section-head>.button{border-radius:22px;font-size:11px;padding:10px 16px;white-space:nowrap}.home-anniversaries{padding:22px 23px 8px;background:#f6eee5a0;border-radius:13px;margin-top:15px}.home-anniversaries .home-section-head{margin-bottom:3px}.home-anniversaries h2{font-size:21px}.couple-home .ms-track{gap:11px;padding:12px 0 15px;scrollbar-color:#e2cbbb transparent}.couple-home .ms-tag{min-width:126px;padding:13px 13px 11px;border:1px solid #ecded0;border-radius:8px;background:#fffcf7;box-shadow:none;transform:none}.couple-home .ms-tag.is-next{background:#f7e6e0;border-color:#ddb7b2}.couple-home .ms-d{font:500 12px var(--sans);color:#806156}.couple-home .ms-tag.is-next .ms-d{color:#a86c73}.couple-home .ms-date{font-size:10px;color:#ae9786;margin-top:5px}.couple-home .ms-left{font:10px var(--sans);color:#b4747b;margin-top:5px}.couple-home .ms-tag.is-passed{display:none}.couple-home .al-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.couple-home .al-card{padding:8px 8px 14px;border-radius:7px;background:#fffdfa;box-shadow:0 3px 15px #86654d08;border:1px solid #efe4d9}.couple-home .al-cover{aspect-ratio:4/3;border-radius:3px;background:#f1e3d8}.couple-home .al-name{font:400 19px/1.5 var(--serif);margin:11px 5px 5px;color:#856153}.couple-home .al-meta{font-size:10px;color:#ab9381;margin:0 5px}.couple-home .al-card:hover{box-shadow:0 8px 24px #88674c13}.couple-home .al-card.al-locked .al-cover{background:linear-gradient(135deg,#f5e7df,#f3eadc)}.couple-home .al-lock{background:#f6e9e1;border-color:#e7d1c5;box-shadow:none;font-size:12px}.couple-home .al-lock .lock-txt{font-size:12px;color:#95766a}.album-edit-help{font-size:10px;color:#ad9685;text-align:right;margin-top:15px}.album-edit-help b{font-weight:500;color:#ab7e70}.lately-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lately-card{display:flex;position:relative;flex-direction:column;border:1px solid #eadbcd;background:#f8eee4;padding:21px 25px;border-radius:11px;text-decoration:none;gap:7px;transition:transform .2s}.lately-card:hover{transform:translateY(-3px)}.lately-card.lately-travel{background:#f3eee4}.lately-label{font-size:10px;color:#b0937e}.lately-card strong{font:400 19px var(--serif);color:#987264;margin:3px 0}.lately-card>span:not(.lately-label):not(.lately-arrow){font-size:11px;color:#a48e7a;padding-right:15px}.lately-arrow{position:absolute;right:23px;top:23px;font-size:20px;color:#b6947c}.home-everyday{display:grid;grid-template-columns:1fr 1fr;gap:36px;scroll-margin-top:20px}.home-everyday .home-section{margin-top:10px}.couple-home .place{background:#fffaf4;border-color:#eddece}.couple-home .place-name{color:#806454}.couple-home .place-note{color:#aa907b}.couple-home .place-stars{color:#c29a73}.couple-home .bucket{scrollbar-color:#dfcdbb transparent;max-height:310px}.couple-home .bk-item{border-bottom-color:#eddece;font-size:12px;color:#92725f}.couple-home .bk-check{color:#ba8683}.couple-footer{border-top:1px solid #eaddd0;text-align:center;padding:29px 20px 40px;margin-top:10px}.couple-footer p{font:19px var(--serif);color:#a27e6e;margin:0 0 8px}.couple-footer p span{font-size:10px;color:#c38c8e}.couple-footer small{font-size:10px;color:#b09a88}.couple-footer>a{display:block;margin-top:13px;font-size:10px;color:#b09a88}.home-mobile-nav{display:none}.couple-home dialog{background:#fffaf5;border-color:#e8d5c6;color:#806153}.couple-home dialog input{border-color:#dfc9bb}.couple-home dialog>p{color:#a08574}.couple-home #home-access-error{font-size:12px;color:#a85e64}
@keyframes home-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:850px){.couple-nav nav{gap:20px}.home-welcome{gap:35px;padding-left:0;padding-right:0}.home-welcome h1{font-size:40px}.home-welcome h1 span{margin:0 5px;font-size:19px}.home-greeting{font-size:18px}.couple-home .memory img{height:315px}.photo-empty{height:357px}.home-date{font-size:10px}.home-everyday{gap:25px}}
@media(max-width:620px){.couple-nav{padding:17px 21px;gap:10px}.couple-brand{font-size:21px}.couple-brand small{font-size:9px}.couple-nav nav{display:none}.couple-actions{gap:10px}.couple-actions>button:first-child{font-size:10px}.couple-home #music-btn{width:33px;height:33px}.couple-main{padding:0 21px}.home-welcome{grid-template-columns:1fr;gap:26px;padding:30px 0 12px}.welcome-copy{text-align:center}.home-date{font-size:10px;margin-bottom:10px}.home-welcome h1{font-size:38px;margin-bottom:8px}.home-welcome h1 span{font-size:18px;vertical-align:6px;margin:0 7px}.home-greeting{font-size:17px;line-height:1.7;margin-bottom:15px}.home-greeting br{display:none}.home-dday{justify-content:center;font-size:11px}.home-dday strong{font-size:38px}.couple-home #hero-next{justify-content:center;margin:14px 0 18px}.welcome-links{justify-content:center;gap:16px}.welcome-links .button{font-size:11px;padding:9px 17px;min-height:42px}.home-text-link{font-size:11px}.first-place{display:none}.welcome-photo{max-width:390px;width:100%;margin:auto;padding:0 5px}.couple-home .memory img{height:280px}.couple-home .memory{padding:8px 8px 10px;transform:rotate(.7deg)}.couple-home .memory-cap{font-size:10px;padding-top:10px}.photo-empty{height:319px}.photo-handnote{font-size:12px;margin-top:15px}.home-section{margin:27px 0 34px}.home-section-head{gap:12px;flex-wrap:wrap;margin-bottom:14px}.home-section h2,.couple-home .sec-title{font-size:22px}.home-section-head p{font-size:10px}.home-anniversaries{padding:17px 15px 5px;margin-top:21px}.home-anniversaries h2{font-size:20px}.home-anniversaries .home-section-head{gap:0}.home-anniversaries .home-section-head p{font-size:9px}.couple-home .ms-tag{min-width:118px;padding:12px 10px}.home-section-head>.button{font-size:10px;padding:7px 13px;min-height:39px}.couple-home .al-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}.couple-home .al-card{padding:6px 6px 11px}.couple-home .al-name{font-size:16px;margin:9px 3px 4px}.couple-home .al-meta{font-size:9px;margin:0 3px}.album-edit-help{text-align:left;font-size:9px;line-height:1.8}.lately-grid{grid-template-columns:1fr;gap:11px}.lately-card{padding:18px 20px;gap:5px}.lately-card strong{font-size:18px}.lately-card>span:not(.lately-label):not(.lately-arrow){font-size:10px}.home-everyday{grid-template-columns:1fr;gap:0}.home-everyday .home-section{margin:5px 0 28px}.couple-home .bucket{max-height:245px}.couple-footer{padding-bottom:100px}.home-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fffaf6f5;backdrop-filter:blur(12px);border-top:1px solid #e6d5c7;z-index:1000;padding:8px 14px calc(8px + env(safe-area-inset-bottom))}.home-mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:62px;min-height:44px;text-decoration:none;font-size:10px;color:#a17b6c}.home-mobile-nav a>span{font-size:23px;height:24px;line-height:24px;color:#b98a83}.home-mobile-nav a>svg{margin:2px 0 1px}}
@media(prefers-reduced-motion:reduce){.welcome-copy,.welcome-photo{animation:none}.couple-home .memory,.couple-home .al-card{transition:none}}