@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+KR:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#262723;background:#fcfcfa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #262723;--muted: #7d7e77;--line: #e8e8e2;--paper: #fcfcfa;--accent: #dce6a6;--phone-width: 390px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scroll-behavior:smooth}body{min-width:320px;background:#eeefe9}.app-layout{width:min(100%,var(--phone-width));min-height:100svh;margin-inline:auto;background:var(--paper);box-shadow:0 0 0 1px var(--line);container:phone / inline-size}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button{border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6d7a45;outline-offset:4px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);padding:14px 15px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#92948d}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--ink);width:20px;height:20px;flex-shrink:0}svg{flex-shrink:0;vertical-align:middle}img{display:block;max-width:100%;object-fit:cover;background:#e7e8df}h1,h2,h3,p,figure{margin:0}h1{font-size:42px;line-height:1.35;letter-spacing:-2.2px;font-weight:500;word-break:keep-all}h2{font-size:25px;font-weight:500;letter-spacing:-1px}h3{font-size:20px;font-weight:500;letter-spacing:-.6px}p{line-height:1.85}strong{font-weight:500}::selection{background:var(--accent)}.muted{color:var(--muted);font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;margin-bottom:18px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:0 24px;border:1px solid var(--ink);border-radius:30px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap}.button:hover:not(:disabled){background:#45473d;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:#dedfd7}.button.secondary:hover{background:#f0f1e9}.button.small{min-height:38px;padding:0 18px;font-size:12px;gap:12px}.full-width{width:100%;margin-top:24px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#edeee7}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;padding:8px 0}.text-link:hover{color:#7a8653}.align-left{text-align:left!important}.button-row{display:flex;gap:10px;margin-top:18px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:14px}.skip-link:focus{top:10px}.app-header{height:88px;margin:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:174px;height:auto;mix-blend-mode:multiply}.header-caption{position:absolute;left:50%;transform:translate(-50%);color:var(--muted);font-size:11px;letter-spacing:.3px}.header-actions{display:flex;align-items:center;gap:22px}.demo-label{font-size:9px;letter-spacing:1.3px;color:#74786b;border:1px solid #e1e4d6;border-radius:4px;padding:4px 6px}.avatar,.mini-avatar,.nav-avatar{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#dce3cf;font-size:13px;color:#525d3d;flex-shrink:0}.avatar{width:37px;height:37px}.avatar-color-0{background:#dbe4d1}.avatar-color-1{background:#eadbcc;color:#856b55}.avatar-color-2{background:#d6dee4;color:#5d7180}.avatar-color-3{background:#e7dae6;color:#805c7a}.page-width{max-width:1280px;padding:0 44px;margin:0 auto}.site-footer{margin:0 44px;min-height:88px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.bottom-nav{width:max-content;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:8px 13px;background:#fffffff0;border:1px solid #e9e9e2;box-shadow:0 6px 24px #24251b0c;border-radius:40px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{flex-shrink:0;white-space:nowrap;height:43px;min-width:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:9px;color:#85877f}.bottom-nav a.active{background:#f0f1e9;color:var(--ink);padding:0 16px}.bottom-nav a>span:not(.nav-avatar){display:none;font-size:11px}.bottom-nav a.active>span:not(.nav-avatar){display:block}.nav-avatar{width:25px;height:25px;background:#dfc9e0;color:#7a607b;font-size:10px}.toast-message{position:fixed;bottom:104px;left:50%;transform:translate(-50%);padding:15px 22px;background:var(--ink);color:#fff;box-shadow:0 5px 25px #0002;border-radius:12px;z-index:100;display:flex;align-items:center;gap:12px;font-size:13px;max-width:min(calc(var(--phone-width) - 32px),calc(100vw - 32px));width:max-content;line-height:1.6}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.status-dot{display:inline-block;width:6px;height:6px;background:#869660;border-radius:50%;margin-right:7px;vertical-align:middle}.landing-hero{text-align:center;padding:75px 0 0;overflow:hidden}.landing-hero h1{font-size:clamp(38px,4.5vw,62px);font-weight:450;letter-spacing:-3.5px;line-height:1.35}.hero-description{font-size:14px;color:var(--muted);margin:24px 0 28px;line-height:1.9}.hero-preview{display:flex;width:max-content;margin:14px auto 0;color:var(--muted);font-size:11px}.hero-collage{position:relative;height:365px;max-width:1400px;margin:28px auto 0}.collage-photo{position:absolute;border-radius:3px;background:#fff;padding:8px;box-shadow:0 6px 18px #272c2710;transition:transform .4s}.collage-photo img{height:100%;width:100%;border-radius:2px}.collage-photo figcaption{font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:30px;letter-spacing:.2px}.collage-one{width:20%;height:245px;left:-2%;top:35px;transform:rotate(-11deg);padding-bottom:32px}.collage-two{width:24%;height:260px;left:15%;top:75px;transform:rotate(7deg)}.collage-three{width:24%;height:295px;left:38%;top:6px;z-index:2;transform:rotate(-5deg);padding-bottom:34px}.collage-four{width:23%;height:245px;right:15%;top:70px;transform:rotate(9deg)}.collage-five{width:21%;height:270px;right:-3%;top:10px;transform:rotate(-9deg);padding-bottom:32px}.collage-photo:hover{transform:rotate(0) translateY(-8px);z-index:3}.collage-note{position:absolute;bottom:0;right:22%;font-family:Georgia,serif;font-style:italic;font-size:14px;color:#777d65;transform:rotate(-5deg)}.collage-note span{font-size:28px;margin-left:8px}.landing-collections{padding-top:76px;padding-bottom:90px}.landing-collections .section-heading{margin-bottom:28px}.landing-collections .eyebrow{margin-bottom:12px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:18px 22px 0;min-width:0;text-align:center;transition:border-color .25s,background .25s;background:#fdfdfa}.room-card:hover{border-color:#c9cebb;background:#f8f9f3}.room-card-link{display:block}.photo-stack{height:220px;position:relative;margin:0 auto;max-width:350px}.stack-photo{position:absolute;top:24%;width:47%;height:58%;border-radius:8px;transition:transform .4s;box-shadow:0 3px 12px #2529250b}.stack-photo-0{left:5%;transform:rotate(-5deg)}.stack-photo-1{left:26%;top:11%;height:77%;z-index:2;box-shadow:0 5px 20px #25292523}.stack-photo-2{right:4%;transform:rotate(5deg)}.room-card:hover .stack-photo-0{transform:translate(-6px) rotate(-10deg)}.room-card:hover .stack-photo-2{transform:translate(6px) rotate(10deg)}.room-card:hover .stack-photo-1{transform:translateY(-4px)}.stack-placeholder{padding-top:85px;color:var(--muted);font-family:Georgia,serif;font-style:italic}.card-kicker{font-size:10px;color:var(--muted);margin:9px 0 8px}.card-kicker span{padding:0 4px}.room-card h2,.room-card h3{font-size:20px;letter-spacing:-.8px;overflow-wrap:anywhere}.room-description{font-size:11px;color:var(--muted);margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-open{display:flex;justify-content:center;align-items:center;gap:10px;margin:25px 0;font-size:11px}.landing-how{text-align:center;padding-top:15px;padding-bottom:100px}.landing-how h2{font-size:35px;line-height:1.5;letter-spacing:-1.8px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;border-top:1px solid var(--line);margin:44px 0;padding-top:32px}.how-grid>div{padding:0 22px}.how-grid span{font-size:10px;color:var(--muted);letter-spacing:1px}.how-grid h3{font-size:17px;margin:19px 0 12px}.how-grid p{font-size:12px;color:var(--muted)}.rooms-page{padding-top:62px;padding-bottom:100px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}.page-intro .eyebrow{margin-bottom:14px}.page-intro .muted{margin-top:14px;font-size:13px}.heading-dot{color:#a9b77b}.rooms-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.tab-list{display:flex;gap:30px;align-self:stretch}.tab-list button{position:relative;min-height:54px;padding:0 0 17px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.tab-list button.selected{color:var(--ink)}.tab-list button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.tab-list button>span{font-size:10px;background:#eff0e8;padding:2px 6px;border-radius:8px}.search-field{display:flex;align-items:center;gap:9px;color:var(--muted);margin-bottom:15px;width:230px}.search-field input{border:0;padding:8px 0;font-size:11px;min-width:0}.collection-meta{display:flex;align-items:center;justify-content:space-between;min-height:63px;font-size:11px}.collection-meta .muted{font-size:10px;margin-left:8px}.collection-meta select{width:auto;border:0;padding:8px 0;font-size:10px}.rooms-page .room-grid{row-gap:24px}.favorite-button{position:absolute;top:10px;right:10px;z-index:3;color:#94978b;width:32px;height:32px}.favorite-button.saved{color:#778358}.favorite-button.saved svg{fill:#e3e8d3}.room-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0;margin-top:25px;font-size:10px;color:var(--muted);gap:5px}.room-card-bottom>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.avatar-group{display:flex;align-items:center}.mini-avatar{width:25px;height:25px;border:2px solid var(--paper);font-size:8px;margin-left:-6px}.mini-avatar:first-child{margin-left:0}.member-count{font-size:10px;color:var(--muted);margin-left:7px}.page-endnote{text-align:center;font-family:Georgia,serif;font-size:12px;font-style:italic;color:#929489;margin-top:50px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:35px;min-height:30px}.room-page{padding-top:28px;padding-bottom:130px}.room-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:42px}.room-intro .muted{margin-top:13px}.room-intro h1{overflow-wrap:anywhere}.room-intro .eyebrow{margin-bottom:13px}.room-intro .eyebrow span{padding:0 8px;color:#999}.room-people{display:flex;align-items:center;gap:10px;margin-top:20px}.room-people .text-link,.room-people .muted{font-size:10px;margin:0}.room-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.privacy-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0}.folder-filters{display:flex;gap:7px;overflow-x:auto}.folder-filters button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid transparent;border-radius:20px;padding:9px 13px;font-size:10px;color:var(--muted)}.folder-filters button.active{border-color:#dedfd6;background:#f2f3ed;color:var(--ink)}.gallery-toolbar>.text-link{white-space:nowrap}.masonry{columns:4;column-gap:17px}.file-card{break-inside:avoid;margin-bottom:19px;min-width:0}.file-visual{display:block;position:relative;width:100%;padding:0;border-radius:7px;overflow:hidden;background:#e7e8df}.file-visual img{width:100%;height:100%;transition:transform .5s}.file-visual:hover img{transform:scale(1.035)}.aspect-0{aspect-ratio:3/4}.aspect-1{aspect-ratio:1/1}.aspect-2{aspect-ratio:4/5}.aspect-3{aspect-ratio:4/3}.image-hover{position:absolute;inset:0;background:#151b1a20;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.file-visual:hover .image-hover{opacity:1}.file-caption{display:flex;justify-content:space-between;gap:10px;padding:11px 2px 0;font-size:10px;color:var(--muted)}.file-caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-caption span:last-child{flex-shrink:0;font-size:9px;color:#96988c}.play-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;background:#0005;color:#fff;border-radius:20px;padding:5px 9px;font-size:9px}.file-visual.document-preview{background:#e8e6dc;display:flex;flex-direction:column;padding:24px;align-items:flex-start;text-align:left;min-height:230px}.doc-eyebrow{font-size:7px;letter-spacing:1.7px}.doc-title{font-size:29px;font-weight:450;line-height:1.55;letter-spacing:-1.5px;margin:auto 0}.doc-footer{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:7px;letter-spacing:1px}.select-circle{position:absolute;right:10px;top:10px;width:23px;height:23px;border:1px solid #ffffffbc;background:#0002;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.select-circle.checked{background:var(--ink);border-color:var(--ink)}.file-selected .file-visual{outline:3px solid #7f8b62;outline-offset:3px}.selection-bar{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 15px 12px 22px;z-index:21;box-shadow:0 5px 30px #0001;font-size:12px;max-width:min(calc(var(--phone-width) - 30px),calc(100vw - 30px));width:max-content}.empty-state{padding-top:100px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.empty-state>svg{color:#919b7c;margin-bottom:8px}.empty-state h1{font-size:29px}.empty-state h2{font-size:23px}.empty-state p{color:var(--muted);font-size:13px}.empty-state .button{margin-top:12px}.form-page{padding-top:30px;padding-bottom:140px}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1000px;margin:15px auto}.create-layout form{max-width:420px}.form-description{margin:14px 0 32px}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:500;margin:24px 0 10px}.field-label span{font-size:10px;font-weight:400;color:var(--muted)}.input-counter{font-size:9px;color:var(--muted);text-align:right;margin-top:8px}.fine-print{color:var(--muted);font-size:10px;line-height:1.9;text-align:center;margin-top:18px}.fine-print svg{margin-right:4px}.create-preview{background:#f0f1e9;border-radius:14px;align-self:start;padding:50px 26px 65px;text-align:center;margin-top:28px;overflow:hidden}.create-preview .photo-stack{height:300px}.create-preview h2{font-size:22px;overflow-wrap:anywhere}.create-preview p:last-child{font-size:12px;color:var(--muted);margin-top:15px;overflow-wrap:anywhere}.cover-options{display:flex;gap:12px}.cover-options button{position:relative;width:70px;height:65px;border-radius:7px;padding:3px;border:1px solid transparent}.cover-options img{width:100%;height:100%;border-radius:4px}.cover-options button.chosen{border-color:var(--ink)}.cover-options button>svg{position:absolute;right:7px;bottom:7px;background:var(--ink);color:#fff;border-radius:50%;padding:3px}.auth-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1050px;gap:100px;padding:85px 44px 110px;margin:0 auto;min-height:calc(100vh - 176px)}.auth-art{background:#eff0e8;aspect-ratio:4/5;border-radius:160px 160px 10px 10px;display:flex;flex-direction:column;justify-content:center;padding:10px}.auth-art .photo-stack{width:110%;max-width:none;height:260px;margin-left:-5%}.handwritten{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:16px;color:#818871;margin-top:35px;transform:rotate(-5deg)}.auth-content h1{font-size:35px}.auth-content>.muted{margin-top:18px;font-size:12px}.social-buttons{display:flex;flex-direction:column;gap:11px;margin-top:36px}.button.social{justify-content:space-between;border-radius:8px;width:100%;font-size:12px}.google{background:#fff;color:var(--ink);border-color:var(--line)}.button.google:hover{background:#f0f0ea}.google-mark{font-family:Arial,sans-serif;color:#4285f4;font-size:20px;font-weight:700}.kakao{background:#f9e875!important;color:#322a17;border-color:#f9e875}.kakao-mark{display:block;width:19px;height:15px;background:#332b22;border-radius:50%;position:relative}.kakao-mark:after{content:"";position:absolute;border-top:6px solid #332b22;border-right:5px solid transparent;bottom:-3px;left:3px}.auth-content>.text-link{display:flex;justify-content:center;margin-top:28px}.narrow-page{max-width:550px;margin:0 auto;padding:35px 24px 140px}.narrow-page>.eyebrow{margin-top:10px}.narrow-page h1{font-size:35px;white-space:pre-line;letter-spacing:-1.8px}.share-form h2{font-size:15px;margin-bottom:12px}.permission-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.permission-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:#f1f2eb;border-radius:11px;flex-shrink:0;color:#6b745a}.permission-row strong{display:block;font-size:12px}.permission-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.permission-row input.switch{appearance:none;width:35px;height:21px;background:#d5d6cf;border:0;border-radius:20px;margin:0 0 0 auto;position:relative;transition:background .2s;padding:0;cursor:pointer}.switch:before{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.permission-row input.switch:checked{background:#727e55}.switch:checked:before{transform:translate(14px)}.created-link{padding:25px 20px;border-radius:12px;background:#f0f3e6;margin-top:25px}.created-link h2{font-size:20px;margin:12px 0 20px}.created-link input{font-size:11px;background:#fff9}.created-link .button-row>.button{flex:1;padding:0 12px;font-size:11px}.link-list{margin-top:48px}.link-list h2{font-size:16px}.link-list>.muted{padding:30px 0;font-size:12px}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:23px 0}.invite-row p{font-size:11px;margin:9px 0 3px}.invite-row small{font-size:10px}.link-status{font-size:9px;color:#6a7950;background:#eaf0dc;padding:4px 7px;border-radius:4px}.link-status.inactive{background:#edede8;color:#909187}.invite-actions{display:flex;align-items:center;gap:10px}.invite-actions .text-link{font-size:10px}.join-page{max-width:440px;padding:30px 24px 70px;margin:0 auto;text-align:center;min-height:calc(100vh - 176px)}.join-page .photo-stack{height:200px;max-width:270px;margin-bottom:20px}.join-page h1{font-size:33px}.join-page h2{font-size:17px;margin:22px 0 8px}.join-page>.muted{font-size:11px}.invitation-permissions{display:flex;align-items:center;justify-content:center;gap:13px;margin:20px 0 30px;font-size:10px;color:#738057}.invitation-permissions span{display:flex;gap:4px;align-items:center}.inline-note{display:flex;align-items:center;gap:10px;background:#f1f3e9;border:1px solid #e7ebdb;border-radius:8px;padding:13px 15px;font-size:11px;color:#737d5d;margin:0 0 24px;line-height:1.7}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c9cdbe;border-radius:12px;width:100%;min-height:200px;background:#f7f8f1;margin-top:20px;transition:background .2s}.drop-zone:hover{background:#eef1e2}.drop-icon{display:flex;align-items:center;justify-content:center;background:#e9edda;border-radius:50%;width:53px;height:53px;color:#737e58;margin-bottom:18px}.drop-zone strong{font-size:13px}.drop-zone>span:last-child{font-size:10px;color:var(--muted);margin-top:9px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.sample-grid button{position:relative;aspect-ratio:1;padding:0;border-radius:7px;overflow:hidden}.sample-grid img{width:100%;height:100%}.sample-grid button.chosen{outline:2px solid #7f8c61;outline-offset:2px}.transfer-list-title{margin:32px 0 10px}.transfer-list-title h2{font-size:13px;letter-spacing:0}.transfer-list-title h2 span{font-size:11px;margin-left:5px}.transfer-file{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.transfer-file>img{width:48px;height:52px;border-radius:5px}.transfer-file>div{flex:1;min-width:0}.transfer-file strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-file small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.transfer-file-list{max-height:410px;overflow:auto;padding:0 5px}.empty-selection{text-align:center;padding:30px 0;color:var(--muted);font-size:11px}.transfer-total{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:27px 0 0}.transfer-total+.button{margin-top:18px}.progress-panel{display:flex;flex-direction:column;align-items:center;gap:24px;padding:80px 15px}.progress-panel>svg{color:#7c8860}.progress-panel h2{font-size:21px}.progress-panel progress{width:100%;height:5px;accent-color:#87956a;border-radius:8px}.progress-panel>span{font-size:12px;color:var(--muted)}.transfer-success{text-align:center;padding-top:55px}.success-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;background:#eaf0dc;color:#778554;border-radius:50%;margin:0 auto 35px}.transfer-success>.muted{margin-top:23px}.success-photos{display:flex;justify-content:center;margin:35px 0}.success-photos img{width:100px;height:125px;border:5px solid white;box-shadow:0 4px 15px #0001;transform:rotate(-8deg);border-radius:4px}.success-photos img:nth-child(2){transform:rotate(5deg);margin-left:-15px;margin-top:12px}.success-photos img:nth-child(3){transform:rotate(-5deg);margin-left:-15px}.transfer-success>.button{margin-top:25px}.profile-page{padding-top:65px}.profile-identity{text-align:center;padding:40px 0 25px}.large-avatar{height:80px;width:80px;font-size:27px}.profile-identity h2{font-size:22px;margin:17px 0 8px}.profile-identity>.muted{font-size:12px}.profile-page form{margin-bottom:38px}.profile-row{display:flex;align-items:center;gap:13px;padding:20px 0;width:100%;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.profile-row svg:last-child{margin-left:auto}.profile-page>.fine-print{margin-top:35px}.modal{border:1px solid var(--line);padding:0;border-radius:16px;background:var(--paper);color:var(--ink);width:min(530px,calc(100% - 32px));max-height:85dvh;box-shadow:0 20px 100px #0002}.modal::backdrop{background:#20251a60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:24px}.modal .section-heading{margin-bottom:22px}.modal .section-heading h2{font-size:18px;overflow-wrap:anywhere}.lightbox-image{width:100%;max-height:45dvh;object-fit:contain;border-radius:7px;background:#f0f0e9}.document-detail{height:220px;background:#e9e7de;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-radius:7px}.file-details{margin:22px 0}.file-details>div{display:flex;justify-content:space-between;margin-top:14px;font-size:11px}.file-details dt{color:var(--muted)}.file-details dd{margin:0}.danger{color:#a26452}.delete-link{display:flex;margin:15px auto 0}.person-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.person-row .muted{margin-left:auto;font-size:11px}body:has(dialog[open]){overflow:hidden}.photo-stack--files .stack-photo{--fold: 10px;padding:5px 5px 17px;border-radius:3px;background:#f5f5ef;clip-path:polygon(0 0,calc(100% - var(--fold)) 0,100% var(--fold),100% 100%,0 100%)}.photo-stack--files .stack-photo:after{content:"";position:absolute;top:0;right:0;width:var(--fold);height:var(--fold);background:#d9dccf;border-radius:0 0 0 2px;box-shadow:-1px 1px 2px #25292512}.photo-stack--files .stack-photo>img{width:100%;height:100%;border-radius:1px}.stack-file-line{position:absolute;left:7px;bottom:7px;width:36%;height:2px;background:#c9cdc0;border-radius:2px}.plain-file-thumb{display:inline-flex;align-items:center;justify-content:center;width:48px;height:52px;flex-shrink:0;background:#e9e7de;border-radius:5px;color:#7d7e77}.success-photos>.plain-file-thumb{width:100px;height:125px}@container phone (min-width: 1450px){.landing-hero{padding-top:90px}.hero-collage{height:405px;margin-top:45px}.collage-one{height:270px}.collage-two{height:290px}.collage-three{height:335px}.collage-four{height:290px}.collage-five{height:300px}}@container phone (max-width: 1000px){.app-header{margin:0 28px}.page-width{padding-left:28px;padding-right:28px}.room-grid{gap:16px}.room-card{padding:16px 15px 0}.photo-stack{height:190px}.room-card h2,.room-card h3{font-size:17px}.room-card-bottom{margin-top:20px}.room-card-bottom>span{gap:5px;font-size:9px}.masonry{columns:3}.create-layout{gap:45px}.auth-page{gap:55px}.room-intro{align-items:flex-start}.room-actions{padding-top:28px}.room-actions .button{padding:0 15px;gap:8px}.room-intro h1{font-size:35px}.hero-collage{height:315px}.collage-one{height:200px}.collage-two{height:205px}.collage-three{height:245px}.collage-four{height:210px}.collage-five{height:215px}.collage-photo figcaption{font-size:11px}}@container phone (max-width: 700px){h1{font-size:34px;letter-spacing:-1.8px}.app-header{height:72px;margin:0 20px}.brand-logo{width:154px}.header-caption{display:none}.header-actions{gap:13px}.demo-label{font-size:8px}.button{min-height:45px;padding:0 20px;font-size:12px;gap:12px}.button.small{min-height:34px;font-size:10px;padding:0 14px}.page-width{padding-left:20px;padding-right:20px}.desktop-only{display:none}.landing-hero{padding-top:54px}.landing-hero h1{font-size:39px;letter-spacing:-2.5px}.landing-hero .eyebrow{font-size:9px;margin-bottom:21px}.hero-description{font-size:12px;margin:22px 0 25px}.hero-preview{font-size:10px}.hero-collage{width:760px;max-width:none;left:50%;transform:translate(-50%);height:290px;margin-top:30px}.collage-one{height:180px;top:43px}.collage-two{height:200px;top:42px;left:16%}.collage-three{height:225px;top:8px;width:22%;left:39%}.collage-four{height:185px;top:55px;right:16%}.collage-five{height:195px}.collage-note{right:29%;bottom:0;font-size:12px}.landing-collections{padding-top:50px;padding-bottom:70px}.landing-collections .section-heading{margin-bottom:22px}.landing-collections h2{font-size:24px}.landing-collections .room-grid{grid-template-columns:repeat(3,260px);overflow:auto;margin:0 -20px;padding:0 20px 12px;scroll-snap-type:x mandatory;gap:14px}.landing-collections .room-card{scroll-snap-align:center}.landing-collections .photo-stack{height:185px}.landing-collections .room-card h3{font-size:18px}.landing-how{padding-top:0;padding-bottom:65px}.landing-how h2{font-size:28px}.landing-how .eyebrow{font-size:8px}.how-grid{grid-template-columns:1fr;gap:28px;text-align:center;margin:30px 0;padding-top:28px}.how-grid>div{padding:0}.how-grid h3{margin:10px 0 8px;font-size:16px}.how-grid p{font-size:11px}.site-footer{margin:0 20px;font-size:9px;min-height:75px;gap:10px}.site-footer>span:nth-child(2){font-size:8px}.rooms-page{padding-top:36px}.page-intro{position:relative;display:block;margin-bottom:28px}.page-intro .eyebrow{font-size:8px;margin-bottom:14px}.page-intro .muted{font-size:11px;margin-top:12px}.page-intro>.button{position:absolute;top:30px;right:0;font-size:10px;min-height:37px;padding:0 13px;gap:7px}.page-intro>.button svg{width:14px}.rooms-toolbar{flex-wrap:wrap;gap:0}.tab-list{gap:26px;order:2;width:100%}.tab-list button{min-height:48px;font-size:11px;padding-bottom:13px}.tab-list button>span{font-size:9px}.search-field{width:100%;margin:0 0 15px;background:#f1f2eb;border-radius:7px;padding:2px 12px}.search-field input{font-size:11px}.collection-meta{min-height:57px;font-size:10px}.collection-meta .muted{font-size:9px;margin-left:3px}.collection-meta select{font-size:9px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rooms-page .room-grid{row-gap:14px}.room-card{padding:10px 10px 0;border-radius:11px}.photo-stack{height:150px}.stack-photo{border-radius:5px}.room-card h2{font-size:15px;letter-spacing:-.6px;line-height:1.6}.card-kicker{font-size:8px;margin:5px 0}.room-description{font-size:9px;margin-top:6px}.room-card-bottom{margin-top:17px;padding:11px 0;gap:3px}.mini-avatar{width:20px;height:20px;font-size:7px;margin-left:-7px}.member-count{font-size:8px;margin-left:3px}.room-card-bottom>span{font-size:8px;gap:3px}.room-card-bottom>span svg{display:none}.favorite-button{top:5px;right:5px;width:26px;height:26px}.favorite-button svg{width:13px}.page-endnote{font-size:10px;margin-top:32px}.bottom-nav{bottom:max(18px,env(safe-area-inset-bottom));padding:7px 10px}.bottom-nav a{height:39px;min-width:45px}.bottom-nav a.active{padding:0 14px}.bottom-nav a.active>span:not(.nav-avatar){font-size:10px}.room-page{padding-top:20px}.back-link{margin-bottom:25px;font-size:10px}.room-intro{display:block;margin-bottom:26px}.room-intro h1{font-size:32px}.room-intro .eyebrow{font-size:8px}.room-intro .muted{font-size:12px}.room-people{margin-top:15px;gap:8px}.room-actions{padding-top:22px;justify-content:flex-end}.room-actions .icon-button{margin-right:auto}.room-actions .button{font-size:11px;min-height:39px;padding:0 16px}.room-page .tab-list{order:0}.room-page .search-field{order:1;margin:8px 0 15px}.gallery-toolbar{padding:15px 0;gap:9px}.folder-filters{gap:3px}.folder-filters button{padding:8px 9px;font-size:9px;gap:5px}.folder-filters button svg{width:12px}.gallery-toolbar>.text-link{font-size:10px}.masonry{columns:2;column-gap:12px}.file-card{margin-bottom:17px}.file-visual{border-radius:5px}.file-caption{font-size:9px;gap:6px;padding-top:9px}.file-caption span:last-child{font-size:8px}.file-visual.document-preview{min-height:220px;padding:18px}.doc-title{font-size:24px}.doc-eyebrow{font-size:6px;letter-spacing:1px}.doc-footer{font-size:6px}.play-badge{left:7px;bottom:7px;font-size:8px;gap:4px;padding:4px 7px}.play-badge svg{width:13px}.selection-bar{bottom:92px;gap:14px;padding:10px 12px 10px 16px;font-size:11px}.selection-bar .text-link{font-size:10px}.form-page{padding-top:20px}.create-layout{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:440px}.create-preview{width:100%;padding:12px 20px 22px;margin:0;border-radius:12px;order:1}.create-preview .photo-stack{height:185px;max-width:270px}.create-preview .eyebrow{font-size:8px;margin-bottom:10px}.create-preview h2{font-size:19px}.create-preview p:last-child{font-size:11px;margin-top:8px}.create-layout form{max-width:none}.form-description{font-size:12px;margin-bottom:26px}.auth-page{display:flex;flex-direction:column;gap:34px;padding:28px 30px 55px;max-width:430px}.auth-art{aspect-ratio:auto;width:230px;border-radius:110px 110px 10px 10px;padding:10px}.auth-art .photo-stack{height:155px;width:115%;margin-left:-7.5%}.handwritten{font-size:12px;margin:8px 0 16px}.auth-content{width:100%;text-align:center}.auth-content .eyebrow{font-size:9px}.auth-content h1{font-size:30px}.auth-content>.muted{font-size:11px;margin-top:14px}.social-buttons{margin-top:26px}.auth-content>.text-link{margin-top:18px}.narrow-page{padding:23px 22px 130px}.narrow-page h1{font-size:31px}.narrow-page .eyebrow{font-size:9px}.permission-row{gap:12px}.permission-row small{font-size:9px}.share-form h2{font-size:14px}.created-link{padding:22px 16px}.created-link h2{font-size:18px}.created-link .button-row>.button{font-size:10px}.join-page{padding-top:20px}.join-page .photo-stack{height:175px}.join-page h1{font-size:29px}.join-page h2{font-size:16px}.join-page .eyebrow{font-size:9px}.transfer-success{padding-top:30px}.profile-page{padding-top:38px}.modal{max-height:90dvh;width:min(calc(var(--phone-width) - 24px),calc(100vw - 24px))}.modal-inner{padding:20px}.modal .section-heading h2{font-size:16px}.empty-state{padding:85px 20px 110px}.empty-state h1{font-size:26px}.empty-state h2{font-size:21px}.empty-state p{font-size:12px}.toast-message{font-size:11px;padding:13px 17px;bottom:95px}}@container phone (max-width: 380px){.brand-logo{width:116px}.landing-collections .room-grid{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-width{padding-left:16px;padding-right:16px}.app-header{margin:0 16px}.room-grid{gap:10px}.photo-stack{height:125px}.room-card{padding:10px 8px 0}.room-card h2{font-size:13px}.room-description{font-size:8px}.room-card-bottom>span{font-size:7px}.member-count{font-size:7px}.landing-hero h1{font-size:34px}.page-intro>.button{font-size:9px;padding:0 11px}.page-intro h1{font-size:31px}.page-intro .muted{font-size:10px}.tab-list{gap:22px}.file-visual.document-preview{min-height:180px;padding:14px}.doc-title{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}