:root{--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 7px;--radius: 10px;--radius-lg: 14px;--bg: #F6F6F3;--surface: #FFFFFF;--surface-2: #FAFAF8;--field: #F1F1EC;--line: #E4E4DF;--line-2: #E0E0DA;--line-3: #EFEFEA;--line-strong: #D4D4CE;--ink: #17181C;--ink-2: #3A3D44;--muted: #5A5E66;--accent: #2F5BEA;--accent-btn: #2F5BEA;--accent-ink: #1E3FAF;--accent-soft: #E8EEFC;--hover: #ECECE7;--inv-bg: #17181C;--inv-fg: #FFFFFF;--track: #E8E8E3;--switch-off: #B9BCC4;--row-sel: #EEF2FD;--row-hover: #F3F5FD;--tile-ring: #E7E7E2;--tile-hover: #B9C6F4;--link-bg: #F3F6FE;--link-line: #D5DCF5;--note-bg: #FFF4D6;--note-fg: #6B4A00;--danger: #A3261C;--danger-line: #F0D3CF;--ok: #1B6E36;--ok-bar: #1B8A45;--hero: #17181C;--hero-tile: #2A2C33;--shadow-pop: 0 8px 30px rgba(23, 24, 28, .14);--backdrop: rgba(23, 24, 28, .35);--k-pdf-bg: #FBE9E7;--k-pdf-fg: #A3261C;--k-doc-bg: #E8EEFC;--k-doc-fg: #2347C2;--k-sheet-bg: #E4F3E8;--k-sheet-fg: #1B6E36;--k-slides-bg: #FDF0DC;--k-slides-fg: #8A4E00;--k-video-bg: #EEE8FA;--k-video-fg: #5B34B0;--k-other-bg: #EDEDE8;--k-other-fg: #3A3D44;--k-image-bg: #5A6B57;color-scheme:light}:root[data-theme=dark]{--bg: #0F1013;--surface: #17191D;--surface-2: #131418;--field: #1F2126;--line: #2A2D33;--line-2: #33363D;--line-3: #23262B;--line-strong: #3A3D44;--ink: #ECEDEF;--ink-2: #C9CBD1;--muted: #9BA0A9;--accent: #7C98FF;--accent-btn: #3D63F0;--accent-ink: #B4C4FF;--accent-soft: #1F2A4D;--hover: #22252B;--inv-bg: #ECEDEF;--inv-fg: #17181C;--track: #2A2D33;--switch-off: #4A4E57;--row-sel: #1C2440;--row-hover: #1E2231;--tile-ring: #2A2D33;--tile-hover: #3B4F99;--link-bg: #18203A;--link-line: #2C3A66;--note-bg: #3A2F10;--note-fg: #F2D58A;--danger: #FF8A80;--danger-line: #5A2A26;--ok: #6FD08F;--ok-bar: #3FB56A;--hero: #08090B;--hero-tile: #1E2026;--shadow-pop: 0 8px 30px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .55);--k-pdf-bg: #3A1F1C;--k-pdf-fg: #FF9C90;--k-doc-bg: #1C2647;--k-doc-fg: #A3B6FF;--k-sheet-bg: #16301F;--k-sheet-fg: #7FD69B;--k-slides-bg: #3A2A12;--k-slides-fg: #F2B96B;--k-video-bg: #2A2045;--k-video-fg: #C7AEFF;--k-other-bg: #24262B;--k-other-fg: #C9CBD1;--k-image-bg: #3F4A3C;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.4;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:var(--accent)}a:hover{color:var(--accent-ink)}h1,h2,p{margin:0}input::placeholder{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;border-radius:var(--radius);background:var(--inv-bg);color:var(--inv-fg)}.skip-link:focus{top:8px}.boot{min-height:100vh;background:var(--bg)}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:600}.ok{color:var(--ok)}.accent{color:var(--accent-ink)}.danger{color:var(--danger)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ta-right{text-align:right}.stack-2,.stack-4,.stack-6,.stack-8{display:flex;flex-direction:column}.stack-2{gap:2px}.stack-4{gap:4px}.stack-6{gap:6px}.stack-8{gap:8px}.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.h1{font-size:22px;font-weight:800;letter-spacing:-.01em}.h1--lg{font-size:28px}.h2{font-size:16px;font-weight:700}.dot{flex:none;width:10px;height:10px;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius);border:1px solid transparent;background:transparent;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--ink)}.btn--sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}.btn--lg{height:46px;padding:0 18px;font-size:14.5px}.btn--primary{background:var(--accent-btn);color:#fff;font-weight:700}.btn--primary:hover{color:#fff;filter:brightness(1.08)}.btn--dark{background:var(--inv-bg);color:var(--inv-fg);font-weight:700}.btn--outline{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.btn--outline:hover{background:var(--hover);color:var(--ink)}.btn--ghost{color:var(--ink)}.btn--ghost:hover{background:var(--hover);color:var(--ink)}.btn--danger{border-color:var(--danger-line);background:var(--surface);color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);flex:none}.icon-btn:hover{background:var(--hover)}.icon-btn--sm{width:32px;height:32px;border:0;background:transparent;color:var(--ink-2);border-radius:8px}.app{min-height:100vh;display:flex;flex-direction:column}.app--fixed{height:100vh;height:100dvh;min-height:0}.app--fixed .layout{overflow:hidden}.app--fixed .content{overflow-y:auto}.app-header{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.app-header__menu{display:none}.app-header__brand{text-decoration:none;color:var(--ink);min-width:160px}.app-header__center{flex:1 1 420px;min-width:0;max-width:780px}.app-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.app-header__drives.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.logo{display:inline-flex;align-items:center;gap:10px}.logo__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--inv-bg);color:var(--inv-fg)}.logo__text{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.avatar{width:40px;height:40px;border-radius:50%;border:0;padding:0;overflow:hidden;background:var(--accent-btn);color:#fff;font-weight:700;font-size:15px}.avatar img{width:100%;height:100%;object-fit:cover}.usermenu{position:relative}.usermenu__pop{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:6px;display:flex;flex-direction:column;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);z-index:40}.usermenu__who{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-bottom:1px solid var(--line-3);margin-bottom:4px}.usermenu__who span{font-size:12.5px;color:var(--muted)}.usermenu__pop button{min-height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;text-align:left}.usermenu__pop button:hover{background:var(--hover)}.search{display:flex;flex-direction:column;gap:8px}.search__box{display:flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 14px;border-radius:12px;background:var(--field);border:1px solid var(--line-2);color:var(--muted)}.search__box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.search__box input{flex:1;min-width:0;height:44px;border:0;background:transparent;font-size:15px;color:var(--ink);outline:none}.search__box input::-webkit-search-cancel-button{display:none}.search__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:6px;border:1px solid var(--line-2);font:600 12px var(--font);color:var(--muted);background:var(--surface)}.search__box:focus-within .search__kbd{display:none}.search__suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600}.chip:hover{background:var(--hover)}.chip.is-active{background:var(--inv-bg);border-color:var(--inv-bg);color:var(--inv-fg)}.chip--sm{height:28px;padding:0 10px;font-weight:500;font-size:12.5px;color:var(--ink-2)}.chip__count{font-weight:500;opacity:.8}.layout{flex:1;display:flex;align-items:stretch;min-height:0}.sidebar{flex:0 0 256px;padding:18px 12px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:var(--surface-2);overflow-y:auto}.drawer-backdrop,.sheet-backdrop{display:none}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group__head{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 4px 4px 12px}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-weight:500;text-align:left}.nav-item:hover{background:var(--hover)}.nav-item.is-current{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.nav-item__icon{flex:none;color:var(--muted)}.nav-item.is-current .nav-item__icon{color:var(--accent-ink)}.nav-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item__count{font-size:12px;font-weight:500;color:var(--muted)}.nav-new{display:flex;gap:6px;padding:0 4px 6px}.nav-new input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface)}.index-card{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-size:12.5px}.index-card__row{display:flex;justify-content:space-between;gap:8px}.progress{height:6px;border-radius:3px;background:var(--track);overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .4s}.progress--ok>div{background:var(--ok-bar)}.content{flex:1 1 auto;min-width:0;padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px}.content__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.content__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.select{height:38px;padding:0 10px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:13.5px}.viewswitch,.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius);background:var(--hover)}.viewswitch button{width:38px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.viewswitch .is-active,.segmented .is-active{background:var(--surface);box-shadow:0 1px 2px #00000014}.segmented button{height:38px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-weight:500;font-size:13.5px}.segmented .is-active{font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:14px}.tile{display:flex;flex-direction:column;padding:0;text-align:left;background:var(--surface);border:2px solid var(--tile-ring);border-radius:13px;overflow:hidden;color:var(--ink)}.tile:hover{border-color:var(--tile-hover)}.tile.is-selected{border-color:var(--accent)}.tile--skeleton{height:196px;background:var(--field);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.5}}.tile__body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;min-width:0}.tile__name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__meta{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-note{align-self:flex-start;padding:2px 7px;border-radius:6px;background:var(--note-bg);color:var(--note-fg);font-size:11.5px;font-weight:600;white-space:nowrap}.is-refreshing{opacity:.6;transition:opacity .15s}.more{display:flex;justify-content:center;padding-top:20px}.thumb{position:relative;display:flex;align-items:center;justify-content:center;height:124px;overflow:hidden}.thumb--large{height:196px;border-radius:12px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb__ph{width:100%;height:100%}.thumb__ext{font-size:22px;font-weight:800;letter-spacing:.04em}.thumb--large .thumb__ext{font-size:34px}.thumb__badge{position:absolute;left:10px;top:10px;padding:3px 7px;border-radius:6px;background:#ffffffeb;color:#17181c;font-size:11px;font-weight:700;letter-spacing:.04em}.thumb__public{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#ffffffeb;color:#2f5bea}.thumb--image{background:var(--k-image-bg)}.thumb--pdf{background:var(--k-pdf-bg);color:var(--k-pdf-fg)}.thumb--doc{background:var(--k-doc-bg);color:var(--k-doc-fg)}.thumb--sheet{background:var(--k-sheet-bg);color:var(--k-sheet-fg)}.thumb--slides{background:var(--k-slides-bg);color:var(--k-slides-fg)}.thumb--video{background:var(--k-video-bg);color:var(--k-video-fg)}.thumb--other{background:var(--k-other-bg);color:var(--k-other-fg)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.table{min-width:780px}.table__row{display:grid;width:100%;grid-template-columns:minmax(280px,2.2fr) minmax(200px,1.6fr) 120px 110px 80px;gap:12px;align-items:center;min-height:52px;padding:6px 16px;border:0;border-bottom:1px solid var(--line-3);background:var(--surface);text-align:left;font-size:13.5px;color:var(--ink)}.table__row:hover{background:var(--row-hover)}.table__row.is-selected{background:var(--row-sel)}.table__row--head{min-height:40px;font-size:12px;font-weight:700;color:var(--muted)}.table__row--head:hover{background:var(--surface)}.table__name{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600}.ext-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:9.5px;font-weight:800}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.empty strong{font-size:17px}.empty .muted{max-width:440px;line-height:1.5}.details{flex:0 0 340px;padding:20px;border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:18px;overflow-y:auto}.details__top{display:none}.details__empty{padding:40px 8px;text-align:center;color:var(--muted);line-height:1.5}.details__title{font-size:17px;font-weight:700;line-height:1.35;word-break:break-word}.details__actions{display:flex;flex-wrap:wrap;gap:8px}.details__actions>*{flex:1 1 140px}.share{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}.share.is-on{border-color:var(--link-line);background:var(--link-bg)}.share__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.share__row{display:flex;gap:8px}.share__row input{flex:1;min-width:0;height:40px;padding:0 10px;border-radius:9px;border:1px solid var(--link-line);background:var(--surface);font-size:12.5px;color:var(--ink-2)}.switch{flex:none;display:inline-flex;align-items:center;width:48px;height:28px;padding:3px;border:0;border-radius:999px;background:var(--switch-off);transition:background .15s}.switch__knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch.is-on{background:var(--accent-btn)}.switch.is-on .switch__knob{transform:translate(20px)}.props{margin:0;display:flex;flex-direction:column;gap:14px;font-size:13px}.props>div{display:flex;flex-direction:column;gap:6px}.props dd{margin:0;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 9px;border-radius:var(--radius-sm);background:var(--field);font-weight:600;font-size:12.5px}.tag button{display:inline-flex;padding:2px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.tag button:hover{color:var(--ink);background:var(--hover)}.tag--add{height:26px;padding:0 9px;border:1px dashed var(--line-strong);background:transparent;color:var(--ink-2);font-weight:500}.tag--outline{background:transparent;border:1px solid var(--line);padding-right:9px}.tag--strong{padding:5px 10px;font-weight:700}.add-folder{display:flex;flex-direction:column;gap:8px}.add-folder select,.add-folder input{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface)}.add-folder__new{display:flex;gap:6px}.add-folder__new input{flex:1;min-width:0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;border-radius:12px;background:var(--inv-bg);color:var(--inv-fg);font-weight:600;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:60;max-width:calc(100vw - 32px)}.toast.is-shown{opacity:1;transform:translate(-50%)}.login{min-height:100vh;display:flex;flex-wrap:wrap}.login__hero{flex:1 1 520px;padding:48px 56px;background:var(--hero);color:#fff;display:flex;flex-direction:column;gap:40px}.login__logo .logo__mark{background:#fff;color:#17181c}.login__logo .logo__text{color:#fff}.login__pitch{display:flex;flex-direction:column;gap:16px;max-width:520px;margin-top:auto}.login__pitch h1{font-size:clamp(30px,4vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.02em}.login__pitch p{font-size:16px;line-height:1.55;color:#c9cbd1}.login__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:520px;color:#e4e5e9;line-height:1.5}.login__features li{display:flex;gap:12px;align-items:flex-start}.login__features li>span{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--hero-tile)}.login__features strong{color:#fff}.login__panel{flex:1 1 440px;padding:24px 24px 48px;display:flex;flex-direction:column;gap:24px}.login__toolbar{display:flex;justify-content:flex-end}.login__form{width:100%;max-width:400px;margin:auto;display:flex;flex-direction:column;gap:22px}.login__form h2{font-size:26px;font-weight:800}.login__form .muted{line-height:1.5}.btn--google{height:52px;border-radius:12px;border-color:var(--line-strong);background:var(--surface);font-weight:700;font-size:15px;gap:12px}.btn--google:hover{background:var(--hover)}.g-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);font-size:13px;font-weight:800}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line-2)}.label{font-weight:600;font-size:13.5px}.input{height:46px;padding:0 14px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);font-size:15px}.alert{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--danger-line);color:var(--danger);background:var(--surface)}.note{display:flex;gap:12px;padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ok)}.note svg{flex:none;margin-top:1px}.note span{font-size:13px;line-height:1.5;color:var(--ink-2)}.page{width:100%;max-width:1040px;margin:0 auto;padding:32px 24px 56px;display:flex;flex-direction:column;gap:32px}.page__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.section{display:flex;flex-direction:column;gap:12px}.card{padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}.card--list{padding:0;overflow:hidden}.card--skeleton{min-height:80px;background:var(--field);animation:pulse 1.2s ease-in-out infinite alternate}.drive{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 20px}.drive__id{flex:1 1 260px;display:flex;align-items:center;gap:14px;min-width:0}.drive__icon{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:var(--field)}.drive__status{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;font-size:13px}.drive__status-row{display:flex;justify-content:space-between;gap:8px}.drive__actions{display:flex;gap:8px}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line-3)}.setting:last-child{border-bottom:0}.setting .small{line-height:1.45}.setting--sub{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;background:var(--surface-2)}.rule{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 18px}.rule__cond{flex:1 1 360px;font-size:13.5px;color:var(--ink-2);line-height:1.5}.rule__count{min-width:70px;text-align:right}@media (max-width: 1200px){.details{position:fixed;top:0;right:0;bottom:0;height:auto;width:min(400px,100vw);z-index:50;box-shadow:var(--shadow-pop);transform:translate(100%);transition:transform .2s;border-left:0}.details.is-open{transform:none}.details__top{display:flex;justify-content:flex-end;margin-bottom:-8px}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:45}}@media (max-width: 900px){.app-header{padding:10px 16px;gap:10px 12px}.app-header__menu{display:inline-flex}.app-header__brand{min-width:0}.app-header__center{order:10;flex-basis:100%;max-width:none}.app-header__drives span,.search__suggest,.search__kbd{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;height:auto;width:min(300px,86vw);z-index:50;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-pop)}.sidebar.is-open{transform:none}.drawer-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:45}.content{padding:16px 16px 32px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.login__panel{order:-1;flex-basis:100%}.login__hero{padding:32px 24px;gap:28px}.page{padding:24px 16px 40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}