*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#121a3a;font:16px/1.6 system-ui,-apple-system,sans-serif}.top{max-width:1180px;margin:auto;display:flex;align-items:center;gap:20px;padding:24px}.top img{width:170px;height:60px;object-fit:contain}.top>span{border-left:1px solid #dce0ef;padding-left:20px;font-weight:750}.back{margin-left:auto;color:#565b7a;text-decoration:none;font-size:14px}main{max-width:1180px;margin:auto;padding:20px 24px 64px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:45px 0 70px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#7654cb}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.05;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;background:linear-gradient(110deg,#843bdd,#ed32af,#009dd9);background-clip:text;color:transparent}.hero p{max-width:470px;font-size:19px;color:#626782}.button,button{border:0;cursor:pointer;background:linear-gradient(100deg,#7054ec,#bd3dcd);color:white;padding:14px 22px;border-radius:14px;font:700 15px system-ui;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:48px}.button:hover,button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f0edfb;color:#665096}.fine{font-size:12px!important;color:#757b91!important}.preview{border-radius:36px;padding:40px;background:radial-gradient(circle at 100% 0,#f5dff6,transparent 60%),linear-gradient(140deg,#edf9ff,#f8efff);box-shadow:0 30px 70px #7256af19;text-align:center;border:1px solid #eee7fc}.pill{display:inline-block;padding:7px 14px;border-radius:50px;background:#ece5fb;color:#7949c8;font-size:11px;font-weight:800;letter-spacing:1px}.preview-icon{font-size:86px;line-height:1.4;margin:12px}.preview h2{font-size:31px;line-height:1.2;margin:10px}.preview p{font-size:16px}.mini{display:flex;justify-content:space-around;gap:10px;margin-top:28px;font-size:12px;color:#9285b2}.mini b{color:#413656;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:70px}.steps article{padding:25px;border-top:2px solid #e4ddf4}.steps b{font-size:19px}.steps p{color:#73788c;font-size:14px}#planes h2{font-size:36px;letter-spacing:-1px;margin:12px 0 32px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e2e4ef;padding:30px;border-radius:24px;background:#fff}.card.popular{border:2px solid #b563df;background:linear-gradient(#fdf8ff,#fff)}.card h3{font-size:24px;margin:16px 0}.price{font-size:48px;letter-spacing:-2px}.price small{font-size:14px;letter-spacing:0}.card ul{padding-left:20px;color:#696e82;font-size:14px;line-height:2}.card .button{width:100%}.end{text-align:center;background:#f6f3fd;border-radius:28px;padding:45px 20px;margin-top:60px}.end h2{font-size:32px;line-height:1.25}footer{text-align:center;color:#8c8fa1;padding:20px;font-size:12px;border-top:1px solid #eee}.album-head{padding:28px 0}.album-head h1{font-size:44px;letter-spacing:-1px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stat{background:#f4f2fa;padding:15px 20px;border-radius:16px;font-size:13px}.upload-box,.configure,.share-box{background:#f8f6fc;padding:28px;border:1px solid #e8e1f3;border-radius:24px;margin:25px 0}.upload-box h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{font:16px system-ui;background:#fff;border:1px solid #d9dce8;border-radius:10px;padding:12px;width:100%;margin:7px 0 15px;color:#202747}.consent{font-size:13px;font-weight:400;display:flex;align-items:flex-start;gap:10px}.consent input{width:18px;height:18px;margin:4px 0;flex:none}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.photo{border-radius:18px;overflow:hidden;border:1px solid #e4e4ee;background:white}.photo>button{padding:0;border:0;background:none;width:100%;display:block;border-radius:0}.photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-copy{padding:12px;font-size:13px}.photo-copy p{margin:5px 0;overflow-wrap:anywhere}.photo-actions{display:flex;gap:5px;padding:10px}.photo-actions button{font-size:12px;padding:10px;min-height:40px;flex:1}.pending{color:#b97800}.approved{color:#008068}.hidden{color:#777}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:#f2edf9;color:#74528f}.filters button.active{background:#744cbd;color:white}.empty{padding:60px 20px;text-align:center;background:#faf9fc;border:1px dashed #dcd3eb;border-radius:24px;color:#797d90}.share-box input{font-size:13px}.qr{background:white;padding:20px;display:inline-block}.qr canvas{max-width:100%;height:auto}.print-card{max-width:420px;padding:24px;background:#fff;border:1px solid #dfd8ee;text-align:center;margin-top:20px;border-radius:24px}.print-card h2{font-size:24px}.print-card img{width:150px;object-fit:contain}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#20233f;color:white;padding:14px 20px;border-radius:14px;max-width:92vw;z-index:100;display:none}#notice.show{display:block}dialog{border:0;border-radius:20px;max-width:94vw;max-height:94vh;padding:15px}dialog::backdrop{background:#111729dd}dialog img{display:block;max-width:85vw;max-height:70vh;margin:15px auto;object-fit:contain}dialog>button{float:right}.error{color:#ae334a;background:#fff0f2;padding:12px;border-radius:10px}.progress{margin-top:14px;font-size:14px;color:#60448a}.loading{padding:100px;text-align:center}.page-controls{display:flex;justify-content:center;gap:15px;margin:25px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #27a9d6;outline-offset:3px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding-top:15px}.hero h1{letter-spacing:-2px}.preview{padding:25px}.steps{grid-template-columns:1fr;gap:8px;margin-bottom:35px}.steps article{padding:16px}.plans{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.top{padding:16px;gap:12px}.top img{width:120px;height:42px}.top>span{padding-left:12px}.back{font-size:11px}.form-grid{grid-template-columns:1fr}main{padding:10px 16px 40px}.album-head h1{font-size:34px}.upload-box,.configure,.share-box{padding:20px}.photo-actions{flex-direction:column}#planes h2{font-size:29px}}@media print{body>*:not(main),main>*:not(.share-box),.share-box>*:not(.print-card){display:none!important}.share-box{border:0;margin:0;padding:0}.print-card{margin:auto;border:2px solid #8250c5}.print-card .button{display:none}footer{display:none}}
.top img,.print-card img{background:#121a3a;border-radius:10px;padding:8px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
/* Moments social experience */
body{background:#faf9fc}.top{max-width:1240px;position:sticky;top:0;z-index:20;background:#fffefef2;backdrop-filter:blur(18px);border-bottom:1px solid #eee8f3;padding:14px 24px}.top img{width:132px;height:46px}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1.2px;color:#26233f;text-decoration:none}.brand-dot{font-size:12px;margin-left:4px;color:#d742b6}.top>span{border:0}main{max-width:1240px}.social-hero{display:block;position:relative;min-height:620px;padding:0;margin:20px 0 72px;border-radius:32px;overflow:hidden;background:#f6f1fc}.social-hero>picture{position:absolute;inset:0}.social-hero>picture img{width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;width:47%;padding:65px 0 55px 40px}.hero-copy h1{font-size:clamp(42px,4.6vw,64px);letter-spacing:-2.5px}.hero-copy p{font-size:17px;line-height:1.65;max-width:390px}.hero-copy .toolbar{gap:16px}.text-link{background:none!important;color:#8352c4;text-decoration:none;font-weight:700;border:0;padding:6px 0;min-height:36px;font-size:13px}.social-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 70px 70px}.social-intro h2{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:18px 0}.social-intro p{color:#737088}.sample-post{background:#fff;border:1px solid #e9e5ef;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #3529580a;transform:rotate(2deg)}.post-head{display:flex;align-items:center;gap:12px;padding:16px}.post-head>div{flex:1;min-width:0}.post-head b{display:block;font-size:14px;overflow-wrap:anywhere}.post-head small{display:block;color:#9992a6;font-size:11px}.avatar{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7fbc,#a862e6,#78cde9);color:white;font-size:17px;font-weight:800;border:3px solid white;box-shadow:0 0 0 2px #e97ace;flex-shrink:0}.sample-post picture img{width:100%;display:block;aspect-ratio:1.2;object-fit:cover}.sample-copy{padding:15px 20px}.sample-copy p{font-size:13px;color:#51465e}.sample-copy small{font-size:11px;color:#9992a6}.demo-emojis{font-size:23px;letter-spacing:8px}.steps{gap:16px}.steps article{background:#fff;border:1px solid #eee7f2;border-radius:20px}.steps b{font-size:17px}.album-head{border-bottom:1px solid #eae4f0;margin-bottom:20px}.album-head h1{font-size:38px;margin:14px 0}.album-head p{color:#8a8098;margin:10px 0}.stat{padding:7px 12px;border-radius:30px;font-size:11px}.album-layout{display:grid;grid-template-columns:270px minmax(0,630px);gap:45px;justify-content:center;align-items:start}.album-side{position:sticky;top:104px;background:#fff;border:1px solid #ebe4f1;border-radius:24px;overflow:hidden;padding:0 20px 22px}.album-side picture{margin:0 -20px;display:block}.album-side img{width:100%;height:190px;object-fit:cover;display:block}.album-side h3{margin:20px 0 8px;font-size:22px}.album-side p{font-size:13px;color:#93869d}.album-side button{width:100%}.people{display:flex;gap:20px;padding:15px 5px 24px;overflow:auto;scrollbar-width:thin}.person{flex:0 0 62px;display:flex;flex-direction:column;background:none;color:#443753;padding:4px;gap:8px;font-weight:500}.person .avatar{width:54px;height:54px}.person small{max-width:70px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px}.person:not(.selected) .avatar{box-shadow:0 0 0 2px #dfd6ec}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.feed-toolbar h2{font-size:20px;letter-spacing:-.5px;margin:8px 0}.view-toggle{display:flex;background:#efebf5;border-radius:12px;padding:4px}.view-toggle button{background:none;color:#877992;padding:8px 10px;border-radius:9px;min-height:32px;font-size:11px}.view-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #55336610;color:#4c365d}.gallery.feed{display:flex;flex-direction:column;gap:25px;margin-top:20px}.photo{border-radius:20px;border-color:#eae5ee;box-shadow:0 3px 15px #49315804}.photo .post-image{width:100%;padding:0;border-radius:0;background:none;display:block}.photo .post-image img{width:100%;height:auto;aspect-ratio:auto;max-height:790px;object-fit:contain;background:#f3eff6}.photo-copy{padding:8px 18px 2px}.photo-copy p{font-size:14px}.post-head>span.pending,.post-head>span.approved,.post-head>span.hidden{font-size:10px}.post-star{color:#b77ce4}.social-block{padding:5px 18px 14px}.reaction-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.reaction{background:#f6f2f9;border:1px solid transparent;color:#7f6f8d;border-radius:40px;font-size:19px;padding:5px 10px;min-height:36px}.reaction span{font-size:11px}.reaction.chosen{border-color:#d66acc;background:#fce9f8}.icon-link{color:#8c6ba6;text-decoration:none;font-size:22px;margin-left:auto;padding:4px 10px}.comments{padding-top:12px}.comment{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.comment>div{flex:1;min-width:0}.comment p{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.comment small{font-size:10px;color:#a196aa}.small-avatar{width:28px;height:28px;font-size:11px;box-shadow:none;border:0}.comment button{font-size:10px;padding:0;min-height:25px}.muted-comment{opacity:.5}.comment-form{border-top:1px solid #eee4f2;padding-top:15px}.comment-form label{font-size:12px}.comment-form input,.comment-form textarea{font-size:14px}.comment-form button[type=submit]{min-height:38px;padding:10px 16px;font-size:12px}.emoji-compose{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 16px}.emoji-button{background:#f4eef8;color:#292139;font-size:22px;padding:6px 10px;min-height:36px}.gallery.grid{grid-template-columns:repeat(3,1fr);gap:10px}.grid .post-head,.grid .photo-copy,.grid .social-block,.grid .photo-actions{display:none}.grid .photo .post-image img{aspect-ratio:1;object-fit:cover}.grid .photo{border-radius:10px}.mobile-nav{display:none}.composer{width:650px;padding:0;max-width:94vw}.composer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #eee4f2}.icon-button{background:none;color:#776287;font-size:24px;min-height:30px;padding:0 8px}.composer .upload-box{background:#fff;border:0;border-radius:0;margin:0;padding:25px}.composer .upload-box h2{font-size:22px}.composer .upload-box p{font-size:13px}.photo-preview{display:flex;gap:10px;overflow:auto;margin-bottom:15px}.photo-preview img{width:90px;height:90px;object-fit:cover;border-radius:12px}.file-picker{border:2px dashed #e3c9f0;border-radius:18px;padding:18px;text-align:center;background:#fcf7ff}.file-picker input{font-size:12px;margin-bottom:0}.empty-icon{font-size:42px}.empty h3{color:#554362}.empty p{font-size:13px}.share-box,.configure{background:#fff}.mode-host .gallery.feed{max-width:650px;margin-left:auto;margin-right:auto}.mode-host .people{justify-content:center}
@media(max-width:1000px){.social-hero{min-height:550px}.hero-copy{padding:40px 0 35px 26px;width:49%}.hero-copy h1{font-size:48px}.social-intro{padding:0 20px 60px;gap:45px}.social-intro h2{font-size:40px}.album-layout{grid-template-columns:230px minmax(0,600px);gap:22px}}
@media(max-width:700px){.top{padding:10px 16px;gap:10px}.top img{width:98px;height:35px;border-radius:8px;padding:6px}.wordmark{font-size:23px}.back{font-size:10px;max-width:85px;text-align:right;line-height:1.3}.social-hero{min-height:890px;margin:8px -2px 40px;border-radius:24px}.social-hero>picture img{object-fit:cover;object-position:center bottom}.hero-copy{width:100%;padding:30px 23px;max-width:420px}.hero-copy h1{font-size:44px;letter-spacing:-1.8px;margin:18px 0}.hero-copy p{font-size:15px;max-width:310px;line-height:1.5}.hero-copy .button{font-size:12px;padding:12px 15px}.hero-copy .pill{font-size:9px;letter-spacing:.7px}.hero-copy .toolbar{gap:9px}.hero-copy .fine{font-size:10px!important}.social-intro{grid-template-columns:1fr;padding:0 4px 35px;gap:22px}.social-intro h2{font-size:36px}.sample-post{transform:none}.sample-post picture img{aspect-ratio:1.15;object-position:bottom}.sample-post small{font-size:10px}.album-layout{display:block}.album-side{display:none}.mode-guest main{padding:5px 0 85px}.album-head{padding:18px 18px 20px;margin:0}.album-head h1{font-size:28px}.album-head .eyebrow{font-size:9px}.album-head p{font-size:13px}.album-head .toolbar{gap:7px}.people{padding:20px 18px;gap:17px}.feed-toolbar{padding:0 18px}.feed-toolbar h2{font-size:18px}.mode-guest #feed>.fine{padding:0 18px}.gallery.feed{gap:17px;margin:12px 0}.gallery.feed .photo{border-radius:0;border-left:0;border-right:0;box-shadow:none}.photo .post-image img{max-height:none}.gallery.grid{padding:0 5px;gap:4px;grid-template-columns:repeat(3,1fr)}.grid .photo{border-radius:4px}.reaction{font-size:19px;padding:6px 11px}.photo-copy p{font-size:13px}.mobile-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #eae3f0;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;gap:0;background:none;color:#846991;font-size:25px;padding:0 12px;min-height:48px;border-radius:12px}.mobile-nav button small{font-size:9px;font-weight:600}.mobile-nav .nav-upload{background:linear-gradient(110deg,#ab57e8,#ee53aa);color:white;padding:0 18px}.composer{max-width:100vw;width:100vw;max-height:94dvh;border-radius:24px 24px 0 0;margin:auto 0 0}.composer .upload-box{padding:20px}.composer-top{padding:15px 20px}#notice{bottom:85px}.mode-host .gallery.feed .photo{border:1px solid #eae5ee;border-radius:16px}.mode-host .people{justify-content:flex-start}.plans .card{padding:24px}.end h2{font-size:28px}.form-grid{gap:0}.comment-form .consent{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.top img,.print-card img{background:#fff;padding:0;object-fit:contain}.top img{width:280px;height:94px}.print-card img{width:260px;max-width:100%}.top{padding-block:7px}@media(max-width:700px){.top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:7px 16px}.top>a:first-child{grid-row:span 2;min-width:0}.top img{width:210px;max-width:100%;height:70px}.top .wordmark{font-size:21px;text-align:right}.top .back{margin:0;max-width:none;font-size:10px;text-align:right}}.profile-dialog{width:430px;padding:0}.profile-dialog form{padding:25px}.profile-dialog .avatar{margin-bottom:20px}.profile-dialog form button{width:100%}.mode-landing .sample-post img{object-position:bottom}