*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:450;color-scheme:light dark;--color-bg: #f5f4fa;--color-bg-alt: #eeecf7;--color-surface: #ffffff;--color-border: rgba(43, 42, 55, .08);--color-border-strong: rgba(43, 42, 55, .14);--color-text: #2a2b33;--color-text-muted: #6c6b79;--color-text-faint: #9a99a7;--color-primary: #5b79d6;--color-primary-hover: #4a66be;--color-primary-soft: #e8ecfb;--color-on-primary: #ffffff;--color-violet: #8d7fcb;--color-violet-soft: #efeafb;--color-blush: #d98da0;--color-blush-soft: #fbebef;--color-teal: #4a9d93;--color-teal-soft: #e5f5f2;--color-danger: #c85f57;--color-danger-soft: #fbeae8;--color-success: #3f9a70;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(35, 32, 55, .05);--shadow-sm: 0 4px 16px rgba(35, 32, 55, .07);--shadow-md: 0 16px 40px rgba(35, 32, 55, .12)}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a21;--color-bg-alt: #202028;--color-surface: #24242e;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #edecf3;--color-text-muted: #a9a7b6;--color-text-faint: #797889;--color-primary: #8fa5ec;--color-primary-hover: #a3b6f0;--color-primary-soft: rgba(143, 165, 236, .16);--color-on-primary: #14161f;--color-violet: #ac9fe6;--color-violet-soft: rgba(172, 159, 230, .16);--color-blush: #e7a2b3;--color-blush-soft: rgba(231, 162, 179, .14);--color-teal: #6fc4b9;--color-teal-soft: rgba(111, 196, 185, .14);--color-danger: #e69089;--color-danger-soft: rgba(230, 144, 137, .14);--color-success: #7ecda0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .32);--shadow-md: 0 16px 40px rgba(0, 0, 0, .45)}}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}h1,h2,h3{font-weight:650;letter-spacing:-.01em}.page{max-width:80ch;margin-inline:auto;padding:2rem}.page a{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:var(--radius-pill);padding:.6rem 1.15rem;font-size:.9rem;font-weight:550;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-alt)}.btn--block{width:100%;justify-content:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease}.icon-button:hover{background:var(--color-bg-alt);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field__label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.field__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.65rem .9rem;font-size:.95rem;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.avatar-button{width:38px;height:38px;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-on-primary);font-weight:650;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar-button--static{cursor:default}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;background:radial-gradient(circle at 15% 15%,var(--color-primary-soft),transparent 55%),radial-gradient(circle at 85% 85%,var(--color-violet-soft),transparent 55%),var(--color-bg)}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem 2.25rem}.auth-card__brand{display:flex;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:1.75rem}.auth-card__brand svg{color:var(--color-primary)}.auth-card__accent{color:var(--color-primary)}.auth-card__title{font-size:1.5rem;margin-bottom:.35rem}.auth-card__subtitle{color:var(--color-text-muted);font-size:.92rem;margin-bottom:1.75rem}.auth-card__error{background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.86rem;margin-bottom:1.25rem}.auth-form{margin-bottom:1.25rem}.auth-card__footer{text-align:center;font-size:.88rem;color:var(--color-text-muted)}.auth-card__footer a{color:var(--color-primary);font-weight:600}.app-shell{display:flex;min-height:100dvh}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-shell__scrim{position:fixed;inset:0;background:#14121e66;border:none;z-index:20;display:none}.sidebar{width:260px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.5rem 1.1rem;gap:1.75rem}.sidebar__brand{display:flex;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;padding-inline:.5rem}.sidebar__brand-icon{color:var(--color-primary);flex-shrink:0}.sidebar__brand-accent{color:var(--color-primary)}.sidebar__nav{display:flex;flex-direction:column;gap:.2rem}.sidebar__link{display:flex;align-items:center;gap:.85rem;padding:.65rem .9rem;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.92rem;font-weight:550;text-decoration:none;transition:background-color .15s ease,color .15s ease}.sidebar__link:hover{background:var(--color-bg-alt);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-soft);color:var(--color-primary-hover)}.sidebar__storage{margin-top:auto}.storage-bar__track{height:7px;border-radius:var(--radius-pill);background:var(--color-bg-alt);overflow:hidden;margin-bottom:.55rem}.storage-bar__fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-primary),var(--color-violet));transition:width .3s ease}.storage-bar__label{font-size:.78rem;color:var(--color-text-muted);padding-inline:.3rem}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.75rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar__menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;flex-shrink:0}.topbar__menu-toggle span{height:2px;border-radius:2px;background:var(--color-text)}.topbar__search{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;background:var(--color-bg-alt);border-radius:var(--radius-pill);padding:.6rem 1.1rem;color:var(--color-text-muted);max-width:480px}.topbar__search input{border:none;background:transparent;outline:none;flex:1;min-width:0;font-size:.92rem;color:var(--color-text)}.topbar__search-clear{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex}.topbar__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.topbar__profile{position:relative;flex-shrink:0}.profile-menu__scrim{position:fixed;inset:0;z-index:29}.profile-menu{position:absolute;right:0;top:calc(100% + .6rem);width:250px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.5rem;z-index:30}.profile-menu__header{display:flex;align-items:center;gap:.75rem;padding:.6rem .6rem .9rem;border-bottom:1px solid var(--color-border);margin-bottom:.4rem}.profile-menu__name{font-weight:650;font-size:.9rem}.profile-menu__email{font-size:.78rem;color:var(--color-text-muted);word-break:break-all}.profile-menu__item{display:flex;align-items:center;gap:.7rem;width:100%;border:none;background:transparent;padding:.6rem;border-radius:var(--radius-sm);font-size:.88rem;color:var(--color-text);cursor:pointer}.profile-menu__item:hover{background:var(--color-bg-alt)}.drive-view{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.drive-view--dropzone:after{content:"Drop files to upload";position:absolute;inset:1rem;border:2px dashed var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:650;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.drive-view__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.75rem 1rem;flex-wrap:wrap}.drive-view__title{font-size:1.35rem}.drive-view__header-actions{display:flex;align-items:center;gap:.75rem}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-size:1.1rem;font-weight:650}.breadcrumb__crumb{color:var(--color-text);text-decoration:none;padding:.2rem .4rem;border-radius:var(--radius-sm)}.breadcrumb__crumb:hover{background:var(--color-bg-alt)}.breadcrumb__segment{display:inline-flex;align-items:center}.breadcrumb__chevron{color:var(--color-text-faint);margin:0 .1rem}.view-toggle{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:3px;gap:2px}.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer}.view-toggle__btn--active{background:var(--color-primary-soft);color:var(--color-primary-hover)}.drive-view__content{flex:1;overflow-y:auto;padding:.5rem 1.75rem 2.5rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:1.1rem}.file-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem 1rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}.file-card:hover,.file-card:focus-visible{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong);outline:none}.file-card--drag-over{border-color:var(--color-primary);background:var(--color-primary-soft)}.file-card__thumb{height:84px;display:flex;align-items:center;justify-content:center;color:var(--color-violet);margin-bottom:.85rem;border-radius:var(--radius-sm);background:var(--color-bg-alt);overflow:hidden}.file-card__image{width:100%;height:100%;object-fit:cover}.file-card__name{font-size:.87rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.2rem}.file-card__meta{font-size:.76rem;color:var(--color-text-muted)}.file-card__menu-trigger{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-xs)}.file-card__menu-trigger:hover{color:var(--color-text)}.file-card__star{position:absolute;top:.6rem;left:.6rem;color:var(--color-blush)}.file-list{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.file-list__header,.file-list__row{display:grid;grid-template-columns:1fr 160px 100px 44px;align-items:center;gap:1rem;padding:.75rem 1.25rem}.file-list__header{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border)}.file-list__row{cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .12s ease}.file-list__row:last-child{border-bottom:none}.file-list__row:hover,.file-list__row:focus-visible{background:var(--color-bg-alt);outline:none}.file-list__row--drag-over{background:var(--color-primary-soft)}.file-list__name{display:flex;align-items:center;gap:.7rem;font-size:.9rem;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list__name svg{color:var(--color-violet);flex-shrink:0}.file-list__star{color:var(--color-blush);flex-shrink:0}.file-list__date,.file-list__size{font-size:.82rem;color:var(--color-text-muted);white-space:nowrap}.context-menu{position:fixed;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.4rem;z-index:60}.context-menu__divider{height:1px;background:var(--color-border);margin:.35rem .3rem}.context-menu__item{display:flex;align-items:center;gap:.7rem;width:100%;border:none;background:transparent;padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:.87rem;color:var(--color-text);cursor:pointer;text-align:left}.context-menu__item:hover{background:var(--color-bg-alt)}.context-menu__item--danger{color:var(--color-danger)}.context-menu__icon{display:inline-flex;color:var(--color-text-muted)}.context-menu__item--danger .context-menu__icon{color:var(--color-danger)}.modal-overlay{position:fixed;inset:0;background:#14121e73;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.modal{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem .6rem}.modal__title{font-size:1.1rem}.modal__body{padding:.8rem 1.5rem 1.4rem;max-height:65vh;overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:.7rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.move-list{display:flex;flex-direction:column;gap:.15rem;max-height:280px;overflow-y:auto}.move-list__item{display:flex;align-items:center;gap:.65rem;border:none;background:transparent;padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text);cursor:pointer;text-align:left}.move-list__item svg{color:var(--color-violet);flex-shrink:0}.move-list__item:hover{background:var(--color-bg-alt)}.move-list__item--selected{background:var(--color-primary-soft);color:var(--color-primary-hover)}.share-panel{display:flex;flex-direction:column;gap:1.1rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.switch-row__hint{font-size:.8rem;color:var(--color-text-muted);margin-top:.15rem}.switch{position:relative;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--color-border-strong);border:none;cursor:pointer;flex-shrink:0;transition:background-color .15s ease}.switch--on{background:var(--color-primary)}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-surface);transition:transform .15s ease}.switch--on .switch__knob{transform:translate(18px)}.share-link-row{display:flex;gap:.6rem}.share-link-row .field__input{flex:1}.preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview__image{max-width:100%;max-height:55vh;border-radius:var(--radius-sm);object-fit:contain}.preview__pdf{width:100%;height:55vh;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.preview__placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-muted);padding:2.5rem 1rem}.preview__meta{font-size:.82rem;color:var(--color-text-muted);align-self:flex-start}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:4rem 1.5rem;color:var(--color-text-muted)}.empty-state__icon{color:var(--color-violet);margin-bottom:.5rem}.empty-state__title{color:var(--color-text);font-size:1.15rem}.empty-state__description{max-width:40ch;font-size:.9rem}.empty-state__action{margin-top:.75rem;display:flex;gap:.6rem}.toast-stack{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.6rem;z-index:80;width:min(360px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.7rem .9rem;font-size:.86rem}.toast__icon{display:inline-flex;flex-shrink:0;color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast__text{flex:1}.toast__dismiss{border:none;background:transparent;color:var(--color-text-faint);cursor:pointer;display:inline-flex;flex-shrink:0}.upload-panel{position:fixed;bottom:1.5rem;right:1.5rem;width:300px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:40}.upload-panel__header{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:650;border-bottom:1px solid var(--color-border);color:var(--color-primary-hover)}.upload-panel__list{max-height:240px;overflow-y:auto}.upload-panel__item{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem}.upload-panel__status-icon{width:15px;flex-shrink:0;color:var(--color-success)}.upload-panel__info{flex:1;min-width:0}.upload-panel__name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem}.upload-panel__track{height:5px;border-radius:var(--radius-pill);background:var(--color-bg-alt);overflow:hidden}.upload-panel__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .2s ease}.upload-panel__fill--error{background:var(--color-danger)}.upload-panel__dismiss{border:none;background:transparent;color:var(--color-text-faint);cursor:pointer;flex-shrink:0}.shared-link-page{min-height:100dvh;max-width:760px;margin-inline:auto;padding:2.5rem 1.5rem 4rem}.shared-link-page__header{display:flex;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;margin-bottom:2.5rem}.shared-link-page__header svg{color:var(--color-primary)}.shared-link-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2.5rem 1.5rem;margin-bottom:2rem}.shared-link-card__icon{width:72px;height:72px;border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-violet);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.5rem}.shared-link-card__icon img{width:100%;height:100%;object-fit:cover}.shared-link-card__meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}@media(max-width:860px){.topbar__menu-toggle{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-md)}.sidebar--open{transform:translate(0)}.app-shell__scrim{display:block}.btn__label{display:none}.topbar__actions .btn{padding:.6rem .75rem}.drive-view__header{padding:1.1rem 1.1rem .8rem}.drive-view__content{padding:.5rem 1.1rem 2rem}.topbar{padding:.85rem 1.1rem}.file-list__header,.file-list__row{grid-template-columns:1fr 44px}.file-list__date,.file-list__size{display:none}}