@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--gray-0: #ffffff;--gray-25: #fafbfd;--gray-50: #f4f6fa;--gray-100: #ebeef3;--gray-150: #e3e8ef;--gray-200: #dbe1ea;--gray-300: #c6ceda;--gray-400: #9ba6b7;--gray-500: #717d90;--gray-600: #535e70;--gray-700: #3b4453;--gray-800: #262d39;--gray-900: #171c25;--gray-950: #0c0f16;--blue-50: #ecf3ff;--blue-100: #dbe7ff;--blue-200: #bbd0ff;--blue-300: #8fb0ff;--blue-400: #5c8aff;--blue-500: #1e6bff;--blue-600: #0f55e6;--blue-700: #0e44b4;--blue-800: #123a8e;--blue-900: #13275c;--indigo-50: #eeeeff;--indigo-100: #e0e0ff;--indigo-200: #c6c5ff;--indigo-300: #a29eff;--indigo-400: #7c74ff;--indigo-500: #5b4df0;--indigo-600: #4a38db;--indigo-700: #3d2cb4;--indigo-800: #332790;--indigo-900: #241b66;--teal-50: #e6fbf7;--teal-100: #c7f5ec;--teal-200: #93ebdd;--teal-300: #54d9c6;--teal-400: #1fbeaa;--teal-500: #0aa391;--teal-600: #068276;--teal-700: #08675f;--teal-800: #0a524c;--teal-900: #0a3b37;--orange-50: #fff2ec;--orange-100: #ffe1d3;--orange-200: #ffc2a6;--orange-300: #ff9c6e;--orange-400: #ff7438;--orange-500: #f15a22;--orange-600: #d6420f;--orange-700: #b0330d;--orange-800: #8a2a11;--orange-900: #5e1f0f;--violet-50: #f5eeff;--violet-100: #ebddff;--violet-200: #d8bcff;--violet-300: #be90ff;--violet-400: #a063ff;--violet-500: #8a3ffc;--violet-600: #7526e8;--violet-700: #5f1dbe;--violet-800: #4c1a95;--violet-900: #351468;--green-50: #e7f8ee;--green-100: #c6efd7;--green-200: #93e0b4;--green-300: #54cb8a;--green-400: #22b069;--green-500: #12934f;--green-600: #0b7740;--green-700: #0c5e34;--green-800: #0c4a2b;--green-900: #0a331f;--amber-50: #fff6e5;--amber-100: #ffeabf;--amber-200: #fcd588;--amber-300: #f7bc45;--amber-400: #efa318;--amber-500: #d98a06;--amber-600: #b26e04;--amber-700: #8c5606;--amber-800: #6e4409;--amber-900: #4a2e08;--red-50: #fdecec;--red-100: #fbd5d6;--red-200: #f5aeb0;--red-300: #ed7e82;--red-400: #e5484d;--red-500: #d62f35;--red-600: #b71f26;--red-700: #941a20;--red-800: #74191e;--red-900: #4e1315;--file-folder: #4c8dff;--file-document: #2c7be5;--file-spreadsheet: #12934f;--file-presentation: #f15a22;--file-pdf: #e5484d;--file-image: #8a3ffc;--file-video: #e5479e;--file-audio: #0aa391;--file-archive: #d98a06;--file-code: #5b4df0;--file-default: #717d90}:root{--brand-50: var(--blue-50);--brand-100: var(--blue-100);--brand-200: var(--blue-200);--brand-300: var(--blue-300);--brand-400: var(--blue-400);--brand-500: var(--blue-500);--brand-600: var(--blue-600);--brand-700: var(--blue-700);--brand-800: var(--blue-800);--brand-900: var(--blue-900)}.theme-indigo{--brand-50: var(--indigo-50);--brand-100: var(--indigo-100);--brand-200: var(--indigo-200);--brand-300: var(--indigo-300);--brand-400: var(--indigo-400);--brand-500: var(--indigo-500);--brand-600: var(--indigo-600);--brand-700: var(--indigo-700);--brand-800: var(--indigo-800);--brand-900: var(--indigo-900)}.theme-teal{--brand-50: var(--teal-50);--brand-100: var(--teal-100);--brand-200: var(--teal-200);--brand-300: var(--teal-300);--brand-400: var(--teal-400);--brand-500: var(--teal-500);--brand-600: var(--teal-600);--brand-700: var(--teal-700);--brand-800: var(--teal-800);--brand-900: var(--teal-900)}.theme-sunset{--brand-50: var(--orange-50);--brand-100: var(--orange-100);--brand-200: var(--orange-200);--brand-300: var(--orange-300);--brand-400: var(--orange-400);--brand-500: var(--orange-500);--brand-600: var(--orange-600);--brand-700: var(--orange-700);--brand-800: var(--orange-800);--brand-900: var(--orange-900)}.theme-violet{--brand-50: var(--violet-50);--brand-100: var(--violet-100);--brand-200: var(--violet-200);--brand-300: var(--violet-300);--brand-400: var(--violet-400);--brand-500: var(--violet-500);--brand-600: var(--violet-600);--brand-700: var(--violet-700);--brand-800: var(--violet-800);--brand-900: var(--violet-900)}:root{--bg-app: var(--gray-50);--bg-surface: var(--gray-0);--bg-surface-raised: var(--gray-0);--bg-subtle: var(--gray-50);--bg-muted: var(--gray-100);--bg-hover: var(--gray-100);--bg-active: var(--gray-150);--bg-selected: var(--brand-50);--bg-inverse: var(--gray-900);--bg-overlay: rgba(12, 15, 22, .45);--bg-glass: rgba(255, 255, 255, .72);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: var(--gray-0);--text-on-brand: #ffffff;--text-link: var(--brand-600);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-focus: var(--brand-500);--brand-solid: var(--brand-500);--brand-solid-hover: var(--brand-600);--brand-solid-active: var(--brand-700);--brand-subtle: var(--brand-50);--brand-subtle-hover: var(--brand-100);--brand-text: var(--brand-600);--brand-border: var(--brand-200);--success: var(--green-500);--success-subtle: var(--green-50);--success-text: var(--green-700);--warning: var(--amber-500);--warning-subtle: var(--amber-50);--warning-text: var(--amber-700);--danger: var(--red-500);--danger-hover: var(--red-600);--danger-subtle: var(--red-50);--danger-text: var(--red-700);--info: var(--brand-500);--info-subtle: var(--brand-50);--info-text: var(--brand-700);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-500) 32%, transparent);--focus-ring-danger: 0 0 0 3px color-mix(in srgb, var(--red-500) 32%, transparent)}[data-theme=dark]{--bg-app: #0a0d13;--bg-surface: #131822;--bg-surface-raised: #1a212c;--bg-subtle: #10151e;--bg-muted: #1e2632;--bg-hover: #1e2632;--bg-active: #27303d;--bg-selected: color-mix(in srgb, var(--brand-500) 22%, #131822);--bg-inverse: var(--gray-50);--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(19, 24, 34, .72);--text-primary: #eaeef5;--text-secondary: #a7b0bf;--text-tertiary: #7e8899;--text-disabled: #566072;--text-inverse: #131822;--text-on-brand: #ffffff;--text-link: var(--brand-300);--border-subtle: #222a36;--border-default: #2c3644;--border-strong: #3b4757;--border-focus: var(--brand-400);--brand-solid: var(--brand-500);--brand-solid-hover: var(--brand-400);--brand-solid-active: var(--brand-300);--brand-subtle: color-mix(in srgb, var(--brand-500) 16%, #131822);--brand-subtle-hover: color-mix(in srgb, var(--brand-500) 26%, #131822);--brand-text: var(--brand-300);--brand-border: color-mix(in srgb, var(--brand-500) 40%, #131822);--success: var(--green-400);--success-subtle: color-mix(in srgb, var(--green-500) 18%, #131822);--success-text: var(--green-300);--warning: var(--amber-400);--warning-subtle: color-mix(in srgb, var(--amber-500) 18%, #131822);--warning-text: var(--amber-300);--danger: var(--red-400);--danger-hover: var(--red-300);--danger-subtle: color-mix(in srgb, var(--red-500) 20%, #131822);--danger-text: var(--red-300);--info: var(--brand-400);--info-subtle: color-mix(in srgb, var(--brand-500) 18%, #131822);--info-text: var(--brand-300);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-400) 40%, transparent);--focus-ring-danger: 0 0 0 3px color-mix(in srgb, var(--red-400) 40%, transparent)}:root{--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.125rem;--text-5xl: 2.75rem;--text-6xl: 3.5rem;--text-7xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em}:root{--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-full: 9999px;--border-width-thin: 1px;--border-width: 1px;--border-width-thick: 2px;--z-base: 0;--z-raised: 10;--z-sticky: 1100;--z-dropdown: 1200;--z-overlay: 1300;--z-modal: 1400;--z-toast: 1500;--z-tooltip: 1600}:root{--shadow-xs: 0 1px 2px rgba(16, 24, 40, .06);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .1), 0 2px 6px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 28px -6px rgba(16, 24, 40, .16), 0 6px 12px -6px rgba(16, 24, 40, .08);--shadow-xl: 0 24px 56px -12px rgba(16, 24, 40, .24), 0 12px 24px -12px rgba(16, 24, 40, .12);--shadow-inset: inset 0 1px 2px rgba(16, 24, 40, .08);--shadow-brand: 0 6px 18px -4px color-mix(in srgb, var(--brand-500) 45%, transparent);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 28px}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .55), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 32px -6px rgba(0, 0, 0, .6), 0 6px 14px -6px rgba(0, 0, 0, .45);--shadow-xl: 0 28px 60px -12px rgba(0, 0, 0, .7), 0 12px 26px -12px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--shadow-brand: 0 8px 22px -4px color-mix(in srgb, var(--brand-500) 55%, transparent)}:root{--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--dur-slower: .38s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}::selection{background:color-mix(in srgb,var(--brand-500) 26%,transparent)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:root{--pink-50:color-mix(in srgb,var(--file-video) 11%,white);--cyan-50:color-mix(in srgb,var(--file-audio) 11%,white)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app)}button,input,select{font:inherit}button{cursor:pointer}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.splash,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 10%,var(--brand-50),var(--bg-app) 48%)}.splash{flex-direction:column;gap:18px;color:var(--text-secondary)}.splash img{width:150px}.login-card{width:min(430px,calc(100vw - 32px));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:38px;box-shadow:var(--shadow-xl)}.login-logo{height:34px}.login-card h1{font:800 var(--text-3xl)/1.2 var(--font-display);margin:28px 0 8px}.login-card>p,.modal-lead{color:var(--text-secondary);line-height:1.55;margin:0 0 24px}.login-card form,.modal form{display:flex;flex-direction:column;gap:16px}label{display:flex;flex-direction:column;gap:7px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}input,select{height:42px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--brand-solid);box-shadow:var(--focus-ring)}.form-error{padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-subtle);color:var(--danger-text);font-size:var(--text-sm)}.button{height:38px;border-radius:var(--radius-md);border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:var(--text-md);transition:.14s ease}.button.primary{background:var(--brand-solid);color:#fff;box-shadow:var(--shadow-brand)}.button.primary:hover{background:var(--brand-solid-hover)}.button.secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.button.secondary:hover{background:var(--bg-hover)}.button.danger{background:var(--danger);color:#fff}.button.danger:hover{filter:brightness(.92)}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:18px 14px;display:flex;flex-direction:column;gap:18px}.brand{width:134px;height:auto;margin:4px 8px 8px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{height:42px;padding:0 11px;border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;gap:11px;text-align:left;font-weight:550}.sidebar nav button:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar nav button.active{background:var(--brand-subtle);color:var(--brand-text);font-weight:700}.storage{margin-top:auto;padding:16px 10px;border-top:1px solid var(--border-subtle)}.storage span,.storage small{color:var(--text-tertiary);font-size:var(--text-xs)}.meter{height:5px;border-radius:999px;background:var(--bg-muted);overflow:hidden;margin:10px 0 6px}.meter i{height:100%;display:block;background:var(--brand-solid);border-radius:inherit;transition:width .2s}.account{border:0;border-top:1px solid var(--border-subtle);background:transparent;padding:14px 8px 0;display:grid;grid-template-columns:36px 1fr 18px;gap:10px;align-items:center;text-align:left;color:var(--text-secondary)}.account>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.account b,.account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{color:var(--text-tertiary)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--violet-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}.drive{min-width:0;display:flex;flex-direction:column}.mobile-header,.mobile-tabs,.mobile-fab,.mobile-more{display:none}.topbar{height:66px;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 28px}.breadcrumbs{display:flex;align-items:center}.breadcrumbs button{border:0;background:transparent;color:var(--text-secondary);padding:7px 8px;border-radius:6px}.breadcrumbs button:hover{background:var(--bg-hover)}.breadcrumbs button+button:before{content:"/";margin-right:14px;color:var(--text-tertiary)}.content{padding:28px 32px 90px;overflow:auto;min-height:0}.content-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.content-head h1{font:800 var(--text-3xl)/1.2 var(--font-display);margin:0}.content-head p{margin:5px 0 0;color:var(--text-tertiary)}.toolbar{display:flex;gap:10px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.file-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs);min-width:0;transition:.14s ease}.file-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.file-copy{min-width:0}.file-icon{width:52px;height:52px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.file-icon.folder{background:var(--brand-subtle);color:var(--file-folder)}.file-icon.document{background:var(--blue-50);color:var(--file-document)}.file-icon.spreadsheet{background:var(--green-50);color:var(--file-spreadsheet)}.file-icon.presentation{background:var(--orange-50);color:var(--file-presentation)}.file-icon.pdf{background:var(--red-50);color:var(--file-pdf)}.file-icon.image{background:var(--violet-50);color:var(--file-image)}.file-icon.video{background:var(--pink-50);color:var(--file-video)}.file-icon.audio{background:var(--cyan-50);color:var(--file-audio)}.file-icon.archive{background:var(--amber-50);color:var(--file-archive)}.file-icon.code{background:var(--gray-100);color:var(--file-code)}.file-icon.default{background:var(--gray-100);color:var(--file-default)}.file-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:42px}.file-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.file-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:2px;opacity:0}.file-card:hover .file-actions,.file-card:focus-within .file-actions{opacity:1}.file-actions button,.icon-button,.mobile-more{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--text-tertiary);align-items:center;justify-content:center}.file-actions button:hover,.icon-button:hover{background:var(--bg-hover);color:var(--text-primary)}.file-actions .danger-action:hover{background:var(--danger-subtle);color:var(--danger-text)}.empty{min-height:360px;border:1px dashed var(--border-default);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center}.empty-icon{width:76px;height:76px;border-radius:24px;background:var(--brand-subtle);color:var(--brand-text);display:flex;align-items:center;justify-content:center}.empty h2{color:var(--text-primary);margin:18px 0 5px}.empty p{max-width:460px}.banner{padding:12px 14px;border-radius:var(--radius-md);margin-bottom:18px;display:flex;justify-content:space-between}.banner.error{background:var(--danger-subtle);color:var(--danger-text)}.banner button{border:0;background:transparent;color:inherit}.upload-tray{position:fixed;right:24px;bottom:24px;width:340px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:20}.upload-tray>b{display:block;margin-bottom:12px}.upload-tray>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-top:10px}.upload-tray span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.upload-tray small{color:var(--text-tertiary)}.upload-tray .meter{grid-column:1/-1;margin:4px 0}.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{width:min(620px,100%);max-height:86vh;overflow:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:22px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal h2{margin:0;font:750 var(--text-xl)/1.3 var(--font-display)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.family-storage-card{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:12px 18px;padding:16px;margin-bottom:16px;background:var(--brand-subtle);border:1px solid var(--brand-100);border-radius:var(--radius-lg)}.family-storage-copy{display:flex;flex-direction:column}.family-storage-copy span{margin-top:4px;color:var(--text-secondary);font-size:var(--text-sm)}.family-storage-card .meter{grid-column:1/-1;margin:0}.family-storage-card p{grid-column:1/-1;margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.45}.family-quota-field{align-self:start}.member-list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.member{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-subtle)}.member:last-child{border:0}.member-copy{flex:1;min-width:0;display:flex;flex-direction:column}.member-copy span{font-size:var(--text-xs);color:var(--text-tertiary)}.quota-field{width:98px;font-size:10px}.quota-field input{height:34px}.member-form{margin-top:22px}.member-form h3{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-row{display:grid;grid-template-columns:1fr 160px;gap:10px}.success-message{margin-top:12px;padding:10px;background:var(--success-subtle);color:var(--success-text);border-radius:var(--radius-md)}.allocation-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-secondary);font-size:var(--text-xs)}.allocation-summary b{color:var(--text-primary)}.allocation-summary .allocation-over,.allocation-summary .allocation-over b{color:var(--danger-text)}.family-storage-card .allocation-meter{height:7px}.family-storage-card .allocation-meter.over i{background:var(--danger)}.allocation-warning{grid-column:1/-1;padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-subtle);color:var(--danger-text);font-size:var(--text-xs);line-height:1.45}.quota-availability{margin-top:10px;color:var(--text-secondary);font-size:var(--text-xs)}.quota-availability.unavailable{color:var(--danger-text)}.share-section h3{margin:0 0 7px;font-size:var(--text-md)}.share-section .modal-lead{margin-bottom:14px}.family-share-section{border-top:1px solid var(--border-subtle);margin-top:22px;padding-top:20px}.public-link-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.public-link-result input{min-width:0;font-family:var(--font-mono);font-size:var(--text-sm)}.public-page{min-height:100vh;background:radial-gradient(circle at 50% 0,var(--brand-50),var(--bg-app) 42%)}.public-header{height:70px;background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1100px)/2));color:var(--text-tertiary);font-size:var(--text-sm)}.public-header img{width:144px}.public-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:42px 0}.public-breadcrumbs{display:flex;align-items:center;margin-bottom:20px}.public-breadcrumbs button{border:0;background:transparent;color:var(--text-secondary);padding:6px 4px;border-radius:6px}.public-breadcrumbs button:hover{color:var(--brand-text)}.public-breadcrumbs button+button:before{content:"/";margin:0 12px 0 6px;color:var(--text-tertiary)}.public-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.public-title h1{font:800 var(--text-3xl)/1.2 var(--font-display);margin:0}.public-title p{margin:6px 0 0;color:var(--text-tertiary)}.public-title a{text-decoration:none}.public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.public-item-card{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-xs)}.public-item-card .file-icon{margin:0}.public-item-copy{min-width:0;display:flex;flex-direction:column;padding-right:28px}.public-item-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-item-copy span{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px}.public-download{position:absolute;right:12px;bottom:12px;color:var(--brand-text);display:flex;align-items:center;text-decoration:none}.public-download span{display:none}.public-download:hover{color:var(--brand-solid-hover)}.public-footer{text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);padding-top:54px}.public-status{min-height:440px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.public-status.public-error{flex-direction:column;text-align:center}.public-status h1{margin:18px 0 4px}.public-status p{color:var(--text-tertiary)}.member-controls{display:flex;align-items:flex-end;gap:8px}.member-blocked{background:var(--bg-muted);opacity:.8}.manage-user{height:34px;font-size:var(--text-xs);padding:0 10px}.management-actions{display:flex;align-items:center;justify-content:space-between}.status-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;font-size:var(--text-xs);font-weight:700}.status-badge.active{background:var(--success-subtle);color:var(--success-text)}.status-badge.blocked{background:var(--danger-subtle);color:var(--danger-text)}.management-section{border-top:1px solid var(--border-subtle);margin-top:22px;padding-top:20px}.management-section h3{margin:0 0 6px}.management-section p,.management-hint{margin:0 0 14px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.management-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.danger-zone{padding:18px;border:1px solid var(--danger-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--danger-subtle) 35%,transparent)}.management-hint{margin-top:20px}.login-notice{margin:0 0 18px}.sheet-menu{display:flex;flex-direction:column;margin:0 -8px -6px}.sheet-menu>button{min-height:62px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:13px;padding:9px 8px;text-align:left}.sheet-menu>button:last-child{border-bottom:0}.sheet-menu>button:hover{background:var(--bg-hover)}.sheet-menu>button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.sheet-menu small,.action-file-summary small,.account-profile small{color:var(--text-tertiary);font-size:var(--text-xs)}.sheet-menu-icon{width:42px;height:42px;border-radius:12px;display:flex!important;align-items:center;justify-content:center;flex:none}.sheet-menu-icon.folder,.sheet-menu-icon.primary{background:var(--brand-subtle);color:var(--brand-text)}.sheet-menu-icon.upload{background:var(--green-50);color:var(--green-600)}.sheet-menu-icon.share{background:var(--violet-50);color:var(--violet-600)}.sheet-menu-icon.edit{background:var(--amber-50);color:var(--amber-700)}.sheet-menu-icon.danger{background:var(--danger-subtle);color:var(--danger-text)}.sheet-menu .danger-row{color:var(--danger-text)}.action-file-summary,.account-profile{display:flex;align-items:center;gap:13px;padding:2px 4px 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.action-file-summary>.file-icon{margin:0;flex:none}.action-file-summary>span:last-child,.account-profile>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.action-file-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand-500),var(--violet-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex:none}.account-storage-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px;margin:16px 0;border:1px solid var(--brand-100);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-subtle),var(--bg-surface))}.account-storage-card>div:first-child{display:flex;flex-direction:column;gap:3px}.account-storage-card span{font-size:var(--text-xs);color:var(--text-secondary)}.account-storage-card strong{color:var(--brand-text);font-size:var(--text-sm)}.account-storage-card .meter{grid-column:1/-1;margin:2px 0 0}@media(max-width:800px){html,body,#root{height:100%;overflow:hidden}body{overscroll-behavior:none}.shell{display:block;height:100dvh;overflow:hidden}.sidebar{display:none}.drive{height:100dvh;overflow:hidden;background:linear-gradient(180deg,var(--brand-50) 0,var(--bg-app) 240px)}.mobile-header{display:block;padding:calc(18px + env(safe-area-inset-top)) 20px 10px}.mobile-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.mobile-title-row>div{min-width:0}.mobile-title-row span{display:block;margin-bottom:2px;color:var(--brand-text);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mobile-title-row h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 28px/1.2 var(--font-display);letter-spacing:-.02em}.mobile-avatar{width:42px;height:42px;border:2px solid color-mix(in srgb,var(--bg-surface) 80%,transparent);border-radius:14px;background:linear-gradient(135deg,var(--brand-500),var(--violet-500));box-shadow:var(--shadow-md);color:#fff;font-size:12px;font-weight:800;flex:none}.mobile-storage{margin-top:14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand-200) 68%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-storage>div:first-child{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:12px}.mobile-storage b{color:var(--brand-text)}.mobile-storage .meter{height:4px;margin:8px 0 0}.topbar{height:38px;min-height:38px;padding:0 15px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar.is-root{display:none}.breadcrumbs{max-width:100%;overflow:auto;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs button{min-height:34px;white-space:nowrap;padding:5px;color:var(--text-tertiary);font-size:12px}.breadcrumbs button:last-child{color:var(--text-primary);font-weight:700}.breadcrumbs button+button:before{margin-right:8px}.content{padding:12px 16px calc(118px + env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch}.topbar.has-path+.content{padding-top:4px}.content-head{margin:0 2px 14px;align-items:flex-end}.content-head h1{display:none}.content-head p{margin:0;color:var(--text-secondary);font-size:13px;font-weight:650}.content-head .toolbar{display:none}.banner{margin:0 0 12px;border-radius:14px}.file-grid{display:flex;flex-direction:column;gap:0;padding:0 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}.file-card{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:12px;align-items:center;min-height:72px;padding:10px 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;box-shadow:none;background:transparent}.file-card:last-child{border-bottom:0}.file-card:hover{transform:none;box-shadow:none;border-color:var(--border-subtle)}.file-icon{width:46px;height:46px;margin:0;border-radius:13px}.file-copy{min-width:0}.file-name{padding:0;font-size:14px;line-height:1.25}.file-meta{margin-top:5px}.file-actions{display:none}.mobile-more{display:flex;width:40px;height:40px;border-radius:12px}.mobile-more:active{background:var(--bg-hover);color:var(--text-primary)}.empty{min-height:330px;padding:34px 24px;border:0;border-radius:20px;background:color-mix(in srgb,var(--bg-surface) 78%,transparent);box-shadow:inset 0 0 0 1px var(--border-subtle)}.empty-icon{width:72px;height:72px;border-radius:23px}.empty h2{font-size:20px;margin-top:16px}.empty p{margin:4px 0 0;font-size:13px;line-height:1.55}.empty:not(:has(h2)){min-height:240px;color:var(--brand-text);font-weight:700}.mobile-fab{display:flex;position:fixed;right:20px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;align-items:center;justify-content:center;border:0;border-radius:19px;background:var(--brand-solid);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--brand-solid) 38%,transparent)}.mobile-fab:active{transform:scale(.96)}.mobile-tabs{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:35;height:70px;padding:7px;border:1px solid color-mix(in srgb,var(--border-default) 76%,transparent);border-radius:22px;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);box-shadow:0 12px 34px #141f3a2e;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25)}.mobile-tabs button{flex:1;border:0;border-radius:16px;background:transparent;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700}.mobile-tabs button.active{background:var(--brand-subtle);color:var(--brand-text)}.modal-backdrop{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:100%;max-height:92dvh;padding:11px 18px calc(20px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;border-bottom:0;box-shadow:0 -14px 45px #0f172a33;animation:sheet-in .22s var(--ease-out, ease-out)}.modal:before{content:"";display:block;width:38px;height:4px;margin:0 auto 10px;border-radius:999px;background:var(--border-strong)}.modal>header{margin-bottom:18px}.modal h2{max-width:calc(100% - 42px);font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .icon-button{width:40px;height:40px;font-size:24px}.modal form{gap:14px}.modal input,.modal select{height:48px;border-radius:13px}.modal .button{min-height:44px;height:auto;border-radius:12px}.modal-actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));padding:12px 0 calc(4px + env(safe-area-inset-bottom));margin-top:16px;background:linear-gradient(transparent,var(--bg-surface) 20%)}.modal-actions .button{flex:1}.modal-lead{font-size:13px;margin-bottom:18px}.sheet-menu{margin:0 -4px -4px}.sheet-menu>button{min-height:66px;padding:10px 4px}.action-file-summary,.account-profile{padding:2px 0 16px}.account-storage-card{border-radius:16px}.form-grid,.share-row,.management-row{grid-template-columns:1fr}.family-storage-card{grid-template-columns:1fr 92px;padding:14px}.member-list{border-radius:16px}.member{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:14px}.member-controls{grid-column:1/-1;width:100%;justify-content:space-between;padding-top:4px}.member-controls .quota-field{width:104px}.member-controls .manage-user{height:40px}.management-section{margin-top:18px;padding-top:18px}.danger-zone{padding:14px}.public-link-result{grid-template-columns:1fr 1fr}.public-link-result input{grid-column:1/-1}.share-section .button{width:100%}.upload-tray{left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));width:auto;border-radius:18px}.login-page{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 0 calc(16px + env(safe-area-inset-bottom));overflow:auto}.login-card{width:calc(100vw - 28px);padding:28px 22px;border-radius:24px}.login-card h1{margin-top:24px;font-size:27px}.login-card input,.login-card .button{height:50px;border-radius:13px}.public-page{height:100%;overflow:auto}.public-header{height:64px;padding:0 18px}.public-header img{width:126px}.public-shell{width:calc(100% - 28px);padding:24px 0}.public-grid{grid-template-columns:1fr}.public-title{align-items:flex-start;gap:16px}.public-title h1{font-size:26px}.public-item-card{border-radius:16px}.public-download{width:40px;height:40px;right:8px;bottom:50%;transform:translateY(50%);align-items:center;justify-content:center}.public-breadcrumbs{overflow:auto}.public-breadcrumbs button{white-space:nowrap}}@keyframes sheet-in{0%{transform:translateY(35px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(max-width:380px){.mobile-header{padding-left:16px;padding-right:16px}.content{padding-left:12px;padding-right:12px}.mobile-title-row h1{font-size:25px}.mobile-storage{margin-top:10px}.file-grid{padding:0 12px}.file-card{grid-template-columns:44px minmax(0,1fr) 38px;gap:10px}.file-icon{width:42px;height:42px}.mobile-tabs{left:7px;right:7px}.modal{padding-left:15px;padding-right:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.file-card.selected{border-color:var(--brand-solid);background:var(--brand-subtle);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-solid) 15%,transparent)}.file-card.sync-disabled{opacity:.78}.file-card.sync-disabled:hover{opacity:1}.selection-check{position:absolute;z-index:2;top:10px;left:10px;width:30px;height:30px;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-surface);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.selection-check.active{background:var(--brand-solid);border-color:var(--brand-solid);color:#fff}.sync-indicator{position:absolute;top:12px;right:12px;width:25px;height:25px;border:0;border-radius:8px;background:var(--success-subtle);color:var(--success-text);display:flex;align-items:center;justify-content:center}.sync-indicator.disabled{background:var(--bg-muted);color:var(--text-tertiary)}.sync-indicator.interactive{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.sync-indicator.interactive:hover{transform:scale(1.08);box-shadow:0 0 0 3px color-mix(in srgb,var(--success-text) 12%,transparent)}.sync-indicator.interactive.disabled:hover{background:var(--brand-subtle);color:var(--brand-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-solid) 12%,transparent)}.sync-indicator.interactive:focus-visible{outline:2px solid var(--brand-solid);outline-offset:2px}.sync-indicator.interactive.busy{cursor:wait;opacity:.55;transform:none}.selection-toggle.active{border-color:var(--brand-solid);color:var(--brand-text);background:var(--brand-subtle)}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;margin:-10px 0 18px;background:var(--bg-surface);border:1px solid var(--brand-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.bulk-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-toolbar>div:first-child{min-width:max-content}.bulk-toolbar>div:first-child button{border:0;background:transparent;color:var(--brand-text);font-weight:650}.bulk-toolbar .button{height:35px;font-size:var(--text-sm)}@media(max-width:760px){.content-head .toolbar{display:flex}.content-head .toolbar .button:not(.selection-toggle){display:none}.content-head .selection-toggle{height:34px;padding:0 11px;font-size:13px}.bulk-toolbar{position:sticky;top:0;z-index:8;align-items:stretch;flex-direction:column;margin:0 0 12px;padding:10px;border-radius:15px}.bulk-toolbar>div{justify-content:space-between}.bulk-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.bulk-toolbar>div:last-child .button{width:100%;padding:0 8px}.bulk-toolbar>div:last-child .button.danger{grid-column:1/-1}.selection-check,.sync-indicator{display:none}.file-card.selected{box-shadow:inset 3px 0 0 var(--brand-solid)}.file-card.sync-disabled{opacity:1}}