:root{--ui-ink:#253d35;--ui-muted:#52675e;--ui-accent:#285649;--ui-paper:#faf9f5;--ui-line:#d8e0d8;--ui-radius:18px}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #3d7460;outline-offset:4px}
:where(input,select,textarea){accent-color:var(--ui-accent)}
:where(button,input,select,textarea){font-family:inherit}
:where(h1,h2,h3){text-wrap:balance}:where(p){text-wrap:pretty}
.app-body{background:var(--ui-paper);color:var(--ui-ink)}
.app-body .sidebar{background:#f0f2eb;border-right:1px solid var(--ui-line)}
.app-body .btn-primary,.app-body .add-memory-btn{background:var(--ui-accent);border-color:var(--ui-accent);color:white}
.app-body .side-nav a.active{background:#dfe9df;color:#23493a}
.app-body .topbar{background:var(--ui-paper);border-bottom:1px solid var(--ui-line)}
.app-body .home-v7-intro h1{font-family:Georgia,serif;letter-spacing:-.04em;font-weight:400}
.app-body .home-v7-continue{border-radius:22px;border-color:var(--ui-line);box-shadow:0 15px 45px #233d2810}
.app-body .home-v7-album-card{border-radius:16px;box-shadow:none;border:1px solid var(--ui-line)}
.app-body .home-v7-album-cover img{transition:transform .25s ease}
.app-body .home-v7-album-card:hover .home-v7-album-cover img{transform:scale(1.025)}
.app-body .home-v7-counts span{color:#425c4e}
.app-body .home-v7-intro p{color:var(--ui-muted)}
.app-body .memory-card-menu{max-width:calc(100vw - 40px);max-height:min(420px,70dvh);overflow-y:auto}
.app-body .memory-card-menu a,.app-body .memory-card-menu button{white-space:normal;line-height:1.4;min-height:40px}
.auth-pro-card{box-shadow:0 18px 60px #223b2410!important;border-color:#d8e0d8!important}
.auth-pro-form input{min-height:48px;font-size:16px}.google-auth-icon{flex:0 0 20px;width:20px;height:20px}
.auth-pro-form button[type="submit"]{min-height:48px}
.albemo-design-demo{max-width:1220px;margin:0 auto;padding:90px 28px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;color:var(--ui-ink);font-family:Arial,Helvetica,sans-serif}
.demo-eyebrow{display:block;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#53695c;margin-bottom:18px}
.demo-editorial-copy h2{font:400 clamp(30px,3.8vw,48px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px;color:#263d33}
.demo-editorial-copy p{font-size:16px;line-height:1.8;color:#53665b;margin:0 0 22px}
.demo-editorial-copy ol{list-style:none;padding:0;counter-reset:steps;display:grid;gap:17px;margin:28px 0}
.demo-editorial-copy li{counter-increment:steps;position:relative;padding-left:42px;font-size:13px;color:#52675d;line-height:1.65}
.demo-editorial-copy li:before{content:counter(steps);position:absolute;left:0;top:2px;display:grid;place-items:center;border:1px solid #c9d4c8;width:28px;height:28px;border-radius:50%;font-size:11px;color:#355844}
.demo-editorial-copy b{display:block;color:#284436;font-size:14px}
.demo-editorial-copy>a{font-size:14px;font-weight:700;color:#295641;text-decoration:none;border-bottom:1px solid #6c8b74;padding-bottom:6px}
.demo-album-workspace{padding:30px;background:#e9ece3;border:1px solid #dce0d3;border-radius:22px;text-align:center}
.demo-book{display:grid;grid-template-columns:1.05fr 1fr;height:340px;background:#faf5e9;border-radius:4px 12px 12px 4px;box-shadow:0 22px 40px #34412a24;overflow:hidden;text-align:left;color:#3b382f;border-left:6px solid #d9cdb6}
.demo-book-photo{padding:18px 0 18px 18px;overflow:hidden}.demo-book-photo img{width:100%;height:100%;object-fit:cover;display:block}
.demo-book-title{padding:24px 20px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.demo-book-title small{font:700 7px/1.6 Arial,sans-serif;letter-spacing:.14em}
.demo-book-title h3{font:400 clamp(22px,2.5vw,34px)/1.15 Georgia,serif;margin:0;letter-spacing:-.025em;color:inherit}
.demo-book-title>span{font:12px/1.6 Georgia,serif;font-style:italic}
.demo-book[data-demo-book="royal"]{background:#102d40;color:#fff1dc;border-left-color:#927b52}.demo-book[data-demo-book="royal"] img{border:5px double #c4a56f}.demo-book[data-demo-book="royal"] h3{font-style:italic}
.demo-book[data-demo-book="coastal"]{background:#edf7f7;color:#174d58;border-left-color:#87aeb0}.demo-book[data-demo-book="coastal"] .demo-book-photo{padding:0}.demo-book[data-demo-book="coastal"] h3{font-family:Arial,sans-serif;font-weight:600}
.demo-design-options{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:25px}
.demo-design-options button{padding:9px 11px;border:1px solid #b5c3b4;border-radius:100px;font:600 11px Arial,sans-serif;background:transparent;color:#37523e;cursor:pointer;min-height:38px}
.demo-design-options button[aria-pressed="true"]{background:#285649;color:#fff;border-color:#285649}
.demo-note{font:11px/1.6 Arial,sans-serif;color:#51634f;margin:16px 0 0}
@media(max-width:900px){.albemo-design-demo{gap:35px;padding:60px 24px;grid-template-columns:1fr}.demo-editorial-copy{max-width:620px}.demo-book{height:360px}.demo-album-workspace{max-width:640px;width:100%;justify-self:center}}
@media(max-width:480px){.albemo-design-demo{padding:45px 18px;gap:28px}.demo-album-workspace{padding:20px 12px}.demo-book{height:280px}.demo-book-title{padding:16px 12px}.demo-book-photo{padding:10px 0 10px 10px}.demo-book-title h3{font-size:25px}.demo-design-options button{font-size:10px;padding:8px}.app-body .home-v7-intro h1{font-size:36px}.app-body .home-v7-continue h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}