/* ALBERTENGO 0.8 — app-first Liquid Glass interface.
   Loaded last on purpose: one coherent visual system replaces legacy layers. */
:root {
  --app-x:50%; --app-y:30%; --app-shift-x:0px; --app-shift-y:0px;
  --app-bg:#eef3ff; --app-ink:#11131a; --app-muted:#646979;
  --app-blue:#0a84ff; --app-purple:#7458ff; --app-cyan:#17c7d9; --app-pink:#ff5d8f;
  --app-glass:rgba(255,255,255,.48); --app-glass-strong:rgba(255,255,255,.68);
  --app-glass-subtle:rgba(255,255,255,.28); --app-edge:rgba(255,255,255,.76);
  --app-hairline:rgba(48,55,75,.11); --app-shadow:0 24px 70px rgba(52,62,95,.13),inset 0 1px 0 rgba(255,255,255,.86);
  --app-shadow-high:0 34px 90px rgba(43,51,84,.2),inset 0 1px 0 rgba(255,255,255,.94);
  --app-radius:30px; --app-radius-small:20px;
  --app-spring:cubic-bezier(.18,.89,.32,1.18); --app-ease:cubic-bezier(.22,.8,.22,1);
}
html[data-theme="dark"] {
  --app-bg:#080a10; --app-ink:#f7f8ff; --app-muted:#a6aabc;
  --app-glass:rgba(22,26,39,.45); --app-glass-strong:rgba(30,34,50,.66);
  --app-glass-subtle:rgba(24,28,43,.28); --app-edge:rgba(255,255,255,.17);
  --app-hairline:rgba(255,255,255,.11); --app-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.14);
  --app-shadow-high:0 38px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.2);
}
html { background:var(--app-bg); color:var(--app-ink); }
body { color:var(--app-ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
button,input,select,textarea { font:inherit; }
button { -webkit-tap-highlight-color:transparent; }

.app-ambient { position:fixed; inset:0; z-index:-4; overflow:hidden; pointer-events:none; background:linear-gradient(145deg,#f5f7ff 0%,#eaf2ff 38%,#fff0f5 74%,#f7f3ff 100%); }
html[data-theme="dark"] .app-ambient { background:linear-gradient(145deg,#070910,#101425 45%,#160e1b 100%); }
.app-ambient__mesh { position:absolute; inset:-12%; opacity:.45; background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:64px 64px; transform:perspective(700px) rotateX(58deg) translate3d(var(--app-shift-x),var(--app-shift-y),0) scale(1.3); transform-origin:50% 70%; mask-image:radial-gradient(circle at 50% 55%,#000,transparent 68%); transition:transform .8s var(--app-ease); }
.app-ambient__orb { position:absolute; width:min(58vw,820px); aspect-ratio:1; border-radius:50%; filter:blur(10px); opacity:.64; will-change:transform; transition:transform 1.1s var(--app-ease); }
.app-ambient .orb-a { left:-18%; top:-25%; background:radial-gradient(circle at 58% 62%,rgba(46,166,255,.7),rgba(125,98,255,.34) 42%,transparent 70%); transform:translate3d(calc(var(--app-shift-x) * .8),calc(var(--app-shift-y) * .8),0); }
.app-ambient .orb-b { right:-23%; top:15%; background:radial-gradient(circle at 42% 50%,rgba(255,100,163,.54),rgba(255,198,86,.25) 45%,transparent 72%); transform:translate3d(calc(var(--app-shift-x) * -.65),calc(var(--app-shift-y) * -.65),0); }
.app-ambient .orb-c { left:24%; bottom:-48%; background:radial-gradient(circle at 50% 28%,rgba(54,220,206,.52),rgba(51,112,255,.21) 44%,transparent 72%); transform:translate3d(calc(var(--app-shift-x) * .45),calc(var(--app-shift-y) * -.55),0); }
.app-ambient__light { position:absolute; inset:-25%; background:radial-gradient(circle 260px at var(--app-x) var(--app-y),rgba(255,255,255,.82),rgba(255,255,255,.2) 38%,transparent 72%); mix-blend-mode:soft-light; }

body.is-authenticated { min-height:100dvh; background:transparent !important; }
body.is-authenticated::before { display:none !important; }
.app-shell { width:100%; min-height:100dvh; grid-template-columns:286px minmax(0,1fr); gap:12px; padding:12px; background:transparent; }
.sidebar { top:12px; height:calc(100dvh - 24px); padding:18px 14px 14px; border:1px solid var(--app-edge) !important; border-radius:var(--app-radius); background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass-subtle)) !important; box-shadow:var(--app-shadow) !important; backdrop-filter:blur(38px) saturate(180%) !important; -webkit-backdrop-filter:blur(38px) saturate(180%) !important; overflow:hidden; }
.sidebar::before,.topbar::before,.metric-card::after,.section-card::after,.file-card::after,.account-panel::after,.ai-side-card::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(circle 220px at var(--card-x,28%) var(--card-y,0%),rgba(255,255,255,.66),transparent 64%); opacity:.48; }
.app-brand { min-height:58px; padding:4px 10px 18px; }
.app-brand .brand-mark { width:42px;height:42px;border-radius:14px;box-shadow:0 9px 24px rgba(10,132,255,.24),inset 0 1px rgba(255,255,255,.62); }
.app-brand b { font-size:13px;letter-spacing:.11em; }.app-brand small { font-size:8px; }
.global-search { min-height:48px; padding:0 15px; border:1px solid var(--app-edge) !important; border-radius:17px !important; background:var(--app-glass-subtle) !important; color:var(--app-muted); box-shadow:inset 0 1px rgba(255,255,255,.6) !important; }
.global-search:hover { transform:translateY(-1px) scale(1.01); background:var(--app-glass-strong) !important; }
.sidebar nav { padding:8px 0 2px; scrollbar-width:none; }
.sidebar nav p { padding:14px 12px 5px; color:var(--app-muted); font-size:9px; font-weight:700; letter-spacing:.13em; }
.nav-item { min-height:42px; margin:2px 0; padding:9px 12px; border:1px solid transparent !important; border-radius:14px !important; color:var(--app-muted); font-size:13px; font-weight:540; }
.nav-item span { width:22px; font-size:17px; }
.nav-item:hover { transform:translateX(2px); color:var(--app-ink); background:rgba(255,255,255,.32) !important; }
.nav-item.active { color:var(--app-ink) !important; background:linear-gradient(110deg,rgba(255,255,255,.72),rgba(231,238,255,.42)) !important; border-color:var(--app-edge) !important; box-shadow:0 10px 24px rgba(52,65,102,.1),inset 0 1px rgba(255,255,255,.92) !important; }
html[data-theme="dark"] .nav-item.active { background:linear-gradient(110deg,rgba(74,107,190,.36),rgba(111,72,151,.25)) !important; }
.sidebar-bottom { border-top-color:var(--app-hairline); }
.sidebar-close,.command-close { display:none; }
.user-chip { min-height:58px; padding:8px; border:1px solid transparent !important; border-radius:18px; background:transparent !important; }
.user-chip:hover { border-color:var(--app-edge) !important; background:var(--app-glass-subtle) !important; }
.avatar,.mobile-account-button { background:linear-gradient(145deg,var(--app-blue),var(--app-purple)) !important; }

.workspace { min-width:0; min-height:calc(100dvh - 24px); border:1px solid var(--app-edge); border-radius:var(--app-radius); background:rgba(255,255,255,.12); box-shadow:0 18px 60px rgba(50,59,90,.06),inset 0 1px rgba(255,255,255,.48); overflow:clip; }
.topbar { top:12px; height:70px; margin:0; padding:0 24px; border:0 !important; border-bottom:1px solid var(--app-edge) !important; border-radius:var(--app-radius) var(--app-radius) 0 0; background:linear-gradient(180deg,var(--app-glass-strong),var(--app-glass-subtle)) !important; box-shadow:0 12px 34px rgba(48,58,89,.07) !important; backdrop-filter:blur(34px) saturate(180%) !important; -webkit-backdrop-filter:blur(34px) saturate(180%) !important; }
.breadcrumbs { font-size:13px; }.breadcrumbs span { color:var(--app-muted); }.breadcrumbs strong { color:var(--app-ink); }
.icon-button,.mobile-menu,.mobile-account-button,.language-switcher { border:1px solid var(--app-edge) !important; background:var(--app-glass-subtle) !important; box-shadow:inset 0 1px rgba(255,255,255,.68),0 8px 22px rgba(52,62,95,.07) !important; }
.icon-button,.mobile-menu,.mobile-account-button { width:42px;height:42px;border-radius:15px !important; }
.primary,.secondary,.toolbar button,.account-link { min-height:44px; border-radius:999px !important; font-weight:650; }
.primary { background:linear-gradient(135deg,var(--app-blue),#4974ff 58%,var(--app-purple)) !important; border:1px solid rgba(255,255,255,.34) !important; color:#fff !important; box-shadow:0 12px 28px rgba(10,132,255,.24),inset 0 1px rgba(255,255,255,.42) !important; }
.primary:hover { transform:translateY(-2px) scale(1.015); box-shadow:0 17px 36px rgba(10,132,255,.3),inset 0 1px rgba(255,255,255,.54) !important; }
.app-pressed { animation:app-tap .36s var(--app-spring); }

.content { width:100%; max-width:1600px; padding:38px clamp(22px,4vw,66px) 96px; }
.page-heading { min-height:152px; margin-bottom:24px; padding:30px 32px; align-items:center; border:1px solid var(--app-edge); border-radius:var(--app-radius); background:linear-gradient(125deg,var(--app-glass-strong),var(--app-glass-subtle)); box-shadow:var(--app-shadow); backdrop-filter:blur(34px) saturate(170%); -webkit-backdrop-filter:blur(34px) saturate(170%); overflow:hidden; }
.page-heading h1 { font-size:clamp(40px,5vw,72px); letter-spacing:-.065em; }.page-heading p { max-width:700px;color:var(--app-muted);font-size:14px; }
.eyebrow,.overline { color:var(--app-blue) !important; }
.welcome-card { min-height:280px; padding:42px; border:1px solid var(--app-edge) !important; border-radius:36px !important; background:linear-gradient(120deg,rgba(15,99,255,.76),rgba(104,78,255,.57) 50%,rgba(255,82,142,.43)) !important; color:#fff; box-shadow:0 30px 78px rgba(63,80,156,.25),inset 0 1px rgba(255,255,255,.52) !important; backdrop-filter:blur(32px) saturate(165%); }
.welcome-card::before { opacity:.8; }.welcome-card::after { opacity:.42; filter:drop-shadow(0 20px 30px rgba(0,0,0,.13)); }
.welcome-card h2 { max-width:700px;font-size:clamp(36px,5vw,64px);letter-spacing:-.065em; }.welcome-card p { color:rgba(255,255,255,.78);font-size:15px; }.welcome-card .primary { width:max-content;background:rgba(255,255,255,.9) !important;color:#202648 !important;box-shadow:0 16px 36px rgba(20,31,86,.18) !important; }
.metric-grid { gap:14px;margin:18px 0 34px; }.metric-card { min-height:140px;padding:24px;border:1px solid var(--app-edge) !important;border-radius:24px !important;background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass-subtle)) !important;box-shadow:var(--app-shadow) !important;backdrop-filter:blur(28px) saturate(170%); }
.metric-card strong { font-size:34px; }.metric-card span { color:var(--app-muted);font-weight:700;letter-spacing:.06em; }
.section-title { margin:38px 4px 16px; }.section-title h2 { font-size:22px;letter-spacing:-.03em; }.section-title>span { color:var(--app-muted);font-size:11px; }
.card-grid { gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.section-card,.file-card,.account-panel,.share-management-card,.empty-state { border:1px solid var(--app-edge) !important;border-radius:26px !important;background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass-subtle)) !important;box-shadow:var(--app-shadow) !important;backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d; }
.section-card { min-height:235px;padding:26px; }.section-card .card-icon { width:54px;height:54px;display:grid;place-items:center;margin:0 0 42px;border-radius:17px;background:linear-gradient(145deg,rgba(10,132,255,.18),rgba(117,86,255,.13));box-shadow:inset 0 1px rgba(255,255,255,.62);font-size:25px; }.section-card h3 { font-size:19px; }.section-card p { color:var(--app-muted);font-size:12px; }.section-card small { margin-top:16px;color:var(--app-blue);font-weight:650; }
.section-card:hover,.file-card:hover,.metric-card:hover,.account-panel:hover { transform:perspective(900px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:var(--app-shadow-high) !important; }
.drive-grid { gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }.file-card { min-height:170px;padding:18px; }.file-card .file-icon { width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(10,132,255,.11);font-size:28px; }
.toolbar { position:sticky;top:94px;z-index:6;padding:10px;border:1px solid var(--app-edge);border-radius:22px;background:var(--app-glass);box-shadow:0 14px 38px rgba(45,56,89,.09);backdrop-filter:blur(30px) saturate(170%); }
.toolbar input { min-height:44px;max-width:none;border:0 !important;border-radius:15px !important;background:rgba(255,255,255,.32) !important;font-size:16px; }

/* Drive controls use fixed layout areas so actions never collapse or clip. */
.drive-toolbar { display:grid !important;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"back search folder upload" "location location location location";align-items:center;gap:8px;overflow:visible !important; }
.drive-toolbar .drive-search { grid-area:search;width:100%;min-width:0; }
.drive-toolbar .drive-tool-back { grid-area:back; }
.drive-toolbar .drive-location { grid-area:location;min-width:0;max-width:100%;padding:2px 6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--app-muted);font-size:11px; }
.drive-toolbar #create-folder-mobile { grid-area:folder; }
.drive-toolbar #upload-file { grid-area:upload; }
.drive-tool { min-height:44px;padding:0 15px !important;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--app-edge) !important;border-radius:15px !important;background:var(--app-glass-subtle) !important;color:var(--app-ink) !important;box-shadow:inset 0 1px rgba(255,255,255,.72);white-space:nowrap; }
.drive-tool:hover { border-color:color-mix(in srgb,var(--app-blue) 45%,var(--app-edge)) !important;background:var(--app-glass-strong) !important; }
.drive-tool[hidden] { display:none !important; }
.drive-tool-icon { width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px; }
.drive-tool-icon .pro-icon { width:19px;height:19px; }
.file-actions .pro-icon { width:19px;height:19px; }

/* AI becomes a focused chat application rather than a dashboard card. */
.content:has(.ai-workspace) { max-width:none;padding:18px 18px 32px; }
.content:has(.ai-workspace)>.page-heading { display:none; }
.ai-workspace { grid-template-columns:280px minmax(0,1fr) !important;grid-template-areas:"side chat";gap:12px;height:calc(100dvh - 118px); }
.ai-chat { grid-area:chat;min-height:0 !important;height:100%;border:1px solid var(--app-edge) !important;border-radius:28px !important;background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass-subtle)) !important;box-shadow:var(--app-shadow) !important;backdrop-filter:blur(34px) saturate(170%); }
.ai-side { grid-area:side;display:flex !important;flex-direction:column;gap:10px;min-height:0; }
.ai-side-card { padding:16px;border:1px solid var(--app-edge) !important;border-radius:24px !important;background:linear-gradient(145deg,var(--app-glass),var(--app-glass-subtle)) !important;box-shadow:0 14px 38px rgba(45,55,86,.08) !important;backdrop-filter:blur(30px) saturate(170%);overflow:hidden; }
.ai-history-card { display:flex;flex-direction:column;flex:1;min-height:260px; }.ai-thread-list { max-height:none;flex:1; }.ai-thread-list button { min-height:48px;border-radius:15px;padding:10px 12px; }.ai-thread-list button.active { background:rgba(255,255,255,.5);border-color:var(--app-edge); }
.ai-chat-header { min-height:68px;padding:12px 18px;border-bottom-color:var(--app-hairline);background:rgba(255,255,255,.12); }.ai-orb { width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,var(--app-blue),var(--app-purple));color:#fff;box-shadow:0 12px 28px rgba(50,96,255,.25); }
.ai-conversation-toggle,.ai-side-close { display:none;width:38px;height:38px;border:1px solid var(--app-edge);border-radius:13px;background:var(--app-glass-subtle);color:var(--app-ink); }
.ai-card-heading>div:last-child { display:flex;align-items:center;gap:6px; }
.ai-temporary { margin-left:auto;min-height:36px;padding:0 12px;border:1px solid var(--app-edge);border-radius:999px;background:var(--app-glass-subtle);color:var(--app-muted);font-size:11px;font-weight:650;white-space:nowrap; }.ai-temporary.active,.ai-temporary[aria-pressed="true"] { color:var(--app-blue);background:rgba(10,132,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.7); }
.ai-messages { padding:clamp(20px,4vw,50px) max(24px,calc((100% - 880px)/2));gap:24px; }
.ai-message { position:relative;max-width:min(88%,780px);padding:0;border:0;background:transparent;font-size:15px;line-height:1.72; }
.ai-message.user { align-self:flex-end;padding:13px 17px;border:1px solid var(--app-edge);border-radius:22px 22px 6px 22px;background:var(--app-glass-strong);box-shadow:0 9px 24px rgba(49,60,92,.08); }
.ai-message.assistant { padding-left:44px; }.ai-message.assistant::before { content:"A";position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--app-blue),var(--app-purple));color:#fff;font-size:12px;font-weight:800; }
.ai-message.pending { min-height:38px;color:var(--app-muted); }.ai-message.pending::after { display:none; }
.ai-thinking { display:flex;align-items:center;gap:8px; }.ai-thinking i { width:7px;height:7px;border-radius:50%;background:linear-gradient(145deg,var(--app-blue),var(--app-purple));animation:app-thinking 1.1s ease-in-out infinite; }.ai-thinking i:nth-child(2){animation-delay:.14s}.ai-thinking i:nth-child(3){animation-delay:.28s}.ai-thinking span{margin-left:4px;font-size:12px;color:var(--app-muted)}
.ai-sources { display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0 44px; }.ai-source { max-width:240px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--app-edge);border-radius:999px;background:var(--app-glass-subtle);color:var(--app-ink);text-decoration:none;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ai-composer { padding:12px max(18px,calc((100% - 900px)/2)) calc(14px + env(safe-area-inset-bottom));border-top:0;background:transparent; }.ai-composer-shell { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:9px;border:1px solid var(--app-edge);border-radius:26px;background:var(--app-glass-strong);box-shadow:0 18px 50px rgba(44,55,91,.16),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(30px) saturate(180%); }
.ai-composer textarea { min-height:46px;max-height:180px;padding:12px 8px;border:0 !important;background:transparent !important;resize:none;font-size:16px;box-shadow:none !important; }.ai-composer-actions { display:contents; }.ai-composer-actions small { display:none; }.ai-composer .primary,.ai-mic { width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:15px !important; }.ai-mic { border:1px solid var(--app-edge);background:var(--app-glass-subtle);color:var(--app-ink);font-size:18px; }.ai-mic.is-recording { color:#fff;background:linear-gradient(145deg,#ff405f,#ff7d45);animation:record-pulse 1.2s ease-in-out infinite; }
.ai-web-toggle { display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--app-muted);font-size:11px; }.ai-web-toggle input{accent-color:var(--app-blue)}
.ai-record-status { min-height:15px;margin:5px 12px 0;color:var(--app-muted);font-size:10px; }
.ai-mobile-panel { display:none; }

/* Login and public shares use the same product identity. */
body.is-guest .app-ambient { z-index:-1; }
.auth-shell { min-height:100dvh;padding:16px;gap:16px;background:transparent !important; }
.auth-brand,.auth-panel { border:1px solid var(--app-edge) !important;border-radius:36px !important;box-shadow:var(--app-shadow);overflow:hidden; }
.auth-brand { background-image:linear-gradient(135deg,rgba(15,36,82,.32),rgba(67,37,94,.24)),url('../images/login-universe-v1.jpg') !important;background-size:cover !important;background-position:center !important; }
.auth-panel { background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass-subtle)) !important;backdrop-filter:blur(38px) saturate(170%);-webkit-backdrop-filter:blur(38px) saturate(170%); }
.auth-card { border:1px solid var(--app-edge) !important;border-radius:30px !important;background:rgba(255,255,255,.36) !important;box-shadow:0 26px 70px rgba(42,52,84,.13),inset 0 1px rgba(255,255,255,.86) !important;backdrop-filter:blur(34px) saturate(170%); }
.auth-card input,.auth-card select { min-height:54px;border-radius:16px !important;background:rgba(255,255,255,.42) !important;font-size:16px !important; }
.google-login-holder { width:100% !important;min-height:44px;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important; }
.google-login-holder>div { width:100% !important;max-width:360px !important;margin:0 auto !important;line-height:0 !important; }
/* Google intentionally renders its iframe 20px wider with -10px transparent
   gutters. Preserving that intrinsic geometry keeps the visible button exactly
   aligned; forcing the iframe to 100% shifts it to the right on iOS. */
.google-login-holder iframe { max-width:none !important;margin:-2px -10px !important;transform:none !important; }
.auth-panel>.language-switcher { position:absolute;z-index:4;top:calc(18px + env(safe-area-inset-top));right:20px;color:var(--app-ink);background:var(--app-glass-strong) !important;backdrop-filter:blur(24px) saturate(180%); }
.language-switcher button { color:var(--app-muted) !important; }.language-switcher button.is-selected { color:var(--app-ink) !important;background:rgba(255,255,255,.64) !important;box-shadow:0 5px 14px rgba(40,49,80,.1); }
.connection-badge,.privacy-note { border:1px solid var(--app-edge);border-radius:18px;background:var(--app-glass-subtle);backdrop-filter:blur(24px); }
.privacy-note { width:100%;display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:9px 14px !important;line-height:1.4 !important;text-align:left !important; }
.privacy-note>.privacy-icon { flex:0 0 20px;width:20px;height:20px;margin:0 !important;display:grid;place-items:center;align-self:center; }
.privacy-note>.privacy-icon .pro-icon { width:17px;height:17px;display:block; }
.privacy-note>.privacy-copy { flex:0 1 auto;display:block;max-width:390px;text-align:center; }

dialog.action-dialog,dialog.content-dialog,dialog.command-dialog { border:1px solid var(--app-edge) !important;border-radius:30px !important;background:linear-gradient(145deg,var(--app-glass-strong),var(--app-glass)) !important;color:var(--app-ink) !important;box-shadow:0 36px 110px rgba(26,31,54,.34),inset 0 1px rgba(255,255,255,.82) !important;backdrop-filter:blur(38px) saturate(175%);-webkit-backdrop-filter:blur(38px) saturate(175%); }
dialog::backdrop { background:rgba(22,27,44,.28);backdrop-filter:blur(14px) saturate(130%); }
.share-dialog select,.share-dialog input,.action-dialog input,.action-dialog select { background:var(--app-glass-subtle) !important;color:var(--app-ink) !important;border-color:var(--app-edge) !important; }
.share-dialog { width:min(660px,calc(100% - 24px));max-height:min(90dvh,920px);overflow:hidden; }
.share-dialog form { max-height:min(90dvh,920px);padding:30px;overflow:auto;scrollbar-gutter:stable; }
.share-dialog .share-link-options,.share-dialog fieldset,.share-dialog .security-hint { border:1px solid var(--app-edge) !important;border-radius:20px !important;background:rgba(255,255,255,.18) !important; }
.share-dialog .permission-list { padding:7px 18px !important; }
.share-dialog .permission-choice { min-height:78px;border-color:var(--app-hairline) !important; }
.share-dialog .permission-choice b { color:var(--app-ink) !important;font-size:13px; }.share-dialog .permission-choice small { color:var(--app-muted) !important;font-size:10px; }
.share-dialog .yes-no { flex-basis:138px;border-color:var(--app-edge) !important;border-radius:999px !important;background:rgba(255,255,255,.18) !important; }
.share-dialog .yes-no span { min-height:38px;border-radius:999px !important;color:var(--app-muted) !important; }
.share-dialog .yes-no input:checked+span { color:var(--app-ink) !important;background:var(--app-glass-strong) !important;box-shadow:0 8px 18px rgba(42,51,82,.12),inset 0 1px rgba(255,255,255,.8) !important; }
.share-dialog .share-style-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.share-dialog .share-style-grid span { min-height:128px;border:1px solid var(--app-edge) !important;border-radius:18px !important;background:var(--app-glass-subtle) !important; }.share-dialog .share-style-grid input:checked+span { border-color:var(--app-blue) !important;box-shadow:0 0 0 3px rgba(10,132,255,.12),inset 0 1px rgba(255,255,255,.78) !important; }
.share-dialog .dialog-actions { position:sticky;bottom:-30px;margin:22px -30px -30px;padding:16px 30px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--app-edge);background:var(--app-glass-strong);backdrop-filter:blur(28px) saturate(180%); }

.settings-grid { gap:16px; }.account-panel { padding:28px !important;overflow:hidden; }.account-panel>header { align-items:center; }.account-panel h2 { font-size:22px;letter-spacing:-.035em; }.account-panel-intro { max-width:760px;color:var(--app-muted);font-size:12px; }
.account-action-list { gap:10px; }
.account-link { min-height:62px;padding:12px 16px !important;border-radius:19px !important;line-height:1.25 !important; }
.account-link>span,.account-link>small { position:relative;z-index:1; }
.account-link>span { font-size:14px;font-weight:700; }
.account-link>small { font-size:10px;line-height:1.3; }
.smtp-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }.smtp-fields label,.account-email-form label,.account-password-form label,.passkey-add label { gap:8px;color:var(--app-ink) !important;font-size:12px; }.smtp-fields input,.smtp-fields select,.account-email-form input,.account-password-form input,.passkey-add input,.passkey-row input { width:100%;min-height:52px;padding:13px 15px;border:1px solid var(--app-edge) !important;border-radius:16px !important;background:var(--app-glass-subtle) !important;color:var(--app-ink) !important;font-size:16px !important;box-shadow:inset 0 1px rgba(255,255,255,.65) !important; }.smtp-fields input:focus,.smtp-fields select:focus,.account-email-form input:focus,.account-password-form input:focus,.passkey-add input:focus,.passkey-row input:focus { border-color:var(--app-blue) !important;box-shadow:0 0 0 4px rgba(10,132,255,.12),inset 0 1px rgba(255,255,255,.7) !important; }
.account-email-form { grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px; }.account-email-form .form-status { grid-column:1/-1; }.permission-choice { border-color:var(--app-hairline); }.yes-no { border-color:var(--app-edge);border-radius:999px;background:var(--app-glass-subtle); }.yes-no span { border-radius:999px; }.yes-no input:checked+span { background:var(--app-glass-strong);color:var(--app-blue);box-shadow:0 7px 18px rgba(43,54,88,.1); }

.app-reveal { animation:app-reveal .58s var(--app-ease) both;animation-delay:calc(var(--reveal-order,0) * 42ms); }
@keyframes app-reveal { from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px)}to{opacity:1;transform:none;filter:none} }
@keyframes app-tap { 45%{transform:scale(.965)} }
@keyframes app-thinking { 0%,70%,100%{transform:translateY(0);opacity:.3}35%{transform:translateY(-6px);opacity:1} }
@keyframes record-pulse { 50%{box-shadow:0 0 0 8px rgba(255,64,95,.14)} }

@media (max-width:900px) {
  .app-shell { display:block;padding:0; }
  .workspace { min-height:100dvh;border:0;border-radius:0;background:transparent;overflow:visible; }
  .sidebar { position:fixed;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));bottom:calc(8px + env(safe-area-inset-bottom));width:auto;height:auto;max-height:none;border-radius:32px;transform:translateY(calc(100% + 42px));opacity:0;transition:transform .48s var(--app-spring),opacity .28s;z-index:60;overflow:hidden; }
  .sidebar.open { transform:none;opacity:1; }
  .sidebar .app-brand { position:relative;flex:0 0 auto;padding-right:56px; }
  .sidebar-close { position:absolute;right:4px;top:3px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--app-edge);border-radius:15px;background:var(--app-glass-subtle);color:var(--app-ink);box-shadow:inset 0 1px rgba(255,255,255,.72);font-size:24px;line-height:1; }
  .sidebar .global-search { flex:0 0 auto; }
  .sidebar nav { flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none; }
  .sidebar-bottom { flex:0 0 auto;padding-bottom:2px;background:linear-gradient(180deg,transparent,var(--app-glass-subtle)); }
  .sidebar-overlay { position:fixed;inset:0;z-index:55;background:rgba(13,17,30,.24);backdrop-filter:blur(12px); }
  body.sidebar-open { overflow:hidden; }
  body.sidebar-open .mobile-bottom-nav { opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px)); }
  .topbar { top:0;height:auto;min-height:66px;padding:calc(9px + env(safe-area-inset-top)) 12px 9px;border-radius:0 0 24px 24px; }
  .breadcrumbs { display:none; }.mobile-menu { display:grid; }.mobile-search-pill { min-height:44px;border-radius:16px;background:var(--app-glass-subtle); }
  .top-actions { gap:6px; }.top-actions>.icon-button { display:none; }.mobile-account-button{display:none !important}.top-actions #new-action { width:44px;min-width:44px;padding:0;font-size:0; }.top-actions #new-action::first-letter{font-size:20px}
  .content { padding:18px 14px calc(138px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(138px + env(safe-area-inset-bottom)); }
  .page-heading { min-height:132px;padding:24px;border-radius:26px; }.page-heading h1{font-size:40px}.page-heading p{font-size:13px}
  .welcome-card { min-height:310px;padding:28px;border-radius:30px !important; }.welcome-card h2{font-size:40px}.welcome-card::after{right:-5%;top:8%;opacity:.28}
  .metric-grid { grid-template-columns:1fr 1fr; }.metric-card { min-height:120px; }
  .card-grid { grid-template-columns:1fr 1fr; }.section-card { min-height:220px;padding:20px; }
  .drive-grid { grid-template-columns:1fr 1fr; }.file-card { min-height:150px; }
  .mobile-bottom-nav { left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;height:76px;padding:7px 8px;border:1px solid rgba(255,255,255,.7);border-radius:27px;background:color-mix(in srgb,var(--app-glass) 64%,transparent);box-shadow:0 22px 58px rgba(35,44,78,.2),inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(255,255,255,.34);backdrop-filter:blur(42px) saturate(200%);-webkit-backdrop-filter:blur(42px) saturate(200%);transition:transform .42s var(--app-spring),opacity .24s;overflow:visible; }
  .mobile-bottom-nav .nav-item { position:relative;isolation:isolate;min-height:62px;border-radius:20px !important;font-size:10px;overflow:visible; }
  .mobile-bottom-nav .nav-item::before { content:"";position:absolute;z-index:-1;left:50%;top:50%;width:68px;height:58px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(204,218,255,.38));box-shadow:0 13px 28px rgba(38,51,91,.16),inset 0 1px rgba(255,255,255,.98),inset 0 -8px 20px rgba(78,108,210,.08);backdrop-filter:blur(30px) saturate(210%);-webkit-backdrop-filter:blur(30px) saturate(210%);opacity:0;transform:translate(-50%,-50%) scale(.72);transition:transform .5s var(--app-spring),opacity .22s; }
  .mobile-bottom-nav .nav-item.active::before { opacity:1;transform:translate(-50%,-50%) scale(1); }
  .mobile-bottom-nav .nav-item span { position:relative;z-index:1;font-size:20px;background:none !important;transform:none !important; }
  .mobile-bottom-nav .nav-item .pro-icon { width:22px;height:22px;stroke-width:1.85; }
  .mobile-bottom-nav .nav-item small { position:relative;z-index:1;font-size:10px;font-weight:620; }
  html[data-theme="dark"] .mobile-bottom-nav .nav-item::before { border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(20,23,34,.9),rgba(9,11,18,.68));box-shadow:0 15px 34px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.14); }
  .is-standalone .topbar { padding-top:calc(12px + env(safe-area-inset-top)); }
  .is-standalone body { overscroll-behavior-y:none; }
  .is-standalone .mobile-bottom-nav { bottom:max(8px,env(safe-area-inset-bottom)); }
  .content:has(.ai-workspace) { padding:8px 8px calc(88px + env(safe-area-inset-bottom)); }
  .ai-workspace { display:block !important;height:calc(100dvh - 82px); }.ai-chat{height:100%;border-radius:25px !important}.ai-side{position:fixed;inset:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom));z-index:80;padding:8px;border-radius:30px;background:var(--app-glass-strong);box-shadow:var(--app-shadow-high);backdrop-filter:blur(40px) saturate(180%);transform:translateX(-110%);transition:transform .45s var(--app-spring);}.ai-workspace.show-conversations .ai-side{transform:none}.ai-chat-header{padding:10px 12px}.ai-conversation-toggle,.ai-side-close{display:grid;place-items:center}.ai-temporary{width:38px;min-width:38px;padding:0;font-size:16px}.ai-temporary span{display:none}.ai-messages{padding:22px 16px}.ai-message{max-width:94%}.ai-composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.ai-composer-shell{border-radius:23px}.ai-side-card:not(.ai-history-card){display:none}.ai-history-card{height:100%}
  .toolbar { top:78px; }
  .drive-toolbar { grid-template-columns:auto minmax(0,1fr) 44px 44px;grid-template-areas:"search search search search" "back location folder upload";gap:9px;padding:10px; }
  .drive-toolbar .drive-search { min-width:0 !important;width:100%; }
  .drive-toolbar .drive-location { align-self:center;padding:0 3px;font-size:11px; }
  .drive-tool { width:44px;min-width:44px;height:44px;min-height:44px;padding:0 !important;border-radius:14px !important; }
  .drive-tool-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
  .mobile-folder-action:not([hidden]) { display:inline-flex; }
  .auth-shell { display:block;padding:8px; }.auth-brand{display:none}.auth-panel{min-height:calc(100dvh - 16px);border-radius:32px !important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,.2)) !important}.auth-card{width:100%;max-width:540px;padding:26px 20px;border-radius:27px !important}.auth-card h2{font-size:38px}.login-trust-stack{width:100%;max-width:540px}
  .auth-panel>.language-switcher{top:calc(10px + env(safe-area-inset-top));right:12px}.smtp-fields,.account-email-form{grid-template-columns:1fr}.account-email-form .primary{width:100%}.share-dialog form{padding:24px 18px}.share-dialog .dialog-actions{bottom:-24px;margin:20px -18px -24px;padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.share-dialog .permission-choice{align-items:stretch}.share-dialog .yes-no{width:100%;flex-basis:auto}
  .command-dialog form>label { grid-template-columns:auto minmax(0,1fr) auto;gap:10px; }
  .command-dialog kbd { display:none; }
  .command-close { width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--app-edge);border-radius:14px;background:var(--app-glass-subtle);color:var(--app-ink);font-size:23px;line-height:1; }
}
@media (max-width:560px) {
  .card-grid,.drive-grid { grid-template-columns:1fr; }.section-card{min-height:190px}.metric-grid{gap:10px}.metric-card{padding:18px}.metric-card strong{font-size:28px}.page-heading{padding:22px}.section-title>span{display:none}
  .drive-grid { gap:9px; }
  .file-card { min-height:96px !important;padding:15px 56px 15px 72px !important;display:grid;align-content:center;border-radius:22px !important;transform:none !important; }
  .file-card:hover { transform:translateY(-2px) !important; }
  .file-card>.file-icon { position:absolute !important;left:14px;top:50%;width:44px !important;height:44px !important;margin:0;transform:translateY(-50%);border-radius:14px !important; }
  .file-card h3 { margin:0 0 5px;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .file-card p { margin:0;font-size:10px;line-height:1.3;color:var(--app-muted); }
  .file-card .favorite { top:9px;right:11px;width:34px;height:34px; }
  .file-card .file-actions { right:9px;bottom:9px;width:38px;height:34px;display:grid;place-items:center;padding:0;border-radius:12px; }
  dialog.action-dialog,dialog.content-dialog,dialog.command-dialog { width:calc(100% - 12px) !important;max-height:calc(100dvh - 12px);margin:6px;border-radius:28px !important; }
  .share-dialog .share-style-grid{grid-template-columns:1fr}.account-panel{padding:22px !important}.ai-web-toggle{padding-inline:6px}.ai-source{max-width:calc(100vw - 96px)}
  .account-link { min-height:78px !important;display:grid !important;grid-template-columns:1fr !important;align-content:center !important;align-items:start !important;gap:6px !important;padding:14px 16px !important;border-radius:21px !important; }
  .account-link>span { font-size:15px;line-height:1.25; }
  .account-link>small { font-size:11px;line-height:1.3;white-space:normal; }
}
/* Sharing is a product workflow, not a generic system dialog. */
.file-menu-dialog { width:min(500px,calc(100% - 24px)) !important;overflow:hidden; }
.file-menu-dialog form { display:grid;gap:10px;padding:30px; }
.file-menu-dialog h2 { max-width:calc(100% - 46px);margin:2px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.18; }
.file-menu-actions { display:grid;gap:7px; }
.file-menu-actions button { width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 13px;border:1px solid transparent;border-radius:20px;background:rgba(255,255,255,.18);color:var(--app-ink);text-align:left;transition:transform .32s var(--app-spring),background .22s,border-color .22s,box-shadow .22s; }
.file-menu-actions button:hover,.file-menu-actions button:focus-visible { transform:translateX(3px);border-color:var(--app-edge);background:var(--app-glass-strong);box-shadow:0 11px 25px rgba(43,54,87,.09),inset 0 1px rgba(255,255,255,.8);outline:0; }
.file-menu-actions button>span { width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--app-blue) 12%,transparent);color:var(--app-blue); }
.file-menu-actions button:nth-child(2n)>span { background:color-mix(in srgb,#34a853 13%,transparent);color:#188038; }
.file-menu-actions button:nth-child(3n)>span { background:color-mix(in srgb,#fbbc04 17%,transparent);color:#9a6700; }
.file-menu-actions button b { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620; }
.file-menu-actions button small { color:var(--app-muted);font-size:15px;text-align:right; }
.file-menu-actions .danger-action>span { color:#d93025;background:rgba(217,48,37,.1); }
.file-menu-dialog .dialog-actions { margin-top:8px; }

.existing-share-dialog { width:min(720px,calc(100% - 24px)) !important;overflow:hidden; }
.existing-share-dialog form { display:grid;gap:17px;max-height:min(90dvh,900px);padding:30px;overflow:auto; }
.existing-share-dialog h2 { margin:0 44px 0 0;font-size:30px;letter-spacing:-.04em; }
.existing-share-dialog .muted { margin:-10px 0 0; }
.existing-share-dialog label { display:grid;gap:8px;color:var(--app-ink);font-size:12px;font-weight:620; }
.existing-share-dialog input,.existing-share-dialog select { width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--app-edge);border-radius:16px;background:var(--app-glass-subtle);color:var(--app-ink);font-size:16px;box-shadow:inset 0 1px rgba(255,255,255,.68); }
.existing-share-dialog input:focus,.existing-share-dialog select:focus { border-color:var(--app-blue);outline:0;box-shadow:0 0 0 4px rgba(10,132,255,.12),inset 0 1px rgba(255,255,255,.7); }
.existing-share-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.existing-share-password-status { margin:-4px 0 0;padding:12px 14px;border:1px solid var(--app-edge);border-radius:16px;background:rgba(255,255,255,.18);color:var(--app-muted);font-size:11px;line-height:1.45; }
.existing-share-actions { position:sticky;bottom:-30px;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:8px;margin:6px -30px -30px;padding:15px 30px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--app-edge);background:var(--app-glass-strong);backdrop-filter:blur(30px) saturate(180%); }
.danger-outline { min-height:44px;padding:10px 16px;border:1px solid rgba(217,48,37,.25);border-radius:999px;background:rgba(217,48,37,.07);color:#c5221f;font-weight:650; }

/* A shared URL opens as a focused Drive-like file surface. Password UI is
   rendered only when the server explicitly reports that protection exists. */
.public-share { display:block !important;min-height:100dvh;padding:0 !important;background:#f8fafd !important; }
.public-share .auth-brand { display:none !important; }
.public-share .public-share-panel { min-height:100dvh;padding:28px clamp(16px,4vw,64px) !important;display:block;background:linear-gradient(150deg,#f8fafd 0%,#fff 48%,#eef4ff 100%) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important; }
.public-share .public-share-card { width:min(1180px,100%) !important;max-width:none;margin:0 auto;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important; }
.public-share .auth-view { padding:0; }
.public-share .mobile-mark { display:grid;width:48px;height:48px;margin:0 0 28px;border-radius:15px;background:linear-gradient(145deg,#4285f4,#0b57d0);color:#fff;box-shadow:0 10px 24px rgba(11,87,208,.24); }
.public-share .overline { color:#0b57d0 !important;letter-spacing:.1em; }
.public-share #share-title { max-width:900px;margin:8px 0 4px;color:#202124;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:clamp(30px,5vw,54px);font-weight:520;letter-spacing:-.045em;overflow-wrap:anywhere; }
.public-share #share-description { margin:0 0 22px;color:#5f6368;font-size:14px; }
.public-share #public-share-form:not([hidden]) { max-width:460px;margin:28px 0;padding:22px;border:1px solid #dadce0;border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(60,64,67,.1); }
.public-share #public-share-form input { min-height:52px;border:1px solid #dadce0;border-radius:12px;background:#fff;color:#202124;font-size:16px; }
.public-share .public-folder-browser { gap:0;margin-top:20px;border:1px solid #dadce0;border-radius:20px;background:#fff;box-shadow:0 4px 18px rgba(60,64,67,.07);overflow:hidden; }
.public-share .public-folder-browser>header { min-height:64px;padding:10px 18px;border-bottom:1px solid #e8eaed;background:#fff;color:#5f6368; }
.public-share .public-folder-browser nav button { min-height:38px;padding:8px 11px;border-radius:19px;color:#0b57d0;font-size:14px; }
.public-share .public-folder-browser nav button:hover { background:#e8f0fe; }
.public-share .public-file-grid { padding:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px; }
.public-share .public-file-card { border:1px solid #dadce0 !important;border-radius:16px !important;background:#fff !important;box-shadow:none !important;transform:none !important;overflow:hidden; }
.public-share .public-file-card:hover { border-color:#a8c7fa !important;background:#f8fafd !important;box-shadow:0 3px 9px rgba(60,64,67,.12) !important; }
.public-share .public-file-open { min-height:122px;padding:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;align-content:center;gap:13px; }
.public-share .public-file-icon { width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e8f0fe;color:#0b57d0;font-size:25px; }
.public-share .is-folder .public-file-icon { background:#e8f0fe;color:#1a73e8; }
.public-share .public-file-open b { color:#202124;font-size:14px;font-weight:560; }
.public-share .public-file-open small { color:#5f6368;font-size:11px; }
.public-share .public-file-download { border:0;background:transparent;color:#0b57d0; }
.public-share .public-file-download:hover { background:#e8f0fe; }
.public-share .public-file-viewer { margin-top:18px;border:1px solid #dadce0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 20px rgba(60,64,67,.08); }
.public-share .public-file-viewer>header { min-height:68px;padding:10px 14px;border-bottom:1px solid #e8eaed; }
.public-share .public-viewer-back { border:0;border-radius:20px;background:transparent;color:#0b57d0;padding:10px 13px; }
.public-share .public-viewer-back:hover { background:#e8f0fe; }
.public-share .public-preview-stage { min-height:min(72vh,760px);border:0;border-radius:0;background:#f1f3f4; }
.public-share .public-preview-stage iframe { height:min(72vh,760px); }

/* The active mobile destination is one glass lens that follows the finger. */
@media (max-width:900px) {
  .mobile-bottom-nav { touch-action:none; }
  .mobile-bottom-nav .nav-item::before { display:none !important; }
  .nav-glide-indicator { position:absolute;z-index:0;left:var(--nav-glide-x,8px);top:7px;width:var(--nav-glide-width,20%);height:62px;border:1px solid rgba(255,255,255,.62);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(198,216,255,.42));box-shadow:0 13px 30px rgba(38,51,91,.16),inset 0 1px rgba(255,255,255,.98),inset 0 -10px 20px rgba(66,133,244,.09);backdrop-filter:blur(32px) saturate(215%);opacity:0;transform:scale(.78);transition:left .48s var(--app-spring),width .48s var(--app-spring),transform .38s var(--app-spring),opacity .2s;pointer-events:none; }
  .nav-glide-indicator[data-ready="1"] { opacity:1;transform:scale(.9); }
  .mobile-bottom-nav.is-gliding .nav-glide-indicator { transition:left .14s var(--app-ease),width .14s var(--app-ease),transform .18s;transform:scale(1); }
  .mobile-bottom-nav .nav-item { z-index:1; }
  html[data-theme="dark"] .nav-glide-indicator { border-color:rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(32,37,55,.92),rgba(18,21,34,.7));box-shadow:0 14px 32px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14); }
  .command-dialog[open] { animation:search-liquid-open .48s var(--app-spring) both; }
  .command-dialog[open]::after { content:"";position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.72),rgba(122,169,255,.2) 62%,transparent 68%);filter:blur(2px);transform:translateX(-50%);pointer-events:none;animation:search-bubble-release .62s var(--app-ease) both; }
}

@media (max-width:560px) {
  .file-menu-dialog { width:calc(100% - 16px) !important;max-height:calc(100dvh - 16px);margin:auto 8px 8px !important;border-radius:30px 30px 25px 25px !important; }
  .file-menu-dialog form { padding:24px 17px 16px; }
  .file-menu-dialog h2 { max-width:calc(100% - 44px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;font-size:20px; }
  .file-menu-actions button { min-height:54px;grid-template-columns:34px minmax(0,1fr) 16px;padding:8px 11px;border-radius:17px; }
  .file-menu-actions button>span { width:34px;height:34px;border-radius:11px; }
  .file-menu-dialog .dialog-actions .secondary { width:100%; }
  .existing-share-dialog { width:calc(100% - 16px) !important;margin:auto 8px 8px !important;border-radius:30px 30px 24px 24px !important; }
  .existing-share-dialog form { max-height:calc(100dvh - 16px);padding:24px 17px; }
  .existing-share-dialog h2 { font-size:25px; }
  .existing-share-grid { grid-template-columns:1fr; }
  .existing-share-actions { bottom:-24px;grid-template-columns:1fr 1fr;margin:5px -17px -24px;padding:13px 17px calc(13px + env(safe-area-inset-bottom)); }
  .existing-share-actions .primary { grid-column:1/-1;grid-row:1; }
  .public-share .public-share-panel { padding:calc(18px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom)) !important; }
  .public-share .mobile-mark { width:42px;height:42px;margin-bottom:20px; }
  .public-share #share-title { font-size:32px;line-height:1.08; }
  .public-share .public-folder-browser { border-radius:17px; }
  .public-share .public-folder-browser>header { align-items:flex-start;flex-direction:column;padding:10px 12px; }
  .public-share .public-file-grid { grid-template-columns:1fr;padding:9px;gap:7px; }
  .public-share .public-file-open { min-height:76px;padding:11px 52px 11px 11px;grid-template-columns:40px minmax(0,1fr); }
  .public-share .public-file-icon { width:40px;height:40px; }
  .public-share .public-file-viewer { border-radius:16px; }
  .public-share .public-file-viewer>header { grid-template-columns:1fr 38px;padding:8px; }
  .public-share .public-viewer-back { grid-column:1/-1;justify-self:start; }
  .public-share .public-preview-stage,.public-share .public-preview-stage iframe { min-height:62vh;height:62vh; }
}

@keyframes search-liquid-open { from{opacity:0;transform:translateY(22px) scale(.9);clip-path:circle(8% at 50% 96%)}to{opacity:1;transform:none;clip-path:circle(150% at 50% 96%)} }
@keyframes search-bubble-release { 0%{opacity:.8;transform:translateX(-50%) translateY(4px) scale(.45)}55%{opacity:.5;transform:translateX(-50%) translateY(-34px) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-80px) scale(1.35)} }

@media (prefers-reduced-motion:reduce) { .app-ambient__orb,.app-ambient__mesh{transition:none!important}.app-reveal{animation:none}.app-pressed{animation:none}.ai-thinking i{animation:none}.section-card,.file-card,.metric-card,.account-panel{transform:none!important}.nav-glide-indicator{transition:none!important}.command-dialog[open],.command-dialog[open]::after{animation:none!important} }
@media (prefers-contrast:more) { :root{--app-glass:rgba(255,255,255,.82);--app-glass-strong:rgba(255,255,255,.94);--app-edge:rgba(20,25,40,.45)}html[data-theme="dark"]{--app-glass:rgba(15,18,28,.88);--app-glass-strong:rgba(18,22,34,.96);--app-edge:rgba(255,255,255,.48)} }