/* A separate workspace composition. No global overrides of the classic page. */
.workspace {
  --desk-bg:#f5f6f8;
  --desk-surface:#fff;
  --desk-sidebar:#f7f8fa;
  --desk-text:#1f2329;
  --desk-muted:#646a73;
  --desk-subtle:#8f959e;
  --desk-line:#e8eaed;
  --desk-blue:#3370ff;
  --desk-tint:#eaf1ff;
  --desk-soft:#f0f2f5;
  color:var(--desk-text);
  background:var(--desk-bg);
  min-height:100vh;
  font:14px/1.6 Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  --sidebar-width:220px
}
.workspace * {
  box-sizing:border-box
}
.workspace h1,.workspace h2,.workspace h3 {
  font-family:inherit;
  color:var(--desk-text);
  letter-spacing:0
}
.workspace a:focus-visible,.workspace button:focus-visible,.workspace input:focus-visible {
  outline:2px solid var(--desk-blue);
  outline-offset:3px
}
.ui-icon {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0
}
.workspace a,.workspace button {
  touch-action:manipulation
}
.workspace button {
  font:inherit
}
.workspace a {
  transition:background .18s,color .18s,box-shadow .18s
}
.desk-sidebar {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:var(--sidebar-width);
  background:var(--desk-sidebar);
  border-right:1px solid var(--desk-line);
  padding:25px 14px 16px;
  display:flex;
  flex-direction:column;
  z-index:35;
  overflow-y:auto
}
.desk-brand {
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 10px;
  font-size:21px;
  font-weight:700;
  letter-spacing:1px;
  white-space:nowrap
}
.desk-brand small {
  font-size:8px;
  letter-spacing:1px;
  color:var(--desk-subtle);
  display:block;
  font-weight:500
}
.desk-logo {
  background:linear-gradient(145deg,#467cff,#225cdb);
  width:35px;
  height:37px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:white
}
.desk-logo svg {
  width:23px;
  height:23px
}
.space-selector {
  display:flex;
  gap:10px;
  align-items:center;
  padding:14px 10px;
  margin:28px 0 22px;
  border:1px solid var(--desk-line);
  border-radius:8px;
  background:var(--desk-surface);
  font-size:13px;
  font-weight:600
}
.space-selector small {
  display:block;
  color:var(--desk-subtle);
  font-size:10px;
  font-weight:400
}
.space-avatar {
  width:30px;
  height:30px;
  border-radius:7px;
  background:#eee9fe;
  color:#7961bf;
  display:grid;
  place-items:center
}
.desk-nav {
  display:flex;
  flex-direction:column;
  gap:5px
}
.desk-nav a {
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:7px;
  color:var(--desk-muted);
  white-space:nowrap
}
.desk-nav a small {
  font-size:10px;
  margin-left:auto
}
.desk-nav a:hover {
  background:var(--desk-soft);
  color:var(--desk-text)
}
.desk-nav a.is-current {
  background:var(--desk-tint);
  color:var(--desk-blue);
  font-weight:600
}
.sidebar-label {
  font-size:11px;
  color:var(--desk-subtle);
  padding:0 12px;
  margin:30px 0 10px
}
.app-nav a {
  font-size:12px
}
.app-nav svg {
  width:17px;
  height:17px
}
.sidebar-bottom {
  margin-top:auto;
  padding-top:36px
}
.private-shortcut {
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 9px;
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  border-radius:7px;
  font-size:12px
}
.private-shortcut small {
  display:block;
  color:var(--desk-subtle);
  font-size:10px
}
.private-shortcut>svg:last-child {
  margin-left:auto;
  width:14px
}
.sidebar-toggle {
  border:0;
  background:none;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--desk-subtle);
  padding:20px 10px 0;
  font-size:11px!important;
  min-height:44px
}
.desk-shell {
  margin-left:var(--sidebar-width);
  min-width:0
}
.desk-topbar {
  height:68px;
  position:sticky;
  top:0;
  z-index:30;
  background:var(--desk-surface);
  border-bottom:1px solid var(--desk-line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:0 32px
}
.desk-breadcrumb {
  display:flex;
  gap:14px;
  align-items:center;
  font-size:12px;
  white-space:nowrap
}
.desk-breadcrumb>span {
  color:var(--desk-subtle)
}
.desk-breadcrumb strong {
  font-weight:500
}
.desk-top-actions {
  display:flex;
  align-items:center;
  gap:16px
}
.desk-top-actions .header-tools {
  margin:0
}
.desk-journey-link {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--desk-muted)
}
.desk-journey-link svg {
  width:14px
}
.top-avatar {
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  background:#eee9fe;
  color:#7961bf;
  border-radius:50%;
  font-size:12px
}
.desk-main {
  max-width:1740px;
  margin:auto;
  padding:32px 36px 0;
  scroll-margin-top:88px
}
.desk-page-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 25px;
  gap:15px
}
.desk-page-heading p {
  font-size:10px;
  font-weight:600;
  color:var(--desk-subtle);
  letter-spacing:1.6px;
  margin:0 0 6px
}
.desk-page-heading h1 {
  font-size:25px;
  font-weight:650;
  line-height:1.4;
  margin:0 0 7px
}
.desk-page-heading span {
  font-size:12px;
  color:var(--desk-muted)
}
.desk-outline-link {
  display:flex;
  gap:8px;
  align-items:center;
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  padding:8px 12px;
  border-radius:6px;
  font-size:12px;
  white-space:nowrap
}
.desk-outline-link svg {
  width:15px;
  height:15px
}
.desk-columns {
  display:grid;
  grid-template-columns:minmax(0,1fr) 282px;
  gap:24px
}
.desk-primary,.desk-context {
  min-width:0
}
.desk-welcome {
  height:258px;
  position:relative;
  display:flex;
  align-items:center;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(105deg,#e8f1ff 0%,#f0f5ff 48%,#e4ebff 100%);
  border:1px solid #dce7fc
}
.welcome-content {
  position:relative;
  z-index:2;
  padding:24px 30px
}
.welcome-kicker {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  color:#5073bb
}
.welcome-kicker i {
  width:5px;
  height:5px;
  background:#4488ed;
  border-radius:50%
}
.welcome-content h2 {
  font-size:30px;
  font-weight:650;
  line-height:1.35;
  letter-spacing:1px;
  margin:12px 0 10px;
  color:#213d70
}
.welcome-content p {
  font-size:12px;
  color:#61769d;
  line-height:1.8;
  margin:0 0 14px
}
.welcome-content a {
  display:inline-flex;
  align-items:center;
  gap:17px;
  background:#3370ff;
  color:white;
  border-radius:6px;
  padding:7px 12px;
  font-size:11px
}
.welcome-content a svg {
  width:14px;
  height:14px
}
.welcome-orbit {
  width:290px;
  position:absolute;
  right:-8px;
  top:-8px;
  opacity:.85;
  z-index:1
}
.welcome-orbit .hero-art {
  width:100%;
  aspect-ratio:1.04;
  max-width:none;
  margin:0;
  transform:none
}
.welcome-orbit .orbit-note,.welcome-orbit .orbit-label,.welcome-orbit .art-grid {
  display:none
}
.welcome-orbit .journey-orbit {
  filter:hue-rotate(115deg) saturate(1.3)
}
.desk-shortcuts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0 30px
}
.desk-shortcuts>a {
  display:grid;
  grid-template-columns:36px 1fr;
  column-gap:10px;
  align-items:center;
  padding:14px 12px;
  border:1px solid var(--desk-line);
  border-radius:8px;
  background:var(--desk-surface)
}
.desk-shortcuts>a:hover {
  border-color:#a9c0f5;
  box-shadow:0 3px 10px #1b488010
}
.app-icon {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  flex-shrink:0
}
.app-icon.blue {
  background:#eaf0ff;
  color:#477af0
}
.app-icon.violet {
  background:#efeaff;
  color:#8765d9
}
.app-icon.orange {
  background:#fff0e3;
  color:#df9450
}
.app-icon.mint {
  background:#e4f5ee;
  color:#369377
}
.app-icon.neutral {
  background:var(--desk-soft);
  color:var(--desk-muted)
}
.desk-shortcuts .app-icon {
  grid-row:span 2
}
.desk-shortcuts strong {
  font-size:11px;
  font-weight:550;
  white-space:nowrap
}
.desk-shortcuts small {
  font-size:9px;
  color:var(--desk-subtle);
  white-space:nowrap
}
.desk-section {
  scroll-margin-top:90px;
  margin-bottom:30px
}
.desk-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:16px
}
.desk-section h2,.desk-panel h2 {
  font-size:16px;
  font-weight:600;
  margin:0
}
.desk-section h2>span {
  margin-left:6px;
  font-size:10px;
  color:var(--desk-subtle);
  font-weight:400;
  vertical-align:middle
}
.desk-section-heading p {
  font-size:11px;
  color:var(--desk-subtle);
  margin:5px 0 0
}
.desk-section-heading>span {
  font-size:10px;
  color:var(--desk-subtle)
}
.desk-discovery {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px
}
.desk-filters {
  display:flex;
  gap:6px
}
.desk-filters button {
  border:0;
  border-radius:5px;
  background:transparent;
  color:var(--desk-muted);
  padding:6px 10px;
  font-size:11px;
  white-space:nowrap
}
.desk-filters button[aria-pressed=true] {
  background:var(--desk-tint);
  color:var(--desk-blue);
  font-weight:600
}
.desk-search {
  display:flex;
  align-items:center;
  gap:7px;
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  border-radius:6px;
  padding:6px 9px;
  width:174px;
  color:var(--desk-subtle)
}
.desk-search svg {
  width:14px;
  height:14px
}
.desk-search input {
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--desk-text);
  font:inherit;
  font-size:11px;
  line-height:1.7;
  outline:none
}
.desk-search input::placeholder {
  color:var(--desk-subtle)
}
.desk-search:focus-within {
  border-color:var(--desk-blue)
}
.desk-app-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px
}
.desk-app {
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  border-radius:9px;
  overflow:hidden;
  min-width:0;
  transition:transform .22s,box-shadow .22s,border-color .22s
}
.desk-app:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 20px #173b7110;
  border-color:#b6c9f0
}
.desk-app .project-link {
  height:100%;
  display:flex;
  flex-direction:column
}
.desk-app-cover {
  height:135px;
  position:relative;
  overflow:hidden
}
.desk-app-cover>div {
  height:100%
}
.desk-app-info {
  padding:16px;
  flex:1;
  display:flex;
  flex-direction:column
}
.desk-app-label {
  color:var(--desk-subtle);
  font-size:9px;
  letter-spacing:.4px;
  margin-bottom:7px
}
.desk-app h3 {
  font-size:14px;
  font-weight:600;
  margin:0 0 8px;
  line-height:1.55
}
.desk-app-info>p {
  font-size:11px;
  color:var(--desk-muted);
  line-height:1.8;
  margin-bottom:14px
}
.desk-app-footer {
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--desk-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
  color:var(--desk-subtle)
}
.desk-app-footer>span:last-child {
  color:var(--desk-blue);
  display:flex;
  align-items:center;
  gap:5px
}
.desk-app-footer svg {
  width:13px;
  height:13px
}
.desk-app .art-caption {
  font-size:7px;
  left:17px;
  top:17px;
  letter-spacing:1px
}
.desk-app .art-foot {
  font-size:6px;
  bottom:12px;
  left:17px;
  letter-spacing:1px
}
.desk-app .cup {
  width:65px;
  height:83px;
  top:31%;
  left:63%;
  border-radius:4px 4px 13px 13px;
  font-size:15px
}
.desk-app .cup i {
  font-size:17px
}
.desk-app .cup:before {
  height:13px;
  top:-8px;
  left:-4px;
  right:-4px
}
.desk-app .coffee-orbit {
  width:220px;
  height:90px;
  left:40%;
  top:15%
}
.desk-app .skills-art {
  background:#edeaff;
  color:#7e6aaa
}
.desk-app .skills-art svg {
  width:60%;
  left:40%;
  height:100%;
  top:0;
  fill:#947ed0
}
.desk-app .radar-grid {
  stroke:#c3b6e0
}
.desk-app .radar-area {
  stroke:#9474d0;
  fill:#a991d852
}
.desk-app .personality-shapes {
  width:92px;
  height:90px;
  gap:6px;
  right:16%;
  top:18%
}
.desk-app .mbti-art {
  background:#fff0df;
  color:#a98558
}
.desk-app .knowledge-art {
  background:#e8f0ff;
  color:#5779b4
}
.desk-app .paper-front,.desk-app .paper-back {
  width:111px;
  height:142px;
  top:16%;
  left:52%;
  border-color:#d7e0f0
}
.desk-app .paper-back {
  left:57%;
  background:#f5f8ff
}
.desk-app .paper-front {
  padding:12px;
  background:#fcfdff
}
.desk-app .paper-front>span {
  font-size:5px;
  padding-bottom:5px
}
.desk-app .paper-front b {
  font:500 16px/1.5 var(--serif);
  margin-top:9px
}
.desk-app .paper-front i {
  margin-top:9px;
  width:26px
}
.desk-app .paper-front small {
  font-size:4px;
  margin-top:7px
}
.desk-app .paper-label {
  font-size:6px;
  left:20px;
  bottom:17px
}
.desk-empty {
  padding:50px;
  text-align:center;
  color:var(--desk-muted);
  background:var(--desk-surface);
  border:1px dashed var(--desk-line);
  border-radius:8px
}
.desk-knowledge-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.desk-knowledge-card {
  padding:20px;
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  border-radius:8px;
  display:flex;
  gap:14px;
  align-items:flex-start
}
.desk-knowledge-card:hover {
  border-color:#b6c9f0
}
.access-label {
  font-size:9px;
  color:var(--desk-blue)
}
.private-label {
  color:var(--desk-subtle)
}
.desk-knowledge-card h3 {
  font-size:14px;
  margin:3px 0 6px;
  font-weight:600
}
.desk-knowledge-card p {
  font-size:11px;
  color:var(--desk-muted);
  line-height:1.8;
  margin:0 0 12px
}
.desk-knowledge-card strong {
  font-size:10px;
  font-weight:500;
  color:var(--desk-blue);
  display:flex;
  align-items:center;
  gap:10px
}
.desk-knowledge-card strong svg {
  width:14px;
  height:14px
}
.desk-context {
  display:flex;
  flex-direction:column;
  gap:20px
}
.desk-panel {
  background:var(--desk-surface);
  border:1px solid var(--desk-line);
  border-radius:9px
}
.profile-banner {
  height:87px;
  border-radius:9px 9px 0 0;
  background:linear-gradient(110deg,#dfe9ff,#edf0ff);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  color:#7e9ad4
}
.profile-banner span {
  font-size:8px;
  letter-spacing:1.3px
}
.profile-banner svg {
  width:36px;
  height:36px;
  stroke-width:1
}
.profile-content {
  padding:0 22px 18px;
  position:relative
}
.profile-avatar {
  display:grid;
  place-items:center;
  width:49px;
  height:49px;
  background:#ede9fa;
  color:#8a70be;
  font-size:21px;
  font-family:var(--serif);
  border:4px solid var(--desk-surface);
  border-radius:12px;
  margin-top:-25px;
  position:relative
}
.profile-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:14px 0 10px
}
.profile-title .profile-personality {
  margin:0;
  z-index:40
}
.workspace .profile-personality summary {
  background:var(--desk-tint);
  color:var(--desk-blue);
  border:0;
  min-height:28px;
  padding:3px 9px;
  letter-spacing:1px;
  font-size:10px
}
.workspace .profile-popover {
  left:auto;
  right:0;
  width:min(370px,calc(100vw - 48px));
  padding-top:10px
}
.workspace .profile-card {
  background:var(--desk-surface);
  border-color:var(--desk-line);
  box-shadow:0 12px 40px #101c3426
}
.workspace .profile-card dd {
  color:var(--desk-muted)
}
.workspace .profile-card dt {
  color:var(--desk-blue)
}
.workspace .profile-card .eyebrow {
  color:var(--desk-subtle)
}
.profile-intro {
  font-size:12px;
  color:var(--desk-muted);
  line-height:1.85;
  margin-bottom:14px
}
.profile-tags {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:18px
}
.profile-tags span {
  background:var(--desk-soft);
  padding:2px 6px;
  border-radius:4px;
  font-size:9px;
  color:var(--desk-muted)
}
.profile-link {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--desk-line);
  padding-top:13px;
  font-size:11px;
  color:var(--desk-blue)
}
.profile-link svg {
  width:14px;
  height:14px
}
.path-panel,.updates-panel {
  padding:20px
}
.desk-panel h2 {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:13px
}
.desk-panel h2 svg {
  color:var(--desk-subtle);
  width:17px;
  height:17px
}
.path-panel ol {
  padding:0 0 0 17px;
  list-style:none;
  margin:24px 0 16px
}
.path-panel li {
  position:relative;
  border-left:1px solid var(--desk-line);
  padding:0 0 23px 17px
}
.path-panel li:last-child {
  padding-bottom:0
}
.path-panel li:before {
  content:'';
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  border:2px solid var(--desk-surface);
  background:#9bb6f4;
  left:-6px;
  top:3px;
  box-sizing:content-box
}
.path-panel li:last-child:before {
  background:var(--desk-blue)
}
.path-panel time,.path-panel strong,.path-panel li>span {
  display:block
}
.path-panel time {
  font-size:9px;
  color:var(--desk-subtle);
  margin-bottom:5px
}
.path-panel strong {
  font-size:11px;
  font-weight:500
}
.path-panel li>span {
  font-size:10px;
  color:var(--desk-subtle);
  margin-top:4px
}
.path-panel>a {
  font-size:11px;
  color:var(--desk-blue);
  border-top:1px solid var(--desk-line);
  padding-top:13px;
  display:flex;
  justify-content:space-between
}
.path-panel>a svg {
  width:14px;
  height:14px
}
.updates-panel>a {
  display:flex;
  gap:9px;
  align-items:center;
  padding-top:16px;
  font-size:11px
}
.updates-panel>a>i {
  width:5px;
  height:5px;
  background:#77a8ed;
  border-radius:50%;
  flex-shrink:0
}
.updates-panel>a>time {
  margin-left:auto;
  color:var(--desk-subtle);
  font-size:9px;
  white-space:nowrap
}
.desk-note {
  display:flex;
  gap:10px;
  color:var(--desk-subtle);
  padding:0 8px
}
.desk-note svg {
  width:16px;
  height:16px
}
.desk-note p {
  font-size:10px;
  line-height:1.9
}
.desk-footer {
  font-size:10px;
  color:var(--desk-subtle);
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 0;
  border-top:1px solid var(--desk-line);
  gap:12px
}
.desk-footer .filing-link { color:var(--desk-blue); white-space:nowrap }
.desk-footer .filing-link:hover,
.desk-footer .filing-link:focus-visible { text-decoration:underline }
.desk-mobile-nav {
  display:none
}
.sidebar-collapsed {
  --sidebar-width:76px
}
.sidebar-collapsed .sidebar-text {
  display:none
}
.sidebar-collapsed .desk-brand {
  padding:0 4px
}
.sidebar-collapsed .space-selector {
  padding:8px;
  justify-content:center
}
.sidebar-collapsed .desk-nav a {
  justify-content:center;
  padding:12px
}
.sidebar-collapsed .private-shortcut {
  justify-content:center;
  padding:12px 0
}
.sidebar-collapsed .private-shortcut>svg:last-child {
  display:none
}
.sidebar-collapsed .sidebar-toggle {
  justify-content:center;
  width:100%
}
.sidebar-collapsed .app-nav {
  margin-top:25px
}
@media(min-width:1750px) {
  .desk-app-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .desk-columns {
    grid-template-columns:minmax(0,1fr) 310px
  }
  .desk-app-cover {
    height:150px
  }
  .desk-welcome {
    height:280px
  }
  .welcome-orbit {
    width:340px;
    right:30px
  }
  .welcome-content {
    padding-left:36px
  }
  .welcome-content h2 {
    font-size:34px
  }
}
@media(max-width:1240px) {
  .workspace {
    --sidebar-width:192px
  }
  .desk-main {
    padding:26px 24px 0
  }
  .desk-topbar {
    padding:0 24px
  }
  .desk-columns {
    grid-template-columns:minmax(0,1fr) 240px;
    gap:18px
  }
  .desk-shortcuts {
    gap:8px
  }
  .desk-shortcuts>a {
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:12px 4px
  }
  .desk-shortcuts small {
    display:none
  }
  .desk-discovery {
    flex-wrap:wrap
  }
  .desk-search {
    width:100%
  }
  .welcome-orbit {
    right:-70px;
    opacity:.55
  }
  .welcome-content {
    padding:20px
  }
  .desk-knowledge-card {
    display:block;
    padding:16px
  }
  .desk-knowledge-card .app-icon {
    margin-bottom:8px
  }
  .sidebar-collapsed {
    --sidebar-width:76px
  }
  .profile-content {
    padding-inline:16px
  }
}
@media(max-width:1000px) {
  .workspace {
    --sidebar-width:76px
  }
  .desk-sidebar .sidebar-text {
    display:none
  }
  .desk-sidebar .desk-brand {
    padding:0 4px
  }
  .desk-sidebar .space-selector {
    padding:8px;
    justify-content:center
  }
  .desk-sidebar .desk-nav a {
    justify-content:center;
    padding:12px
  }
  .desk-sidebar .private-shortcut {
    justify-content:center;
    padding:12px 0
  }
  .desk-sidebar .private-shortcut>svg:last-child {
    display:none
  }
  .desk-sidebar .sidebar-toggle {
    display:none
  }
  .desk-sidebar .app-nav {
    margin-top:25px
  }
  .desk-context {
    gap:16px
  }
  .desk-main {
    padding:24px 20px 0
  }
  .desk-journey-link {
    display:none
  }
}
@media(max-width:760px) {
  .workspace {
    --sidebar-width:0px
  }
  .desk-sidebar {
    display:none
  }
  .desk-columns {
    grid-template-columns:1fr
  }
  .desk-main {
    padding:24px 18px 0
  }
  .desk-topbar {
    height:62px;
    padding:0 18px;
    gap:8px
  }
  .desk-breadcrumb {
    font-size:12px
  }
  .desk-breadcrumb>span {
    display:none
  }
  .desk-top-actions {
    gap:9px
  }
  .desk-top-actions .header-tools {
    position:static
  }
  .top-avatar {
    display:none
  }
  .desk-page-heading h1 {
    font-size:22px
  }
  .desk-page-heading p {
    font-size:9px
  }
  .desk-page-heading> a {
    display:none
  }
  .desk-welcome {
    height:245px
  }
  .welcome-content h2 {
    font-size:29px
  }
  .welcome-orbit {
    right:-20px;
    width:270px;
    opacity:.65
  }
  .welcome-content p {
    font-size:11px
  }
  .desk-shortcuts {
    margin:14px 0 27px;
    gap:8px
  }
  .desk-shortcuts>a {
    padding:12px 3px
  }
  .desk-shortcuts strong {
    font-size:10px
  }
  .desk-shortcuts .app-icon {
    width:31px;
    height:31px
  }
  .desk-discovery {
    gap:12px
  }
  .desk-filters {
    width:100%;
    justify-content:space-between;
    gap:2px
  }
  .desk-filters button {
    min-height:36px;
    font-size:11px;
    padding:5px 10px
  }
  .desk-search {
    padding:9px 11px
  }
  .desk-search input {
    font-size:12px
  }
  .desk-app-grid {
    gap:12px
  }
  .desk-app-cover {
    height:115px
  }
  .desk-app-info {
    padding:13px
  }
  .desk-app h3 {
    font-size:13px
  }
  .desk-app-info>p {
    font-size:11px
  }
  .desk-app-label {
    font-size:8px
  }
  .desk-app-footer {
    font-size:8px;
    gap:5px
  }
  .desk-app-footer>span:first-child {
    max-width:70%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .desk-app .art-caption {
    font-size:6px;
    left:12px;
    top:14px
  }
  .desk-app .art-foot {
    font-size:5px;
    left:12px;
    letter-spacing:0
  }
  .desk-app .cup {
    left:60%;
    width:43px;
    height:63px;
    font-size:12px
  }
  .desk-app .cup i {
    font-size:13px
  }
  .desk-app .personality-shapes {
    width:64px;
    height:64px;
    right:8%;
    top:30%
  }
  .desk-app .paper-front,.desk-app .paper-back {
    width:85px;
    height:112px;
    left:42%
  }
  .desk-app .paper-back {
    left:48%
  }
  .desk-app .paper-front {
    padding:8px
  }
  .desk-app .paper-front b {
    font-size:12px
  }
  .desk-app .paper-label {
    left:10px
  }
  .desk-knowledge-grid {
    gap:12px
  }
  .desk-knowledge-card {
    padding:14px
  }
  .desk-section-heading>span {
    display:none
  }
  .desk-context {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:start;
    gap:14px
  }
  .profile-panel {
    grid-column:1 / -1
  }
  .profile-banner {
    height:76px
  }
  .profile-content {
    padding:0 20px 20px
  }
  .profile-title {
    margin-top:9px
  }
  .profile-tags {
    margin-bottom:12px
  }
  .workspace .profile-popover {
    width:calc(100vw - 74px)
  }
  .path-panel,.updates-panel {
    padding:16px
  }
  .desk-panel h2 {
    font-size:12px
  }
  .updates-panel>a {
    flex-wrap:wrap
  }
  .updates-panel>a>time {
    margin-left:14px;
    width:100%
  }
  .desk-note {
    grid-column:1 / -1;
    align-items:center
  }
  .desk-note p {
    margin:0
  }
  .desk-footer {
    padding:20px 0 95px;
    margin-top:26px
  }
  .desk-footer>span:nth-child(2) {
    display:none
  }
  .desk-mobile-nav {
    display:flex;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:35;
    border-top:1px solid var(--desk-line);
    background:var(--desk-surface);
    justify-content:space-around;
    padding:9px 5px max(10px,env(safe-area-inset-bottom))
  }
  .desk-mobile-nav a {
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:4px;
    font-size:10px;
    color:var(--desk-muted);
    min-width:60px;
    min-height:44px
  }
  .desk-mobile-nav a:hover {
    color:var(--desk-blue)
  }
  .desk-mobile-nav svg {
    width:20px;
    height:20px
  }
}
@media(max-width:360px) {
  .desk-main {
    padding-inline:14px
  }
  .desk-topbar {
    padding-inline:14px
  }
  .welcome-orbit {
    right:-80px;
    opacity:.4
  }
  .desk-app-grid {
    grid-template-columns:1fr
  }
  .desk-app-cover {
    height:150px
  }
  .desk-app .cup {
    width:64px;
    height:88px;
    font-size:16px
  }
  .desk-app .cup i {
    font-size:18px
  }
  .desk-app .personality-shapes {
    width:96px;
    height:96px;
    right:17%;
    top:20%
  }
  .desk-app .paper-front,.desk-app .paper-back {
    width:115px;
    height:150px
  }
  .desk-app .paper-front b {
    font-size:16px
  }
  .desk-context {
    grid-template-columns:1fr
  }
  .profile-panel {
    grid-column:auto
  }
  .desk-knowledge-grid {
    grid-template-columns:1fr
  }
  .desk-knowledge-card {
    display:flex
  }
  .desk-page-heading h1 {
    font-size:20px
  }
}
:root[data-theme=dark] .workspace {
  --desk-bg:#17191d;
  --desk-surface:#22252b;
  --desk-sidebar:#1e2025;
  --desk-text:#e2e5eb;
  --desk-muted:#a4abb7;
  --desk-subtle:#848e9e;
  --desk-line:#343942;
  --desk-blue:#82a8ff;
  --desk-tint:#29374f;
  --desk-soft:#2c3038
}
.workspace .desk-outline-link:hover {
  background:var(--desk-soft)
}
:root[data-theme=dark] .desk-welcome {
  background:linear-gradient(105deg,#233551,#293850);
  border-color:#334762
}
:root[data-theme=dark] .welcome-content h2 {
  color:#d0dfff
}
:root[data-theme=dark] .welcome-content p,:root[data-theme=dark] .welcome-kicker {
  color:#a3b7d7
}
:root[data-theme=dark] .profile-banner {
  background:linear-gradient(110deg,#2b3b5e,#34344f)
}
:root[data-theme=dark] .app-icon.blue {
  background:#2b3e60;
  color:#94b3ff
}
:root[data-theme=dark] .app-icon.violet {
  background:#3b3056;
  color:#baa0ee
}
:root[data-theme=dark] .app-icon.mint {
  background:#244039;
  color:#8dc6b3
}
:root[data-theme=dark] .app-icon.orange {
  background:#473828;
  color:#edbe89
}
:root[data-theme=dark] .space-avatar,:root[data-theme=dark] .profile-avatar,:root[data-theme=dark] .top-avatar {
  background:#3b3350;
  color:#baa5e0
}
:root[data-theme=dark] .desk-app-cover {
  filter:brightness(.78)
}
@media(prefers-reduced-motion:reduce) {
  .desk-app:hover {
    transform:none
  }
}
@media(max-width:600px) {
  .desk-app-grid {
    grid-template-columns:1fr
  }
  .desk-app-cover {
    height:166px
  }
  .desk-app-info {
    padding:17px
  }
  .desk-app h3 {
    font-size:15px
  }
  .desk-app-info>p {
    font-size:12px
  }
  .desk-app-label {
    font-size:10px
  }
  .desk-app-footer {
    font-size:10px
  }
  .desk-app .cup {
    width:72px;
    height:98px;
    font-size:18px;
    left:64%
  }
  .desk-app .cup i {
    font-size:20px
  }
  .desk-app .personality-shapes {
    width:104px;
    height:104px;
    right:16%;
    top:21%
  }
  .desk-app .paper-front,.desk-app .paper-back {
    width:126px;
    height:165px;
    left:48%
  }
  .desk-app .paper-back {
    left:54%
  }
  .desk-app .paper-front {
    padding:13px
  }
  .desk-app .paper-front b {
    font-size:18px
  }
  .desk-app .art-caption {
    font-size:8px;
    left:18px;
    top:20px
  }
  .desk-app .art-foot {
    font-size:7px;
    left:18px;
    bottom:13px
  }
  .desk-app .paper-label {
    font-size:7px;
    left:18px
  }
  .desk-context {
    grid-template-columns:1fr
  }
  .path-panel,.updates-panel {
    padding:20px
  }
  .updates-panel>a {
    flex-wrap:nowrap
  }
  .updates-panel>a>time {
    width:auto;
    margin-left:auto
  }
  .welcome-orbit {
    right:-65px;
    width:250px;
    opacity:.45;
    mask-image:linear-gradient(90deg,transparent,black 70%)
  }
  .desk-knowledge-grid {
    grid-template-columns:1fr
  }
  .desk-knowledge-card {
    display:flex
  }
  .desk-knowledge-card .app-icon {
    margin-bottom:0
  }
}