@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans JP,sans-serif;color:#303b33;background:#fafbf8;font-synthesis:none;font-size:14px;--green:#42614b;--green-dark:#304a38;--muted:#899087;--line:#e5e9e1;--cream:#f2f4ec}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9eb18a;outline-offset:4px}input:focus,select:focus{outline:2px solid #a2b598;outline-offset:1px}a{color:inherit;text-decoration:none}button svg,a svg,span svg{flex-shrink:0}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}input,select{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px 13px;color:inherit}input::placeholder{color:#a0a69c}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}button{transition:background .17s,color .17s,transform .17s}button:hover{color:var(--green)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:12px 18px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:var(--green);color:#fff;box-shadow:0 3px 7px #2f493314}.primary:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px)}.secondary{border:1px solid #dce2d6;background:#fff}.secondary:hover{background:#f0f3eb;color:var(--green)}.text-button{color:var(--green);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 0;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px}.icon-button:hover{background:#eaf0e5}.full{width:100%}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8a9582}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#f3f5ee;border-right:1px solid #e7eade;display:flex;flex-direction:column;padding:36px 20px 18px;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:0 8px}.brand>span:last-child{font-size:23px;font-weight:700;letter-spacing:3px}.brand small{display:block;font-family:Manrope,sans-serif;letter-spacing:2.7px;font-size:8px;margin-top:4px;color:#89917f;font-weight:600}.brand-mark{background:var(--green);color:#fff;border-radius:13px;width:44px;height:48px;display:flex;align-items:center;justify-content:center;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(4deg)}.workspace-label{display:flex;align-items:center;gap:9px;padding:16px 5px;margin:32px 0 22px;border-top:1px solid #e2e7da;border-bottom:1px solid #e2e7da;font-size:11px;font-weight:600}.workspace-label>div{flex:1}.workspace-label small{display:block;font-size:8px;font-weight:400;color:#909887;margin-top:5px}.workspace-label>svg{color:#8c967f}.workspace-avatar{width:29px;height:29px;background:#e5e9dc;border-radius:8px;display:grid;place-items:center;font-size:13px;color:#6f7d5b}.nav-label{font-size:9px;letter-spacing:1.2px;color:#959d8c;padding:0 13px;margin-bottom:12px}.second-label{margin-top:31px}.nav-item{display:flex;width:100%;align-items:center;gap:11px;padding:12px 13px;margin:3px 0;border-radius:8px;color:#7a8472;font-size:12px;text-align:left}.nav-item>span:not(.group-dot){flex:1}.nav-item>small{font-size:10px;color:#909880;font-weight:500}.nav-item:hover{background:#e9ede1}.nav-item.active{background:#e2e9d8;color:#46613b;font-weight:700}.nav-item.active svg{color:#557345}.nav-item.active small{color:#526b40}.group-nav{font-size:11px;padding-left:19px}.group-dot{width:7px;height:7px;border-radius:50%;background:#beae81;margin:0 6px}.dot-1{background:#9cabba}.dot-2{background:#b8a4ba}.sidebar-bottom{margin-top:auto;padding-top:28px}.private-card{border:1px solid #e1e6d7;border-radius:10px;background:linear-gradient(120deg,#f1f3e9,#e9eedf);padding:17px 15px;margin-bottom:18px;position:relative}.private-card>svg{color:#84956e;margin-bottom:10px}.private-card strong{display:block;font-size:10px;font-weight:600}.private-card p{font-size:9px;color:#929a85;line-height:1.9;margin-top:7px}.account{border-top:1px solid #e2e7d9;display:flex;align-items:center;gap:10px;width:100%;padding:16px 6px 0;margin-top:14px;text-align:left}.account>span:nth-child(2){flex:1;font-size:11px;font-weight:600}.account small{display:block;font-size:9px;color:#939b89;font-weight:400;margin-top:5px}.avatar,.small-avatar{display:grid;place-items:center;background:#e4d9bf;color:#7d7052;border:3px solid #fff;border-radius:50%;width:36px;height:36px;font-size:13px;font-weight:600}.account>svg{color:#8d9780}.main-shell{margin-left:236px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fdfefb}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:10px;color:#a0a696}.breadcrumb strong{font-weight:500;color:#727c6b}.breadcrumb-slash{color:#c3c8bc}.topbar-right{display:flex;align-items:center;gap:20px}.private-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#89947b}.demo-badge{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e1e7d6;border-radius:20px;color:#84926f;font-size:9px}.demo-badge>span{width:5px;height:5px;background:#8eaa6d;border-radius:50%}.small-avatar{width:32px;height:32px;font-size:11px}.mobile-menu{display:none}main{max-width:1570px;margin:auto;padding:39px 43px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.page-heading h1{font-size:28px;font-weight:600;letter-spacing:1.1px;margin:9px 0 10px;line-height:1.5}.heading-dot{color:#94a680;margin-left:3px}.page-heading p{font-size:11px;letter-spacing:.6px;color:#969d8d}.upload-primary{padding:13px 19px;margin-top:11px}.library-banner{position:relative;background:#edf1e4;min-height:152px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5eadb;border-radius:12px;padding:27px 34px 28px 99px;overflow:hidden;margin-bottom:29px;background-image:radial-gradient(ellipse at 70% 0%,#dfe6d488,transparent 55%)}.banner-decoration{position:absolute;left:28px;top:49px;color:#92a479;transform:rotate(-18deg)}.banner-label{font-size:8px;font-weight:600;letter-spacing:2px;color:#98a582}.library-banner h2{font-size:18px;font-weight:500;letter-spacing:1.5px;margin:10px 0;color:#5c6f4c}.library-banner p{font-size:10px;color:#99a18d;letter-spacing:.4px}.banner-count{display:flex;flex-direction:column;align-items:center;padding-left:32px;border-left:1px solid #dae2cd}.banner-count strong{font-size:40px;font-weight:500;letter-spacing:-1px;line-height:1.2;color:#82976b}.banner-count span{font-size:8px;color:#9ba78c;letter-spacing:.4px;margin-top:7px}.library-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px}.tabs{display:flex;gap:5px}.tabs button{font-size:11px;display:flex;align-items:center;gap:9px;border-radius:7px;padding:10px 13px;color:#8e9685;white-space:nowrap}.tabs .selected{background:#ecf0e5;color:#5a6f48;font-weight:600}.tabs span{font-size:8px;color:#99a38c;background:#edf0e8;border-radius:4px;padding:2px 5px}.tabs .selected span{background:#dce6ce;color:#82976c}.tools{display:flex;align-items:center;gap:10px}.search{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 11px;height:35px;background:#fff;color:#a3ab98}.search input{width:130px;border:0;padding:0;font-size:10px;outline:none;background:none}.search:focus-within{outline:2px solid #a2b598}.search button{padding:0;height:17px}.sort-select{font-size:10px;padding:7px 5px;border:0;background:transparent;cursor:pointer;color:#858e7b}.density{display:flex;border:1px solid var(--line);border-radius:7px;background:#fff;padding:3px;gap:3px}.density button{padding:5px;display:grid;place-items:center;color:#aeb6a5;border-radius:4px}.density .selected{background:#ecf1e5;color:#70895a}.filter-button{height:34px;width:29px;color:#929e86}.filter-row{display:flex;gap:17px;padding:16px;background:#f0f3ea;border-radius:8px;margin-top:14px;align-items:end}.filter-row label{font-size:10px}.filter-row select{font-size:11px;min-width:140px;padding:8px}.results-line{display:flex;align-items:center;justify-content:space-between;padding:23px 0 10px;font-size:9px;color:#9fa694}.results-line>span:last-child{display:flex;gap:5px;align-items:center;font-size:8px}.month-title{display:flex;align-items:center;gap:10px;margin:17px 0 18px}.month-title h2{font-size:13px;font-weight:600;letter-spacing:.7px}.month-title span{font-size:9px;color:#a8ae9e}.month-title>div{flex:1;margin-left:7px;height:1px;background:#e9ece3}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 19px}.photo-grid.dense{grid-template-columns:repeat(5,minmax(0,1fr))}.photo-card{min-width:0;position:relative}.photo-image{display:block;position:relative;width:100%;aspect-ratio:1.23;overflow:hidden;border-radius:9px;padding:0;background:#e9ede3;text-align:left}.photo-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .4s;filter:saturate(.86)}.photo-image:hover img{transform:scale(1.045);filter:saturate(1)}.photo-open{position:absolute;top:10px;right:10px;background:#fffffff0;color:#4d6243;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;opacity:0;transform:translateY(3px);transition:.2s}.photo-image:hover .photo-open,.photo-image:focus-visible .photo-open{opacity:1;transform:none}.photo-shared{position:absolute;bottom:10px;left:10px;font-size:8px;background:#fffffff0;color:#677556;border-radius:5px;padding:5px 7px;display:flex;gap:4px;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.photo-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 1px 0;gap:5px}.photo-caption>div{min-width:0}.photo-caption h3{font-size:10px;font-weight:500;color:#626d57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-caption p{font-size:8px;color:#a6ad9c;margin-top:5px}.file-kind{font-size:6px;letter-spacing:1px;color:#b0b7a7}.month-section{margin-bottom:30px}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a1ad92;gap:12px}.image-placeholder span,.retry-image{font-size:9px}.video-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#d4ddc8,#637760);color:#fff}.video-label{position:absolute;left:14px;top:12px;font-size:8px;letter-spacing:2px}.play{position:absolute;border-radius:50%;background:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:45px;height:45px;display:grid;place-items:center}.end-note{display:flex;align-items:center;justify-content:center;gap:7px;padding:31px 0 39px;font-size:9px;color:#afb7a4}.end-note svg{color:#a9b897}.page-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:22px 0;font-size:9px;color:#a9b29d}.page-footer>span:first-child{display:flex;align-items:center;gap:4px}.page-footer>span:nth-child(2){font-size:8px;color:#bac1b0}.page-footer button{margin-left:auto;font-size:8px;color:#a5af98}.load-more{display:flex;margin:30px auto 0}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:85px 20px;text-align:center;color:#8d9b80}.empty>span{display:grid;place-items:center;background:#edf2e5;width:78px;height:78px;border-radius:50%}.empty h3{font-size:18px;font-weight:500;color:#657657}.empty p{font-size:12px}.empty .primary{margin-top:6px}.error-block{display:flex;align-items:center;flex-direction:column;gap:15px;padding:60px;color:#9f6956;text-align:center}.modal{padding:0;border:1px solid #e5e9df;border-radius:16px;box-shadow:0 24px 90px #24352230;width:560px;max-width:calc(100% - 32px);max-height:88vh;color:var(--green-dark);background:#fcfdf9;overflow:auto}.modal.wide{width:960px}.modal::backdrop{background:#18291988;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:15px}.modal-head h2{font-size:17px;font-weight:600;overflow-wrap:anywhere}.modal-body{padding:24px}.modal-body>.muted{font-size:12px}.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--line);gap:12px}.modal-foot>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#96a389}.notice{display:flex;align-items:center;gap:8px;font-size:11px;color:#8d956c;padding:13px;background:#f0f2e3;border-radius:6px;margin-top:17px}.dropzone{display:flex;flex-direction:column;align-items:center;width:100%;border:1.5px dashed #b8c8a7;border-radius:12px;padding:32px 20px;background:#f5f8ef;margin:22px 0;color:#6d825c;gap:13px}.dropzone.dragging,.dropzone:hover{background:#e9f0de;border-color:#7b9b60}.upload-circle{display:grid;place-items:center;width:64px;height:64px;background:#e7efdb;border-radius:50%;margin-bottom:3px}.dropzone strong{font-size:15px;font-weight:500}.dropzone>span:not(.upload-circle){font-size:11px;color:#8e9a80}.dropzone small{font-size:9px;color:#a7b199;margin-top:6px}.queue-heading{display:flex;justify-content:space-between;margin:25px 0 12px;font-size:11px;gap:12px}.queue-heading span{font-size:9px;color:#a6af99}.upload-list{max-height:330px;overflow:auto}.upload-row{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.upload-file-icon{width:39px;height:43px;background:#eaf0e1;border-radius:7px;display:grid;place-items:center;color:#83986e;flex-shrink:0}.upload-info{flex:1;min-width:0}.upload-info>strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-meta{display:flex;justify-content:space-between;font-size:9px;color:#96a087;margin-top:7px}.upload-row progress{display:block;width:100%;height:4px;border:0;border-radius:8px;margin-top:8px;accent-color:#75945a}.upload-row progress::-webkit-progress-bar{background:#e8eddf;border-radius:8px}.upload-row progress::-webkit-progress-value{background:#78965b;border-radius:8px}.success{color:#83a765}.error-text{color:#b66f59;font-size:10px;margin-top:6px;line-height:1.7}.small-note{font-size:10px;color:#98a38a;line-height:1.9;margin-top:13px}.small-note svg{vertical-align:-2px}.upload-floating{position:fixed;bottom:25px;right:28px;background:#fff;border:1px solid #dfe6d6;border-radius:12px;box-shadow:0 6px 26px #43593820;display:flex;align-items:center;gap:11px;padding:16px 20px;z-index:35;font-size:11px;color:#708b59}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dce5d4;box-shadow:0 8px 35px #2f452326;color:#647d50;padding:16px 19px;border-radius:10px;z-index:1000;display:flex;align-items:center;gap:11px;max-width:calc(100% - 28px);font-size:12px;width:max-content}.toast-error{color:#ac6f58;background:#fffdf9;border-color:#ecd8ce}.toast button{display:grid;place-items:center;padding:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px}.detail-image{background:#e9ede4;display:flex;align-items:center;justify-content:center;min-height:475px;position:relative;overflow:hidden}.detail-image>img,.detail-image>video{max-width:100%;max-height:64vh;object-fit:contain;display:block}.detail-info{padding:26px 23px}.detail-info h3{font-size:17px;margin:13px 0 10px;overflow-wrap:anywhere}.detail-info>.muted{font-size:10px}.detail-section{border-top:1px solid var(--line);padding-top:20px;margin-top:21px}.detail-section h4{font-size:11px;display:flex;align-items:center;gap:7px;margin-bottom:14px}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag-pill{background:#edf2e5;color:#82936c;border-radius:5px;padding:5px 7px;font-size:9px;display:inline-flex;align-items:center;gap:5px}.tag-pill button{padding:0;display:grid;place-items:center;color:#95a283}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{flex:1}.detail-info .inline-form{margin-top:13px}.detail-info input,.detail-info select{font-size:10px;padding:9px}.share-form{display:flex;flex-direction:column;gap:9px;margin:15px 0 23px}.share-form .secondary{font-size:10px;padding:9px}.detail-info>.full{font-size:10px;margin-top:10px}.image-nav{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:34px;height:34px;background:#ffffffd9;display:grid;place-items:center;color:#6e815d;z-index:1}.image-nav.prev{left:12px}.image-nav.next{right:12px}.detail-error{padding:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:12px}.groups-page{padding-top:10px}.section-intro{display:flex;align-items:center;gap:20px;background:#edf2e5;border-radius:12px;padding:28px}.intro-icon{width:62px;height:62px;border-radius:50%;background:#e0e8d4;display:grid;place-items:center;color:#8c9f76}.section-intro h2{font-size:19px;font-weight:500}.section-intro p{font-size:11px;line-height:1.9;color:#95a386;margin-top:10px}.create-group{max-width:560px;margin:32px 0}.create-group>label{margin-bottom:12px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 50px}.group-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:23px}.group-card-head{display:flex;justify-content:space-between;align-items:start}.group-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#f0f3e8;color:#8d9e77}.group-card h3{margin:20px 0 10px;font-size:19px}.group-card>.muted{font-size:11px}.group-card form{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.group-card form label{font-size:10px;margin-bottom:10px}.group-card input{font-size:11px}.group-card .secondary{font-size:10px}.members{margin-top:15px}.members>div{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;padding:5px 0;color:#8e9b80;overflow-wrap:anywhere}.tag-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0 60px}.collection-card{border-radius:12px;padding:30px;text-align:left;background:#edf1e5;color:#8e9b77;min-height:180px}.collection-card:hover{transform:translateY(-3px)}.collection-card h2{font-size:21px;font-weight:500;color:#5b7048;margin:25px 0 15px}.collection-card>span{display:flex;justify-content:space-between;align-items:center;font-size:10px}.collection-1{background:#f0ece3;color:#a59674}.collection-1 h2{color:#887b5b}.collection-2{background:#e8eef0;color:#80979c}.collection-2 h2{color:#637b83}.collection-3{background:#eee9ee;color:#a391a0}.collection-3 h2{color:#8a7085}.settings-panel{max-width:790px;margin:25px 0 50px}.settings-card{padding:25px 30px;border:1px solid var(--line);border-radius:11px;margin-bottom:20px;background:#fff}.settings-card h2{font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:23px}.settings-card p{font-size:12px;color:#919d85;line-height:2;margin:12px 0}.setting-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);gap:20px;font-size:12px}.setting-line>span{color:#9ba68f}.setting-line code{overflow-wrap:anywhere;font-size:10px}.settings-card .secondary{margin-top:19px}.version{font-size:9px;letter-spacing:1px;color:#a9b399}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#8a9a77;font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;background:linear-gradient(#20372830,#172c2899),url(https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=85) center/cover;padding:45px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.brand.light{color:#fff}.brand.light small{color:#d8e4cc}.brand.light .brand-mark{background:#ffffff25}.login-copy{margin:120px 0}.login-copy>span{font-size:10px;letter-spacing:3px;color:#d4e2c8}.login-copy h1{font-weight:500;font-size:36px;letter-spacing:4px;line-height:1.9;margin:20px 0}.login-copy p{font-size:13px;color:#d1dec9;line-height:2.3;letter-spacing:1px}.login-credit{font-size:8px;color:#d6e0ce}.login-side{padding:60px 30px;display:flex;align-items:center;justify-content:center}.login-form{width:340px;max-width:100%}.login-form h2{font-size:29px;font-weight:500;margin:18px 0}.login-form>p{font-size:12px;color:#939e86}.login-form form{margin:38px 0 12px}.login-form label{margin-bottom:21px}.login-form input{padding:13px;font-size:12px}.login-form .primary{margin-top:5px;padding:14px}.login-demo{border-top:1px solid var(--line);margin-top:30px;padding-top:27px;text-align:center}.login-demo p{font-size:10px;color:#9aa68c;margin-bottom:15px}.login-demo .secondary{font-size:11px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px!important;margin-top:35px}.error-message{font-size:11px;line-height:1.8;color:#a66852;background:#fbefe9;padding:12px;border-radius:7px;margin-bottom:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.photo-image{aspect-ratio:1.25}.page-heading h1{font-size:32px}.photo-caption h3{font-size:12px}.photo-caption p{font-size:10px}.library-banner{min-height:170px}.photo-grid{gap:29px 23px}}@media(max-width:1200px){.sidebar{width:212px;padding-left:15px;padding-right:15px}.main-shell{margin-left:212px}main{padding:30px 28px 0}.topbar{padding:0 28px}.tools{gap:6px}.search input{width:100px}.photo-grid{gap:23px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid.dense{grid-template-columns:repeat(4,minmax(0,1fr))}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-badge{display:none}.tabs button{padding:9px}.tag-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:26px}}@media(max-width:900px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main-shell{margin-left:190px}.brand{gap:8px}.brand>span:last-child{font-size:20px}.brand-mark{width:36px;height:41px}.workspace-label small{font-size:7px}.nav-item{font-size:11px;padding:11px 9px;gap:8px}.topbar{height:67px}.breadcrumb{font-size:9px;gap:8px}.topbar-right{gap:9px}.demo-badge{font-size:8px}.library-controls{align-items:start;flex-direction:column;gap:12px}.tools{width:100%}.search{flex:1}.search input{width:100%}.sort-select{margin-left:auto}.banner-count{display:none}.library-banner{padding:25px 20px 25px 78px}.banner-decoration{left:21px;top:45px}.library-banner h2{font-size:17px}.page-heading{align-items:start}.page-heading h1{font-size:23px}.page-heading p{font-size:9px}.upload-primary{font-size:10px;padding:11px 12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}.detail-image{min-height:400px}.detail-info{padding:22px 18px}.group-grid{grid-template-columns:1fr}.section-intro{padding:24px}.section-intro h2{font-size:16px}.section-intro p{font-size:10px}.login-copy h1{font-size:27px}.login-art{padding:30px}.setting-line{align-items:start;flex-direction:column;gap:10px}}@media(max-width:650px){.sidebar{transform:translate(-100%);width:242px;padding:25px 22px;transition:transform .2s}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#20351c66;z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0}.mobile-menu{display:grid;width:25px;height:29px;margin-right:5px}.topbar{height:64px;padding:0 18px}.breadcrumb>span{display:none}.breadcrumb strong{font-size:10px}.topbar-right{gap:8px}.demo-badge{font-size:8px;padding:5px 7px}.small-avatar{width:28px;height:28px}main{padding:27px 20px 0}.page-heading{flex-direction:column;gap:18px;margin-bottom:22px}.page-heading h1{font-size:26px;margin-top:8px}.eyebrow{font-size:8px}.page-heading p{font-size:10px}.upload-primary{align-self:stretch;margin-top:0;padding:12px;font-size:11px}.library-banner{min-height:133px;padding:23px 20px 23px 67px;margin-bottom:21px}.banner-decoration{left:17px;top:43px}.banner-decoration svg{width:31px}.banner-label{font-size:6px;letter-spacing:1.1px}.library-banner h2{font-size:15px;letter-spacing:.4px}.library-banner p{font-size:8px}.tabs button{font-size:10px;padding:9px 12px}.tools{gap:4px}.search input{font-size:10px}.sort-select{font-size:9px;max-width:74px}.density{padding:2px}.density button{padding:5px}.filter-button{width:27px}.results-line{font-size:9px;padding-top:20px}.results-line>span:last-child{font-size:6px}.month-title{margin:15px 0}.month-title h2{font-size:12px}.photo-grid{gap:22px 13px}.photo-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.photo-image{border-radius:7px;aspect-ratio:1.1}.photo-caption{padding-top:10px}.photo-caption h3{font-size:9px}.photo-caption p{font-size:7px}.file-kind{display:none}.photo-shared{font-size:6px;padding:4px;left:7px;bottom:7px}.photo-shared svg{width:10px;height:10px}.month-section{margin-bottom:24px}.page-footer{font-size:8px}.filter-row{flex-wrap:wrap;gap:12px}.filter-row label{flex:1;min-width:110px}.filter-row select{min-width:0;max-width:100%}.filter-row .text-button{font-size:9px}.modal{max-width:calc(100% - 20px);max-height:92dvh;border-radius:12px}.modal-head{padding:14px 17px}.modal-head h2{font-size:14px}.modal-body{padding:17px}.dropzone{padding:23px 13px}.dropzone strong{font-size:12px}.dropzone small{font-size:8px;line-height:1.8}.modal-foot{padding:14px 17px}.modal-foot>span{font-size:8px}.queue-heading{font-size:10px;flex-direction:column;gap:7px}.notice{font-size:9px;line-height:1.8}.upload-row{gap:8px}.upload-info>strong{font-size:10px}.upload-row>.text-button{font-size:9px;max-width:75px}.upload-floating{bottom:15px;right:15px;font-size:10px;padding:14px}.detail-layout{display:flex;flex-direction:column}.detail-image{min-height:220px;max-height:45vh}.detail-image>img,.detail-image>video{max-height:45vh;max-width:100%}.detail-info{padding:23px}.detail-info h3{font-size:18px}.section-intro{padding:23px 17px;gap:13px}.intro-icon{width:45px;height:45px;flex-shrink:0}.section-intro h2{font-size:14px;line-height:1.8}.section-intro p{font-size:9px}.group-grid{gap:16px}.create-group>.inline-form{gap:7px}.create-group .primary{padding:12px;font-size:10px}.tag-collections{gap:12px;margin-top:25px}.collection-card{padding:22px 17px;min-height:160px}.collection-card h2{font-size:17px;line-height:1.5;margin-top:20px}.collection-card>span{font-size:8px}.settings-card{padding:22px}.settings-card p{font-size:11px}.settings-card h2{font-size:14px}.empty{padding:65px 13px}.empty h3{font-size:17px}.empty p{font-size:11px;line-height:1.8}.toast{bottom:18px;padding:13px;font-size:11px;line-height:1.8}.login-page{display:flex;flex-direction:column}.login-art{min-height:270px;padding:25px}.login-copy{margin:35px 0 12px}.login-copy h1{font-size:23px;line-height:1.8;margin:12px 0;letter-spacing:2px}.login-copy>span{font-size:7px}.login-copy p{display:none}.login-credit{font-size:6px;text-align:right}.login-side{padding:40px 25px}.login-form h2{font-size:26px}.login-form form{margin-top:27px}.login-form>.eyebrow{font-size:8px}.login-demo{margin-top:22px;padding-top:22px}.privacy-note{font-size:8px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.auth-tabs{display:flex;gap:6px;border:1px solid var(--line);padding:5px;border-radius:10px;margin-bottom:30px;background:#f0f3ea}.auth-tabs a{flex:1;text-align:center;padding:10px;border-radius:7px;font-size:12px;color:#8a977c}.auth-tabs a.active{background:#fff;color:var(--green);box-shadow:0 2px 6px #3a512114;font-weight:600}.login-form label>span{display:flex;align-items:center;gap:7px}.login-form label small{font-weight:400;color:#8d987f;font-size:10px;line-height:1.8}.password-field{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.password-field input{flex:1;border:0;outline:none!important}.password-field:focus-within{outline:2px solid #a2b598}.password-field button{padding:0 12px;display:grid;place-items:center;color:#87957a}.auth-switch{text-align:center;font-size:11px!important;margin-top:23px}.auth-switch a{font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:4px}.member-email{display:block;color:#a0aa94;font-size:9px;margin-top:4px}