@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;450;500;550;600;650;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#30382f;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#f7f6f2;--green:#405743;--green-dark:#2f4432;--muted:#92958a;--line:#e6e7df;--serif:"Noto Serif SC","Songti SC","STSong",serif}*{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{color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8b9e79;outline-offset:4px}button{border:0;background:none}input,select{max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin:0}::selection{background:#d9e0cf}[data-locked=true] .sensitive{visibility:hidden!important;pointer-events:none!important}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#f0f0e9;padding:35px 22px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 56px;position:relative}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;color:#607355;background:#e1e5d9;border-radius:12px;transform:rotate(-6deg)}.brand>span:nth-child(2){font-family:var(--serif);font-weight:700;font-size:25px;letter-spacing:5px;line-height:1.15}.brand small{display:block;font-family:inherit;font-size:8px;letter-spacing:2.2px;font-weight:500;margin-top:7px}.brand i{font-size:9px;font-style:normal;writing-mode:vertical-rl;letter-spacing:2px;border-left:1px solid #d6d9cd;padding-left:8px;color:#7f8878;position:absolute;right:1px;top:3px}.sidebar-label{font-size:10px;letter-spacing:2px;color:#929789;margin:0 15px 15px;display:flex;justify-content:space-between;align-items:center}.main-nav{display:flex;flex-direction:column;gap:7px}.main-nav>button{padding:13px 15px;display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.6px;border-radius:7px;color:#747e70;text-align:left;min-height:47px}.main-nav>button:disabled{opacity:.65}.main-nav>button.active{background:#e0e5d7;color:#41543a}.main-nav>button.active svg{stroke-width:2}.nav-count{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#7f8c73}.album-label{margin-top:35px;margin-bottom:9px}.tiny-button{display:grid;place-items:center;padding:2px;color:#858e7e}.sidebar-private{font-size:10px;color:#a1a598;display:flex;gap:8px;align-items:center;padding:14px 15px}.folder-nav{overflow:auto;max-height:35vh}.folder-nav>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 15px;font-size:12px;color:#7e8776;border-radius:5px}.folder-nav>button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-nav small{margin-left:auto;font-size:10px}.folder-dot{width:5px;height:5px;border:1px solid #8c9b7d;border-radius:50%;flex-shrink:0}.folder-nav>button.selected-folder{background:#e3e7db}.sidebar-bottom{margin-top:auto;padding-top:28px}.privacy-note{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.7px;color:#7e8b75;margin:0 12px 23px}.status-dot{width:5px;height:5px;border-radius:50%;background:#7b9064;box-shadow:0 0 0 3px #7b906410;display:inline-block;flex-shrink:0}.sidebar-footnote{border-top:1px solid #e0e3d8;padding:23px 12px 2px;color:#9a9f90;letter-spacing:2px;font-size:10px}.sidebar-action{display:flex;align-items:center;gap:12px;padding:11px 12px;font-size:12px;width:100%;color:#7d8875}.sidebar-action kbd{font:8px inherit;border:1px solid #d9ded0;padding:2px 4px;border-radius:3px;color:#9aa28f;margin-left:auto}.main-content{margin-left:238px}.topbar{height:87px;border-bottom:1px solid var(--line);padding:0 49px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;gap:16px;align-items:center;font-size:11px;color:#9a9e92;letter-spacing:.7px}.breadcrumb span:last-child{color:#626d5c}.slash{font-size:11px;color:#bdc1b3}.topbar-right{display:flex;align-items:center;gap:25px}.secure-label{font-size:10px;display:flex;align-items:center;gap:6px;color:#8c9682}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7e9dd;border:3px solid var(--paper);outline:1px solid #e3e5db;color:#7c8c6d;font-family:var(--serif);font-size:12px}.mobile-lock{display:none!important}.welcome-page{max-width:1390px;padding:59px 64px 26px;margin:auto}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2.1px;font-weight:500;color:#8b947e}.small-line{width:24px;height:1px;background:#93a083}.welcome-copy h1{font-family:var(--serif);font-size:43px;font-weight:500;letter-spacing:3px;line-height:1.65;margin-top:17px}.welcome-copy h1>span{color:#748461}.welcome-copy>p{font-size:11px;line-height:2.1;letter-spacing:1px;color:#929688;margin-top:16px}.welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:27px;margin-top:35px;align-items:stretch}.landscape{position:relative;min-height:380px;overflow:hidden;border-radius:5px;background:#a8ab90}.landscape>svg{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#233d3060)}.landscape-caption{position:absolute;bottom:35px;left:30px;right:20px;z-index:1;color:#f4f1df}.landscape-caption>span{font-size:8px;letter-spacing:3.1px;opacity:.7}.landscape-caption p{font-family:var(--serif);font-size:17px;letter-spacing:1.5px;margin-top:12px}.art-index{position:absolute;top:24px;left:27px;color:#fbf4e8b0;z-index:1;font-size:9px;letter-spacing:2px}.gate-card{border:1px solid #e3e4d9;background:#fbfbf7;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:37px 35px 26px;position:relative;min-height:405px;box-shadow:0 6px 35px #293d2203}.gate-icon{width:55px;height:55px;display:grid;place-items:center;color:#758461;background:#eef0e6;border:1px solid #e4e8db;border-radius:50%;margin-bottom:22px}.gate-card>.eyebrow{font-size:8px;letter-spacing:1.8px;color:#9a9f8b;margin-bottom:12px}.gate-card>h2{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:1px;line-height:1.7}.gate-card>p{font-size:11px;color:#919586;line-height:2.1;letter-spacing:.3px;margin-top:12px}.primary-button,.secondary-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:12px 19px;font-size:11px;letter-spacing:.5px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap}.primary-button{color:#f5f6ef;background:var(--green);border:1px solid var(--green)}.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary-button{background:#fbfbf7;border:1px solid #e0e3d7;color:#6d7c60}.secondary-button:hover:not(:disabled){background:#edf0e5}.gate-card>.primary-button{width:100%;max-width:285px;margin-top:28px}.gate-card>.primary-button>svg:last-child{margin-left:auto}.gate-card>.primary-button>svg:first-child{margin-right:auto}.text-button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#8b957f;padding:10px 5px;line-height:1.7}.gate-card>.text-button{margin-top:8px}.gate-security{border-top:1px solid #e9eadf;margin-top:22px;padding-top:16px;color:#9da390;font-size:9px;display:flex;align-items:center;gap:7px;width:100%;justify-content:center;letter-spacing:.1px}.welcome-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-bottom:10px;color:#a0a593;font-size:10px;letter-spacing:1px}.welcome-footer>span:last-child{display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:1.4px}.pin-form{width:100%;max-width:285px;margin-top:22px}.pin-form>label{display:flex;justify-content:space-between;font-size:10px;color:#8a947e;text-align:left;margin-bottom:9px}.pin-form>label>span{font-size:9px;color:#adb19f}.pin-input{display:block;width:100%;background:#f6f7ef;border:1px solid #dfe4d4;border-radius:5px;padding:11px 17px;letter-spacing:10px;font-size:19px;text-align:center;color:var(--green);height:48px}.pin-input::placeholder{color:#9ca88f;opacity:.8}.pin-form>.primary-button{width:100%;margin-top:13px;justify-content:space-between}.gate-card:has(.pin-form){padding-top:27px}.gate-card:has(.pin-form)>.gate-icon{margin-bottom:15px;width:47px;height:47px}.gate-card:has(.pin-form)>.eyebrow{margin-bottom:8px}.gate-card:has(.pin-form)>.text-button{margin-top:1px}.gate-card:has(.pin-form)>.gate-security{margin-top:9px}.pending-status{background:#edf0e3;color:#7d8f68;display:flex;gap:9px;align-items:center;border:1px solid #e1e7d5;padding:10px 15px;border-radius:5px;font-size:11px;margin-top:23px}.gate-card>.field-label{text-align:left;width:100%;margin-top:22px;max-width:285px}.gate-card>.field-label+.primary-button{margin-top:15px}.gate-card>.error-message{margin-top:14px}.spinner{height:24px;width:24px;border:2px solid #c9d0be;border-top-color:#60774d;border-radius:50%;animation:spin .8s linear infinite;margin:25px auto}@keyframes spin{to{transform:rotate(360deg)}}.library-page{padding:51px 49px 22px;min-height:calc(100vh - 87px);max-width:1700px;margin:auto;display:flex;flex-direction:column}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.page-heading h1{font-family:var(--serif);font-size:35px;font-weight:500;letter-spacing:3px;margin-top:10px;overflow-wrap:anywhere}.title-dot{color:#a2aa8c;margin-left:5px}.page-heading p{font-size:11px;letter-spacing:.5px;color:#969c8b;margin-top:14px}.heading-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.heading-actions .primary-button,.heading-actions .secondary-button{font-size:11px;min-height:40px;padding:10px 15px}.collection-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:6px}.filter-tabs>button{padding:8px 15px;border-radius:5px;font-size:11px;color:#919a85;white-space:nowrap}.filter-tabs>button.active{background:#e7ebdf;color:#5b714d}.search-box{display:flex;align-items:center;gap:9px;color:#a0aa94}.search-box input{font-size:10px;border:0;background:transparent;padding:8px 0;width:146px;color:#5c6b51}.search-box input::placeholder{color:#a2aa97}.section-bar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px;gap:15px;font-size:11px;color:#7e8872;letter-spacing:.3px}.section-bar>span{display:flex;align-items:center;gap:9px}.section-bar small{font-size:9px;color:#a1aa95;padding-left:4px}.muted-small{font-size:9px;color:#a1aa95}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 21px}.media-card{padding:0;text-align:left;min-width:0;animation:appear .35s ease both}.media-image{position:relative;aspect-ratio:1.2;border-radius:5px;overflow:hidden;background:#e7e9e0;display:flex;align-items:center;justify-content:center}.media-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.media-card:hover .media-image img{transform:scale(1.045)}.media-hover{position:absolute;inset:0;background:#263c3540;display:grid;place-items:center;opacity:0;color:#fff;transition:opacity .2s}.media-card:hover .media-hover{opacity:1}.media-caption{padding:13px 1px 0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.media-caption>span{font-size:11px;color:#53614b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-caption>small{font-size:9px;color:#a0a893;letter-spacing:.3px}.media-badge{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:#23352a70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:8px;color:#fff;letter-spacing:.7px}.media-no-preview{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9da98d;font-size:10px}.load-more{align-self:center;margin:32px 0 20px;min-width:180px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 20px 65px;flex:1;justify-content:center;min-height:410px}.empty-art{width:150px;height:125px;position:relative;display:grid;place-items:center;margin-bottom:25px}.empty-frame{position:relative;z-index:1;transform:rotate(-8deg);height:98px;width:107px;display:grid;place-items:center;border-radius:5px;border:1px solid #cfd7c2;background:#edf0e5;box-shadow:5px 7px #e4e9da;color:#b5c2a1}.empty-frame>span{position:absolute;width:14px;height:4px;background:#cbd4ba;bottom:13px;right:16px;border-radius:2px}.empty-art>i{position:absolute;left:9px;bottom:12px;width:20px;height:40px;border-left:1px solid #b8c4a8;border-radius:70%;transform:rotate(-30deg)}.empty-art>b{position:absolute;right:8px;top:7px;width:24px;height:24px;border:1px solid #d7decb;border-radius:50%}.empty-state>.eyebrow{font-size:8px;letter-spacing:2.1px}.empty-state h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:2px;margin-top:15px}.empty-state p{font-size:11px;color:#99a08e;line-height:2;max-width:370px;white-space:pre-line;margin-top:15px}.empty-state>.primary-button,.empty-state>.secondary-button{margin-top:23px}.empty-formats{font-size:9px;color:#abb29f;margin-top:18px;letter-spacing:1px}.library-footer{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;border-top:1px solid #e6e9de;color:#a5ad99;font-size:9px;letter-spacing:.4px;gap:20px}.library-footer>span{display:flex;align-items:center;gap:7px}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-bottom:45px}.folder-cover{width:100%;aspect-ratio:1.3;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#e5e8dc;padding:0}.folder-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.folder-cover:hover img{transform:scale(1.04)}.folder-cover-empty{display:flex;flex-direction:column;align-items:center;gap:16px;color:#a4b392;font-size:10px;letter-spacing:1px}.folder-cover-shade{position:absolute;inset:0;border:1px solid #384a2910;border-radius:inherit;pointer-events:none}.folder-card-title{display:flex;justify-content:space-between;align-items:center;padding-top:14px;gap:10px}.folder-card-title>button:first-child{text-align:left;min-width:0;padding:0}.folder-card-title h3{font-family:var(--serif);font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-card-title span{display:block;font-size:9px;color:#a0a992;margin-top:7px}.new-folder-card{border:1px dashed #d7dfca;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;aspect-ratio:1.02;margin-bottom:2px;background:#f3f5ed}.new-folder-card>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e0ca;border-radius:50%;color:#99a687}.new-folder-card strong{font-weight:400;font-size:12px;color:#8b9b78}.new-folder-card small{font-size:9px;color:#acb59d}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0;border-radius:5px;color:#8b977c}.icon-button:hover{background:#88987312}.inline-error{background:#f5e9e3;color:#a46b55;padding:14px 18px;margin:20px 0;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.inline-error .text-button{color:inherit;flex-shrink:0}.error-message{font-size:11px!important;line-height:1.8!important;color:#ac6c57!important;text-align:left;letter-spacing:0!important}.skeleton{aspect-ratio:1.2;border-radius:5px;background:linear-gradient(100deg,#e9ece2 20%,#f0f2e9,#e9ece2 60%);background-size:200%;animation:shimmer 1.7s infinite}.skeleton-grid{margin-top:25px;margin-bottom:40px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:28px;background:#26322260;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:appear .15s ease}.modal{width:100%;max-width:480px;background:#fafbf5;border:1px solid #eef0e5;border-radius:10px;padding:28px 30px;max-height:calc(100dvh - 56px);overflow:auto;box-shadow:0 25px 100px #1d30142b}.modal-wide{max-width:710px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.modal-head h2{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:1px;margin-top:9px}.modal-head .eyebrow{font-size:8px;letter-spacing:1.6px}.modal-head>.icon-button{margin:-5px -7px 0 0}.field-label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#7f8d71;margin-bottom:18px}.field-label input,.field-label select{width:100%;border:1px solid #dfe5d5;background:#f4f6ed;border-radius:5px;padding:12px 13px;color:#526647;font-size:12px;min-height:42px}.field-label input::placeholder{color:#afb8a0}.field-label small{font-size:9px;color:#a3ad95}.field-row{display:flex;gap:15px}.field-row>*{flex:1;min-width:0}.form-note{font-size:10px;line-height:1.9;color:#a4ad98}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px;margin-top:28px}.modal-actions>.danger-text{margin-right:auto}.danger-text{display:flex;align-items:center;gap:7px;font-size:10px;color:#b68c7c;padding:8px 0}.danger-button{border-radius:5px;background:#a96852;color:#fff5ed;font-size:10px;padding:10px 14px;white-space:nowrap}.delete-confirm{margin-top:18px;background:#f4ebe4;border-radius:5px;padding:15px;color:#a97c64;font-size:11px;line-height:1.9}.delete-confirm>.danger-button{margin-top:10px}.security-banner{display:flex;align-items:flex-start;gap:14px;background:#ecf0e3;border:1px solid #e1e8d5;border-radius:5px;padding:17px;color:#849970}.security-banner strong{font-size:12px;font-weight:500}.security-banner p{font-size:10px;line-height:1.9;color:#96a583;margin-top:7px}.form-section-title{font-weight:500;font-size:13px;margin:25px 0 19px}.full-width{width:100%}.logout-button{margin:15px auto 0}.drop-zone{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #cbd6ba;background:#f1f4e9;border-radius:6px;padding:26px 18px 22px;transition:background .2s}.drop-zone.dragging{background:#e4edda;border-color:#819b67}.upload-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:12px;background:#e3e9d8;color:#8da378;margin-bottom:16px}.drop-zone>strong{font-family:var(--serif);font-weight:500;font-size:17px;letter-spacing:1px}.drop-zone>p{font-size:10px;color:#99a48c;margin-top:9px}.drop-zone>.secondary-button{margin-top:18px;padding:9px 18px;min-height:36px;background:#fafbf5}.drop-zone>small{font-size:9px;color:#adb69e;margin-top:14px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.upload-destination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:19px 0;color:#9eaa90;font-size:10px}.upload-destination>label{display:flex;align-items:center;gap:10px;color:#889a77}.upload-destination select{background:#f1f4e9;border:1px solid #e1e8d5;border-radius:4px;padding:7px 28px 7px 9px;color:#7c9168;font-size:10px;max-width:250px}.upload-list{border:1px solid #e4e9da;border-radius:6px;overflow:hidden;max-height:280px;overflow-y:auto}.upload-item{padding:16px 13px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e8ecdf}.upload-item:last-child{border-bottom:0}.upload-item-icon{display:grid;place-items:center;border-radius:5px;width:34px;height:38px;background:#edf1e3;color:#9bad88;flex-shrink:0}.upload-item-main{flex:1;min-width:0}.upload-item-main>strong{font-size:11px;display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#657a55}.upload-item-main>small{display:block;font-size:9px;color:#a1ae92;margin-top:6px;overflow-wrap:anywhere}.upload-item.done>.icon-button,.upload-item.done>svg{color:#7d9b61}.upload-status{display:flex;justify-content:space-between;font-size:9px;color:#a2af92;margin-top:9px;gap:10px}.upload-item.done .upload-status{color:#7d9b61}.upload-item.error .upload-status{color:#ad7961}.progress-track{height:3px;overflow:hidden;background:#e3e9d8;border-radius:5px;margin-top:9px}.progress-track>span{display:block;height:100%;background:#8ca573;border-radius:5px;transition:width .2s}.pair-select{font-size:9px;background:#f3f6ec;border:1px solid #e1e8d5;border-radius:3px;padding:5px;margin-top:9px;color:#8da276;width:100%;max-width:280px}.upload-item-main>.error-message{margin-top:7px;font-size:10px!important}.upload-diagnostics{margin-top:20px;border:1px solid #e7ebde;border-radius:5px;padding:13px 14px;color:#8f9f7e}.upload-diagnostics>summary{display:flex;align-items:center;gap:8px;font-size:10px;cursor:pointer;list-style:none}.upload-diagnostics>summary::-webkit-details-marker{display:none}.upload-diagnostics>summary>span{margin-left:auto;font-size:9px;color:#acb69e}.upload-diagnostics p{font-size:10px;line-height:2;color:#a1ad93;margin-top:12px}.upload-actions{border-top:1px solid #e7ebdd;padding-top:20px;margin-top:22px;justify-content:space-between}.upload-actions>span{font-size:9px;display:flex;align-items:center;gap:6px;color:#a5b195}.toast{position:fixed;bottom:29px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;color:#eff5e6;background:#405839;border:1px solid #788d6470;box-shadow:0 5px 35px #24371920;border-radius:7px;padding:14px 23px;font-size:12px;max-width:90vw;line-height:1.6}.lightbox{position:fixed;inset:0;z-index:60;background:#111713;color:#e8eddf;display:flex;flex-direction:column;animation:appear .15s ease}.lightbox-header{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.lightbox-header>div{display:flex;align-items:center;gap:25px}.lightbox-brand{display:flex;gap:10px;align-items:center;font-family:var(--serif);font-size:19px;letter-spacing:3px;color:#becbb0}.lightbox-count{font-size:10px;color:#65735d;letter-spacing:2px;border-left:1px solid #34412e;padding-left:25px}.lightbox-private{display:flex;align-items:center;gap:6px;color:#738269;font-size:10px}.lightbox .icon-button{color:#95a18b}.lightbox .icon-button:hover{background:#afc39915}.lightbox-body{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:5px 85px 20px}.lightbox-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.lightbox-stage>img,.lightbox-stage>video{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:3px;display:block}.lightbox-nav{position:absolute;top:50%;width:40px;height:50px;display:grid;place-items:center;color:#788970}.lightbox-nav.prev{left:20px;transform:rotate(180deg)}.lightbox-nav.next{right:20px}.lightbox-nav:disabled{opacity:.15}.lightbox-footer{min-height:101px;margin:0 35px;padding:24px 5px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #23301f;flex-shrink:0}.lightbox-meta{min-width:0}.lightbox-meta h2{font-size:13px;font-weight:400;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.lightbox-meta p{font-size:9px;letter-spacing:.5px;color:#6e8063;margin-top:10px;display:flex;gap:10px}.lightbox-tools{display:flex;align-items:center;gap:15px}.lightbox-tools>label{display:flex;align-items:center;gap:9px;color:#92a181}.lightbox-tools select{font-size:11px;border:0;background:#1b2718;color:#a2b491;padding:8px 11px;border-radius:4px;max-width:140px}.preview-status{text-align:center;color:#839674;max-width:440px;display:flex;align-items:center;flex-direction:column;gap:15px}.preview-status>p{font-size:11px;line-height:2;color:#8c9a81}.preview-status>.spinner{margin:0}.preview-status h3{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:1px;margin-top:8px;color:#a8b99a}.preview-error>.secondary-button{background:#25331f;border-color:#3a4c31;color:#9db38a;font-size:10px;margin-top:7px}.live-toggle{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:10px;color:#e6f1dc;background:#24301fd0;padding:9px 14px;border:1px solid #acbc9650;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.live-toggle.playing{color:#d8e6ae;border-color:#a1bb6b}.lightbox-delete{position:absolute;bottom:110px;right:35px;background:#283021;border:1px solid #66734880;border-radius:6px;box-shadow:0 5px 30px #0004;display:flex;align-items:center;gap:15px;padding:17px;font-size:11px;color:#bbc5a7}.lightbox-delete .text-button{color:#b1c296}@media(min-width:1440px){.welcome-page{padding:69px 80px 30px}.welcome-copy h1{font-size:49px}.welcome-grid{margin-top:41px;gap:35px}.landscape,.gate-card{min-height:425px}.gate-card{padding:35px 50px}.welcome-copy>p{font-size:12px}.gate-card>h2{font-size:24px}.media-grid,.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1750px){.welcome-page{padding-top:80px}.welcome-grid{margin-top:50px}.landscape,.gate-card{min-height:470px}}@media(max-width:1190px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.brand{margin-left:7px;margin-right:7px}.brand i{display:none}.main-content{margin-left:205px}.topbar{padding:0 32px;height:76px}.welcome-page{padding:43px 36px 22px}.welcome-copy h1{font-size:37px}.welcome-grid{gap:20px;margin-top:28px;grid-template-columns:.9fr 1fr}.landscape-caption{left:22px;bottom:28px}.landscape-caption p{font-size:14px}.gate-card{padding:30px 23px 22px}.gate-card>h2{font-size:19px}.gate-card>p{font-size:10px}.gate-card>.primary-button{font-size:10px;padding:12px 13px}.gate-security{font-size:8px;letter-spacing:0}.welcome-footer>span:last-child{font-size:6px;letter-spacing:1px;gap:8px}.library-page{padding:40px 32px 24px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:30px}.page-heading p{font-size:10px}.heading-actions .secondary-button{display:none}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.media-grid,.folder-grid{gap:24px 17px}.search-box input{width:120px}.filter-tabs>button{padding:8px 11px}.section-bar .muted-small{font-size:8px}}@media(max-width:960px){.sidebar{width:178px;padding-left:12px;padding-right:12px}.brand>span:nth-child(2){font-size:22px}.brand-symbol{height:35px;width:35px;border-radius:10px}.brand{gap:9px}.brand small{font-size:7px;letter-spacing:1.7px}.brand{margin-bottom:43px}.sidebar-label{font-size:9px;margin-left:12px}.main-nav>button{font-size:12px;padding:12px;gap:11px}.nav-count{font-size:9px}.sidebar-private{font-size:9px;padding-left:12px;gap:5px}.privacy-note{font-size:8px;gap:7px;margin-left:10px}.sidebar-footnote{font-size:9px;letter-spacing:1px}.main-content{margin-left:178px}.welcome-page{padding:39px 29px 22px}.welcome-copy h1{font-size:33px;letter-spacing:2px}.welcome-grid{grid-template-columns:.8fr 1fr;gap:16px}.gate-card{padding:27px 19px 21px;min-height:380px}.gate-card>h2{font-size:17px;letter-spacing:.3px}.gate-icon{height:47px;width:47px;margin-bottom:18px}.gate-card>.eyebrow{font-size:7px;letter-spacing:1.3px}.gate-card>.primary-button{gap:7px;font-size:10px}.landscape-caption p{font-size:12px;letter-spacing:1px}.landscape-caption>span{font-size:7px;letter-spacing:2px}.landscape-caption{left:18px}.art-index{left:18px;font-size:8px}.gate-security{font-size:7px;gap:5px;white-space:nowrap}.gate-security svg{width:12px}.welcome-footer>span:last-child{display:none}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.welcome-copy>p{font-size:10px}.topbar{padding:0 28px}.secure-label{font-size:9px}.topbar-right{gap:17px}.breadcrumb{font-size:10px;gap:10px}.media-grid,.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.heading-actions{margin-top:21px}.heading-actions .primary-button{font-size:10px;padding:10px 12px;gap:7px}.page-heading p{max-width:235px;line-height:1.9}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.library-page{padding-left:27px;padding-right:27px}.collection-toolbar{gap:9px;flex-wrap:wrap}.search-box{margin-left:auto}.filter-tabs>button{padding:7px 10px;font-size:10px}.empty-state{padding:40px 10px 55px}.empty-state h2{font-size:21px}.library-footer>span:last-child{font-size:8px}.sidebar-action{font-size:10px;gap:10px}.sidebar-action kbd{display:none}}@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:21px 23px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;background:#f0f0e9}.brand{margin:0;gap:10px}.brand-symbol{width:33px;height:33px}.brand-symbol svg{width:24px}.brand>span:nth-child(2){font-size:22px;letter-spacing:4px}.brand small{display:none}.brand i{display:block;position:static;writing-mode:initial;border-left:1px solid #d6d9cd;padding-left:11px;font-size:9px;letter-spacing:1px;margin-left:3px}.sidebar-label,.folder-nav,.sidebar-private,.sidebar-bottom{display:none}.main-nav{flex-direction:row;margin-left:auto;gap:4px}.main-nav>button{padding:8px;font-size:10px;min-height:33px;gap:5px;border-radius:4px}.main-nav>button svg{width:16px;height:16px}.main-nav>button:nth-child(3){display:none}.main-nav>button>span:not(.nav-count){display:none}.main-nav .nav-count{font-size:9px}.main-content{margin-left:0}.topbar{height:62px;padding:0 25px}.breadcrumb{font-size:9px;gap:12px}.secure-label{font-size:9px}.avatar{height:27px;width:27px;font-size:10px}.topbar-right{gap:15px}.mobile-lock{display:inline-flex!important;width:25px;height:25px}.topbar:has(.mobile-lock) .avatar{display:none}.welcome-page{padding:34px 25px 22px;max-width:600px}.welcome-copy h1{font-size:35px;line-height:1.6;margin-top:17px;letter-spacing:2.5px}.welcome-copy>p{font-size:11px;margin-top:16px;line-height:2}.welcome-copy .eyebrow{font-size:7px;letter-spacing:1.3px}.welcome-grid{grid-template-columns:1fr;margin-top:28px;gap:19px}.landscape{min-height:215px}.landscape>svg{height:auto;top:-147px;transform:translateY(-3%)}.landscape-caption{bottom:22px;left:22px}.landscape-caption p{font-size:16px;letter-spacing:1px;margin-top:8px}.landscape-caption>span{font-size:7px;letter-spacing:2px}.art-index{top:20px;left:22px;font-size:8px}.gate-card{min-height:365px;padding:30px 30px 23px}.gate-card>h2{font-size:22px;letter-spacing:.7px}.gate-card>.eyebrow{font-size:8px;letter-spacing:2px}.gate-card>p{font-size:11px;line-height:2}.gate-card>.primary-button{font-size:11px;min-height:44px}.gate-security{font-size:9px;gap:6px;letter-spacing:.1px}.gate-security svg{width:14px}.gate-card>.text-button{font-size:10px;margin-top:10px}.welcome-footer{margin-top:23px}.welcome-footer>span:first-child{font-size:9px;letter-spacing:1.5px}.welcome-footer>span:last-child{display:flex;font-size:0;gap:0}.welcome-footer>span:last-child svg{width:17px}.library-page{padding:32px 23px 24px;min-height:calc(100vh - 138px)}.page-heading{margin-bottom:25px;align-items:center;gap:10px}.page-heading h1{font-size:28px;letter-spacing:2px}.page-heading .eyebrow{font-size:6px;letter-spacing:1.2px}.page-heading p{font-size:9px;line-height:1.9;max-width:220px;margin-top:10px}.heading-actions{margin-top:12px}.heading-actions .primary-button{min-height:37px;font-size:10px;padding:9px 11px;gap:6px}.collection-toolbar{padding-bottom:17px;gap:12px}.filter-tabs{gap:3px}.filter-tabs>button{padding:7px 10px;font-size:10px}.search-box input{width:112px;font-size:9px}.search-box>svg{width:15px}.media-grid{gap:22px 14px}.media-image{aspect-ratio:.94}.media-caption>span{font-size:10px}.media-caption>small{font-size:8px}.media-caption{gap:5px;padding-top:10px}.media-badge{font-size:7px;left:8px;bottom:8px;padding:4px 5px;gap:4px}.media-badge svg{width:11px;height:11px}.section-bar{margin:23px 0 18px;font-size:10px}.section-bar .muted-small{font-size:7px;gap:5px}.section-bar .muted-small svg{width:12px}.section-bar small{font-size:8px}.folder-grid{gap:25px 15px}.folder-card-title h3{font-size:13px}.folder-card-title>button.icon-button{width:25px}.folder-card-title span{font-size:8px}.folder-card-title{padding-top:12px}.folder-cover-empty svg{width:31px;height:31px}.folder-cover-empty span{font-size:8px}.new-folder-card{aspect-ratio:.91;gap:11px}.new-folder-card strong{font-size:11px}.new-folder-card small{font-size:8px}.new-folder-card>span{width:33px;height:33px}.empty-state{padding:39px 10px 45px;min-height:420px}.empty-state h2{font-size:21px}.empty-state p{font-size:10px;max-width:290px}.empty-state>.eyebrow{font-size:7px}.empty-state>.primary-button{font-size:11px}.empty-formats{font-size:8px}.library-footer{padding-top:23px;gap:10px;font-size:8px;align-items:center}.library-footer>span:last-child{font-size:7px;max-width:145px;text-align:right}.library-footer svg{width:12px;height:12px}.modal-backdrop{padding:15px;align-items:center}.modal{padding:24px 22px;max-height:calc(100dvh - 30px);border-radius:8px}.modal-head{margin-bottom:25px}.modal-head h2{font-size:21px}.modal-head .eyebrow{font-size:7px;letter-spacing:1.3px}.field-label{font-size:10px}.field-label input,.field-label select{font-size:12px;padding:12px}.field-row{gap:12px}.upload-destination>span{font-size:8px}.upload-destination>label{gap:7px;font-size:10px}.upload-destination select{font-size:10px;max-width:155px;padding-right:8px}.drop-zone{padding:23px 10px 20px}.drop-zone>strong{font-size:15px;letter-spacing:.3px}.drop-zone>p{font-size:9px}.drop-zone>small{font-size:8px;max-width:250px;line-height:1.9}.upload-list{max-height:250px}.upload-item{padding:13px 10px;gap:10px}.upload-item-main>strong{font-size:10px}.upload-item-main>small{font-size:8px}.upload-item-icon{width:28px;height:33px}.upload-item-icon svg{width:17px}.upload-item>.icon-button{width:22px;height:26px;padding:3px}.upload-actions{gap:12px}.upload-actions>span{font-size:8px;max-width:100px;line-height:1.7;gap:6px}.upload-actions>.primary-button,.upload-actions>.secondary-button{font-size:10px;padding:10px 13px}.upload-diagnostics>summary{font-size:9px;gap:5px}.upload-diagnostics>summary>span{font-size:8px}.upload-diagnostics p{font-size:9px}.lightbox-header{height:66px;padding:0 19px}.lightbox-header>div{gap:15px}.lightbox-brand{font-size:17px;gap:7px}.lightbox-brand svg{width:20px}.lightbox-count{font-size:9px;letter-spacing:1px;padding-left:15px}.lightbox-private{font-size:9px;gap:4px}.lightbox-header .icon-button{width:29px}.lightbox-body{padding:0 0 23px}.lightbox-nav{z-index:2;width:31px;height:45px;background:#16201260;border:1px solid #a2bc7c20;border-radius:5px;top:auto;bottom:33px;color:#a8b996}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}.lightbox-nav>svg{width:20px}.lightbox-footer{margin:0 19px;padding:19px 0;flex-direction:column;align-items:stretch;gap:20px;min-height:140px}.lightbox-meta h2{max-width:90vw;font-size:12px}.lightbox-meta p{font-size:8px;gap:7px;margin-top:8px;flex-wrap:wrap;line-height:1.8}.lightbox-tools{justify-content:flex-end;gap:14px}.lightbox-tools>label{margin-right:auto}.lightbox-tools select{font-size:10px;max-width:150px}.lightbox-tools>.icon-button{width:29px;height:29px}.lightbox-delete{left:19px;right:19px;bottom:155px;flex-wrap:wrap;gap:12px;padding:15px;font-size:10px}.lightbox-delete>span{flex-basis:100%}.preview-status{padding:20px 35px;max-width:400px}.preview-status h3{font-size:18px}.preview-status>p{font-size:10px}.preview-error>.secondary-button{font-size:10px}.live-toggle{top:5px;font-size:9px;padding:7px 11px}.toast{bottom:20px;font-size:11px;white-space:normal;padding:13px 18px;min-width:180px;justify-content:center}}@media(max-width:380px){.sidebar{padding-left:18px;padding-right:18px}.brand i{display:none}.welcome-page{padding-left:20px;padding-right:20px}.welcome-copy h1{font-size:31px}.gate-card{padding-left:21px;padding-right:21px}.gate-card>h2{font-size:20px}.gate-security{font-size:8px}.library-page{padding-left:18px;padding-right:18px}.collection-toolbar{flex-direction:column;align-items:stretch}.search-box{margin-left:8px}.search-box input{width:100%}.heading-actions .primary-button{font-size:9px;padding:9px;gap:4px}.page-heading h1{font-size:25px}.page-heading p{max-width:175px;font-size:8px}.page-heading .eyebrow{font-size:5px}.filter-tabs{justify-content:space-between}.section-bar .muted-small{display:none}.media-grid{gap:20px 11px}.modal{padding:22px 18px}.upload-actions>span{font-size:7px}.upload-destination select{max-width:133px}.upload-diagnostics>summary>span{display:none}}.modal-head:not(:has(.eyebrow)) h2{margin-top:0;line-height:32px}.modal-head:not(:has(.eyebrow))>.icon-button{margin:0;width:32px;height:32px;padding:0;display:grid;place-items:start end}.minimal-shell .main-content{margin-left:0;width:100%;min-height:100dvh}.minimal-shell .welcome-page{max-width:none;margin:0;padding:24px;min-height:100dvh;display:grid;place-items:center}.minimal-shell .welcome-grid{display:block;width:100%;max-width:420px;margin:0}.minimal-shell .gate-card{min-height:0;padding:32px;border-radius:12px;background:#fff;box-shadow:none;display:flex;flex-direction:column;align-items:stretch}.minimal-shell .gate-icon{width:42px;height:42px;margin-bottom:20px;align-self:flex-start}.minimal-shell .gate-card>.eyebrow,.minimal-shell .gate-security,.minimal-shell .empty-state>.eyebrow,.minimal-shell .empty-art,.minimal-shell .section-bar>.muted-small{display:none}.minimal-shell .gate-card>h2{font-family:inherit;font-size:22px;letter-spacing:0;line-height:1.5}.minimal-shell .gate-card>p{font-size:13px;line-height:1.8;margin-top:12px}.minimal-shell .library-page{width:100%;max-width:1600px;margin:0 auto;padding:32px clamp(20px,4vw,64px)}.minimal-shell .page-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.minimal-shell .page-heading h1{font-family:inherit;font-size:24px;letter-spacing:0;font-weight:550;line-height:1.4}.minimal-shell .heading-actions{display:flex;align-items:center;gap:10px;margin:0;flex-shrink:0}.minimal-shell .heading-actions .primary-button{font-size:13px;padding:10px 15px;gap:7px;margin-inline-end:14px}.minimal-shell .heading-actions .icon-button{width:36px;height:36px;display:grid;place-items:center}.folder-heading-title{display:flex;align-items:center;gap:10px;min-width:0}.folder-heading-title h1{min-width:0;overflow-wrap:anywhere}.folder-back{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center}.minimal-shell .collection-toolbar{margin-bottom:18px}.minimal-shell .empty-state{padding:64px 20px;min-height:260px}.minimal-shell .empty-state h2{font-family:inherit;font-size:20px;letter-spacing:0}.minimal-shell .empty-state p{font-size:12px;line-height:1.8}.minimal-shell .section-bar{margin-top:0}.minimal-shell .folder-cover-empty>span,.minimal-shell .new-folder-card>small{display:none}@media(max-width:720px){.minimal-shell .library-page{padding:22px 16px}.minimal-shell .page-heading{align-items:center;gap:10px;margin-bottom:18px}.minimal-shell .page-heading h1{font-size:21px}.minimal-shell .heading-actions{gap:5px}.minimal-shell .heading-actions .primary-button{font-size:12px;padding:9px 11px}.minimal-shell .heading-actions .icon-button{width:32px;height:32px}.minimal-shell .gate-card{padding:28px 24px}.minimal-shell .welcome-page{padding:20px}.minimal-shell .filter-tabs{width:100%;justify-content:flex-start}.minimal-shell .collection-toolbar{align-items:stretch;gap:12px}.minimal-shell .search-box{margin-left:0}.minimal-shell .search-box input{width:100%;min-width:0}.minimal-shell .media-grid,.minimal-shell .folder-grid{gap:18px 12px}}.pin-lock-page{min-height:100dvh;width:100%;padding:24px;display:grid;place-items:center}.pin-lock-content{width:min(100%,280px)}.pin-lock-panel{display:flex;flex-direction:column;align-items:stretch;gap:18px}.pin-lock-form{margin:0;width:100%}.pin-entry{position:relative;width:100%;height:52px}.pin-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%}.pin-cell{display:grid;place-items:center;min-width:0;border:1px solid #d9dfd2;border-radius:7px;background:#fff;color:var(--green-dark);font-size:23px;line-height:1;transition:border-color .15s,box-shadow .15s}.pin-entry:focus-within .pin-cell.active{border-color:#829276;box-shadow:0 0 0 3px #82927615}.pin-entry[data-invalid=true] .pin-cell{border-color:#b76f65}.pin-entry[data-busy=true]{opacity:.65}.pin-lock-input{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:text;appearance:none}.pin-lock-input:focus{outline:none}.pin-lock-switch{align-self:center;padding:8px 12px;font-size:13px;line-height:1.5;color:#7a8473}.pin-lock-switch:hover{color:var(--green-dark)}.passkey-login-panel{width:min(100%,280px);display:flex;flex-direction:column;align-items:stretch;gap:18px}.passkey-login-button{width:100%;min-height:54px;padding:14px 20px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff;font-size:14px;font-weight:500;line-height:1.5;transition:background .15s,border-color .15s}.passkey-login-button:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.passkey-login-button.has-error{border-color:#b76f65;box-shadow:0 0 0 2px #b76f6520}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}