@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Noto Sans TC,sans-serif;color:#f1eff5;background:#101013;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101013;--panel:#18181d;--panel2:#202026;--line:#2b2a32;--muted:#898794;--violet:#a18aff;--purple:#8e76ef;--danger:#f28b91}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;width:100%;height:100%;overflow:hidden}body{background:var(--bg);overscroll-behavior:none}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:wait}.app-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:580px;margin:auto;background:var(--bg);overflow:hidden;padding-top:env(safe-area-inset-top)}.topbar{height:68px;min-height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brandmark{display:flex;align-items:center;gap:11px}.brand-icon{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;color:#18151f;background:linear-gradient(145deg,#b5a4ff,#8768ef)}.brandmark b,.brandmark span{display:block}.brandmark b{font-size:15px;letter-spacing:.1px}.brandmark span{font-size:11px;color:var(--muted);margin-top:1px}.top-actions{display:flex;gap:4px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent;color:#bab8c5}.icon-btn svg{width:20px;height:20px;stroke-width:1.8}.icon-btn:active{background:var(--panel2)}.icon-btn.bordered{border:1px solid var(--line)}.main-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 20px 36px;scrollbar-width:none;animation:rise .28s ease both}.main-scroll::-webkit-scrollbar{display:none}.hero{position:relative;margin:6px 0 33px;padding:28px 24px 23px;border-radius:27px;overflow:hidden;background:radial-gradient(ellipse at 90% 18%,#53467855 0,transparent 41%),linear-gradient(145deg,#24222d,#1b1a21 67%);border:1px solid #ffffff0e}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a89abf}.hero h1{position:relative;z-index:1;margin:21px 0 11px;font-size:30px;line-height:1.42;font-weight:600;letter-spacing:-.8px}.hero h1 em{font-style:normal;color:#b8a5ff}.hero>p,.page-heading p{font-size:12px;color:#a3a1ac;margin:0}.stat-row{position:relative;display:flex;align-items:center;gap:16px;margin-top:26px}.stat-row>div:not(.hero-art){display:flex;align-items:baseline;gap:6px}.stat-row strong{font-size:20px}.stat-row span{font-size:11px;color:#aaa7b3}.stat-row>i{width:1px;height:21px;background:#ffffff2c}.hero-art{position:absolute;right:3px;bottom:0;width:118px;height:88px}.art-frame{position:absolute;width:51px;height:69px;border-radius:8px;border:3px solid #2b2835;box-shadow:0 5px 14px #08080b66}.art-a{left:12px;top:20px;transform:rotate(-19deg);background:linear-gradient(150deg,#78849b,#2c3141 50%,#c8a383)}.art-b{left:40px;top:14px;transform:rotate(10deg);background:linear-gradient(140deg,#ceb9a1,#775f74 53%,#273945)}.art-c{left:68px;top:21px;transform:rotate(23deg);background:linear-gradient(150deg,#a593dd,#51496b);display:grid;place-items:center;color:#e4dcff}.section{margin:0 0 29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-size:16px;margin:0;font-weight:600}.text-action{border:0;background:none;color:#a99af1;font-size:12px;display:inline-flex;align-items:center;gap:4px}.muted{color:var(--muted);font-size:12px}.folder-shortcuts{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none}.folder-tile{position:relative;flex:none;width:116px;height:111px;border:1px solid var(--line);border-radius:18px;background:#19191f;text-align:left;padding:13px;display:flex;flex-direction:column;justify-content:space-between}.folder-tile>span{color:#aa98fa}.folder-tile>span svg{width:21px}.folder-tile b{font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tile small{font-size:10px;color:var(--muted);margin-top:-8px}.create-tile{border-style:dashed;background:transparent;color:#aaa5b3}.create-tile>span{color:#777482}.page-heading{padding:25px 0 20px}.page-heading h1{font-size:29px;letter-spacing:-.7px;margin:7px 0 4px}.page-heading.compact{padding-bottom:11px}.heading-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.primary,.secondary{min-height:46px;border-radius:15px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-size:13px;font-weight:600}.primary{background:linear-gradient(135deg,#ad9aff,#8c73ed);color:#18141e;box-shadow:0 5px 16px #8d73ed22}.primary:active{filter:brightness(1.08);transform:scale(.98)}.secondary{background:#24232b;border-color:#ffffff0c;color:#e3e1ea}.small{min-height:40px;border-radius:13px;padding:0 14px}.gallery{columns:2;column-gap:11px;padding-bottom:9px}.thumb{break-inside:avoid;position:relative;overflow:hidden;margin:0 0 11px;border-radius:15px;background:#1d1c22;border:1px solid #ffffff0a}.thumb-image{width:100%;display:block;padding:0;border:0;background:transparent;min-height:92px}.thumb-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:14px}.broken-thumb{height:130px;display:grid;place-items:center;color:#777481}.heart-float{position:absolute;right:8px;top:8px;width:34px;height:34px;border-radius:12px;border:1px solid #ffffff26;background:#121116a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff}.heart-float.liked,.viewer-icon.liked{color:#e89caf}.chosen{outline:2px solid var(--violet)}.select-check{position:absolute;left:8px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--violet);color:#17141d;display:grid;place-items:center}.select-check svg{width:15px}.empty-card{min-height:190px;border:1px dashed #36343f;border-radius:21px;background:#17171c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:27px 21px;text-align:center;color:#888592;font-size:12px}.empty-card>b{font-size:14px;color:#eeecf2}.empty-card>span{max-width:245px;line-height:1.7}.empty-card .primary{margin-top:6px}.empty-art{width:49px;height:49px;display:grid;place-items:center;border-radius:17px;background:#292536;color:#ad9aff;margin-bottom:3px}.folder-list{display:grid;gap:9px}.folder-row{height:71px;border-radius:17px;border:1px solid #ffffff0a;background:#19191f;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 13px}.folder-open{height:100%;flex:1;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none}.folder-square{width:42px;height:42px;border-radius:14px;background:#2a2638;color:#ac9afb;display:grid;place-items:center}.folder-square svg{width:19px}.folder-open b,.folder-open small{display:block}.folder-open b{font-size:13px}.folder-open small{font-size:10px;color:var(--muted);margin-top:3px}.searchbox{height:51px;display:flex;align-items:center;gap:10px;border-radius:16px;padding:0 14px;border:1px solid #35333e;background:#1a191f;color:#9693a1}.searchbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f1eff5;font-size:16px}.searchbox input::placeholder{color:#777481}.searchbox button{border:0;background:none;color:#9996a2;width:30px;height:34px}.result-count{font-size:11px;color:#9996a2;margin:16px 1px 12px}.settings-card,.settings-group{margin-bottom:13px;padding:15px;border:1px solid #ffffff0b;border-radius:18px;background:#19191f}.settings-title{display:flex;align-items:center;gap:12px}.settings-title>svg{color:#aa98fa;width:20px}.settings-title b,.settings-title small{display:block}.settings-title b{font-size:12px}.settings-title small{font-size:10px;color:var(--muted);margin-top:3px}.meter{height:5px;border-radius:9px;background:#302e38;margin:16px 0 12px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#a08aff,#d2a8ef);border-radius:9px}.persist-action{font-size:10px}.settings-group{padding:9px}.settings-group h3{font-size:10px;color:#9693a0;letter-spacing:.5px;font-weight:500;margin:5px 7px 7px}.setting-row{width:100%;min-height:62px;border:0;border-top:1px solid #ffffff09;background:none;display:flex;align-items:center;text-align:left;gap:12px;padding:9px 5px}.setting-icon{width:35px;height:35px;border-radius:12px;background:#282532;color:#ac9afb;display:grid;place-items:center}.setting-icon svg{width:17px}.setting-row>span:nth-child(2){flex:1}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:12px}.setting-row small{font-size:10px;color:var(--muted);margin-top:3px}.setting-row>svg{width:17px;color:#706d79}.danger-row .setting-icon{color:#e68c94;background:#302328}.danger-row b{color:#e7a1a5}.about{display:flex;align-items:center;flex-direction:column;gap:5px;padding:20px 0 12px}.about-logo{width:39px;height:39px;border-radius:14px;background:#292437;color:#aa98fa;display:grid;place-items:center;margin-bottom:4px}.about-logo svg{width:20px}.about b{font-size:12px}.about span{font-size:10px;color:#797683}.tabbar{height:calc(68px + env(safe-area-inset-bottom));min-height:calc(68px + env(safe-area-inset-bottom));padding:7px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff0d;background:#141418;display:flex;align-items:center;justify-content:space-around}.tab{width:20%;height:53px;border:0;background:none;color:#777581;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.tab svg{width:19px;height:19px;stroke-width:1.8}.tab span{font-size:9px}.tab.active{color:#b4a2ff}.tab.active svg{filter:drop-shadow(0 0 7px #9a82f580)}.batch-bar{position:absolute;z-index:4;left:12px;right:12px;bottom:calc(77px + env(safe-area-inset-bottom));height:57px;border:1px solid #51466b;border-radius:18px;background:#25222edb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-around;box-shadow:0 10px 30px #0007}.batch-bar span{font-size:11px;color:#d9d3e9}.batch-bar button{width:38px;height:38px;border:0;background:none;color:#c9bcff}.batch-bar button svg{width:19px}.batch-bar .danger{color:#ee9297}.toast,.progress-pill{position:absolute;z-index:8;left:50%;transform:translate(-50%);bottom:calc(85px + env(safe-area-inset-bottom));padding:11px 16px;border-radius:14px;background:#302d38;color:#eeecf2;font-size:11px;box-shadow:0 8px 24px #0007;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.progress-pill{display:flex;align-items:center;gap:9px}.spin{animation:spin .9s linear infinite}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#08080b;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);animation:rise .22s ease}.viewer-top{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.viewer-top>div{max-width:65%;text-align:center;overflow:hidden}.viewer-top b,.viewer-top span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-top b{font-size:11px;font-weight:500}.viewer-top span{font-size:9px;color:#8b8893;margin-top:3px}.viewer-icon{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:#e5e2eb}.viewer-icon svg{width:20px}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.viewer-stage img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:45px;border:0;border-radius:14px;background:#1b1a20aa;color:#fff;display:grid;place-items:center}.viewer-arrow.left{left:9px}.viewer-arrow.right{right:9px}.viewer-meta{padding:13px 20px calc(15px + env(safe-area-inset-bottom));background:#131317;border-top:1px solid #ffffff12}.metadata{display:flex;align-items:center;justify-content:space-between;gap:7px}.metadata b{font-size:11px}.metadata span{font-size:9px;color:#92909c}.viewer-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.viewer-tags>span,.viewer-tags>button{height:26px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border-radius:9px;background:#26232e;color:#c3b4ff;font-size:10px}.viewer-tags>button{border:1px dashed #51466b;background:none}.viewer-actions{display:flex;gap:9px;margin-top:12px}.viewer-actions button{height:42px;flex:1;border:1px solid #ffffff14;border-radius:13px;background:#201f25;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.viewer-actions .delete-action{color:#e98d94}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:#0009;display:flex;align-items:flex-end}.confirm-sheet{width:100%;padding:11px 22px calc(26px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;background:#1d1c22;animation:rise .22s ease}.sheet-handle{width:36px;height:4px;border-radius:3px;background:#514f58;margin:0 auto 20px}.confirm-sheet h2{font-size:18px;margin:0 0 9px}.confirm-sheet p{font-size:12px;line-height:1.7;color:#a8a5b0}.sheet-actions{display:flex;gap:9px;margin-top:19px}.sheet-actions>*{flex:1}.hidden{display:none}@keyframes rise{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:600px){.app-shell{border-left:1px solid #222127;border-right:1px solid #222127}.main-scroll{padding-left:25px;padding-right:25px}.gallery{columns:3}.hero{margin-top:16px}}@media (max-height:680px){.hero{padding-top:20px;padding-bottom:17px}.hero h1{font-size:26px;margin-top:13px}.hero-art{opacity:.65}.page-heading{padding-top:16px}}.home-search{width:100%;margin:0 0 25px;justify-content:flex-start;border-color:#ffffff10;background:#19191f;color:#9693a1;font-size:12px}.app-shell{min-height:0}.main-scroll{min-height:0;padding-bottom:24px;scroll-padding-bottom:24px}.gallery{columns:unset;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:11px;padding-bottom:12px}.thumb{min-width:0;width:100%;height:auto;aspect-ratio:4/3;margin:0;contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 180px}.thumb-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.thumb-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:14px}.thumb-image .broken-thumb{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.video-badge{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:8px;background:#100f13c9;color:#eee;font-size:9px}.page-heading.compact{padding-bottom:18px}.search-empty{margin-top:15px}.result-count{margin-bottom:15px}.tabbar{flex-shrink:0}.viewer-zoom-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom}.viewer-image{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .12s ease-out;-webkit-user-select:none;user-select:none}.viewer-video{width:100%;height:100%;object-fit:contain;background:#050506}.viewer-actions button{flex:1;min-width:0;padding:0 6px}.viewer.immersive .viewer-stage{flex:1}.immersive-exit{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;width:42px;height:42px;border:1px solid #ffffff28;border-radius:50%;background:#17161dbd;color:#fff;display:grid;place-items:center;z-index:2}.picker-sheet,.tag-sheet{max-height:min(84dvh,720px);overflow:auto}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title h2{margin:0}.folder-picker-list{display:grid;gap:7px;max-height:42dvh;overflow:auto;margin:14px 0}.folder-choice{min-height:62px;width:100%;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid #ffffff0a;border-radius:15px;background:#19191f;text-align:left}.folder-choice>span:nth-child(2){flex:1}.folder-choice b,.folder-choice small{display:block}.folder-choice b{font-size:12px}.folder-choice small{font-size:10px;color:var(--muted);margin-top:3px}.folder-choice>svg{width:17px;color:#777481}.create-folder-button{width:100%}.create-folder-form,.tag-add-row{display:flex;gap:8px;margin:12px 0}.create-folder-form input,.tag-add-row input,.editable-tag input{height:44px;min-width:0;flex:1;padding:0 12px;border:1px solid #383641;border-radius:13px;background:#151519;color:#f1eff5;outline:none}.create-folder-form input:focus,.tag-add-row input:focus,.editable-tag input:focus{border-color:#9b85ed}.tag-file-name{font-size:11px;color:var(--muted);margin:6px 0 14px;overflow-wrap:anywhere}.editable-tags{display:grid;gap:7px;max-height:34dvh;overflow:auto}.editable-tag{min-height:44px;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #ffffff0c;border-radius:13px;background:#19191f}.editable-tag>span{display:flex;align-items:center;gap:7px;flex:1;font-size:12px}.editable-tag>button{min-width:38px;height:34px;border:0;border-radius:9px;background:#26242d;color:#c3b4ff;font-size:10px}.editable-tag>button:last-child{min-width:32px;color:#e98d94}.tag-add-row input{height:42px}.tag-add-row .secondary{min-height:42px}.downloader-heading{padding-bottom:12px}.downloader-compose,.download-queue{padding:15px;border:1px solid #ffffff0b;border-radius:18px;background:#19191f;margin-bottom:13px}.downloader-compose>label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.downloader-compose textarea{width:100%;min-height:120px;resize:vertical;padding:12px;border:1px solid #36343f;border-radius:14px;background:#141418;color:#f1eff5;font:12px/1.7 ui-monospace,monospace;outline:none}.downloader-compose textarea:focus{border-color:#9380da}.compose-footer,.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:11px}.compose-footer>span,.queue-heading span{font-size:10px;color:var(--muted);line-height:1.5}.queue-heading{margin:0 0 9px}.queue-heading h2{font-size:15px;margin:0 0 3px}.job-list{display:grid}.job-row{min-height:62px;border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:8px;padding:8px 0}.job-state{width:28px;height:28px;flex:none;display:grid;place-items:center;color:#aaa2c0}.job-state svg{width:17px}.job-state.done{color:#83cba4}.job-state.error{color:#ed8e95}.job-main{min-width:0;flex:1}.job-main b,.job-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-main b{font-size:10px;font-weight:500}.job-main small{font-size:9px;color:var(--muted);margin-top:4px}.job-meter{height:3px;background:#302e38;border-radius:4px;margin-top:6px;overflow:hidden}.job-meter i{height:100%;display:block;background:#a18aff}.downloader-note{display:grid;gap:5px;padding:12px 4px 20px}.downloader-note strong{font-size:10px;color:#c2b8dc}.downloader-note span{font-size:10px;line-height:1.6;color:#888592}@media (min-width:600px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-height:680px){.tabbar{height:calc(60px + env(safe-area-inset-bottom));min-height:calc(60px + env(safe-area-inset-bottom));padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}.tab{height:48px}}.main-scroll,.main-scroll>*{min-width:0;max-width:100%}.page-heading,.section,.settings-card,.settings-group,.downloader-compose,.download-queue,.downloader-note,.empty-card,.folder-list,.folder-row{min-width:0;max-width:100%}.page-heading p,.hero>p,.settings-title,.setting-row>span,.job-main,.downloader-note span,.compose-footer>span,.metadata,.viewer-top>div{min-width:0;overflow-wrap:anywhere;word-break:normal}.settings-title>span,.setting-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.setting-row small,.folder-open small,.folder-open b,.folder-tile b{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.setting-row>svg{flex:none}.metadata{flex-wrap:wrap;justify-content:flex-start;row-gap:6px}.metadata>*{min-width:0;overflow-wrap:anywhere;word-break:break-word}.viewer-actions{display:flex;flex-wrap:wrap;overflow-x:visible}.viewer-actions button{flex:1 1 28%;min-width:74px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.viewer-top b{max-width:58vw;overflow-wrap:anywhere;white-space:normal}.folder-choice span,.job-main b,.job-main small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.tab{min-width:0}.tab span{max-width:100%;overflow-wrap:anywhere}@media (max-width:360px){.topbar{padding-left:14px;padding-right:14px}.main-scroll{padding-left:15px;padding-right:15px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:26px}.hero-art{opacity:.5;right:-12px}.stat-row{gap:10px}.settings-card,.settings-group,.downloader-compose,.download-queue,.viewer-meta{padding-left:12px;padding-right:12px}.viewer-actions{gap:6px}.viewer-actions button{font-size:10px}}:root{--bg:#191b17;--panel:#22251f;--panel2:#2d3128;--line:#3a4034;--muted:#a3aa9a;--violet:#b6c98f;--purple:#a3b97b;color:#f2f1e8}.app-shell{background:radial-gradient(ellipse at 100% 0%,#414c342e,transparent 45%),var(--bg)}.topbar{border-color:#cbd7b51c}.brand-icon,.primary{background:linear-gradient(135deg,#d2dcb3,#9fb77c);color:#20271c;box-shadow:0 5px 18px #91a57826}.hero{background:radial-gradient(ellipse at 95% 0%,#778d604a,transparent 52%),linear-gradient(145deg,#343c2c,#252a21);border-color:#d4e2c017}.hero h1 em,.text-action,.folder-tile>span,.settings-title>svg{color:#c8d8a7}.eyebrow{color:#afc49b}.folder-tile,.folder-row,.settings-card,.settings-group,.downloader-compose,.download-queue,.home-search,.folder-choice,.editable-tag{background:#242820;border-color:#d3e0c014}.secondary{background:#30362b;border-color:#cbd7b518;color:#f0f1e8}.folder-square,.setting-icon,.empty-art{background:#394433;color:#c3d5ab}.searchbox,.downloader-compose textarea{background:#1c201a;border-color:#485140;color:#f2f1e8}.downloader-compose textarea{font-size:16px}.downloader-compose textarea:focus{border-color:#a9c292}.empty-card{background:#22271f;border-color:#485140}.tabbar{background:#20241f}.job-meter i,.meter i{background:linear-gradient(90deg,#a7c28e,#d5c992)}.primary,.secondary,.folder-tile,.folder-row,.icon-btn{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.folder-tile:active,.folder-row:active,.secondary:active{transform:scale(.98)}.hero-art{animation:vault-float 6s ease-in-out infinite}@keyframes vault-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}:root{--bg:#08080b;--panel:#151519;--panel2:#1d1d24;--line:#36343d;--muted:#aaa8b6;--violet:#d0baf4;--purple:#bba3ed;color:#f7f5fa;background:#08080b}body{background:#08080b}.app-shell{background:radial-gradient(ellipse 75% 30% at 95% 6%,#bca3e221,transparent 75%),radial-gradient(ellipse 85% 28% at -20% 45%,#eda9a21a,transparent 80%),#08080b}.topbar{height:66px;min-height:66px;border-bottom:1px solid #ffffff10;background:#0a0a0d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-icon{border:1px solid #ffffff33;background:linear-gradient(135deg,#f7c3be,#c6bcfa);color:#25202c;box-shadow:0 4px 24px #d4b9f022}.brandmark b{font-size:16px;color:#f9f7fa}.brandmark span{color:#b2acba}.main-scroll{padding-top:14px;-webkit-overflow-scrolling:touch}.page-heading{padding-top:22px}.page-heading h1{font-size:29px;letter-spacing:-.9px;color:#fbf9fd}.page-heading p,.hero>p{color:#aaa7b3;line-height:1.65;font-size:12px}.eyebrow{color:#cdbddc;letter-spacing:1.5px}.hero{margin:5px 0 25px;border:1px solid #ffffff1c;background:radial-gradient(ellipse at 92% 0%,#c6b5f63b,transparent 60%),radial-gradient(ellipse at 0% 100%,#e6a9a132,transparent 59%),linear-gradient(145deg,#17161a,#101015);box-shadow:inset 0 1px #ffffff0d,0 16px 48px #0008}.hero h1 em{color:#f2c9d3}.hero .eyebrow{color:#cbb9d5}.stat-row strong{color:#f8f6fa}.primary{color:#211a25;background:linear-gradient(120deg,#f3c4c0,#d6c2f0);box-shadow:0 5px 20px #e5b5ce20}.secondary{background:#23232a;border-color:#ffffff19;color:#eeeaf2}.text-action,.folder-tile>span,.settings-title>svg{color:#d6c0ec}.folder-tile,.folder-row,.settings-card,.settings-group,.downloader-compose,.download-queue,.home-search,.folder-choice,.editable-tag{background:linear-gradient(145deg,#1c1c21ed,#131318ed);border:1px solid #ffffff17;box-shadow:inset 0 1px #ffffff09}.create-tile{background:#151519;border:1px dashed #ffffff27}.folder-square,.setting-icon,.empty-art{background:#27212e;color:#dec7ed}.empty-card{background:linear-gradient(150deg,#17161b,#111115);border-color:#ffffff24;color:#aaa7b3}.empty-card>b{color:#f4f1f5}.searchbox,.downloader-compose textarea{background:#0c0c10;border-color:#ffffff25;color:#f4f1f6}.downloader-compose textarea{font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif;font-size:16px;line-height:1.55;resize:vertical}.downloader-compose textarea:focus{border-color:#d0b7df;box-shadow:0 0 0 3px #d2b5e51c}.downloader-compose textarea::placeholder{color:#77727f}.downloader-compose,.download-queue{border-radius:20px;padding:17px}.compose-footer{align-items:center}.compose-footer>span{flex:1}.turnstile-box{max-width:100%;overflow:hidden}.downloader-note strong{color:#d6c0dc}.downloader-note span{color:#aaa7b2}.job-row{border-color:#ffffff14}.job-main b{font-size:11px;line-height:1.45}.job-main small{font-size:11px;line-height:1.5}.job-meter i,.meter i{background:linear-gradient(90deg,#edb3b4,#bdb0ed)}.tabbar{background:#101013ed;border-top:1px solid #ffffff12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab{color:#9894a3}.tab.active{color:#f0c8d6}.tab.active svg{filter:drop-shadow(0 0 8px #d9b8e55c)}.sheet,.picker-sheet,.tag-sheet{background:#19191f;border-color:#ffffff20}.thumb{border-color:#ffffff14}.thumb-image img{border-radius:14px}.icon-btn{color:#c5c0cc}.icon-btn:active{background:#ffffff12}@media (max-width:360px){.downloader-compose,.download-queue{padding:13px}.compose-footer{flex-wrap:wrap}.compose-footer>span{flex:1 1 150px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{background:#050507}.topbar{height:68px;min-height:68px;background:#050507;border-bottom:0}.brandmark span{display:none}.brandmark b{font-size:19px;letter-spacing:-.35px}.brand-icon{width:35px;height:35px;border-radius:12px}.top-actions .icon-btn{border-radius:50%;background:#1b1b20;margin-left:7px;width:40px;height:40px}.vault-intro{position:relative;padding:32px 0 26px;isolation:isolate}.vault-intro h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px;font-weight:700}.vault-intro>p{font-size:13px;color:#aaa7b3;margin:0;line-height:1.5}.vault-glow{pointer-events:none;position:absolute;z-index:-1;right:-19px;top:0;width:75%;height:160px;background:radial-gradient(ellipse at 70% 45%,#cb98b635,transparent 65%);filter:blur(18px)}.vault-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:28px}.vault-stat{min-width:0;min-height:106px;border-radius:18px;padding:14px 10px;border:1px solid #ffffff1b;background:linear-gradient(145deg,#242226,#121215);display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 0 1px #ffffff09}.vault-stat:first-child{border-color:#e6b1ba60;background:linear-gradient(135deg,#392b30,#19171a 60%)}.vault-stat:last-child{border-color:#bdb3e750;background:linear-gradient(140deg,#25232b,#17171b 65%,#272737)}.vault-stat svg{width:21px;height:21px;color:#d1c0ec;margin-bottom:10px}.vault-stat:first-child svg{color:#f0bfcb}.vault-stat b{font-size:12px;white-space:nowrap}.vault-stat span{margin-top:3px;color:#aaa7b4;font-size:12px}.home-recent .section-heading{margin-bottom:13px}.home-recent .section-heading h2{font-size:20px;letter-spacing:-.4px}.recent-count{font-size:11px;color:#b9b5c2;border-radius:20px;background:#1a191e;padding:7px 10px}.home-recent .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-recent .thumb{aspect-ratio:1;border-radius:13px}.home-recent .thumb-image img{object-fit:cover;border-radius:12px}.home-recent .empty-card{min-height:180px}.tabbar{margin:0 8px;min-height:calc(68px + env(safe-area-inset-bottom));height:calc(68px + env(safe-area-inset-bottom));padding:5px 3px calc(5px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;background:#111114ed}.tab{width:16.666%;height:53px;border-radius:16px;gap:4px}.tab.active{background:#29232e;color:#f3c4d1}.tab svg{width:20px;height:20px}.tab span{font-size:10px}.tab.active svg{filter:none}@media (max-width:360px){.vault-stat{padding:12px 8px}.vault-stat b{font-size:11px}.vault-stats{gap:6px}.tab span{font-size:9px}}html,body,#root{height:100%;height:100dvh}.app-shell{height:100%;height:100dvh;max-height:100dvh;padding-bottom:0}.tabbar{height:auto;min-height:0;padding:5px 3px max(5px,env(safe-area-inset-bottom));align-items:flex-start}.viewer-zoom-wrap{overflow:hidden;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.viewer-image{pointer-events:auto;-webkit-user-drag:none}.viewer-stage{overscroll-behavior:contain}.viewer-meta{padding-bottom:15px}@supports (-webkit-touch-callout:none){@media (display-mode:standalone){html,body,#root{background:#101013}.app-shell{padding-top:max(env(safe-area-inset-top,0px),20px)}.tabbar{background:#101013;margin:0;border-radius:24px 24px 0 0}}}.main-scroll>:not([hidden]){animation:vault-page-enter .24s ease-out both}@keyframes vault-page-enter{0%{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.retry-all{margin:0 0 10px;width:100%}html{background:#050507;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#050507;overscroll-behavior:none;touch-action:manipulation}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:auto;max-height:none;min-height:0;margin:0 auto;padding-bottom:env(safe-area-inset-bottom,0px);background-color:#050507;background-image:linear-gradient(to top,#111114 0 env(safe-area-inset-bottom,0px),rgba(0,0,0,0) env(safe-area-inset-bottom,0px))}.tabbar{flex:0 0 auto;height:auto;min-height:0;margin:0 8px;padding:5px 3px;border-radius:24px 24px 0 0;background:#111114ed}@media (max-height:680px){.tabbar{height:auto;min-height:0;padding-top:3px;padding-bottom:5px}}.main-scroll{padding-bottom:24px;scroll-padding-bottom:24px;overscroll-behavior:contain}@supports (-webkit-touch-callout:none){@media (display-mode:standalone){html,body{background:#111114}.app-shell{background-image:linear-gradient(to top,#101013 0 env(safe-area-inset-bottom,0px),rgba(0,0,0,0) env(safe-area-inset-bottom,0px))}}}.searchbox input,.create-folder-form input,.tag-add-row input,.editable-tag input,.downloader-compose textarea{font-size:16px}button,.tab,.thumb-image,.icon-btn,.heart-float{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.main-scroll>:not([hidden]){animation:none}}
