@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#23252c;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #c6a564;outline-offset:3px}.app-shell{min-height:100vh}.preview-bar{height:29px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fbf5e8;color:#6f592e;font-size:11px;font-weight:600;letter-spacing:.01em}.topbar{height:81px;display:flex;align-items:center;gap:36px;padding:0 38px 0 46px;border-bottom:1px solid #ececeb;background:#fff;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;flex:none;min-width:244px}.brand-mark{color:#af8947;display:flex;transform:rotate(-18deg)}.brand-name{font-family:Playfair Display,Georgia,serif;font-size:27px;line-height:1.1;color:#1f2229;white-space:nowrap}.brand-subtitle{font-size:11px;color:#747782;margin-top:4px}.search-field{height:41px;max-width:620px;flex:1;display:flex;align-items:center;gap:11px;padding:0 15px;color:#727887;background:#f5f5f5;border-radius:23px}.search-field input{border:0;outline:0;background:none;width:100%;font-size:13px;color:#23252c}.search-field input::placeholder{color:#7d828c}.top-actions{display:flex;align-items:center;gap:30px;margin-left:auto}.upload-button{border:0;border-radius:9px;padding:0 22px;height:45px;display:flex;align-items:center;gap:10px;color:#fff;background:#ad8b4d;font-size:14px;font-weight:600;box-shadow:0 2px 3px #00000010}.upload-button:hover,.confirm-button:hover:not(:disabled){background:#96733a}.account-wrap{position:relative;padding-left:27px;border-left:1px solid #ececeb}.account-button{border:0;background:none;display:flex;align-items:center;gap:11px;color:#5f6470;font-size:14px}.avatar{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.avatar.small{width:29px;height:29px;font-size:10px}.account-menu{position:absolute;right:0;top:50px;width:250px;background:#fff;border:1px solid #e6e5e2;box-shadow:0 10px 32px #00000018;border-radius:13px;padding:12px;z-index:10}.menu-title{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#8b8e93;padding:7px 10px}.account-menu>button{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;text-align:left;padding:8px;border-radius:7px;color:#333}.account-menu>button:hover{background:#f7f3eb}.account-menu>button svg{margin-left:auto;color:#a98948}.account-menu p{font-size:11px;line-height:1.4;color:#777b84;margin:9px 10px 4px}.mobile-menu-button{display:none;border:0;background:none;color:#2b2f37}.layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 110px)}.sidebar{border-right:1px solid #eee;display:flex;flex-direction:column;padding:20px 14px 28px 38px}.sidebar nav{display:grid;gap:6px}.nav-link{border:0;background:none;color:#515867;display:flex;align-items:center;gap:15px;height:49px;padding:0 14px;text-align:left;border-radius:10px;font-size:15px}.nav-link:hover{background:#f7f5f0}.nav-link.active{background:#f5f1e9;color:#30333a}.nav-link.active svg{color:#ae8b4d}.sidebar-bottom{margin-top:auto;padding:0 10px}.storage-label{font-size:14px;margin-bottom:9px}.storage-track{height:8px;background:#eeeef0;border-radius:8px;overflow:hidden}.storage-track span{display:block;width:31%;height:100%;background:#ad8b4d;border-radius:8px}.storage-caption{color:#898d97;font-size:11px;margin-top:8px}.sidebar-credit{display:flex;gap:16px;align-items:center;margin-top:62px;color:#666d7a;font-size:13px;line-height:1.35}.sidebar-credit .credit-mark{font-size:31px;color:#a3aab3;font-family:Georgia,serif}.sidebar-credit small{display:block;font-size:11px;color:#9b9eaa;margin-top:6px}.content{padding:24px 40px 70px 26px;min-width:0}.content-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.content h1{font-size:34px;letter-spacing:-.055em;line-height:1.15;margin:0;font-weight:700}.content-heading p{font-size:12px;color:#858995;margin:7px 0 0}.back-link{border:0;background:none;color:#ad8b4d;margin-left:14px;font-size:12px;text-decoration:underline}.month-section{margin-bottom:28px}.month-section h2{font-size:17px;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.photo-tile{position:relative;aspect-ratio:1.03/1;border:0;padding:0;border-radius:5px;overflow:hidden;background:#eaeaea}.photo-tile:hover .media-visual{transform:scale(1.045)}.photo-tile .media-visual{width:100%;height:100%;object-fit:cover;display:block;background-repeat:no-repeat;transition:transform .2s ease}.photo-tile .tile-heart{position:absolute;right:10px;bottom:10px;color:#fff;filter:drop-shadow(0 1px 3px #0009)}.video-badge{position:absolute;bottom:10px;left:10px;background:#111b;color:#fff;border-radius:5px;padding:4px 7px;display:flex;align-items:center;gap:5px;font-size:11px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px}.album-card{border:0;background:none;padding:0;text-align:left;color:#252831}.album-card .album-cover{aspect-ratio:1.35;border-radius:9px;background-repeat:no-repeat;margin-bottom:11px}.album-card span{display:block;font-size:16px;font-weight:700}.album-card small{display:block;color:#878b93;margin-top:3px}.empty-state{max-width:460px;margin:15vh auto;text-align:center;color:#a4a6ab}.empty-state h2{font-size:22px;color:#30343c;margin:14px 0 5px}.empty-state p{font-size:14px;margin:0 0 20px}.empty-state button{border:1px solid #b09358;background:#fff;color:#997745;border-radius:8px;padding:10px 16px}.mobile-upload,.bottom-nav{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e212c88;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.upload-modal{width:min(100%,475px);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:31px;position:relative;box-shadow:0 20px 80px #0003}.close-button{position:absolute;top:17px;right:17px;background:none;border:0;color:#666}.modal-icon{color:#ad8b4d}.upload-modal h2{font-size:25px;margin:13px 0 5px}.modal-intro{color:#727781;font-size:13px;margin:0 0 20px}.upload-modal input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.file-picker{height:68px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:1.5px dashed #d2c4a8;color:#886e3f;background:#faf8f3;border-radius:9px;font-weight:700}.pending-list{max-height:160px;overflow:auto;margin-top:15px}.pending-list>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eee;font-size:12px}.pending-list span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-list small{color:#8b8e96}.pending-list button{border:0;background:none;color:#777}.upload-warning{display:flex;gap:10px;background:#fbf5e8;border-radius:8px;padding:11px;margin:17px 0;color:#786039;font-size:11px;line-height:1.4}.upload-warning svg{flex:none}.confirm-button{width:100%;height:43px;background:#ad8b4d;color:#fff;border:0;border-radius:8px;font-weight:700}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#15171b;z-index:30;color:#fff;display:flex;align-items:center;justify-content:center}.lightbox-toolbar{position:absolute;top:0;left:0;right:0;height:70px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#15171bd9;z-index:2;font-size:14px}.lightbox-toolbar>div{display:flex;align-items:center;gap:7px}.lightbox-toolbar button,.lightbox-arrow{color:#fff;background:none;border:0;padding:8px}.lightbox-stage{height:78vh;width:min(85vw,900px);display:flex;align-items:center;justify-content:center}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:100%;object-fit:contain}.lightbox-seed{height:min(70vh,75vw);width:min(70vh,75vw);background-repeat:no-repeat}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow.left{left:15px}.lightbox-arrow.right{right:15px}.lightbox-counter{position:absolute;bottom:25px;color:#b4b7bd;font-size:12px}.toast{position:fixed;bottom:22px;right:22px;background:#23252b;color:#fff;display:flex;align-items:center;gap:9px;padding:12px 16px;max-width:420px;border-radius:9px;z-index:40;box-shadow:0 8px 25px #0003;font-size:12px}.toast svg{color:#7ecd98}@media(max-width:900px){.topbar{gap:18px;padding:0 20px}.brand{min-width:auto}.brand-name{font-size:23px}.search-field{max-width:none}.account-wrap{padding-left:10px}.account-button>span:not(.avatar){display:none}.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:15px}.content{padding-right:22px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.preview-bar{height:auto;min-height:31px;padding:5px 12px;text-align:center;font-size:10px}.topbar{height:67px;padding:0 17px;gap:8px}.brand-mark svg{width:23px}.brand{gap:8px}.brand-name{font-size:20px}.brand-subtitle{display:none}.search-field,.upload-button,.account-button>span:not(.avatar),.account-button>svg{display:none}.top-actions{gap:0}.account-wrap{border:0;padding:0}.avatar{width:31px;height:31px;font-size:10px}.mobile-menu-button{display:none}.layout{display:block;min-height:calc(100vh - 98px)}.sidebar{display:none}.content{padding:23px 15px 95px}.content-heading{margin-bottom:20px}.content h1{font-size:27px;letter-spacing:-.04em}.content-heading p{font-size:11px}.mobile-upload{display:flex;align-items:center;justify-content:center;border:0;background:#af8c4c;color:#fff;border-radius:50%;width:38px;height:38px}.mobile-upload span{display:none}.month-section h2{font-size:14px;margin-bottom:7px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.photo-tile{border-radius:3px}.month-section{margin-bottom:22px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9e9e9;z-index:5}.bottom-nav button{border:0;background:none;color:#737987;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.bottom-nav button.active{color:#a78043}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.album-card span{font-size:14px}.account-menu{right:0;top:38px}.upload-modal{padding:26px 20px}.lightbox-stage{width:83vw}.lightbox-seed{height:80vw;width:80vw}.lightbox-arrow.left{left:2px}.lightbox-arrow.right{right:2px}.toast{bottom:83px;left:12px;right:12px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}button:disabled{cursor:not-allowed;opacity:.55}.avatar{background:#b6a083}.video-poster{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#373a42,#171a20);color:#d9d3c8;font-size:12px}.album-cover{background-size:cover;background-position:center;background-color:#e4e0da}.lightbox-toolbar a{color:#fff;display:inline-flex;padding:8px}.upload-progress{font-size:12px;color:#66553b;margin:4px 0 15px;line-height:1.4}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#655b4c}.access-page{min-height:100vh;background:#f6f3ee;display:grid;place-items:center;padding:24px}.access-card{background:#fff;width:min(100%,420px);padding:36px;border:1px solid #ebe5da;border-radius:18px;box-shadow:0 18px 55px #28231d12}.access-brand{display:flex;align-items:center;gap:10px;color:#a98445;font-family:Playfair Display,Georgia,serif;font-size:23px}.access-card h1{font-size:27px;letter-spacing:-.04em;margin:28px 0 6px}.access-card>p{font-size:13px;line-height:1.5;color:#777b84;margin:0 0 27px}.access-card form{display:grid;gap:15px}.access-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#4e5360}.access-card label input,.invite-modal input{width:100%;height:43px;border:1px solid #d6d7d9;border-radius:8px;padding:0 12px;outline:none;background:#fff;color:#282b31}.access-card form>small{color:#777;font-size:11px;margin-top:-5px}.access-card form>button,.invite-modal>button:not(.close-button){height:44px;border:0;border-radius:8px;background:#a98548;color:#fff;font-weight:700}.form-error{font-size:12px;color:#9b3327;background:#fff0ec;border-radius:7px;padding:10px}.access-foot{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8f949b;font-size:11px}.invite-modal{position:relative;background:#fff;width:min(100%,470px);border-radius:16px;padding:30px;box-shadow:0 20px 80px #0003}.invite-modal h2{margin:3px 0 8px}.invite-modal p{font-size:13px;color:#717782;line-height:1.5}.invite-modal input{font-size:11px}.invite-modal>button:not(.close-button){margin-top:15px;padding:0 18px}.account-menu .menu-title{text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.access-card{padding:28px 23px}.access-card h1{font-size:24px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}