/* Mobile-only contract. Existing image/icon assets and real product handlers are retained. */
html.mw230 {
  --ui331-ink:#e8f1f2; --ui331-muted:#afc1c7; --ui331-mint:#a6e5db;
  --ui331-line:#40575b; --ui331-surface:#071a20; --ui331-radius:20px;
  --ui331-dock:64px; --ui331-header:56px; --ui331-gap:16px;
  --mw-dock:84px;
}
html.mw230 body {font-family:Manrope,Arial,sans-serif;}
html.mw230 body :is(button,input,select,textarea):focus-visible {outline:2px solid var(--ui331-mint)!important;outline-offset:3px!important;}
html.mw230 body :is(.workspace-app-window,.profile330) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-family:inherit!important;font-size:16px!important;min-height:44px;box-sizing:border-box;max-width:100%;}
html.mw230 body :is(.workspace-app-window,.profile330) :is(h1,h2,h3,h4) {font-family:Manrope,Arial,sans-serif!important;letter-spacing:0!important;}
html.mw230 body .workspace-app-titlebar {box-sizing:border-box!important;min-height:56px!important;height:auto!important;padding:6px 12px!important;gap:8px!important;}
html.mw230 body .workspace-app-titlebar>div {min-width:0!important;}
html.mw230 body .workspace-app-titlebar strong {font-size:17px!important;line-height:1.3!important;}
html.mw230 body .workspace-app-titlebar small {font-size:11px!important;line-height:1.4!important;}
html.mw230 body .workspace-app-titlebar .mobile-back280 {width:44px!important;min-width:44px!important;height:44px!important;}
html.mw230 body .workspace-app-window {scroll-padding-bottom:16px;}
html.mw230 body .workspace-app-window {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
html.mw230 body #root .workspace-app-window {scrollbar-width:none!important;}
html.mw230 body #root .workspace-app-window::-webkit-scrollbar {width:0!important;height:0!important;}
/* Shell visibility is authoritative over individual module layout rules. */
html.mw230.mw-home body #root .workspace-app-window.workspace-app-window {display:none!important;}
html.mw230.mw-apps body #root .workspace-header.workspace-header {display:none!important;}
html.mw230.mw-apps body #root .mw-home-nav.mw-home-nav {display:none!important;}
html.mw230 body .workspace-app-window :is(.panel,.fb-panel) {max-width:100%;box-sizing:border-box;}
html.ui326-shell.mw230 body :is(#root .ui326-dock.ui326-dock.ui326-dock,.mw-dock.mw-dock.mw-dock,#root .mw-home-nav.mw-home-nav) {height:var(--ui331-dock)!important;min-height:var(--ui331-dock)!important;max-height:var(--ui331-dock)!important;border:1px solid var(--ui331-line)!important;border-radius:32px!important;background:#06191e!important;padding:4px 8px!important;box-shadow:none!important;}
html.ui326-shell.mw230 body :is(#root .ui326-dock.ui326-dock.ui326-dock,.mw-dock.mw-dock.mw-dock)>button {min-width:44px!important;}
html.mw230 body .mw-app-search331 {display:none;}
html.mw230.mw-home body #root .workspace-screen .mw-home-nav.mw-home-nav button .mw-soon331 {display:block!important;font:400 10px/1.1 Manrope,Arial,sans-serif!important;margin:0!important;color:var(--ui331-muted)!important;}
html.mw230.mw-home body #root .workspace-screen .mw-home-nav.mw-home-nav button:disabled {gap:1px!important;}
html.mw230.mw-apps body .mw-app-search331 {display:flex;align-items:center;gap:10px;margin:12px 0 8px;padding:0 14px;min-height:48px;border:1px solid var(--ui331-line);border-radius:24px;background:#06191ebb;}
html.mw230 body .mw-app-search331 img {width:22px;height:22px;flex:none;}
html.mw230 body .mw-app-search331 input {width:100%;min-width:0;height:46px;font:400 16px/1.4 Manrope,Arial,sans-serif;color:var(--ui331-ink);border:0;background:transparent;padding:0;}
html.mw230 body .mw-app-choice-help {font:400 12px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;margin:0 4px 18px!important;}
html.mw230 body .mw-app-pin331 {display:none!important;}
html.mw230.mw-apps body .mw-app-pin331 {display:grid!important;place-items:center!important;position:absolute!important;top:-10px!important;right:0!important;width:44px!important;height:44px!important;min-height:44px!important;padding:11px!important;border:0!important;border-radius:50%!important;background:transparent!important;z-index:2;}
html.mw230.mw-apps body .mw-app-pin331 img {width:22px!important;height:22px!important;opacity:.5;}
html.mw230.mw-apps body .mw-app-pin331[aria-pressed=true] img {opacity:1;}
html.mw230 body .mw-app-pin331 span,html.mw230 body .mw-app-check {display:none!important;}
html.mw230.mw-apps body .workspace-desktop-icons article[data-search-hidden331=true] {display:none!important;}
html.mw230.mw-apps body #root .workspace-desktop-icons .logout324-tile[data-search-hidden331=true] {display:none!important;}
html.mw230.mw-apps body #root .workspace-desktop-icons {min-height:0!important;align-content:start!important;}
html.mw230.mw-apps body #root .workspace-desktop-icons[data-empty331=true] {display:none!important;}
html.mw230 body .mw-app-empty331 {display:none;}
html.mw230.mw-apps body .mw-app-empty331:not([hidden]) {display:block;text-align:center;font-size:14px;line-height:1.5;color:var(--ui331-muted);padding:24px 12px;}
html.mw230.mw-apps body .mw-app-search331:focus-within {outline:2px solid var(--ui331-mint);outline-offset:3px;}
html.mw230.mw-apps body .mw-app-search331 input:focus-visible {outline:none!important;}
html.mw230 body .workspace-desktop-app {min-height:108px!important;}
html.mw230 body .workspace-desktop-app strong {font-size:12px!important;line-height:1.4!important;}
html.mw230 body .logout324-dialog {background:#071a20!important;border:1px solid var(--ui331-line)!important;border-radius:24px!important;}
html.mw230 body .logout324-dialog h2 {font:600 21px/1.3 Manrope,Arial,sans-serif!important;}
html.mw230 body .logout324-dialog p {font:400 14px/1.5 Manrope,Arial,sans-serif!important;}
html.mw230 body .logout324-dialog button {min-height:48px!important;}
@media(prefers-reduced-motion:reduce){html.mw230 body *,html.mw230 body *::before,html.mw230 body *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* Mobile communication/profile implementation of boards 01/02/03/04/09/10.
   Common dock geometry belongs to the shared 331 stylesheet, not this file. */
@media (max-width:760px) {
  html.mw230 body #root .ui326.ui326.ui326.ui326 {
    --ui331-line:#40575b; --ui331-mint:#a6e5db; --ui331-text:#e9f2f1;
    --ui331-muted:#afc1c7; --ui331-surface:rgba(3,23,28,.72);
    font-family:Manrope,Arial,sans-serif!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory>header.ui331-header {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;max-width:none!important;align-self:stretch!important;
    flex:0 0 auto!important;min-height:56px!important;padding:0!important;margin:0 0 12px!important;
    border:0!important;background:none!important;gap:12px!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-header h2,
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-page-title {
    font:600 24px/32px Manrope,Arial,sans-serif!important;letter-spacing:0!important;
    margin:0!important;color:var(--ui331-text)!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-page-title {padding:12px 0!important;min-height:56px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-header-actions {display:flex!important;gap:4px!important;margin-left:auto!important;flex:0 0 auto!important;justify-content:flex-end!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-header>.clean271-tagline {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-header-actions button {
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:10px!important;border:1px solid var(--ui331-line)!important;border-radius:50%!important;
    background:rgba(3,23,28,.48)!important;box-shadow:none!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-header-actions img {width:24px!important;height:24px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory {padding-left:16px!important;padding-right:16px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-search {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;
    min-height:48px!important;height:auto!important;padding:8px 14px!important;gap:10px!important;
    margin:0 0 14px!important;border:1px solid var(--ui331-line)!important;border-radius:26px!important;
    background:var(--ui331-surface)!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-section-chats:not(.ui326-search-open) .hub-search {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-section-calls .hub-directory>.hub-search {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-search input {
    width:100%!important;min-width:0!important;border:0!important;padding:0!important;margin:0!important;
    color:var(--ui331-text)!important;font:400 16px/24px Manrope,Arial,sans-serif!important;background:none!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .mobile-chat-folder-tabs {min-height:48px!important;margin:0 0 10px!important;padding:4px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .mobile-chat-folder-tabs button {min-height:40px!important;line-height:22px!important;padding:8px 14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list>button:not(.hub-find-people) {
    min-height:76px!important;height:auto!important;max-height:none!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;column-gap:12px!important;
    padding:12px 0!important;border-bottom:1px solid var(--ui331-line)!important;box-shadow:none!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list.contacts>button {min-height:72px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list strong {font:600 16px/23px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list small {font:400 14px/21px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list .list305-time,
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-conversation-list .list305-time::first-letter {
    color:var(--ui331-muted)!important;font:400 12px/18px Manrope,Arial,sans-serif!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-avatar {width:46px!important;height:46px!important;flex:0 0 46px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-invite {min-height:56px!important;font-size:16px!important;padding:12px 0!important;gap:14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-sr-only {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-settings {padding:12px 0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-profile {padding:10px 0 16px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-profile h1 {font-size:25px!important;line-height:34px!important;margin:10px 0 4px!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-profile p {font-size:14px!important;line-height:22px!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-edit {min-height:44px!important;min-width:44px!important;font-size:14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-settings-group {margin:14px 0!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-settings-group>button {min-height:56px!important;padding:12px 14px!important;font-size:15px!important;line-height:22px!important;gap:14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-settings-group>button>span {min-width:0!important;white-space:normal!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-exit {margin-top:24px!important;border-color:#86594e!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-exit>button {color:#ef9a88!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-exit-icon {filter:invert(77%) sepia(24%) saturate(1100%) hue-rotate(315deg) brightness(99%) contrast(89%);}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-modal-header {display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;min-height:56px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-modal-header h2 {font:600 20px/28px Manrope,Arial,sans-serif!important;margin:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-modal-header>button {width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;background:none!important;border:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-modal-header>button img {transform:rotate(180deg);}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-modal button:not(.ui326-dock button) {min-height:44px!important;font-size:14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.ui331-modal-devices,.ui331-modal-appearance) {
    width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
    border:0!important;border-radius:0!important;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 100px)!important;
    background:#03111b url('/assets/mobile-compat-v236/wallpaper-v274.png') center/cover no-repeat!important;
    overflow-y:auto!important;overflow-x:hidden!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.ui331-modal-devices,.ui331-modal-appearance)>footer {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.ui331-modal-devices,.ui331-modal-appearance)>.ui326-dock {position:fixed!important;display:grid!important;z-index:5!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.ui331-modal-devices,.ui331-modal-appearance)>.ui326-dock button {border:0!important;background:none!important;border-radius:0!important;padding:4px 0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device-list {border:1px solid var(--ui331-line);border-radius:20px;overflow:hidden;background:var(--ui331-surface);}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device {display:flex;align-items:center;gap:16px;min-height:90px;padding:18px 16px;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device+.ui331-device {border-top:1px solid var(--ui331-line);}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device>img {width:30px;height:30px;flex:0 0 30px;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device>div {min-width:0;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device :is(strong,span,small) {display:block;overflow-wrap:anywhere;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device strong {font:600 16px/24px Manrope,Arial,sans-serif;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-device small {font:400 13px/20px Manrope,Arial,sans-serif;color:var(--ui331-muted);}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-current {color:var(--ui331-mint);font-size:13px;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-help {font-size:14px!important;line-height:22px!important;color:var(--ui331-muted)!important;margin:20px 4px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-revoke {width:100%;min-height:48px!important;margin:4px 0!important;border-radius:24px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-calls {padding:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-segment {display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;margin:8px 0 16px!important;padding:4px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-segment button {min-height:44px!important;padding:10px!important;font-size:15px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-new-call {min-height:56px!important;padding:12px 16px!important;font-size:16px!important;border:1px solid var(--ui331-line)!important;border-radius:26px!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-call-row {min-height:76px!important;gap:12px!important;padding:12px 0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-call-row strong {font-size:16px!important;line-height:24px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui326-call-row small {font-size:13px!important;line-height:21px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-welcome {font-family:Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-welcome h2 {font:600 24px/32px Manrope,Arial,sans-serif!important;letter-spacing:0!important;margin:16px 0 8px!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-welcome p {font:400 14px/22px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;max-width:320px!important;margin:0 auto!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-welcome>span {font-family:inherit!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-message-meta>button {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:72px!important;padding:10px 12px!important;font:600 14px/20px Manrope,Arial,sans-serif!important;border-radius:12px!important;}
  /* Existing Welly menu/topic actions, compacted without replacing handlers. */
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .chat-context-strip {box-sizing:border-box!important;min-height:56px!important;height:56px!important;flex:0 0 56px!important;padding:0 10px!important;gap:10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .chat-context-strip>.hub-avatar.bot {width:40px!important;height:40px!important;flex:0 0 40px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .chat-context-copy {min-width:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .chat-context-copy strong {font:600 16px/23px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .chat-context-copy small {font:400 12px/18px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 :is(.w272-more,.mobile-chat-back) {min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border:0!important;border-radius:0!important;background:transparent!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-menu:not([hidden]) {top:56px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics {box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;max-width:100%!important;margin:12px 0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-x:auto!important;scrollbar-width:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics::-webkit-scrollbar {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics button {display:flex!important;flex-direction:row!important;align-items:center!important;flex:0 0 auto!important;gap:8px!important;min-height:44px!important;padding:10px 12px!important;border:1px solid var(--ui331-line)!important;border-radius:24px!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics strong {font:500 13px/20px Manrope,Arial,sans-serif!important;white-space:nowrap!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics small {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .welly264 .w272-topics img {width:20px!important;height:20px!important;}
  /* Expanded staged-photo presentation. The actual composer stays mounted,
     with a sticky caption/send row inside a bounded scrollable preview. */
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-composer:has(>.photo-drafts331) {display:flex!important;flex-direction:column!important;flex:0 1 auto!important;gap:10px!important;box-sizing:border-box!important;min-height:0!important;max-height:calc(var(--mw-vh,100dvh) - 72px - env(safe-area-inset-top))!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px calc(8px + env(safe-area-inset-bottom))!important;border-radius:0!important;border:0!important;background:rgba(3,17,27,.96)!important;scrollbar-width:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-composer:has(>.photo-drafts331)::-webkit-scrollbar {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-drafts331 {display:block!important;flex:0 0 auto!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-drafts331-title {display:flex!important;justify-content:space-between!important;gap:12px!important;margin:0 0 8px!important;font:500 13px/20px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-drafts331-title strong {font:600 14px/20px Manrope,Arial,sans-serif!important;color:var(--ui331-text)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-hero331 {position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;place-items:center!important;width:100%!important;min-width:0!important;min-height:0!important;height:clamp(120px,calc(var(--mw-vh,100dvh)*.42),380px)!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:#03111b!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-hero331>img {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-document331 {padding:24px!important;min-width:0!important;max-width:100%!important;text-align:center!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-document331 strong {display:block!important;font:600 18px/26px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-document331 small {display:block!important;margin-top:10px!important;font:400 13px/20px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-thumbnails331 {display:flex!important;gap:10px!important;max-width:100%!important;overflow-x:auto!important;padding:3px!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-thumbnail331 {position:relative!important;flex:0 0 84px!important;width:84px!important;height:84px!important;margin:0!important;border:1px solid var(--ui331-line)!important;border-radius:14px!important;background:#092129!important;overflow:hidden!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-thumbnail331.selected {outline:2px solid var(--ui331-mint)!important;outline-offset:1px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-select331 {display:block!important;width:100%!important;height:100%!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-select331 img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-select331 span {display:block!important;padding:8px!important;color:var(--ui331-text)!important;overflow-wrap:anywhere!important;font:400 12px/18px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-remove331 {position:absolute!important;right:0!important;top:0!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0 0 0 14px!important;background:rgba(2,18,25,.88)!important;color:var(--ui331-text)!important;font:400 26px/1 Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-add331 {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 84px!important;width:84px!important;height:84px!important;gap:4px!important;padding:8px!important;border:1px dashed var(--ui331-line)!important;border-radius:14px!important;background:transparent!important;color:var(--ui331-mint)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-add331>span {font:400 30px/32px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-add331>small {font:400 12px/18px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .photo-hint331 {margin:10px 0 0!important;color:var(--ui331-muted)!important;font:400 13px/20px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-composer:has(>.photo-drafts331)>.chat-compose-main {position:sticky!important;bottom:0!important;z-index:3!important;flex:0 0 auto!important;min-width:0!important;padding:8px 0!important;background:#03111b!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .chat-composer:has(>.photo-drafts331) .chat-input-shell textarea {min-height:64px!important;max-height:110px!important;font-size:16px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.hub-empty,.ui331-empty,.ui331-network) {width:100%;padding:28px 12px!important;text-align:center!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.hub-empty,.ui331-empty,.ui331-network) :is(h3,strong) {display:block;font:600 19px/28px Manrope,Arial,sans-serif!important;color:var(--ui331-text)!important;margin:12px 0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .ui331-network {order:3!important;border:1px solid var(--ui331-line);border-radius:20px;background:var(--ui331-surface);margin:12px 0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory>.hub-search {order:1!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory>.mobile-chat-folder-tabs {order:2!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory>:is(.hub-conversation-list,.hub-contact-directory) {order:4!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.ui331-network,.ui331-empty) button {width:100%;min-height:48px;background:var(--ui331-mint);border:0;border-radius:26px;color:#06232a;font:600 15px/22px Manrope,Arial,sans-serif;padding:10px 16px;}
  /* Privacy and folder routes stay mounted under Settings, with one visible scroll area. */
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-conversation-area {display:block!important;min-height:0!important;height:100%!important;overflow:hidden!important;border:0!important;padding:0!important;background:transparent!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings) {
    display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-height:none!important;
    overflow:auto!important;min-height:0!important;padding:10px 16px calc(100px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    scrollbar-width:none!important;
  }
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings)::-webkit-scrollbar {display:none!important;width:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings)>header {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;padding:0 0 20px!important;margin:0!important;min-height:56px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings)>header :is(h1,h2) {font:600 21px/28px Manrope,Arial,sans-serif!important;margin:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings)>header .kicker {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .mobile-settings-back {display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:10px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail :is(.hub-settings-panel,.hub-folder-settings)>header>span {font-size:14px!important;line-height:22px!important;width:100%!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-settings-panel>header {display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:0 0 18px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-settings-panel>header>h1 {font-size:20px!important;line-height:26px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-settings-panel>header>span {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-settings-panel>header .mobile-settings-back {background:transparent!important;border:0!important;border-radius:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list {display:flex!important;flex-direction:column!important;gap:0!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list>button {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;min-height:76px!important;padding:16px!important;border:0!important;border-bottom:1px solid var(--ui331-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;order:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list>button>span {display:block!important;min-width:0!important;flex:1!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list>button>i {flex:0 0 36px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list :is(strong,small) {display:block!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list strong {font-size:16px!important;line-height:23px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-setting-list small {font-size:13px!important;line-height:21px!important;white-space:normal!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-bot-language {padding:18px 16px!important;order:1!important;border:0!important;background:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-bot-language small {margin-top:6px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-bot-language>div {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:14px!important;padding:4px!important;border:1px solid var(--ui331-line)!important;border-radius:25px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-bot-language button {min-width:0!important;min-height:44px!important;padding:8px 4px!important;border:0!important;border-radius:22px!important;background:transparent!important;color:var(--ui331-muted)!important;font:400 13px/20px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-bot-language button.active {background:#183c40!important;color:var(--ui331-mint)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-privacy-note {display:flex!important;gap:12px!important;margin:20px 0 0!important;padding:16px!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-privacy-note>svg {width:26px!important;flex:0 0 26px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-privacy-note strong {font-size:15px!important;line-height:22px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-privacy-note p {font-size:13px!important;line-height:21px!important;margin:6px 0 0!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-settings-shortcuts {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:56px auto!important;gap:10px 8px!important;align-items:center!important;padding:0 0 20px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header>div {display:contents!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header .mobile-settings-back {grid-column:1!important;grid-row:1!important;background:transparent!important;border:0!important;border-radius:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header h1 {grid-column:2!important;grid-row:1!important;font-size:20px!important;line-height:26px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header>div>span {grid-column:1/-1!important;grid-row:2!important;font:400 13px/21px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header .folder-create-button {grid-column:3!important;grid-row:1!important;display:grid!important;place-items:center!important;min-height:44px!important;min-width:44px!important;width:44px!important;height:44px!important;padding:10px!important;margin:0!important;border:0!important;background:transparent!important;font-size:0!important;gap:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326.ui326-detail .hub-folder-settings>header .folder-create-button svg {width:24px!important;height:24px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-layout {display:block!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-folder-settings:not(.ui331-folder-edit) .folder-settings-editor,
  html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-folder-settings.ui331-folder-edit .folder-settings-list {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-list {width:100%!important;border:0!important;padding:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-list>strong {display:none!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-list>article {border:1px solid var(--ui331-line)!important;border-radius:20px!important;margin:0 0 10px!important;background:var(--ui331-surface)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-select-button {min-height:76px!important;padding:14px!important;font-size:16px!important;gap:14px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-select-button strong {display:block!important;font:600 16px/23px Manrope,Arial,sans-serif!important;color:var(--ui331-text)!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-select-button small {display:block!important;font:400 12px/20px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;margin-top:3px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-order-actions button {width:44px!important;height:44px!important;min-width:44px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-editor {padding:0!important;border:0!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-settings-editor button {min-height:44px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-chat-picker>button {min-height:64px!important;padding:12px!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-name-field input {font-size:16px!important;min-height:48px!important;}
  /* Full-height, readable add-contact flow; all existing relationship actions are retained. */
  html.mw230 body #root .ui331-contact-backdrop {position:fixed!important;inset:0!important;padding:0!important;display:block!important;z-index:150!important;}
  html.mw230 body #root .contact-search-modal.contact-search-modal.contact-search-modal {
    box-sizing:border-box!important;position:relative!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;
    display:block!important;justify-content:flex-start!important;align-content:start!important;
    border:0!important;border-radius:0!important;margin:0!important;padding:calc(12px + env(safe-area-inset-top)) 16px calc(106px + env(safe-area-inset-bottom))!important;
    background:#03111b url('/assets/mobile-compat-v236/wallpaper-v274.png') center/cover no-repeat!important;color:#e9f2f1!important;overflow-y:auto!important;
  }
  html.mw230 body #root .contact-search-modal>header {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;min-height:56px!important;padding:0!important;margin:0 0 24px!important;}
  html.mw230 body #root .contact-search-modal>header .kicker {display:none!important;}
  html.mw230 body #root .contact-search-modal h2 {font:600 20px/28px Manrope,Arial,sans-serif!important;margin:0!important;text-align:center!important;}
  html.mw230 body #root .contact-search-modal>header>button {width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;order:-1!important;border:0!important;background:transparent!important;}
  html.mw230 body #root .contact-search-modal>label {display:flex!important;flex-direction:column!important;gap:8px!important;font:400 15px/23px Manrope,Arial,sans-serif!important;color:#afc1c7!important;}
  html.mw230 body #root .contact-search-modal input {width:100%!important;box-sizing:border-box!important;min-height:52px!important;border:1px solid #598b90!important;border-radius:15px!important;padding:13px 14px!important;background:rgba(3,23,28,.72)!important;color:#e9f2f1!important;font-size:16px!important;}
  html.mw230 body #root .contact-search-modal .hub-search-hint {font-size:14px!important;line-height:22px!important;color:#afc1c7!important;margin:12px 0 24px!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results {display:block!important;max-height:none!important;overflow:visible!important;padding:0!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results>:is(.hub-empty,span) {display:block!important;width:100%!important;box-sizing:border-box!important;min-height:0!important;border:0!important;padding:14px 0!important;text-align:left!important;background:none!important;color:#afc1c7!important;font:400 14px/22px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results article {display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;padding:18px 0!important;border-top:1px solid #40575b!important;background:none!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results article>div {min-width:0!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results strong {font-size:17px!important;line-height:25px!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results small {font-size:14px!important;line-height:22px!important;color:#afc1c7!important;overflow-wrap:anywhere!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results article>button {grid-column:1/-1!important;min-height:48px!important;width:100%!important;padding:12px 16px!important;border:0!important;border-radius:26px!important;background:#a6e5db!important;color:#06232a!important;font:600 15px/22px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .contact-search-modal .hub-search-results article>button:disabled {opacity:.65!important;}
  html.mw230 body #root .contact-search-modal>.ui326-dock {display:grid!important;z-index:5!important;}
  /* Profile subpages now contain only the relevant real fields. */
  html.mw230 body #root .profile330.profile330 .p330-header {grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;}
  html.mw230 body #root .profile330.profile330 .p330-header h1 {max-width:none!important;font-size:18px!important;line-height:24px!important;}
  html.mw230 body #root .profile330.profile330 .p330-back>span {display:none!important;}
  html.mw230 body #root .profile330.profile330 .p330-editor:is(.detail-p330-personal,.detail-p330-health)>.panel {padding:8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mw230 body #root .profile330.profile330 .p330-editor .profile-fields label,
  html.mw230 body #root .profile330.profile330 .p330-editor .profile-fields label>span {font:400 14px/22px Manrope,Arial,sans-serif!important;color:#afc1c7!important;}
  html.mw230 body #root .profile330.profile330 .p330-editor .profile-fields {gap:24px 16px!important;}
  html.mw230 body #root .profile330.profile330 .p330-editor .profile-fields :is(input,select) {min-height:48px!important;border-radius:14px!important;padding:12px 14px!important;}
  html.mw230 body #root .profile330.profile330 .p330-editor .profile-fields textarea {min-height:76px!important;padding:12px 14px!important;border-radius:14px!important;}
  html.mw230 body #root .profile330 .ui331-personal .profile-fields {grid-template-columns:minmax(0,1fr)!important;}
  html.mw230 body #root .profile330 .ui331-personal input[readonly] {opacity:.78!important;}
  html.mw230 body #root .profile330 .ui331-personal small {font-size:12px!important;line-height:18px!important;color:#afc1c7!important;}
  html.mw230 body #root .profile330 .ui331-language-link {grid-column:1/-1;min-height:48px!important;text-align:left!important;padding:12px 14px!important;border:1px solid #40575b!important;border-radius:15px!important;background:rgba(3,23,28,.64)!important;color:#e9f2f1!important;}
  html.mw230 body #root .profile330 .p330-savebar>button {min-height:48px!important;}
  html.mw230 body #root .profile330 .ui331-next-profile {display:flex!important;align-items:center!important;gap:12px!important;margin:12px 0 0!important;}
  html.mw230 body #root .profile330 .ui331-next-profile small {flex:1!important;font:400 12px/18px Manrope,Arial,sans-serif!important;color:#afc1c7!important;}
  html.mw230 body #root .profile330 .ui331-next-profile button {min-height:44px!important;padding:8px!important;background:none!important;border:0!important;color:#a6e5db!important;font:600 13px/20px Manrope,Arial,sans-serif!important;}
  html.mw230 body #root .ui326.ui326.ui326.ui326 :is(.chat-header button,.chat-composer button) {min-width:44px!important;min-height:44px!important;}
  html.mw230 body #root :is(.ui326,.profile330) :is(button,input,textarea,select):focus-visible {outline:2px solid #a6e5db!important;outline-offset:3px!important;}
}
/* Shared directory empty/search state: retain keyboard focus on the capsule. */
html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory .hub-empty>span {font:400 14px/1.6 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory .hub-search:focus-within {outline:2px solid var(--ui331-mint)!important;outline-offset:3px!important;}
html.mw230 body #root .ui326.ui326.ui326.ui326 .hub-directory .hub-search input:focus-visible {outline:none!important;}
/* Personal reports use the pre-existing form, attachments and /web/reports API. */
html.mw230 body .user-reports-header331 {display:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-screen .workspace-utility-rail {display:block!important;position:fixed!important;inset:var(--mw-safe-top,0px) 0 var(--mw-safe-bottom,0px)!important;width:100%!important;height:auto!important;max-height:none!important;z-index:12500!important;padding:0 16px 20px!important;overflow-y:auto!important;scrollbar-width:none!important;background:#04131c url('/assets/mobile-compat-v236/wallpaper-v274.png') center/cover!important;box-sizing:border-box!important;}
html.mw230.mw-user-reports331 body #root .workspace-utility-rail>.workspace-welly-widgets {display:block!important;}
html.mw230.mw-user-reports331 body #root .workspace-utility-rail>*:not(.workspace-welly-widgets),html.mw230.mw-user-reports331 body #root .workspace-welly-widgets>*:not(.workspace-welly-report-widget) {display:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget {display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget>header:not(.user-reports-header331) {display:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget .user-reports-header331 {display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;gap:8px!important;height:56px!important;flex:none!important;position:sticky!important;top:0!important;z-index:4!important;background:#04131cef!important;}
html.mw230.mw-user-reports331 body #root .user-reports-header331 h2 {font:600 20px/1.3 Manrope,Arial,sans-serif!important;margin:0!important;text-align:center!important;color:var(--ui331-ink)!important;}
html.mw230.mw-user-reports331 body #root .user-reports-back331 {width:44px!important;height:44px!important;padding:10px!important;border:0!important;background:transparent!important;}
html.mw230.mw-user-reports331 body #root .user-reports-back331 img {width:24px!important;height:24px!important;transform:rotate(180deg)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget>p {order:1!important;font:400 14px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;margin:0!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history {order:2!important;display:grid!important;gap:12px!important;margin:0!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history article {padding:14px!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;background:#071a20cc!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history :is(p,blockquote) {font:400 14px/1.55 Manrope,Arial,sans-serif!important;margin:10px 0!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history article>p {display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;white-space:pre-wrap!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history blockquote span {color:var(--ui331-ink)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history :is(small,b,article>div>span) {font:500 12px/1.4 Manrope,Arial,sans-serif!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget>form {order:3!important;display:grid!important;gap:12px!important;margin:0!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget textarea {box-sizing:border-box!important;width:100%!important;min-height:96px!important;max-height:220px!important;resize:vertical!important;padding:14px!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;background:#071a20!important;font:400 16px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-ink)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools {display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools>button {display:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools>label {display:flex!important;align-items:center!important;min-height:44px!important;padding:0 14px!important;border:1px solid var(--ui331-line)!important;border-radius:22px!important;font-size:14px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools small {font-size:12px!important;color:var(--ui331-muted)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-submit {min-height:48px!important;font:600 15px/1.4 Manrope,Arial,sans-serif!important;letter-spacing:0!important;background:var(--ui331-mint)!important;color:#06232a!important;border:0!important;border-radius:24px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-submit:disabled {opacity:.45!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-message {font:400 14px/1.5 Manrope,Arial,sans-serif!important;}
/* Conversation-like personal history; retain the real report form and statuses. */
html.mw230.mw-user-reports331 body #root .workspace-screen .workspace-utility-rail {overflow:hidden!important;padding:0 12px!important;}
html.mw230.mw-user-reports331 body #root .workspace-utility-rail>.workspace-welly-widgets {height:100%!important;padding:0!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget {height:100%!important;min-height:0!important;gap:8px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget>p {font-size:12px!important;line-height:18px!important;padding:0 8px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;align-content:start!important;border:0!important;padding:8px 0!important;scrollbar-width:none!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history>strong {font:500 12px/18px Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;text-align:center!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history article {display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history article>div {align-self:stretch!important;padding:0 8px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history article>p {max-width:88%!important;box-sizing:border-box!important;margin:0!important;padding:12px 14px!important;border:1px solid #426960!important;border-radius:20px!important;background:#1d403ccc!important;color:var(--ui331-ink)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history blockquote {align-self:flex-start!important;box-sizing:border-box!important;max-width:90%!important;margin:0!important;padding:14px!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;background:#101f2bdd!important;color:var(--ui331-ink)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-history blockquote small {display:block!important;margin-bottom:8px!important;color:var(--ui331-mint)!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget>form {flex:none!important;margin-top:auto!important;max-height:55%!important;overflow-y:auto!important;scrollbar-width:none!important;gap:8px!important;padding:10px 0 max(10px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--ui331-line)!important;background:#04131cef!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-widget textarea {min-height:64px!important;max-height:120px!important;padding:12px 14px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools {gap:8px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-tools small {font-size:11px!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-previews {max-height:120px!important;overflow:auto!important;}
html.mw230.mw-user-reports331 body #root .workspace-welly-report-previews button {min-width:44px!important;min-height:44px!important;}
html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-chat-picker>button strong {font:600 15px/1.4 Manrope,Arial,sans-serif!important;color:var(--ui331-ink)!important;}
html.mw230 body #root .ui326.ui326.ui326.ui326 .folder-chat-picker>button small {font:400 12px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}

/* Mobile331 productivity. Loaded after the existing mobile layers; no desktop rules. */
html.mw230 body #root .workspace-app-window:is(.training,.notes,.calendar) { --p331-text:#eef8f4; --p331-muted:#a4bcb5; --p331-line:rgba(173,220,201,.18); --p331-panel:rgba(14,44,40,.7); --p331-mint:#a8e8cb; color:var(--p331-text); }
html.mw230 body #root :is(.training-app,.notes-pro-shell,.workspace-calendar-layout),
html.mw230 body #root :is(.training-app,.notes-pro-shell,.workspace-calendar-layout) * { box-sizing:border-box; min-width:0; }
html.mw230 body #root :is(.training-app,.notes-pro-shell,.workspace-calendar-layout) button { min-height:44px; touch-action:manipulation; }
html.mw230 body #root :is(.training-app,.notes-pro-shell,.workspace-calendar-layout) :is(button,input,textarea,select):focus-visible { outline:2px solid var(--p331-mint,#a8e8cb)!important; outline-offset:3px; }

/* Training: compact content, one vertical scroll, honest history. */
html.mw230 body #root .training-app { display:block!important; height:auto!important; min-height:0!important; overflow:visible!important; padding:0 14px 24px!important; background:transparent!important; font:400 14px/1.45 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .training-app :is(h1,h2,h3,p) { margin-top:0!important; overflow-wrap:anywhere; }
html.mw230 body #root .training-app h1 { font:650 24px/1.2 Manrope,Arial,sans-serif!important; margin-bottom:10px!important; letter-spacing:-.025em!important; }
html.mw230 body #root .training-app h2 { font:650 21px/1.25 Manrope,Arial,sans-serif!important; margin-bottom:8px!important; }
html.mw230 body #root .training-app h3 { font:600 17px/1.35 Manrope,Arial,sans-serif!important; margin-bottom:8px!important; }
html.mw230 body #root .training-app :is(p,small) { line-height:1.45!important; }
html.mw230 body #root .training-nav { display:block!important; position:static!important; padding:8px 0 16px!important; margin:0!important; border:0!important; background:none!important; }
html.mw230 body #root .training-nav>div { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:3px!important; padding:3px!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; background:rgba(8,28,29,.6)!important; }
html.mw230 body #root .training-nav button { padding:8px 3px!important; font:500 12px/1.2 Manrope,Arial,sans-serif!important; border:0!important; border-radius:9px!important; white-space:nowrap!important; background:transparent!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-nav button.active { color:var(--p331-text)!important; background:rgba(147,213,185,.14)!important; box-shadow:none!important; }
html.mw230 body #root .training-nav>span { display:block!important; font-size:11px!important; color:var(--p331-muted)!important; margin-top:7px!important; }
html.mw230 body #root .training-nav>span i { display:none!important; }
html.mw230 body #root .training-app.view-active .training-nav { padding-bottom:12px!important; }
html.mw230 body #root .training-app.view-active .training-nav>span { display:none!important; }
html.mw230 body #root :is(.training-home,.training-list-view,.training-session,.training-summary) { display:flex!important; flex-direction:column!important; gap:16px!important; height:auto!important; min-height:0!important; padding:0!important; overflow:visible!important; }
html.mw230 body #root .training-hero { display:block!important; padding:0!important; margin:0!important; min-height:0!important; background:none!important; border:0!important; }
html.mw230 body #root .training-hero p { font-size:11px!important; color:var(--p331-muted)!important; letter-spacing:.06em!important; margin-bottom:8px!important; }
html.mw230 body #root .training-hero span { font-size:14px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-today-card { display:flex!important; flex-direction:column!important; gap:16px!important; padding:16px!important; margin:0!important; border:1px solid var(--p331-line)!important; border-radius:18px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .training-today-copy { padding:0!important; }
html.mw230 body #root .training-today-copy>span { font-size:10px!important; letter-spacing:.07em!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-today-copy h2 { margin:7px 0!important; }
html.mw230 body #root .training-today-copy p { font-size:13px!important; margin-bottom:10px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-today-copy>div { display:flex!important; flex-wrap:wrap!important; gap:6px!important; margin:10px 0 14px!important; }
html.mw230 body #root .training-today-copy b { font:500 11px/1.3 Manrope,Arial,sans-serif!important; padding:5px 7px!important; background:rgba(150,220,190,.07)!important; }
html.mw230 body #root :is(.training-today-copy>button,.training-history-empty>button,.training-session-actions>.primary,.training-summary>button) { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:48px!important; padding:12px 16px!important; gap:8px!important; border:0!important; border-radius:12px!important; color:#10382b!important; background:var(--p331-mint)!important; font:650 15px/1.3 Manrope,Arial,sans-serif!important; box-shadow:none!important; }
html.mw230 body #root .training-plan-preview { padding:0!important; display:grid!important; gap:0!important; background:none!important; }
html.mw230 body #root .training-plan-preview>div { display:flex!important; gap:10px!important; min-height:54px!important; padding:9px 0!important; border:0!important; border-top:1px solid var(--p331-line)!important; background:none!important; }
html.mw230 body #root .training-plan-preview>div>span { width:26px!important; height:26px!important; min-width:26px!important; font-size:12px!important; }
html.mw230 body #root .training-plan-preview p { margin:0!important; }
html.mw230 body #root .training-plan-preview strong { font-size:14px!important; }
html.mw230 body #root .training-plan-preview small { font-size:12px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-home-grid { display:flex!important; flex-direction:column!important; gap:14px!important; }
html.mw230 body #root .training-home-grid>article { padding:14px!important; background:var(--p331-panel)!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; }
html.mw230 body #root .training-home-grid header { display:block!important; }
html.mw230 body #root .training-home-grid header p { font-size:10px!important; margin-bottom:6px!important; }
html.mw230 body #root .training-quick-types { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; }
html.mw230 body #root .training-quick-types button { padding:10px 4px!important; font-size:12px!important; }
html.mw230 body #root .training-week>div { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; }
html.mw230 body #root .training-week>div>span { width:auto!important; height:auto!important; padding:10px 0!important; border:0!important; background:none!important; box-shadow:none!important; }
html.mw230 body #root .training-week>div>span::before,html.mw230 body #root .training-week>div>span::after { display:none!important; }
html.mw230 body #root .training-week b { font-size:24px!important; }
html.mw230 body #root .training-list-view>header { display:block!important; padding:0!important; margin:0!important; }
html.mw230 body #root .training-list-view>header p { font-size:11px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-list-view>header span { font-size:14px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-program-grid { display:flex!important; flex-direction:column!important; gap:12px!important; }
html.mw230 body #root .training-program-grid>article { padding:16px!important; min-height:0!important; border-radius:16px!important; background:var(--p331-panel)!important; border:1px solid var(--p331-line)!important; }
html.mw230 body #root .training-program-grid>article>span { font-size:11px!important; }
html.mw230 body #root .training-program-grid p { font-size:13px!important; color:var(--p331-muted)!important; margin-bottom:12px!important; }
html.mw230 body #root .training-program-grid article>div { display:flex!important; gap:10px!important; flex-wrap:wrap!important; font-size:12px!important; }
html.mw230 body #root .training-program-grid button { width:100%!important; margin-top:12px!important; font-size:14px!important; }
html.mw230 body #root .training-catalog-tools { display:flex!important; flex-direction:column!important; gap:6px!important; }
html.mw230 body #root .training-catalog-tools>label { min-height:46px!important; width:100%!important; padding:10px!important; }
html.mw230 body #root .training-catalog-tools input { width:100%!important; height:auto!important; padding:0!important; }
html.mw230 body #root .training-catalog-tools>span,html.mw230 body #root .training-custom-unavailable { font-size:12px; color:var(--p331-muted); }
html.mw230 body #root .training-category-tabs { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; gap:6px!important; padding-bottom:4px!important; }
html.mw230 body #root .training-category-tabs button { flex:0 0 auto!important; padding:9px 12px!important; font-size:12px!important; }
html.mw230 body #root .training-exercise-grid { display:flex!important; flex-direction:column!important; gap:10px!important; }
html.mw230 body #root .training-exercise-grid>article { display:grid!important; grid-template-columns:42px minmax(0,1fr) 44px!important; align-items:center!important; gap:10px!important; padding:12px!important; min-height:96px!important; border-radius:15px!important; background:var(--p331-panel)!important; border:1px solid var(--p331-line)!important; }
html.mw230 body #root .training-exercise-grid article>span { width:42px!important; height:42px!important; }
html.mw230 body #root .training-exercise-grid h3 { font-size:15px!important; margin-bottom:4px!important; }
html.mw230 body #root .training-exercise-grid :is(p,b,small) { font-size:11px!important; margin:0!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-history-empty { text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; padding:44px 12px 24px!important; gap:16px!important; }
html.mw230 body #root .training-history-empty>svg { width:60px!important; height:60px!important; color:var(--p331-mint)!important; margin-bottom:10px!important; }
html.mw230 body #root .training-history-empty h2 { max-width:270px!important; }
html.mw230 body #root .training-history-empty p { color:var(--p331-muted)!important; margin:0 0 10px!important; }
html.mw230 body #root .training-history-summary { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
html.mw230 body #root .training-history-summary>div { padding:12px!important; }
html.mw230 body #root .training-history-summary strong { font-size:26px!important; }
html.mw230 body #root .training-history-summary span { font-size:12px!important; }
html.mw230 body #root .training-history-list article { display:flex!important; padding:14px!important; gap:12px!important; background:var(--p331-panel)!important; border-radius:15px!important; }
html.mw230 body #root .training-history-list h3 { font-size:16px!important; margin:6px 0!important; }
html.mw230 body #root .training-history-list :is(p,small) { font-size:12px!important; color:var(--p331-muted)!important; }

/* Active workout: primary action precedes secondary guidance, stages remain selectable. */
html.mw230 body #root .training-session { gap:12px!important; }
html.mw230 body #root .training-sequence { padding:12px!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .training-sequence header { padding:0!important; gap:8px!important; }
html.mw230 body #root .training-sequence header p { display:none!important; }
html.mw230 body #root .training-sequence header strong { font-size:15px!important; }
html.mw230 body #root .training-progress { display:flex!important; align-items:center!important; gap:10px!important; margin:8px 0!important; }
html.mw230 body #root .training-progress>i { flex:1!important; height:5px!important; }
html.mw230 body #root .training-progress>span { flex:0 0 auto!important; font-size:11px!important; }
html.mw230 body #root .training-sequence ol { display:flex!important; overflow-x:auto!important; gap:6px!important; margin:0!important; padding:2px 0!important; list-style:none!important; }
html.mw230 body #root .training-sequence ol li { flex:0 0 162px!important; margin:0!important; }
html.mw230 body #root .training-sequence ol button { width:100%!important; display:flex!important; gap:8px!important; padding:6px 8px!important; min-height:48px!important; }
html.mw230 body #root .training-sequence ol button>span { width:22px!important; min-width:22px!important; height:22px!important; font-size:11px!important; }
html.mw230 body #root .training-sequence ol p { margin:0!important; }
html.mw230 body #root .training-sequence ol strong { font-size:12px!important; }
html.mw230 body #root .training-sequence ol small { display:none!important; }
html.mw230 body #root .training-current { display:flex!important; flex-direction:column!important; padding:14px!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; background:var(--p331-panel)!important; gap:10px!important; }
html.mw230 body #root .training-current>header { display:flex!important; align-items:center!important; gap:8px!important; padding:0!important; order:0!important; font-size:9px!important; }
html.mw230 body #root .training-current>header small { display:none!important; }
html.mw230 body #root .training-current h1 { font-size:23px!important; margin:0!important; order:1!important; }
html.mw230 body #root .training-set-pill { margin:0!important; padding:0!important; font-size:12px!important; background:none!important; order:2!important; }
html.mw230 body #root :is(.training-primary-metrics,.training-cardio-metrics) { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin:0!important; padding:0!important; order:3!important; }
html.mw230 body #root :is(.training-primary-metrics,.training-cardio-metrics)>:is(label,div) { padding:10px!important; min-height:0!important; background:rgba(8,27,27,.55)!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; }
html.mw230 body #root :is(.training-primary-metrics,.training-cardio-metrics) :is(span,small) { font-size:10px!important; }
html.mw230 body #root :is(.training-primary-metrics,.training-cardio-metrics) strong { font-size:26px!important; line-height:1.15!important; }
html.mw230 body #root .training-primary-metrics input[type=range] { width:100%!important; height:22px!important; min-height:22px!important; margin:4px 0 0!important; }
html.mw230 body #root .training-primary-metrics input[type=number] { display:block!important; min-height:44px!important; width:100%!important; padding:8px!important; font-size:16px!important; margin:3px 0!important; }
html.mw230 body #root :is(.training-primary-metrics,.training-cardio-metrics)>.training-rest-ring { grid-column:1/-1!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; height:auto!important; min-height:42px!important; padding:8px 12px!important; border-radius:10px!important; box-shadow:none!important; background:none!important; }
html.mw230 body #root .training-rest-ring::before,html.mw230 body #root .training-rest-ring::after { display:none!important; }
html.mw230 body #root .training-session-actions { display:flex!important; flex-direction:column!important; gap:8px!important; padding:0!important; margin:0!important; order:4!important; }
html.mw230 body #root .training-session-actions>button { width:100%!important; margin:0!important; font-size:13px!important; }
html.mw230 body #root .training-technique { display:flex!important; gap:8px!important; padding:8px 0!important; margin:0!important; border:0!important; background:none!important; order:6!important; }
html.mw230 body #root .training-technique strong { display:none!important; }
html.mw230 body #root .training-technique small { font-size:12px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .training-session-notice { order:5!important; font-size:13px!important; margin:0!important; }
html.mw230 body #root .training-coach { display:flex!important; flex-direction:column!important; gap:12px!important; }
html.mw230 body #root .training-coach>section { padding:14px!important; border:1px solid var(--p331-line)!important; border-radius:15px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .training-coach strong { font-size:18px!important; }
html.mw230 body #root .training-summary { text-align:center!important; padding:24px 0!important; }
html.mw230 body #root .training-summary>div { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; }
html.mw230 body #root .training-summary article { padding:10px 4px!important; }
html.mw230 body #root .training-summary article strong { font-size:25px!important; }
html.mw230 body #root .training-summary article small { font-size:11px!important; }
html.mw230 body #root .training-storage-error { padding:12px!important; border:1px solid #dca07e!important; border-radius:12px!important; color:#ffdabd!important; font-size:13px!important; }

/* Notes: mutually exclusive list/editor. All existing editing handlers remain. */
html.mw230 body #root .workspace-app-window.notes .notes-pro-shell { display:flex!important; flex-direction:column!important; grid-template:none!important; height:auto!important; min-height:0!important; overflow:visible!important; padding:0 14px 20px!important; background:transparent!important; gap:12px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-shell> :is(.notes-pro-sidebar,.notes-pro-list,.notes-pro-editor) { width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; overflow:visible!important; padding:0!important; border:0!important; background:transparent!important; }
html.mw230 body #root .workspace-app-window.notes .notes-view-list>.notes-pro-editor,
html.mw230 body #root .workspace-app-window.notes .notes-view-list>.notes-mobile-editor-nav331,
html.mw230 body #root .workspace-app-window.notes .notes-view-editor>.notes-pro-sidebar,
html.mw230 body #root .workspace-app-window.notes .notes-view-editor>.notes-pro-list { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-view-editor>.notes-pro-editor { display:flex!important; flex-direction:column!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-shell>.notes-pro-sidebar>.notes-sections { display:flex!important; overflow-x:auto!important; gap:5px!important; padding:6px 0 0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections button { flex:0 0 auto!important; width:auto!important; gap:5px!important; padding:7px!important; font-size:12px!important; border-radius:10px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections :is(.notes-nav-mark,small) { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-new-button { min-height:48px!important; background:var(--p331-mint)!important; color:#10382b!important; border-radius:12px!important; font-size:15px!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header { display:grid!important; grid-template-columns:minmax(0,1fr) 44px!important; gap:8px!important; padding:0 0 12px!important; background:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header input { width:100%!important; min-height:46px!important; font-size:16px!important; padding:10px 12px!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; background:rgba(7,28,28,.6)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header>label { grid-column:1/-1!important; display:flex!important; align-items:center!important; gap:8px!important; font-size:12px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list select { font-size:14px!important; min-height:44px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-filter-button { width:44px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list { display:flex!important; flex-direction:column!important; gap:12px!important; overflow:visible!important; max-height:none!important; padding:0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list>button { display:block!important; text-align:left!important; width:100%!important; height:auto!important; min-height:122px!important; padding:16px!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list>button>span { display:block!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list strong { display:block!important; font:600 18px/1.3 Manrope,Arial,sans-serif!important; padding-right:0!important; white-space:normal!important; overflow-wrap:anywhere; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list time { display:block!important; margin-top:5px!important; font-size:11px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list p { font:400 14px/1.45 Manrope,Arial,sans-serif!important; color:var(--p331-muted)!important; margin:9px 0!important; display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list footer { display:flex!important; justify-content:space-between!important; padding:0!important; min-height:20px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-icon { width:20px!important; height:20px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>footer { font-size:12px!important; color:var(--p331-muted)!important; padding:12px 0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-mobile-editor-nav331 { display:grid!important; grid-template-columns:44px 1fr auto!important; align-items:center!important; gap:8px!important; padding-bottom:4px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-mobile-editor-nav331>strong { text-align:center!important; font-size:16px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-mobile-editor-nav331>button { border:0!important; border-radius:10px!important; background:none!important; color:var(--p331-text)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-mobile-editor-nav331>button:last-child { padding:9px 13px!important; background:var(--p331-mint)!important; color:#10382b!important; font:600 14px/1.3 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>header { display:grid!important; grid-template-columns:minmax(0,1fr) 44px!important; gap:8px!important; padding:4px 0 10px!important; background:none!important; border:0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-title-input { grid-column:1!important; width:100%!important; min-height:48px!important; padding:6px 0!important; color:var(--p331-text)!important; background:none!important; border:0!important; font:650 24px/1.2 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.notes .notes-save-state { grid-column:1/-1!important; grid-row:2!important; white-space:normal!important; font-size:12px!important; line-height:1.5!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-save-state.error { color:#ffbc9d!important; }
html.mw230 body #root .workspace-app-window.notes .notes-more { grid-column:2!important; grid-row:1!important; width:44px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-toolbar { display:flex!important; overflow-x:auto!important; flex-wrap:nowrap!important; position:static!important; gap:4px!important; padding:8px 0!important; border-top:1px solid var(--p331-line)!important; border-bottom:1px solid var(--p331-line)!important; background:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-toolbar>* { flex:0 0 auto!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-toolbar button { min-width:44px!important; padding:8px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-body { padding:12px 0!important; overflow:visible!important; height:auto!important; min-height:0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-document-title { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-body textarea { width:100%!important; display:block!important; padding:0!important; min-height:260px!important; height:auto!important; border:0!important; background:transparent!important; color:var(--p331-text)!important; font:400 16px/1.65 Manrope,Arial,sans-serif!important; resize:vertical; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-actions:not([hidden]) { display:flex!important; flex-wrap:wrap!important; gap:8px!important; padding:12px 0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-actions[hidden] { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-local-meta331 { flex:0 0 100%!important; color:var(--p331-muted)!important; font-size:12px!important; line-height:1.5!important; }
html.mw230 body #root .workspace-app-window.notes .notes-navigation-notice331 { display:flex!important; flex-direction:column!important; gap:8px!important; padding:12px!important; border:1px solid rgba(229,175,119,.65)!important; border-radius:12px!important; color:#ffe0b7!important; background:rgba(77,52,25,.65)!important; font:400 13px/1.5 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.notes .notes-navigation-notice331 button { min-height:44px!important; padding:8px 12px!important; border:1px solid currentColor!important; border-radius:10px!important; background:none!important; color:inherit!important; font-size:13px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>footer { display:flex!important; flex-wrap:wrap!important; gap:8px!important; padding:10px 0!important; color:var(--p331-muted)!important; font-size:11px!important; }

/* Calendar agenda never reserves a month-sized region. */
html.mw230 body #root .workspace-app-window.calendar .workspace-calendar-layout { display:flex!important; flex-direction:column!important; padding:0 14px 24px!important; gap:16px!important; height:auto!important; min-height:0!important; background:transparent!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-calendar-grid { flex:0 0 auto!important; height:auto!important; min-height:0!important; max-height:none!important; grid-template-rows:none!important; padding:0!important; gap:10px!important; overflow:visible!important; background:none!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-calendar-grid.view-agenda { min-height:0!important; height:auto!important; flex:0 0 auto!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-view { min-height:0!important; height:auto!important; padding:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; overflow:visible!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-title { margin:0!important; text-align:center!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-title>p { display:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-title strong { font:600 21px/1.3 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-controls { gap:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-controls button { min-height:44px!important; border-radius:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools { margin:0!important; gap:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools>div { display:grid!important; grid-template-columns:1fr 1fr!important; width:100%!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; padding:3px!important; gap:4px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools button { min-height:44px!important; padding:8px!important; border:0!important; border-radius:9px!important; font-size:14px!important; background:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools button.active { background:rgba(152,217,190,.16)!important; color:var(--p331-text)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools input { min-height:44px!important; padding:10px 12px!important; border-radius:12px!important; background:rgba(8,28,29,.6)!important; border:1px solid var(--p331-line)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-weekdays { font-size:11px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days { grid-auto-rows:44px!important; gap:2px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button { position:relative!important; border:0!important; border-radius:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button.active { background:var(--p331-mint)!important; color:#10382b!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button>div { display:flex!important; justify-content:center!important; gap:3px!important; position:absolute!important; bottom:3px!important; left:0!important; right:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button i { width:4px!important; height:4px!important; border-radius:50%!important; background:var(--p331-mint)!important; padding:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button.active i { background:#16533c!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button :is(i small,i em,b) { display:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-view>button { display:grid!important; grid-template-columns:54px 43px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; width:100%!important; min-height:78px!important; padding:12px!important; border:1px solid var(--p331-line)!important; border-radius:14px!important; background:var(--p331-panel)!important; text-align:left!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-view time { font-size:12px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-view strong { display:block!important; font:600 14px/1.35 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-view :is(span,small) { font-size:12px!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-agenda-empty331 { margin:0!important; padding:20px 16px!important; border:1px solid var(--p331-line)!important; border-radius:14px!important; color:var(--p331-muted)!important; font-size:14px!important; line-height:1.5!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda { padding:0!important; margin:0!important; height:auto!important; min-height:0!important; background:transparent!important; border:0!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header { margin:0 0 14px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header :is(p,span) { font-size:11px!important; margin:4px 0!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header strong { font-size:19px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list article { padding:12px!important; gap:8px!important; border-radius:14px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list article strong { font-size:14px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list article span { font-size:12px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>form { padding:14px!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>form label { font-size:13px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>form :is(input,textarea) { width:100%!important; min-height:44px!important; padding:10px!important; border-radius:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-day-note { font-size:12px!important; color:var(--p331-muted)!important; }

/* Screenshot QA pass: explicit heights and type defeat legacy desktop sizing. */
html.mw230 body #root .training-app :is(strong,b,time,input,button) { font-family:Manrope,Arial,sans-serif!important; }
html.mw230 body #root .training-nav { height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding:8px 0 16px!important; }
html.mw230 body #root .training-nav>div { height:46px!important; min-height:46px!important; max-height:46px!important; width:100%!important; padding:0!important; border:0!important; border-bottom:1px solid var(--p331-line)!important; border-radius:0!important; background:transparent!important; overflow:visible!important; }
html.mw230 body #root .training-nav button { height:44px!important; min-height:44px!important; max-height:44px!important; position:relative!important; padding:8px 2px!important; margin:0!important; border-radius:0!important; font-size:12px!important; }
html.mw230 body #root .training-nav button.active { background:transparent!important; }
html.mw230 body #root .training-nav button.active:after { bottom:0!important; left:9px!important; right:9px!important; height:2px!important; }
html.mw230 body #root .training-nav>span { position:static!important; display:block!important; height:auto!important; line-height:1.4!important; white-space:normal!important; margin:10px 0 0!important; padding:0!important; font-size:11px!important; }
html.mw230 body #root .training-app.view-active .training-nav>span { display:none!important; }
html.mw230 body #root .training-program-grid { margin:0!important; padding:0!important; }
html.mw230 body #root .training-program-card331 { position:relative!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) 20px!important; gap:12px!important; align-items:center!important; width:100%!important; min-height:116px!important; height:auto!important; padding:16px 12px!important; text-align:left!important; border:1px solid var(--p331-line)!important; border-radius:16px!important; background:var(--p331-panel)!important; color:var(--p331-text)!important; }
html.mw230 body #root .training-program-grid>.training-program-card331 { margin:0!important; }
html.mw230 body #root .training-program-card331 h2 { font-size:18px!important; line-height:1.3!important; margin:0 0 8px!important; }
html.mw230 body #root .training-program-card331 small { display:block!important; color:var(--p331-muted)!important; font-size:12px!important; line-height:1.4!important; }
html.mw230 body #root .training-program-card331 p { margin:5px 0 0!important; color:var(--p331-muted)!important; font-size:12px!important; }
html.mw230 body #root .training-program-icon331 { display:grid!important; place-items:center!important; width:48px!important; height:56px!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; background:rgba(17,55,49,.6)!important; color:var(--p331-mint)!important; }
html.mw230 body #root .training-program-icon331 svg { width:27px!important; height:27px!important; }
html.mw230 body #root .training-catalog-tools { margin:0!important; padding:0!important; }
html.mw230 body #root .training-catalog-tools>label { height:48px!important; min-height:48px!important; margin:0!important; padding:10px 12px!important; }
html.mw230 body #root .training-catalog-tools>span { align-self:flex-start!important; min-height:0!important; padding:4px 0!important; border:0!important; background:none!important; }
html.mw230 body #root .training-category-tabs { margin:0!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; }
html.mw230 body #root :is(.training-category-tabs,.training-sequence ol,.notes-editor-toolbar,.notes-sections) { scrollbar-width:none!important; -ms-overflow-style:none; }
html.mw230 body #root :is(.training-category-tabs,.training-sequence ol,.notes-editor-toolbar,.notes-sections)::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }
html.mw230 body #root .training-history>header>p { font:400 13px/1.5 Manrope,Arial,sans-serif!important; letter-spacing:0!important; }
html.mw230 body #root .training-history-empty { padding-top:52px!important; }
html.mw230 body #root .training-history-empty>svg { width:88px!important; height:88px!important; padding:18px!important; border:1px solid var(--p331-line)!important; border-radius:50%!important; }
html.mw230 body #root .workspace-app-window.notes:has(.notes-view-editor)>.workspace-app-titlebar { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections { height:auto!important; min-height:44px!important; padding:6px 0 0!important; gap:6px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections button { display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; min-width:max-content!important; width:auto!important; height:44px!important; padding:8px 10px!important; white-space:nowrap!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections button strong { font:500 12px/1.3 Manrope,Arial,sans-serif!important; white-space:nowrap!important; }
html.mw230 body #root .workspace-app-window.notes .notes-sections :is(.notes-nav-mark,small) { display:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header>label { margin:0!important; min-height:44px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-list-empty { display:flex!important; flex-direction:column!important; align-items:center!important; gap:12px!important; padding:40px 18px!important; text-align:center!important; }
html.mw230 body #root .workspace-app-window.notes .notes-list-empty>svg { width:44px!important; height:44px!important; color:var(--p331-mint)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-list-empty strong { font:600 18px/1.4 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.notes .notes-list-empty span { font-size:13px!important; line-height:1.5!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-save-state { display:flex!important; align-items:center!important; gap:6px!important; min-height:24px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-view-editor>.notes-pro-editor { display:flex!important; flex-direction:column!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>header { order:0!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-body { order:1!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>footer { order:2!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-toolbar { order:3!important; width:100%!important; height:52px!important; min-height:52px!important; max-height:52px!important; overflow-x:auto!important; overflow-y:hidden!important; margin:0!important; padding:4px 0!important; background:rgba(6,28,29,.75)!important; border:1px solid var(--p331-line)!important; border-radius:12px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-toolbar button { height:44px!important; min-height:44px!important; max-height:44px!important; min-width:44px!important; padding:8px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-title-input { font-size:24px!important; font-weight:600!important; }

/* Second visual pass: remove inherited grid tracks, not just their contents. */
html.mw230:not(.mw-home) body #root .workspace-app-window:is(.notes,.calendar) { display:flex!important; flex-direction:column!important; align-items:stretch!important; grid-template:none!important; }
html.mw230 body #root .workspace-app-window:is(.notes,.calendar,.training)>.workspace-app-titlebar { background:rgba(3,23,28,.9)!important; border-bottom:1px solid var(--p331-line)!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list { display:flex!important; flex-direction:column!important; grid-template:none!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header { position:relative!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header::before { top:13px!important; left:12px!important; width:19px!important; height:19px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-list>header input { padding-left:40px!important; }
html.mw230 body #root .workspace-app-window.notes .notes-card-list p { white-space:normal!important; }
html.mw230 body #root .workspace-app-window.notes .notes-view-editor { flex:1 0 auto!important; }
html.mw230 body #root .workspace-app-window.notes .notes-view-editor>.notes-pro-editor { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; grid-template:none!important; min-height:max(420px,calc(var(--mw-vh,100dvh) - 180px))!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-body { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; grid-template:none!important; height:auto!important; min-height:240px!important; max-height:none!important; position:static!important; overflow:visible!important; }
html.mw230 body #root .workspace-app-window.notes .notes-editor-body textarea { display:block!important; position:static!important; inset:auto!important; flex:1 0 auto!important; width:100%!important; height:auto!important; min-height:240px!important; max-height:none!important; resize:vertical!important; margin:0!important; grid-area:auto!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>header,
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>footer,
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>.notes-editor-toolbar { flex:0 0 auto!important; }
html.mw230 body #root .workspace-app-window.notes .notes-pro-editor>.notes-editor-toolbar { margin-top:auto!important; }

html.mw230 body #root .workspace-app-window.calendar .workspace-calendar-layout { display:flex!important; flex:0 0 auto!important; grid-template:none!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-calendar-grid>header { display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important; grid-template-rows:44px auto!important; align-items:center!important; gap:10px!important; min-height:0!important; height:auto!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-controls { grid-column:1/-1!important; grid-row:1!important; width:100%!important; height:44px!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-controls button { width:44px!important; height:44px!important; padding:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-controls button:nth-child(2) { flex:1!important; width:auto!important; font-size:0!important; color:transparent!important; border:0!important; background:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-title { grid-column:2!important; grid-row:1!important; order:0!important; position:static!important; width:auto!important; pointer-events:none!important; margin:0!important; padding:0!important; z-index:1!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-period-title strong { font-size:19px!important; white-space:nowrap!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-view-tools { grid-column:1/-1!important; grid-row:2!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days { grid-template-rows:none!important; grid-auto-rows:44px!important; height:auto!important; min-height:0!important; margin:0!important; border:1px solid var(--p331-line)!important; gap:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button { display:grid!important; place-items:center!important; align-content:center!important; border-right:1px solid var(--p331-line)!important; border-bottom:1px solid var(--p331-line)!important; border-radius:0!important; padding:3px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-days button.active { border-radius:10px!important; box-shadow:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-weekdays>span { font:500 12px/1.4 Manrope,Arial,sans-serif!important; color:var(--p331-muted)!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda { display:flex!important; flex-direction:column!important; flex:0 0 auto!important; grid-template:none!important; position:static!important; inset:auto!important; gap:14px!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding:0!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header { flex:0 0 auto!important; order:1!important; display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; justify-content:space-between!important; gap:6px!important; height:auto!important; min-height:0!important; padding:0 0 12px!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header>p { display:none!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>header strong { font-size:17px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-day-agenda>.workspace-event-list { display:flex!important; flex-direction:column!important; flex:0 0 auto!important; order:2!important; grid-template:none!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding:0!important; margin:0!important; gap:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list>header { min-height:0!important; padding:0!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list>.workspace-tool-empty { display:block!important; min-height:0!important; height:auto!important; padding:16px 0!important; margin:0!important; text-align:left!important; color:var(--p331-muted)!important; font:400 14px/1.5 Manrope,Arial,sans-serif!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list article { display:grid!important; grid-template-columns:46px 44px minmax(0,1fr) 44px!important; gap:6px!important; min-height:82px!important; height:auto!important; padding:10px!important; }
html.mw230 body #root .workspace-app-window.calendar .workspace-event-list article>button { width:44px!important; min-width:44px!important; height:44px!important; display:grid!important; place-items:center!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 { flex:0 0 auto!important; order:0!important; width:100%!important; min-height:0!important; max-height:none!important; overflow:visible!important; margin:0!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331>summary { display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:48px!important; padding:12px 16px!important; border:1px solid var(--p331-mint)!important; border-radius:12px!important; background:rgba(8,41,35,.6)!important; color:var(--p331-mint)!important; font:600 15px/1.35 Manrope,Arial,sans-serif!important; cursor:pointer!important; list-style:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331>summary::-webkit-details-marker { display:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331[open]>summary { margin-bottom:12px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 form { display:flex!important; flex-direction:column!important; gap:12px!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; margin:0!important; padding:14px!important; border:1px solid var(--p331-line)!important; border-radius:14px!important; background:var(--p331-panel)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331:not([open])>form { display:none!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 label { display:flex!important; flex-direction:column!important; gap:6px!important; font-size:13px!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 :is(input,textarea) { width:100%!important; min-height:44px!important; padding:10px 12px!important; border-radius:10px!important; border:1px solid var(--p331-line)!important; background:rgba(6,26,27,.8)!important; color:var(--p331-text)!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 textarea { min-height:88px!important; height:auto!important; }
html.mw230 body #root .workspace-app-window.calendar .calendar-create331 button[type=submit] { min-height:48px!important; padding:12px!important; border:0!important; border-radius:12px!important; background:var(--p331-mint)!important; color:#10382b!important; font-size:15px!important; }

/* WELLY 331 customer catalog surfaces. Load after the existing mobile sheets.
   Every rule is limited to html.mw230 and an explicit customer role marker. */
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) {
  --catalog-line: var(--w331-line, rgba(174, 225, 219, .25));
  --catalog-panel: var(--w331-panel, rgba(7, 27, 32, .82));
  --catalog-text: var(--w331-text, #e5f1f0);
  --catalog-muted: var(--w331-muted, #b2c7ca);
  --catalog-mint: var(--w331-mint, #b0e2da);
  font: inherit;
  color: var(--catalog-text);
  background: transparent !important;
  min-width: 0;
  height: auto !important;
  min-height: 100%;
  overflow: visible !important;
}
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(h1,h2,h3,h4,p,small,input,select,textarea,button,summary) { font-family: inherit !important; letter-spacing: normal; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(h1,h2,h3) { line-height: 1.25; overflow-wrap: anywhere; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) h1 { font-size: 22px !important; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) h2 { font-size: 18px !important; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(p,small) { font-size: 14px; line-height: 1.45; color: var(--catalog-muted); }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(button,summary) { min-height: 44px; font-size: 14px; touch-action: manipulation; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(input:not([type=checkbox]):not([type=range]),select,textarea) { min-height: 44px; font-size: 16px !important; max-width: 100%; color: var(--catalog-text); background: var(--catalog-panel); border: 1px solid var(--catalog-line); border-radius: 12px; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid var(--catalog-mint); outline-offset: 3px; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) button:disabled { opacity: .66; cursor: default; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) .catalog331-demo { margin: 8px 0 12px; color: var(--catalog-muted); font-size: 13px; line-height: 1.45; }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) .catalog331-empty { padding: 24px 16px; border: 1px solid var(--catalog-line); border-radius: 16px; background: var(--catalog-panel); }
html.mw230 body #root [data-catalog331]:not([data-catalog331=""]) .catalog331-visually-hidden { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }

/* Trainer: the established adapter retains the menu and professional role. */
html.mw230 body #root .workspace-app-window.coach:has([data-catalog331="trainer"]) { overflow-x: hidden !important; overflow-y: auto !important; }
html.mw230 body #root .workspace-app-window.coach:has([data-catalog331="trainer"])>.workspace-app-titlebar { position: absolute !important; left: 16px !important; right: auto !important; top: 6px !important; width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; }
html.mw230 body #root .workspace-app-window.coach:has([data-catalog331="trainer"])>.workspace-app-titlebar>:not(.mobile-back280) { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] :is(.coach-suite-stage,.coach-marketplace,.coach-market-main,.trainer-person-grid) { display: block !important; min-width: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; padding: 0; background: transparent !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] { padding: 0 16px 20px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] :is(.coach-role-bar,.coach-market-title,.coach-benefits,.coach-suite-upsell,.coach-suite-sidebar>footer) { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"]:not(.tm-menu-open) :is(.tm-roles,.tm-tabs,.tm-register,.coach-suite-sidebar) { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"].tm-menu-open :is(.tm-roles,.tm-tabs) { display: flex !important; width: 100%; margin: 8px 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"].tm-menu-open .tm-register { display: block !important; margin: 8px 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .tm-header { min-height: 56px; height: 56px !important; margin: 0 -16px 8px; padding: 0 16px 0 64px !important; background: transparent; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .tm-header>header { min-width: 0 !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .tm-header strong { font-size: 18px !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .tm-menu { min-width: 52px; font-size: 13px !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin: 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-search-row label { min-width: 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-search-row label>span { display: none; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-search-row input { width: 100%; padding: 12px; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-category-row { display: flex !important; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 0 16px; padding: 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-category-row button { flex: 0 0 auto; padding: 10px 14px; border-radius: 24px; font-size: 14px !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-card { display: grid !important; grid-template-columns: 112px minmax(0,1fr); gap: 10px; padding: 8px; margin: 0 0 12px; border: 1px solid var(--catalog-line); border-radius: 16px; background: var(--catalog-panel) !important; min-height: 0 !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-card[hidden] { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-card [hidden] { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-photo { position: relative; padding: 0; border: 0; border-radius: 10px; overflow: hidden; min-width: 0; background: transparent; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-photo img { width: 100%; height: 100%; min-height: 190px; object-fit: cover; object-position: center top; display: block; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-photo span { position: absolute; left: 6px; bottom: 6px; background: #09222de8; border: 1px solid var(--catalog-line); border-radius: 12px; padding: 6px; font-size: 12px; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 4px 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-copy :is(h2,p) { margin: 0; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-copy footer { display: block; padding: 0; margin: 0; border: 0; font-size: 13px; color: var(--catalog-muted); }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-accent { color: var(--catalog-mint); }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-trainer-copy>button { margin-top: auto; background: rgba(61,124,111,.4); border: 1px solid var(--catalog-line); border-radius: 12px; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-save { grid-column: 1/-1; background: transparent; border: 0; color: var(--catalog-muted); text-align: left; font-size: 12px; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-filter-panel { font-size: 14px; padding: 12px; border-radius: 16px; margin-bottom: 12px; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-profile-panel { font-size: 14px; padding: 16px !important; border: 1px solid var(--catalog-line); border-radius: 16px; background: var(--catalog-panel) !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"]:not([data-tm-profile="open"]) .coach-profile-panel { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"][data-tm-profile="open"] .coach-market-main { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"][data-tm-profile="open"] .coach-profile-panel { display: block !important; position: static !important; width: auto !important; max-height: none !important; overflow: visible !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-profile-panel :is(.coach-rating,h2>i,.online-dot,dl) { display: none !important; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-profile-panel>img { max-height: 220px; object-fit: cover; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-profile-close { display: block !important; position: static !important; width: 100% !important; margin: 0 0 12px !important; text-align: left; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-plan { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--catalog-line); text-align: left; }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-plan span { font-size: 14px; color: var(--catalog-muted); }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .catalog331-plan strong { flex-shrink: 0; font-size: 14px; color: var(--catalog-text); }
html.mw230 body #root .coach-app[data-catalog331="trainer"] .coach-suite-toast { position: fixed; bottom: 90px; left: 16px; right: 16px; z-index: 150; padding: 16px; background: #10272d; border: 1px solid var(--catalog-line); border-radius: 16px; font-size: 14px; }

/* Fitness: list/detail are explicit local view states; owner markup is untouched. */
html.mw230 body #root .fx-app[data-catalog331="fitness"] :is(.fx-main,.fx-client,.fx-discovery,.fx-discovery-grid,.fx-list,.fx-detail) { display: block; height: auto; min-height: 0; overflow: visible !important; background: transparent; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-main { width: 100%; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] :is(.fx-brand,.fx-premium,.fx-middle,.fx-account,.fx-city) { display: none !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"]:not([data-catalog331-menu="true"]) :is(.fx-sidebar,.fx-roles) { display: none !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"][data-catalog331-menu="true"] .fx-sidebar { display: block; padding: 12px 16px 0; border: 0; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-side-nav { display: flex; flex-wrap: wrap; padding: 0; overflow: visible; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-side-nav button { font-size: 14px; gap: 6px; padding: 8px 12px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-topbar { display: grid; grid-template-columns: minmax(0,1fr) 44px 48px; padding: 12px 16px 8px; gap: 8px; min-height: 0; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-search { width: auto; min-width: 0; padding: 0 10px; min-height: 48px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-search input { width: 100%; border: 0; padding: 8px 0; background: transparent; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-topbar>.fx-roles { grid-column: 1/-1; display: flex; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-client { padding: 0 16px 20px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-categories { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 8px; padding: 0; margin: 4px 0 16px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-categories button { font-size: 14px; min-height: 44px; flex-shrink: 0; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card { min-height: 210px; margin: 0 0 12px; gap: 10px; background: var(--catalog-panel); border-color: var(--catalog-line); border-radius: 16px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card .fx-card-image { width: 108px; min-width: 108px; max-width: 34%; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card .fx-card-title { font-size: 17px; min-height: 44px; padding-right: 36px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card-copy { gap: 7px; flex: 1; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card-copy :is(p,strong) { font-size: 14px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card-status { font-size: 12px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-tags { display: none; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-card .fx-favorite { min-width: 44px; min-height: 44px; right: 4px; top: 4px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .catalog331-card-action { font-size: 14px; margin-top: auto; border-color: var(--catalog-line); background: rgba(61,124,111,.35); }
html.mw230 body #root .fx-app[data-catalog331="fitness"]:not([data-catalog331-detail="true"]) .fx-detail { display: none !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"][data-catalog331-detail="true"] :is(.fx-discovery,.fx-topbar,.fx-sidebar) { display: none !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-detail { display: block; border-color: var(--catalog-line); border-radius: 16px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-hero { height: 260px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-detail-body :is(p,small,.fx-detail-tabs button) { font-size: 14px !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-detail-tabs { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 16px !important; overflow-x: auto !important; scrollbar-width: none; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-detail-tabs button { flex: 0 0 auto !important; white-space: nowrap !important; min-width: max-content !important; padding: 10px 4px !important; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-plans { grid-template-columns: 1fr; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-plans article { padding: 14px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-plans button { min-height: 44px; font-size: 14px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-amenities { grid-template-columns: repeat(3,minmax(0,1fr)); }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-amenities span { font-size: 12px; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-modal-backdrop { position: fixed; inset: 0; padding: 16px; z-index: 160; }
html.mw230 body #root .fx-app[data-catalog331="fitness"] .fx-modal { width: 100%; max-height: 85dvh; background: #10272d; border-color: var(--catalog-line); }

/* Clinics and restaurants: selectors never match owner or business onboarding. */
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) { padding: 0 16px 20px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-role-layout,.cl-role-layout>main,.cl-page,.hv-page,.cl-catalog,.hv-catalog) { display: block !important; min-width: 0; width: auto; height: auto; min-height: 0; overflow: visible !important; padding: 0; background: transparent; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-role-sidebar,.hv-nav) { display: flex !important; flex-direction: row; align-items: center; min-height: 44px !important; gap: 6px; margin: 0 0 12px; padding: 0; border: 0; overflow-x: auto; scrollbar-width: none; background: transparent; }
html.mw230 body #root [data-catalog331="clinic"] .cl-role-sidebar>div { display: none; }
html.mw230 body #root [data-catalog331="venues"] .hv-brand { display: none; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-role-sidebar>button,.hv-nav>button) { min-width: max-content; min-height: 44px !important; padding: 8px 12px; font-size: 14px; flex: 0 0 auto; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-head:has(.cl-search),.hv-head:has(.hv-search)) { display: block; padding: 0; margin: 0 0 12px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-head:has(.cl-search)>div,.hv-head:has(.hv-search)>div) { display: none; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-search,.hv-search) { display: flex; min-height: 48px; width: 100%; border-color: var(--catalog-line); border-radius: 12px; background: var(--catalog-panel); }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-search input,.hv-search input) { border: 0; background: transparent; width: 100%; min-width: 0; }
html.mw230 body #root [data-catalog331="clinic"] .cl-search input { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-filters,.hv-filters) { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 8px; padding: 0; margin: 0 0 16px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-filters button,.hv-filters button) { min-height: 44px; font-size: 14px; flex-shrink: 0; border-radius: 24px; padding: 8px 14px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card,.hv-card) { display: grid; grid-template-columns: 108px minmax(0,1fr); margin: 0 0 12px; padding: 8px; gap: 12px; border: 1px solid var(--catalog-line); border-radius: 16px; background: var(--catalog-panel); overflow: hidden; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-visual,.hv-card-visual) { position: relative; min-height: 180px; height: auto; width: 108px; border-radius: 10px; overflow: hidden; background: #102b33 !important; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) .catalog331-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) .catalog331-cover[src*="workspace-icons"] { object-fit: contain; padding: 20px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-visual>i,.hv-card-visual>i) { display: none; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-visual>span,.hv-card-visual>span) { position: absolute; top: 6px; left: 6px; right: 6px; background: #112b33ed; border: 1px solid var(--catalog-line); border-radius: 8px; padding: 5px; font-size: 11px; letter-spacing: 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-visual>small,.hv-card-visual>small) { position: absolute; bottom: 6px; left: 6px; right: 6px; font-size: 12px; padding: 6px; background: #112b33ed; border-radius: 8px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-body,.hv-card-body) { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 4px 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-body h2,.hv-card-body h2,.cl-card-body p,.hv-card-body p) { margin: 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card-body>.cl-kicker,.hv-card-body>.hv-kicker) { font-size: 12px; line-height: 1.4; color: var(--catalog-mint); letter-spacing: 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card .cl-tags,.hv-card .hv-tags) { display: none; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card footer,.hv-card footer) { display: block; margin-top: auto; padding: 0; border: 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card footer>div,.hv-card footer>div) { margin-bottom: 8px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-card footer button,.hv-card footer button) { width: 100%; border: 1px solid var(--catalog-line); border-radius: 12px; background: rgba(61,124,111,.35); color: var(--catalog-text); }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-welcome,.hv-welcome) { display: block; padding: 12px 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-welcome-copy,.hv-welcome-copy) { margin: 0 0 16px; padding: 0; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-trust,.hv-welcome-badges) { display: none; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-role-grid,.hv-role-grid,.cl-patient-grid,.cl-detail-grid,.cl-detail-hero,.hv-detail-grid,.hv-detail-hero) { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-role-grid>button,.hv-role-grid>button) { min-height: 0; padding: 16px; }
html.mw230 body #root :is([data-catalog331="clinic"],[data-catalog331="venues"]) :is(.cl-panel,.hv-panel) { padding: 16px; background: var(--catalog-panel); border-color: var(--catalog-line); border-radius: 16px; }
html.mw230 body #root [data-catalog331="venues"] :is(.hv-nav button,.hv-filters button,.hv-detail-visual,.hv-detail-copy,.hv-booking-locked,.hv-detail-copy dl>div) { background: var(--catalog-panel) !important; border-color: var(--catalog-line) !important; color: var(--catalog-text) !important; }
html.mw230 body #root [data-catalog331="venues"] :is(.hv-nav button.active,.hv-filters button.active) { background: rgba(61,124,111,.4) !important; color: var(--catalog-mint) !important; }
html.mw230 body #root [data-catalog331="venues"] .hv-search input { border: 0 !important; box-shadow: none !important; background: transparent !important; }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-visual { position: relative; display: grid; place-items: center; min-height: 160px !important; padding: 44px 16px !important; border-radius: 16px !important; }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-visual>.catalog331-cover { height: 140px; max-width: 100%; border-radius: 12px; }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-visual>.catalog331-cover[src*="workspace-icons"] { width: 72px; height: 72px; padding: 0; }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-visual>span { position: absolute; top: 12px; left: 16px; font-size: 12px; color: var(--catalog-muted); }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-visual>small { position: absolute; bottom: 12px; left: 16px; right: 16px; font-size: 13px; color: var(--catalog-muted); }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-copy { padding: 16px !important; border-radius: 16px !important; }
html.mw230 body #root [data-catalog331="venues"] .hv-detail-copy :is(h1,h3) { margin: 12px 0 !important; color: var(--catalog-text) !important; }
html.mw230 body #root [data-catalog331="venues"] :is(.hv-tags span,.hv-verified,.hv-feature-list span) { color: var(--catalog-mint) !important; background: var(--catalog-panel) !important; border-color: var(--catalog-line) !important; }

/* Hotels: compact search retains all existing form fields and request handlers. */
html.mw230 body #root [data-catalog331="hotels"] :is(.hx-main,.hx-content,.hx-guest,.hx-results,.hx-hotel-list) { display: block; min-width: 0; height: auto; overflow: visible !important; padding: 0; background: transparent; }
html.mw230 body #root [data-catalog331="hotels"] :is(.hx-brand,.hx-side-bottom,.hx-middle) { display: none !important; }
html.mw230 body #root [data-catalog331="hotels"] .hx-sidebar { padding: 0 16px; border: 0; height: auto; min-height: 0; background: transparent; }
html.mw230 body #root [data-catalog331="hotels"] .hx-sidebar nav { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 6px; padding: 0; }
html.mw230 body #root [data-catalog331="hotels"] .hx-sidebar nav button { flex: 0 0 auto; min-height: 44px; font-size: 14px; padding: 8px 10px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-header { display: block; min-height: 0; padding: 12px 16px 8px; background: transparent; }
html.mw230 body #root [data-catalog331="hotels"] .hx-account { display: block; margin-top: 8px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-account>:not(.hx-role-tabs) { display: none; }
html.mw230 body #root [data-catalog331="hotels"] .hx-role-tabs { display: flex; gap: 8px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-role-tabs button { padding: 8px 12px; font-size: 13px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-hotel-search { display: grid !important; grid-template-columns: minmax(0,1fr) 76px !important; gap: 8px; padding: 0; background: transparent; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-hotel-search>label { grid-column: 1 !important; min-width: 0; padding: 0; border: 0; background: transparent; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-hotel-search>button { grid-column: 2 !important; width: 76px !important; min-width: 0 !important; padding: 8px !important; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-hotel-search>label input { width: 100%; padding: 10px 12px; min-height: 48px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-search-options { grid-column: 1/-1; border: 1px solid var(--catalog-line); border-radius: 12px; background: var(--catalog-panel); }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-search-options summary { padding: 12px; color: var(--catalog-text); font-size: 14px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-search-options>div { padding: 0 12px 12px; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-search-options label { padding: 0; display: grid; gap: 5px; font-size: 14px; border: 0; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-search-options input { width: 100%; }
html.mw230 body #root [data-catalog331="hotels"] .hx-content { padding: 0 16px 20px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-filter-panel { margin: 0 0 12px; border: 1px solid var(--catalog-line); border-radius: 12px; }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-filter-panel summary { padding: 12px; color: var(--catalog-mint); }
html.mw230 body #root [data-catalog331="hotels"] .hx-filterbar { display: flex; flex-wrap: wrap; padding: 0 10px 10px; gap: 8px; overflow: visible; }
html.mw230 body #root [data-catalog331="hotels"] .hx-filterbar [data-hx-info="Фильтры"] { display: none; }
html.mw230 body #root [data-catalog331="hotels"] .hx-section-head { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 12px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-section-head h2 { font-size: 16px !important; }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel { display: flex; min-height: 200px; padding: 8px; gap: 10px; margin-bottom: 12px; border-color: var(--catalog-line); border-radius: 16px; background: var(--catalog-panel); }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel-image { width: 110px; flex: 0 0 110px; min-height: 184px; border-radius: 10px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel-image img { width: 100%; height: 100%; object-fit: cover; }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel-image>span { font-size: 11px; padding: 6px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel-copy { min-width: 0; padding: 0; }
html.mw230 body #root [data-catalog331="hotels"] .hx-title { min-height: 44px; font-size: 17px; padding-right: 32px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-hotel-copy p { font-size: 14px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-favorite { min-width: 44px; min-height: 44px; right: 0; top: 0; }
html.mw230 body #root [data-catalog331="hotels"] .hx-tags span { font-size: 12px; }
html.mw230 body #root [data-catalog331="hotels"]:not([data-catalog331-view="detail"]) .hx-detail { display: none !important; }
html.mw230 body #root [data-catalog331="hotels"][data-catalog331-view="detail"] :is(.hx-results,.catalog331-filter-panel,.hx-header) { display: none !important; }
html.mw230 body #root [data-catalog331="hotels"] .hx-detail { height: auto; overflow: visible; width: auto; border: 1px solid var(--catalog-line); border-radius: 16px; background: var(--catalog-panel); }
html.mw230 body #root [data-catalog331="hotels"] .catalog331-back { width: 100%; justify-content: flex-start; padding: 10px 12px; min-height: 44px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-detail-inner :is(p,small) { font-size: 14px; }
html.mw230 body #root [data-catalog331="hotels"] .hx-tabs { overflow-x: auto; scrollbar-width: none; }
html.mw230 body #root [data-catalog331="hotels"] .hx-tabs button { min-height: 44px; font-size: 14px; flex-shrink: 0; }
html.mw230 body #root [data-catalog331="hotels"] .hx-services { grid-template-columns: repeat(3,minmax(0,1fr)); }
html.mw230 body #root [data-catalog331="hotels"] .hx-services small { font-size: 12px; }
html.mw230 body #root .hotel-marketplace-root:has([data-catalog331="hotels"]) .hx-dialog { width: calc(100vw - 32px); max-height: 85dvh; border-radius: 16px; padding: 16px; font: inherit; color: #e5f1f0; background: #10272d; border: 1px solid rgba(174,225,219,.25); }

/* Foodbank owns one vertical scroller; all inner content grows naturally. */
html.mw230 body #root .food-bank-root {--fb:var(--ui331-mint);--line:var(--ui331-line);--muted:var(--ui331-muted);--ink:var(--ui331-ink);padding:0!important;background:transparent!important;min-width:0!important;height:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto!important;font:400 14px/1.45 Manrope,Arial,sans-serif!important;color:var(--ui331-ink);}
html.mw230 body #root .food-bank-root * {box-sizing:border-box;min-width:0;}
html.mw230 body #root .food-bank-root {scrollbar-width:none!important;}
html.mw230 body #root .food-bank-root::-webkit-scrollbar {display:none!important;width:0!important;height:0!important;}
html.mw230 body #root .food-bank-root :is(h1,h2,h3,h4,button,input,select,textarea) {font-family:Manrope,Arial,sans-serif!important;}
html.mw230 body #root .food-bank-root h1 {font-size:22px!important;line-height:1.3!important;margin:0 0 12px!important;}
html.mw230 body #root .food-bank-root h2 {font-size:18px!important;line-height:1.35!important;}
html.mw230 body #root .food-bank-root :is(button,summary) {min-height:44px!important;font-size:14px!important;touch-action:manipulation;cursor:pointer;}
html.mw230 body #root .food-bank-root :is(input:not([type=checkbox]):not([type=hidden]),textarea,select) {width:100%;font-size:16px!important;min-height:48px!important;color:var(--ui331-ink)!important;background:#071a20!important;border:1px solid var(--ui331-line)!important;border-radius:14px!important;padding:11px 12px!important;}
html.mw230 body #root .food-bank-root [type=hidden] {display:none!important;}
html.mw230 body #root .fb-app-shell {display:block!important;min-width:0!important;height:auto!important;min-height:100%!important;overflow:visible!important;background:transparent!important;}
html.mw230 body #root .fb-main {display:block!important;min-width:0!important;height:auto!important;overflow:visible!important;scrollbar-gutter:auto!important;padding:12px 16px 24px!important;}
html.mw230 body #root .fb-search-area331 {padding:12px 16px 16px;}
html.mw230 body #root .fb-nav331 {position:relative;z-index:2;display:grid!important;grid-template-columns:1fr 1fr 1.2fr 44px;gap:0;margin:0 16px 0;border:1px solid var(--ui331-line);border-radius:16px;background:#06191e;}
html.mw230 body #root .fb-nav331 button {padding:8px 5px;border:0;border-radius:14px;background:transparent;color:var(--ui331-muted);font:400 12px/1.3 Manrope,Arial,sans-serif!important;}
html.mw230 body #root .fb-nav331 button[aria-current=page] {color:#052019;background:var(--ui331-mint);font-weight:700!important;}
html.mw230 body #root .fb-nav-more331 summary {display:grid;place-items:center;padding:4px;font-size:12px!important;color:var(--ui331-muted);list-style:none;}
html.mw230 body #root .fb-nav-more331 summary::-webkit-details-marker {display:none;}
html.mw230 body #root .fb-nav-more331>div {position:absolute;right:0;top:calc(100% + 8px);min-width:220px;max-width:100%;display:grid;padding:8px;border:1px solid var(--ui331-line);border-radius:16px;background:#071a20;box-shadow:0 10px 30px #0005;}
html.mw230 body #root :is(.fb-panel,.fb-builder,.fb-new-recipe,.fb-editorial) {padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html.mw230 body #root :is(.fb-kicker,.fb-step) {font-size:12px!important;letter-spacing:0!important;color:var(--ui331-muted)!important;}
html.mw230 body #root :is(.fb-search,.fb-inline-search) {display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;align-items:stretch!important;gap:8px!important;width:100%!important;margin:0!important;}
html.mw230 body #root .fb-search label {display:flex!important;align-items:center!important;gap:8px;min-width:0!important;width:auto!important;}
html.mw230 body #root .fb-search label>span {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
html.mw230 body #root .fb-search label>img {width:22px;height:22px;flex:0 0 22px;}
html.mw230 body #root .fb-search331 label {padding:0 12px;border:1px solid var(--ui331-line);border-radius:24px;background:#071a20;}
html.mw230 body #root .food-bank-root .fb-search331 label>input[type=search] {border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding-left:0!important;min-width:0!important;flex:1!important;}
html.mw230 body #root :is(.fb-search,.fb-inline-search) button {width:76px!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 6px!important;border-radius:24px!important;font-size:14px!important;border:1px solid var(--ui331-line)!important;}
html.mw230 body #root .fb-categories331 {color:var(--ui331-muted);margin:0;}
html.mw230 body #root .fb-categories331 summary {padding:10px 0;font-size:13px!important;}
html.mw230 body #root .fb-chips {display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;padding:0 0 10px!important;}
html.mw230 body #root .fb-chips button {flex:0 0 auto;min-height:44px!important;padding:8px 12px!important;font-size:13px!important;}
html.mw230 body #root .fb-result-head {margin:0 0 12px!important;align-items:center!important;gap:8px!important;font-size:14px!important;color:var(--ui331-muted);}
html.mw230 body #root .fb-result-head>span {display:block!important;height:auto!important;min-width:0!important;padding:0!important;background:transparent!important;color:var(--ui331-muted)!important;}
html.mw230 body #root .fb-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
html.mw230 body #root :is(.fb-food-result331,.fb-ingredient-result331,.fb-editorial-card,.fb-community-card,.fb-recipe-list-card) {border:1px solid var(--ui331-line)!important;background:#071a20bf!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important;}
html.mw230 body #root .fb-food-result331>button {width:100%;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;padding:16px;border:0;background:transparent;color:var(--ui331-ink);text-align:left;}
html.mw230 body #root .fb-food-result331>button.has-image {grid-template-columns:96px minmax(0,1fr) 18px;padding:6px;gap:10px;}
html.mw230 body #root .fb-food-result331 button>img:not(.fb-result-arrow331) {width:96px;height:108px;object-fit:cover;border-radius:12px;}
html.mw230 body #root .fb-food-result331 button>span {display:grid;gap:5px;}
html.mw230 body #root .fb-food-result331 strong {font-size:16px;line-height:1.35;}
html.mw230 body #root .fb-food-result331 small {font-size:13px;line-height:1.4;color:var(--ui331-muted);}
html.mw230 body #root .fb-food-result331 b {font-size:13px;font-weight:500;margin-top:5px;}
html.mw230 body #root .fb-result-arrow331 {width:20px;height:20px;}
html.mw230 body #root .fb-back331 {display:block;width:100%;margin:0 0 12px;padding:8px 0;background:transparent;border:0;color:var(--ui331-mint);text-align:left;}
html.mw230 body #root .fb-product-image331 {width:100%;height:220px;object-fit:cover;border-radius:16px;margin-bottom:16px;}
html.mw230 body #root .fb-product-category331 {margin:0 0 16px;color:var(--ui331-muted);}
html.mw230 body #root .fb-product-nutrition331 {border:1px solid var(--ui331-line);border-radius:16px;padding:12px;}
html.mw230 body #root .fb-product-nutrition331>p {margin:0 0 10px;color:var(--ui331-muted);font-size:13px;}
html.mw230 body #root .fb-product-nutrition331>p:last-child {margin:10px 0 0;}
html.mw230 body #root .fb-product-nutrition331>div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
html.mw230 body #root .fb-product-nutrition331>div>span {display:grid;gap:4px;padding:10px 3px;border:1px solid var(--ui331-line);border-radius:12px;text-align:center;}
html.mw230 body #root .fb-product-nutrition331 b {font-size:17px;font-weight:600;}
html.mw230 body #root .fb-product-nutrition331 small {font-size:11px;line-height:1.3;overflow-wrap:anywhere;}
html.mw230 body #root .fb-source331 {font-size:12px;color:var(--ui331-muted);line-height:1.45;margin:12px 0 20px;}
html.mw230 body #root .fb-product-add331 {border-top:1px solid var(--ui331-line);padding-top:12px;}
html.mw230 body #root .fb-recipe-choice331 {display:grid;gap:8px;color:var(--ui331-muted);font-size:13px;}
html.mw230 body #root .fb-add-row {display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;margin-top:12px;align-items:end;}
html.mw230 body #root .fb-add-row label {display:grid;gap:5px;color:var(--ui331-muted);font-size:13px;}
html.mw230 body #root .fb-add-row button {min-height:48px!important;border-radius:14px;border:0;padding:10px 12px;}
html.mw230 body #root .fb-form {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin:0!important;}
html.mw230 body #root .fb-form label {grid-column:1!important;font-size:14px!important;line-height:1.4!important;}
html.mw230 body #root :is(.fb-form label,.fb-editor-field331,.fb-recipe-more331 label) {display:grid;gap:8px;color:var(--ui331-muted);}
html.mw230 body #root .fb-form small {font-size:12px!important;line-height:1.5!important;}
html.mw230 body #root .fb-form :is(input,textarea,select) {background:#071a20!important;border:1px solid var(--ui331-line)!important;border-radius:14px!important;}
html.mw230 body #root .fb-primary {border:0!important;border-radius:14px!important;padding:12px 16px!important;font-weight:700!important;min-height:48px!important;}
html.mw230 body #root .fb-save331 {width:100%;margin:8px 0 16px;}
html.mw230 body #root .fb-my-recipes331>header {display:grid;gap:12px;margin:0 0 16px;}
html.mw230 body #root .fb-my-recipes331 h2 {margin:0;}
html.mw230 body #root .fb-recipe-list-card {padding:16px!important;min-height:88px!important;}
html.mw230 body #root .fb-recipe-list-card strong {font-size:16px;line-height:1.4;}
html.mw230 body #root .fb-recipe-list-card small {font-size:13px;}
html.mw230 body #root .fb-ingredients331 {margin:20px 0;}
html.mw230 body #root .fb-ingredients331>h2 {margin:0 0 10px!important;}
html.mw230 body #root .fb-mobile-builder331 {display:flex;flex-direction:column;}
html.mw230 body #root .fb-mobile-builder331>.fb-recipe-more331 {order:2;}
html.mw230 body #root .fb-current-ingredients {margin:0;}
html.mw230 body #root .fb-current-ingredients>div {min-height:72px;padding:10px 12px;border-color:var(--ui331-line);background:#071a20bf;border-radius:16px;}
html.mw230 body #root .fb-current-ingredients b {font-size:14px;line-height:1.4;}
html.mw230 body #root .fb-current-ingredients small {font-size:13px;}
html.mw230 body #root :is(.fb-ingredient-picker331,.fb-recipe-more331) {border-top:1px solid var(--ui331-line);margin-top:16px;padding:0;}
html.mw230 body #root :is(.fb-ingredient-picker331,.fb-recipe-more331)>summary {padding:12px 0;color:var(--ui331-mint);}
html.mw230 body #root .fb-recipe-more331 label {margin:8px 0 14px;}
html.mw230 body #root .fb-recipe-state331 {color:var(--ui331-muted);font-size:13px;margin:12px 0;}
html.mw230 body #root .fb-ingredient-results {max-height:none!important;overflow:visible!important;padding:0!important;margin-top:12px;}
html.mw230 body #root .fb-ingredient-result331 {padding:12px;display:grid;gap:4px;}
html.mw230 body #root .fb-ingredient-result331>small {font-size:13px;color:var(--ui331-muted);}
html.mw230 body #root .fb-editorial>.fb-community-head {display:none!important;}
html.mw230 body #root .fb-country-filter {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;gap:6px;padding:0;margin:12px 0;}
html.mw230 body #root .fb-country-filter button {flex:0 0 auto;white-space:nowrap;}
html.mw230 body #root :is(.fb-editorial-grid,.fb-community-grid) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
html.mw230 body #root .fb-editorial-card>img {width:100%;height:170px!important;object-fit:cover;}
html.mw230 body #root .fb-editorial-card>img[src*="workspace-icons"] {width:80px;height:80px!important;object-fit:contain;margin:16px auto 0;display:block;}
html.mw230 body #root .fb-editorial-body {padding:14px!important;}
html.mw230 body #root .fb-editorial-body h2 {margin:8px 0;font-size:18px!important;}
html.mw230 body #root .fb-editorial-body p {font-size:14px;line-height:1.45;}
html.mw230 body #root .fb-editorial-meta {gap:6px;flex-wrap:wrap;}
html.mw230 body #root .fb-editorial-body summary {padding:12px;border:1px solid var(--ui331-line);border-radius:12px;text-align:center;}
html.mw230 body #root .fb-editorial-detail {display:block!important;padding:12px 0 0!important;}
html.mw230 body #root .fb-notice {position:sticky!important;top:0!important;right:auto!important;z-index:5!important;margin:0 16px;padding:12px 14px;font-size:14px;line-height:1.45;}
html.mw230 body #root :is(.fb-empty,.fb-loading-inline) {min-height:180px!important;}
html.mw230 body #root .fb-builder-empty {min-height:200px!important;}
html.mw230 body .games-hub {padding:16px!important;background:transparent!important;}
html.mw230 body .games-hub>header {padding:0 0 20px!important;}
html.mw230 body .games-hub>header>p {display:none!important;}
html.mw230 body .games-hub h2 {font:600 24px/1.3 Manrope,Arial,sans-serif!important;margin:0 0 8px!important;}
html.mw230 body .games-hub>header>span {font:400 14px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
html.mw230 body .games-library {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
html.mw230 body .games-library .game-tile {display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;overflow:hidden!important;text-align:left!important;background:#071a20!important;}
html.mw230 body .games-library .game-tile .game-cover-image {display:block!important;width:100%!important;height:190px!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;}
html.mw230 body .game-caption331 {display:flex;flex-direction:column;gap:4px;padding:12px 16px;color:var(--ui331-ink);}
html.mw230 body .game-caption331 strong {font:600 17px/1.4 Manrope,Arial,sans-serif;}
html.mw230 body .game-caption331>span {font:400 13px/1.4 Manrope,Arial,sans-serif;color:var(--ui331-muted);}

/* Existing game engines and local progress are unchanged. */
html.mw230 body #root .games-hub {padding:16px!important;}
html.mw230 body #root .games-hub>header {padding:0 0 20px!important;margin:0!important;}
html.mw230 body #root .games-library {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin:0!important;}
html.mw230 body #root .games-library .game-tile {display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;align-items:center!important;height:172px!important;min-height:172px!important;max-height:none!important;padding:10px!important;background:#071a20cc!important;border:1px solid var(--ui331-line)!important;border-radius:20px!important;overflow:hidden!important;}
html.mw230 body #root .games-library .game-tile .game-cover-image {position:static!important;inset:auto!important;width:100%!important;height:148px!important;max-width:none!important;object-fit:contain!important;transform:none!important;opacity:1!important;border-radius:12px!important;}
html.mw230 body #root .games-library .game-tile:after {display:none!important;}
html.mw230 body #root .games-library :is(.game-caption331,.comic-card-caption) {position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;padding:12px!important;gap:8px!important;background:transparent!important;}
html.mw230 body #root .games-library :is(.game-caption331,.comic-card-caption) strong {font:600 17px/1.35 Manrope,Arial,sans-serif!important;color:var(--ui331-ink)!important;}
html.mw230 body #root .games-library :is(.game-caption331,.comic-card-caption)>span {font:400 13px/1.5 Manrope,Arial,sans-serif!important;color:var(--ui331-muted)!important;}
html.mw230 body #root .games-library .game-play331 {display:block!important;font:600 14px/1.4 Manrope,Arial,sans-serif!important;color:var(--ui331-mint)!important;}
html.mw230.mw-tetris body #root .workspace-app-window.games:has(.tt-suite) {top:var(--mw-safe-top,0px)!important;bottom:calc(84px + var(--mw-safe-bottom,0px))!important;left:0!important;right:0!important;height:calc(var(--mw-vh,100dvh) - 84px - var(--mw-safe-top,0px) - var(--mw-safe-bottom,0px))!important;padding:0 12px!important;background:transparent!important;}
html.mw230 body #root .tt-suite {display:grid!important;grid-template-rows:44px minmax(0,1fr) 108px!important;height:100%!important;min-height:0!important;background:transparent!important;}
html.mw230 body #root .tt-toolbar {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border:0!important;}
html.mw230 body #root .tt-toolbar>button:first-child {display:flex!important;align-items:center;gap:5px;min-height:44px;background:transparent;border:0;color:var(--ui331-mint);font-size:13px;}
html.mw230 body #root .tt-toolbar>span {display:block!important;font-size:12px!important;color:var(--ui331-muted)!important;}
html.mw230 body #root .tt-toolbar>span:nth-of-type(2),html.mw230 body #root .tt-toolbar>span:nth-of-type(n+4) {display:none!important;}
html.mw230 body #root .tt-game-area {display:grid!important;grid-template-rows:30px minmax(0,1fr)!important;gap:8px!important;height:100%!important;min-height:0!important;padding:0 0 8px!important;box-sizing:border-box!important;overflow:hidden!important;}
html.mw230 body #root .tt-board-frame {grid-row:2!important;justify-self:center!important;width:auto!important;height:100%!important;max-width:100%!important;aspect-ratio:1/2!important;padding:3px!important;border:1px solid var(--ui331-line)!important;border-radius:8px!important;}
html.mw230 body #root .tt-next-column {grid-row:1!important;}
html.mw230 body #root .tt-controls {grid-row:3!important;position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:56px 44px!important;gap:8px!important;height:108px!important;padding:0!important;margin:0!important;}
html.mw230 body #root .tt-controls>div {height:56px!important;order:0!important;}
html.mw230 body #root .tt-controls>div button {height:56px!important;border:1px solid var(--ui331-line)!important;border-radius:14px!important;background:#071a20!important;}
html.mw230 body #root .tt-controls .tt-pause {display:flex!important;align-items:center;justify-content:center;gap:8px;grid-column:1/-1!important;height:44px!important;border:1px solid var(--ui331-line)!important;border-radius:14px!important;background:#071a20!important;color:var(--ui331-mint)!important;}
html.mw230 body #root .tt-overlay h2 {font:600 24px/1.3 Manrope,Arial,sans-serif!important;}