:root{--blue: #007aff;--blue-press: #0066d6;--blue-soft: rgba(0, 122, 255, .12);--bg: #f2f2f7;--elev: #ffffff;--elev-2: #ffffff;--fill: rgba(120, 120, 128, .12);--fill-strong: rgba(120, 120, 128, .2);--text: #1c1c1e;--text-2: rgba(60, 60, 67, .6);--text-3: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .12);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--folder: #54aeff;--nav-bg: rgba(255, 255, 255, .72);--scrim: rgba(0, 0, 0, .32);--blur: saturate(180%) blur(20px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .18);--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--maxw: 1200px}[data-theme=dark]{--blue: #0a84ff;--blue-press: #409cff;--blue-soft: rgba(10, 132, 255, .18);--bg: #000000;--elev: #1c1c1e;--elev-2: #2c2c2e;--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--text: #ffffff;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .4);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .18);--folder: #64a8ff;--nav-bg: rgba(30, 30, 32, .72);--scrim: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){[data-theme=auto]{--blue: #0a84ff;--blue-press: #409cff;--blue-soft: rgba(10, 132, 255, .18);--bg: #000000;--elev: #1c1c1e;--elev-2: #2c2c2e;--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--text: #ffffff;--text-2: rgba(235, 235, 245, .6);--text-3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .4);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .18);--folder: #64a8ff;--nav-bg: rgba(30, 30, 32, .72);--scrim: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%}button{font:inherit;color:inherit;border:none;background:none;margin:0;padding:0;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.muted{color:var(--text-2)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spin{width:22px;height:22px;border:2px solid var(--fill-strong);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.app-loading{display:grid;place-items:center;min-height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:var(--r);background:var(--blue);color:#fff;font-size:16px;font-weight:600;transition:transform .12s ease,background .18s ease,opacity .18s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn--block{width:100%}.btn--ghost{background:var(--fill);color:var(--blue)}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--text{height:auto;padding:10px 14px;background:none;color:var(--blue)}.btn--text.is-danger{color:var(--danger)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fill);color:var(--text);transition:transform .12s ease,background .18s ease}.icon-btn:active{transform:scale(.92)}.icon-btn:hover{background:var(--fill-strong)}.auth{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth__card{width:100%;max-width:380px;text-align:center}.auth__logo{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#0a84ff,#007aff 60%,#0066d6);box-shadow:var(--shadow-card)}.auth__title{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.auth__tagline{color:var(--text-2);margin:0 0 26px}.auth form{display:flex;flex-direction:column;gap:12px}.field{width:100%;height:50px;padding:0 16px;border-radius:var(--r);background:var(--fill);color:var(--text);border:1px solid transparent;font-size:16px;transition:border-color .18s ease,background .18s ease}.field::placeholder{color:var(--text-3)}.field:focus{outline:none;border-color:var(--blue);background:var(--elev)}.auth__msg{margin:14px 0 0;font-size:14px}.auth__msg.is-error{color:var(--danger)}.auth__msg.is-info{color:var(--blue)}.auth__toggle{margin-top:18px;color:var(--blue);font-weight:500}.app{min-height:100dvh}.sidebar{display:none}.main{max-width:var(--maxw);margin:0 auto;padding:8px 16px calc(120px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px 8px}.topbar__title{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0}.topbar__actions{display:flex;gap:8px;align-items:center}.back-btn{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:16px;font-weight:500;padding:6px 4px}.storage{margin:6px 2px 16px}.storage__bar{height:6px;border-radius:999px;background:var(--fill);overflow:hidden}.storage__fill{height:100%;border-radius:999px;background:var(--blue);transition:width .5s cubic-bezier(.4,0,.2,1)}.storage__fill.is-full{background:var(--danger)}.storage__fill.is-warn{background:#ff9500}.storage__label{display:block;margin-top:7px;font-size:13px;color:var(--text-2)}.search{position:relative;display:flex;align-items:center;gap:10px;margin:4px 2px 18px}.search__field{position:relative;flex:1;display:flex;align-items:center}.search__icon{position:absolute;left:12px;color:var(--text-2);pointer-events:none}.search__input{width:100%;height:44px;padding:0 84px 0 38px;border-radius:12px;border:1px solid transparent;background:var(--fill);color:var(--text);font-size:16px}.search__input::placeholder{color:var(--text-3)}.search__input:focus{outline:none;border-color:var(--blue);background:var(--elev)}.search__tools{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px}.search__clear{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--fill-strong);color:var(--text-2)}.mic--bare{width:34px;height:34px;background:none}.mic--bare:hover{background:var(--fill)}.mic{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--fill);color:var(--text);transition:transform .12s ease,background .18s ease}.mic:active{transform:scale(.92)}.mic:disabled{opacity:.4}.mic.is-recording{width:auto;gap:6px;padding:0 14px;background:var(--danger-soft);color:var(--danger);font-weight:600;font-variant-numeric:tabular-nums;animation:pulse 1.4s ease-in-out infinite}.mic--lg{width:52px;height:52px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--danger-soft)}50%{box-shadow:0 0 0 8px transparent}}.content{min-height:40vh}.section__title{font-size:15px;font-weight:600;color:var(--text-2);margin:18px 2px 10px;display:flex;align-items:center;justify-content:space-between}.section__title .btn--text{padding:2px 4px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 12px}.item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;border-radius:var(--r);background:none}.item__tap{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;cursor:pointer}.item__thumb{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--r);background:var(--elev);box-shadow:var(--shadow-card);display:grid;place-items:center;overflow:hidden;color:var(--text-2);transition:transform .16s ease}.item__tap:active .item__thumb{transform:scale(.95)}.item__thumb img{width:100%;height:100%;object-fit:cover}.item__ext{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:1px 7px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.02em}.item__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--fill) 30%,var(--fill-strong) 50%,var(--fill) 70%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.item--folder .item__thumb{background:none;box-shadow:none;color:var(--folder)}.item--folder .item__thumb svg{width:64%;height:64%}.item--add .item__thumb{background:none;box-shadow:none;border:1.5px dashed var(--text-3);color:var(--text-2);transition:transform .16s ease,border-color .16s ease,color .16s ease}.item--add .item__thumb svg{width:32%;height:32%}.item--add .item__tap:hover .item__thumb{border-color:var(--text-2);color:var(--text)}.item.is-dragging{opacity:.4}.item--folder.is-drop .item__thumb{outline:2px solid var(--blue);outline-offset:2px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:1px;min-width:0}.crumbs__group{display:inline-flex;align-items:center;gap:1px}.crumbs__sep{flex:none;color:var(--text-3)}.crumbs__btn{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text-2);padding:2px 7px;border-radius:9px;line-height:1.15;transition:background .15s ease,color .15s ease}.crumbs__btn:hover{background:var(--fill);color:var(--text)}.crumbs__btn.is-current{font-weight:700;color:var(--text)}.crumbs__btn.is-over{background:var(--blue-soft);color:var(--blue)}.tree{display:flex;flex-direction:column;margin:-1px 0 1px}.tree__node{display:flex;flex-direction:column}.tree__row{display:flex;align-items:center;gap:1px;padding-right:6px;border-radius:9px;transition:background .15s ease,box-shadow .12s ease}.tree__row:hover{background:var(--fill)}.tree__row.is-active{background:var(--blue-soft)}.tree__row.is-active .tree__label{color:var(--blue);font-weight:600}.tree__row.is-active .tree__label svg{color:var(--blue)}.crumbs,.tree,.nav-link,.item__name{-webkit-user-select:none;user-select:none}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:2px 2px 10px}.grid+.section-label{margin-top:22px}.tree__row.is-over{background:var(--blue-soft);box-shadow:inset 0 0 0 1.5px var(--blue)}.tree__toggle{display:grid;place-items:center;flex:none;width:18px;height:30px;color:var(--text-3)}.tree__toggle.is-hidden{visibility:hidden}.tree__toggle svg{transition:transform .15s ease}.tree__toggle svg.is-open{transform:rotate(90deg)}.tree__label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:6px 0;font-size:14px;font-weight:500;color:var(--text);text-align:left}.tree__label svg{flex:none;color:var(--folder)}.tree__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid+.grid{margin-top:22px}.item__name{font-size:13px;font-weight:500;line-height:1.25;color:var(--text);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.item__meta{font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:3px;max-width:100%}.item__caption{font-size:13px;font-weight:500;line-height:1.3;color:var(--text);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;-webkit-user-select:none;user-select:none}.item__caption svg{display:inline-block;vertical-align:-.15em;margin-right:4px;opacity:.65}.item__filename{font-size:11px;color:var(--text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.item__meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item__menu{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--nav-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .16s ease,transform .12s ease}.item__menu:active{transform:scale(.9)}.item:hover .item__menu,.item__menu:focus-visible{opacity:1}@media (hover: none){.item__menu{opacity:1}}.empty{text-align:center;color:var(--text-2);padding:56px 16px}.empty__icon{color:var(--text-3);margin-bottom:12px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:2px;padding:7px 10px;border-radius:999px;background:var(--nav-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-pop);border:.5px solid var(--sep)}.tab{display:inline-flex;flex-direction:column;align-items:center;gap:2px;width:60px;padding:4px 0;color:var(--text-2);font-size:10px;font-weight:500;transition:color .18s ease,transform .12s ease}.tab:active{transform:scale(.9)}.tab.is-active{color:var(--blue)}.tab__icon{position:relative;display:inline-flex}.tab__badge{position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.tab--upload{width:56px}.tab--upload .tab__plus{display:grid;place-items:center;width:46px;height:46px;margin-top:-16px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 6px 18px var(--blue-soft),var(--shadow-card);transition:transform .14s ease,background .18s ease}.tab--upload:active .tab__plus{transform:scale(.92)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--elev);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-pop)}.sheet__handle{width:38px;height:5px;border-radius:999px;background:var(--fill-strong);margin:2px auto 14px}.sheet__title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px}.sheet__sub{margin:0 0 14px;font-size:14px;color:var(--text-2)}.sheet__label{display:block;font-size:13px;color:var(--text-2);margin:14px 0 6px}.sheet__row{display:flex;gap:10px;align-items:center}.sheet__row .field{flex:1}.sheet__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px}.sheet__msg{margin:12px 0 0;color:var(--danger);font-size:14px}.list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.list__item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--r);background:var(--fill);color:var(--text);font-size:16px;font-weight:500;text-align:left;transition:background .16s ease,transform .1s ease}.list__item:active{transform:scale(.99);background:var(--fill-strong)}.list__item.is-active{background:var(--blue);color:#fff}.list__item.is-danger{color:var(--danger)}.list__item .check{margin-left:auto}.seg{display:flex;gap:4px;padding:4px;border-radius:var(--r);background:var(--fill)}.seg__opt{flex:1;padding:9px 0;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-2);transition:background .16s ease,color .16s ease}.seg__opt.is-active{background:var(--elev);color:var(--text);box-shadow:var(--shadow-sm)}.viewer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column}.viewer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:#fff}.viewer__head .item__name{color:#fff;-webkit-line-clamp:1;text-align:left}.viewer__head .icon-btn{background:#ffffff29;color:#fff}.viewer__body{flex:1;display:grid;place-items:center;padding:0 16px 16px;overflow:auto;min-height:0}.viewer__media{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r)}.viewer__frame{width:100%;height:100%;border:none;border-radius:var(--r);background:#fff}.viewer audio{width:min(420px,100%)}.viewer__caption{padding:0 20px calc(24px + env(safe-area-inset-bottom));color:#ffffffb8;text-align:center;font-size:14px}[data-sonner-toaster]{--normal-bg: var(--nav-bg);--normal-text: var(--text);--normal-border: var(--sep)}[data-sonner-toast]{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-pop)!important;border-radius:var(--r)!important}@media (min-width: 900px){.app{display:grid;grid-template-columns:264px 1fr}.tabbar{display:none}.sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;padding:24px 16px;border-right:.5px solid var(--sep);background:var(--bg)}.sidebar__brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.02em;padding:4px 10px 18px}.sidebar__logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#0a84ff,#007aff 60%,#0066d6)}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--text);font-size:15px;font-weight:500;transition:background .16s ease}.nav-link:hover{background:var(--fill)}.nav-link.is-active{background:var(--blue-soft);color:var(--blue)}.nav-link .count{margin-left:auto;font-size:13px;color:var(--text-2)}.nav-link--group{padding:0;gap:0}.nav-group__label{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:inherit;font:inherit;text-align:left}.nav-group__toggle{display:grid;place-items:center;align-self:stretch;width:32px;border-radius:10px;color:var(--text-2)}.nav-group__toggle svg{transition:transform .15s ease}.nav-group__toggle svg.is-open{transform:rotate(90deg)}.sidebar__upload{margin:10px 4px 16px}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:0 6px}.main{width:100%;max-width:1400px;margin:0;justify-self:start;padding:8px 40px 64px}.storage--main{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:24px 16px}.scrim{align-items:center}.sheet{border-radius:var(--r-xl);max-width:460px;margin:20px;padding-bottom:24px}.sheet__handle{display:none}}.dropzone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:24px;background:var(--blue-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);pointer-events:none}.dropzone__box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 60px;border:2px dashed var(--blue);border-radius:var(--r-xl);background:var(--elev);color:var(--blue);font-size:17px;font-weight:600;box-shadow:var(--shadow-pop)}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#00000052;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.upload-overlay__card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 38px;min-width:220px;max-width:min(86vw,360px);border-radius:var(--r-xl);background:#1c1c1eb8;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-pop);color:#fff;text-align:center}.upload-overlay__ring{position:relative;display:grid;place-items:center}.upload-overlay__pct{position:absolute;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.upload-overlay__label{font-size:16px;font-weight:600;letter-spacing:-.01em}.upload-overlay__name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#ffffff9e}.upload-overlay__count{font-size:12px;font-weight:600;color:#ffffff9e;font-variant-numeric:tabular-nums}.install-banner{position:fixed;left:16px;right:16px;margin:0 auto;max-width:420px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:40;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-xl);background:var(--elev);box-shadow:var(--shadow-pop)}@media (min-width: 900px){.install-banner{bottom:24px}}.install-banner__icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--blue);color:#fff}.install-banner__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.install-banner__text strong{font-size:14px;font-weight:600;color:var(--text)}.install-banner__text span{font-size:12px;color:var(--text-2);line-height:1.3}.install-banner__action{flex-shrink:0;padding:8px 14px;font-size:13px}.install-banner__close{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--text-2);background:transparent;border:none;cursor:pointer}.install-banner__close:hover{color:var(--text)}.sheet__hint{font-size:13px;color:var(--text-2);line-height:1.4;margin:4px 0 0}.install-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.install-steps li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.35;color:var(--text)}.install-steps__ic{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--blue-soft);color:var(--blue)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}