:root{color:#26382f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#315847;--muted:#829087;--line:#e7ebe4;--surface:#fff;--soft:#eff3e9;background:#f8f9f6;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a1bc81}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0}button svg{pointer-events:none}button{background:0 0;border:0}button,input,select{transition:background .15s,border-color .15s}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#f0f3ec;border-right:1px solid #e3e8dc;flex-direction:column;width:242px;padding:32px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.04em;align-items:center;gap:11px;padding:0 10px;font-size:19px;font-weight:700;display:flex}.brand small{color:#87947c;letter-spacing:.18em;margin-top:5px;font-size:9px;font-weight:600;display:block}.brand-dot{background:#b8cc91;border-radius:50%;width:6px;height:6px;margin-left:auto}.workspace-label{color:#8b9683;letter-spacing:.12em;margin:22px 12px 28px;font-size:11px}.nav-item{color:#74806f;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:45px;margin-bottom:5px;padding:12px 14px;font-size:13px;display:flex}.nav-item.active{color:#315438;background:#e1e9d7;font-weight:650}.nav-item:hover{color:var(--green);background:#e7eddf}.nav-dot{background:#adbd9c;border-radius:50%;width:5px;height:5px;margin-left:auto}.folder-heading{color:#919b89;letter-spacing:.08em;justify-content:space-between;align-items:center;margin:31px 13px 9px;font-size:11px;display:flex}.folder-nav{flex:1;min-height:50px;overflow:auto}.folder-item{gap:11px;font-size:12px}.folder-item>svg{color:#a2ad9b;margin-left:auto}.folder-color{display:flex}.color-0{color:#90a578!important}.color-1{color:#a99dc3!important}.color-2{color:#c69e7c!important}.color-3{color:#87acb5!important}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-hint{color:#a1aa99;padding:12px 14px;font-size:11px;line-height:1.9}.sidebar-bottom{margin-top:20px}.sync-note{color:#9ba58f;align-items:center;gap:7px;margin:13px 14px 18px;font-size:10px;display:flex}.sync-note svg{margin-left:auto}.status-dot{background:#bdc6b4;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.online{background:#82a46b}.woliu-link{color:#9aa48e;border-top:1px solid #dfe5d8;justify-content:space-between;margin:16px 12px 0;padding-top:18px;font-size:10px;display:flex}.main-shell{margin-left:242px}.topbar{border-bottom:1px solid var(--line);background:#fcfcfa;justify-content:space-between;align-items:center;height:81px;padding:0 46px;display:flex}.breadcrumb{color:#9ca699;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb strong{color:#5c6e5d;font-weight:500}.topbar-right{align-items:center;gap:26px;display:flex}.cloud-pill{letter-spacing:.12em;color:#9ba78e;align-items:center;gap:7px;font-size:8px;display:flex}.account-button{color:#71816c;align-items:center;gap:9px;font-size:11px;display:flex}.avatar{color:#6b7e56;background:#e9eddc;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}main{max-width:1700px;margin:0 auto;padding:43px 46px 24px}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:.2em;color:#9ba88f;margin:0 0 13px;font-size:8px;font-weight:600}h1{letter-spacing:.015em;font-size:29px;font-weight:650;line-height:1.4}.heading-dot{color:#aabf87;margin-left:2px}.intro-description{color:#939d8e;margin-top:9px;font-size:12px;line-height:1.8}.intro-actions{gap:10px;padding-top:13px;display:flex}.button{white-space:nowrap;color:#6b7d66;background:#fff;border:1px solid #dfe5db;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:10px 15px;font-size:11px;display:inline-flex}.button:hover{background:#f3f6ee;border-color:#b7c5aa}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 7px #31584713}.button.primary:hover{background:#244735}.button.compact{min-height:30px;padding:6px 11px}.button.danger{color:#b47869;background:#fff;border-color:#eadbd5}.full{width:100%}.icon-button{color:#8c9a84;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover{color:var(--green);background:#eaf0e2}.welcome-banner{background:#edf1e5;border:1px solid #e1e7d8;border-radius:13px;justify-content:space-between;align-items:center;min-height:166px;margin-bottom:30px;padding:27px 32px;display:flex;position:relative;overflow:hidden}.banner-kicker{color:#8b9b76;letter-spacing:.04em;align-items:center;gap:7px;font-size:10px;display:flex}.welcome-banner h2{letter-spacing:.06em;color:#4d6241;margin-top:13px;font-size:23px;font-weight:600}.welcome-banner p{color:#8d9b7f;margin-top:9px;font-size:11px;line-height:1.8}.banner-stickers{align-items:center;gap:8px;margin-right:28px;padding-left:30px;display:flex;position:relative}.sticker{color:#836e53;text-align:center;border:3px solid #fffaf4;border-radius:13px;min-width:110px;padding:22px 14px;font-size:24px;box-shadow:0 4px 9px #66734b12}.sticker small{letter-spacing:.04em;margin-top:10px;font-size:9px;font-weight:500;display:block}.sticker.peach{z-index:2;background:#f4e3c8;transform:rotate(-9deg)}.sticker.lilac{color:#817493;background:#e3dff0;margin-top:19px;transform:rotate(10deg)}.sticker-spark{color:#b8c699;font-size:26px;position:absolute;top:-4px;right:-23px}.toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:34px;margin-bottom:24px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:10px;min-width:0;display:flex}.section-label{color:#536b4b;font-size:13px;font-weight:650}.search{color:#a2ac9a;background:#fff;border:1px solid #e5e9e0;border-radius:7px;align-items:center;gap:8px;min-width:205px;padding:8px 11px;display:flex}.search input{color:#4e6245;background:0 0;border:0;outline:0;width:145px;font-size:10px}.search input::placeholder{color:#a8b1a2}.search button{padding:0;display:flex}.visibility-pill{color:#91a07f;white-space:nowrap;background:#edf1e5;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:inline-flex}.visibility-pill.link{color:#9b8db1;background:#eeebf5}.visibility-pill.public{color:#7ba4a7;background:#e5eff0}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:17px;display:grid}.folder-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:171px;position:relative}.folder-card-open{text-align:left;border-radius:10px;width:100%;min-height:171px;padding:23px 23px 20px}.folder-card:hover{border-color:#c4d1b8;box-shadow:0 4px 12px #3f533907}.folder-card-icon{margin-bottom:14px;display:block}.folder-card h3{color:#526349;margin-bottom:8px;font-size:13px;font-weight:600}.folder-card-meta{color:#a1ad97;align-items:center;gap:5px;font-size:9px;display:flex}.folder-card-menu{position:absolute;top:13px;right:12px}.new-folder-card{color:#a6b497;background:#f7f9f3;border:1px dashed #d5decd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:173px;display:flex}.new-folder-card span{font-size:12px}.new-folder-card small{color:#b1bca5;font-size:9px}.new-folder-card:hover{background:#eef3e5;border-color:#a3b88c}.meme-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;display:grid}.meme-card{border:1px solid var(--line);background:#fff;border-radius:11px;transition:transform .18s,box-shadow .18s;overflow:hidden}.meme-card:hover{border-color:#cbd7be;transform:translateY(-3px);box-shadow:0 7px 16px #36532c0c}.image-button{text-align:left;width:100%;padding:0;display:block}.media{aspect-ratio:1;background:#f1f3ec;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media img{object-fit:contain;width:100%;height:100%}.media-large{aspect-ratio:auto;background:#f1f2ee;border-radius:9px;min-height:200px;max-height:55vh}.media-large img{object-fit:contain;max-width:100%;min-height:150px;max-height:55vh}.gif-badge{color:#78846e;letter-spacing:.04em;background:#ffffffce;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:600;position:absolute;bottom:10px;left:10px}.card-bottom{justify-content:space-between;align-items:center;gap:5px;padding:13px 10px 13px 15px;display:flex}.card-bottom>div{overflow:hidden}.card-bottom h3{text-overflow:ellipsis;white-space:nowrap;color:#5b6b51;font-size:12px;font-weight:600;overflow:hidden}.card-bottom p{color:#a2ac98;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:9px;overflow:hidden}.card-bottom .icon-button{width:25px;height:25px}.main-footer{color:#b0b9a6;letter-spacing:.06em;border-top:1px solid #e9ede4;justify-content:space-between;gap:15px;margin-top:65px;padding-top:20px;font-size:8px;display:flex}.main-footer>span:first-child{align-items:center;gap:5px;display:flex}.empty-state{text-align:center;padding:38px 20px 32px}.empty-state h2{color:#677b5b;margin:15px 0 12px;font-size:19px;font-weight:550}.empty-state p{color:#a2ac98;max-width:390px;margin:0 auto 22px;font-size:11px;line-height:1.9}.empty-art{width:185px;height:145px;margin:auto;position:relative}.art-folder{color:#92a67a;z-index:3;background:#d8e4bd;border-radius:6px 12px 15px 15px;place-items:center;width:135px;height:85px;font-size:24px;display:grid;position:absolute;bottom:7px;left:25px;transform:rotate(-4deg);box-shadow:0 8px #e4ebd9}.art-folder:before{content:"";z-index:-1;background:#ceddb0;border-radius:9px 10px 0 0;width:57px;height:22px;position:absolute;top:-15px;left:0}.art-card{border:4px solid #fff;border-radius:7px;place-items:center;width:65px;height:75px;font-size:25px;display:grid;position:absolute}.art-card.one{color:#b29a7c;background:#f1e4cf;top:13px;left:35px;transform:rotate(-17deg)}.art-card.two{color:#a39bb8;background:#e0ddee;top:5px;left:95px;transform:rotate(14deg)}.art-spark{color:#c4cc9e;font-size:24px;position:absolute;top:24px;right:0}.art-dot{background:#c6d3b1;border-radius:50%;width:7px;height:7px;position:absolute;top:67px;left:6px}.spinner{border:2px solid #e1e8d9;border-top-color:#89a06e;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{color:#a3af98;justify-content:center;align-items:center;gap:10px;min-height:220px;font-size:12px;display:flex}.muted{color:#91a08a;font-size:12px;line-height:1.9}.small{font-size:9px}.center{text-align:center;margin-top:25px}.error-banner{color:#a37b60;background:#f9f0e8;border:1px solid #eddccc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 22px;padding:13px 15px;font-size:12px;line-height:1.7;display:flex}.error-banner button{color:#856648;white-space:nowrap;text-decoration:underline}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#26382f48;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fffefb;border:1px solid #e4e9da;border-radius:17px;width:480px;max-width:100%;max-height:90vh;padding:27px;overflow:auto;box-shadow:0 15px 70px #243b282e}.modal-wide{width:640px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal-heading h2{color:#4e6645;font-size:19px;font-weight:600}.field{color:#73846a;flex-direction:column;gap:10px;margin:21px 0;font-size:11px;display:flex}.field input,.field select{color:#5d7354;background:#fff;border:1px solid #dfe5d6;border-radius:7px;width:100%;min-height:40px;padding:11px 12px;font-size:12px}.field input:focus,.field select:focus{border-color:#9eb18a;outline:2px solid #e9efdf}.permission-field{border:0;margin:24px 0 17px;padding:0}.permission-field legend{color:#73846a;margin-bottom:13px;font-size:11px}.permission-option{cursor:pointer;border:1px solid #e5e9df;border-radius:7px;align-items:center;gap:10px;margin-bottom:9px;padding:13px 12px;display:flex}.permission-option.selected{background:#f3f7ec;border-color:#afc099}.permission-option input{accent-color:#6c8b52}.permission-option svg{color:#96a784}.permission-option strong{color:#687d5c;font-size:12px;font-weight:550}.permission-option p{color:#a0ad96;margin-top:4px;font-size:10px;line-height:1.7}.toggle-row{border-top:1px solid #edf0e7;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.toggle-row strong{color:#6c7e60;font-size:12px;font-weight:500}.toggle-row p{color:#a0ad96;margin-top:6px;font-size:10px;line-height:1.6}.toggle-row input{width:17px;height:17px;accent-color:var(--green)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.modal-actions .danger{margin-right:auto}.warning-note{color:#b28a62;background:#fbf2e8;border-radius:6px;padding:12px;font-size:11px;line-height:1.8}.connect-intro{text-align:center;margin-top:27px}.connect-symbol{color:#7c9669;background:#e9f0de;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;display:grid}.connect-intro h3{margin:23px 0 13px;font-size:17px;font-weight:550}.connect-intro p{color:#a0ad96;margin-bottom:27px;font-size:11px}.connect-code{color:#8f9f85;flex-direction:column;align-items:center;gap:15px;padding:30px 0;font-size:11px;display:flex}.connect-code strong{letter-spacing:.25em;color:#4d6842;font-size:39px}.connect-code small{font-size:11px}.upload-list{max-height:350px;overflow:auto}.upload-row{border-bottom:1px solid #edf1e7;align-items:center;gap:12px;padding:12px;display:flex}.upload-row>div{flex:1;min-width:0}.upload-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.upload-row p{color:#a0ab94;margin-top:7px;font-size:10px}.upload-row.error p{color:#bb816b}.upload-row.done .settings-icon{color:#78945e;background:#e3efd5}.settings-section{background:#fff;border:1px solid #e3e9dc;border-radius:11px;margin-bottom:23px;padding:23px}.settings-section h2{margin-bottom:11px;font-size:17px;font-weight:550}.settings-row{border-bottom:1px solid #edf0e7;align-items:center;gap:12px;padding:16px 0;display:flex}.settings-row>div{flex:1}.settings-row strong{font-size:12px;font-weight:550}.settings-row p{color:#a3ad97;overflow-wrap:anywhere;margin-top:7px;font-size:10px;line-height:1.7}.settings-section>.button{margin-top:20px}.settings-icon{color:#a2b38c;background:#f0f4e8;border-radius:8px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.tag{color:#91a27e;background:#eef3e6;border-radius:4px;margin-left:5px;padding:4px 6px;font-size:8px}.share-summary{color:#8ea378;background:#f0f4e7;border-radius:9px;align-items:center;gap:12px;margin:8px 0 18px;padding:16px;display:flex}.share-summary>div{flex:1}.share-summary strong{color:#6e855a;font-size:13px}.share-summary p{color:#9bac8b;margin-top:6px;font-size:10px}.share-expiries{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:25px;display:flex}.share-expiries span{color:#9aab8a;font-size:10px}.preview-meta{color:#a2ad99;justify-content:space-between;gap:12px;margin-top:13px;font-size:10px;line-height:1.8;display:flex}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.media-unavailable{color:#a3ad99;align-items:center;gap:7px;font-size:10px;display:flex}.unavailable-card{color:#aebaa1;border:1px dashed #dce4d2;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:190px;display:flex}.unavailable-card p{font-size:11px}.unavailable-card button{font-size:10px;text-decoration:underline}.empty-line{color:#b0baa6;padding:23px 0;font-size:12px}.toast{color:#fff;z-index:120;background:#315847;border-radius:10px;align-items:center;gap:8px;max-width:min(560px,90vw);padding:13px 20px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:30px;left:calc(50% + 90px);transform:translate(-50%);box-shadow:0 8px 30px #27452e30}.mobile-nav{display:none}.review-actions{color:#82986c;justify-content:flex-end;gap:15px;padding:0 15px 14px;font-size:11px;display:flex}@media (width>=1500px){main{padding:48px 64px 24px}.topbar{padding:0 64px}.meme-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (width<=1100px){.sidebar{width:208px;padding:27px 14px}.main-shell{margin-left:208px}.brand{font-size:17px}.topbar{padding:0 28px}main{padding:35px 28px 22px}.intro-actions .button{padding:10px 11px}.banner-stickers{margin-right:5px}.sticker{min-width:90px;padding:18px 10px;font-size:20px}.welcome-banner{padding:24px}.welcome-banner h2{font-size:21px}.meme-grid,.folder-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}.intro{align-items:flex-start}.intro-actions{flex-wrap:wrap;justify-content:flex-end;max-width:165px}.cloud-pill{display:none}.main-footer{font-size:7px}}@media (width<=760px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:68px;padding:0 22px;padding-top:env(safe-area-inset-top)}.breadcrumb{font-size:10px}.topbar-right{gap:9px}.account-button{font-size:10px}.avatar{width:28px;height:28px}main{padding:29px 21px 100px}.intro{margin-bottom:24px;display:block}.eyebrow{margin-bottom:9px;font-size:7px}h1{font-size:27px}.intro-description{font-size:11px}.intro-actions{justify-content:flex-start;gap:10px;max-width:none;padding-top:20px}.intro-actions .button{padding:10px 15px}.welcome-banner{min-height:155px;margin-bottom:26px;padding:20px}.welcome-banner h2{letter-spacing:.03em;font-size:19px}.welcome-banner p{max-width:200px;font-size:10px}.banner-kicker{font-size:8px}.banner-stickers{padding-left:8px}.sticker{border-width:2px;border-radius:9px;min-width:70px;padding:15px 8px;font-size:17px}.sticker small{font-size:6px}.sticker.lilac{display:none}.sticker-spark{font-size:20px;top:-20px;right:-8px}.toolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:20px}.toolbar-left{gap:7px;min-height:35px}.toolbar-right{gap:4px;margin-left:auto}.section-label{font-size:12px}.search{min-width:150px;padding:8px}.search input{width:100px;font-size:10px}.toolbar-right .icon-button{width:27px}.visibility-pill{font-size:8px}.meme-grid,.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.folder-card,.folder-card-open{min-height:155px}.folder-card-open{padding:20px 17px}.folder-card-icon{margin-bottom:11px}.folder-card h3{font-size:12px}.folder-card-menu{top:10px;right:8px}.new-folder-card{min-height:157px}.card-bottom{padding:11px 8px 11px 11px}.card-bottom h3{font-size:11px}.card-bottom p{font-size:8px}.empty-state{padding:35px 5px 20px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}.main-footer{flex-direction:column;align-items:center;gap:10px;margin-top:45px}.mobile-nav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffefbf7;border-top:1px solid #e7ebdf;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#a9b59f;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:65px;font-size:9px;display:flex}.mobile-nav button.active{color:#4f7442}.mobile-nav button svg{width:20px;height:20px}.modal-backdrop{padding:14px}.modal{border-radius:14px;max-height:88vh;padding:22px}.modal-heading h2{font-size:18px}.modal-actions{flex-wrap:wrap}.permission-option{padding:11px 8px}.permission-option p{font-size:9px}.share-summary{gap:9px;padding:12px}.settings-section{padding:18px}.settings-row{gap:9px}.settings-row strong{font-size:11px}.toast{justify-content:center;min-width:220px;font-size:11px;bottom:85px;left:50%}.preview-actions{justify-content:flex-start}.preview-actions .button{padding:9px 11px;font-size:10px}.share-expiries{justify-content:flex-start}.share-expiries span{width:100%;margin-bottom:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}