.kai-mobile-nav{display:none}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
button,a,[role="button"],input,select,textarea{-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden}

html,body{height:auto!important;min-height:100%;overflow-y:auto!important;overscroll-behavior-y:auto;touch-action:pan-y;}
body,.kai-app,.kai-shell,.kai-shell-home,.kai-shell-page,.kai-shell-studio,.kai-shell-admin,.kai-pane,.kai-pane-inner,.kai-main-shell,.kai-page-inner,main{overscroll-behavior-y:auto;}
.kai-page-inner,.kai-main-shell{overflow:visible!important;}

.kai-main-shell,.kai-pane,.kai-pane-inner,.kai-player-left,.kai-player-center,.kai-player-right,.kai-player-copy,.kai-home-track-copy,.kai-explore-song-copy,.kai-explore-best-copy,.kai-adv-editor-box{min-width:0}
.kai-home-library-strip,
.kai-home-track-list,
.kai-explore-song-rail,
.kai-explore-best-rail,
.kai-explore-creator-rail,
.kai-explore-studio-rail,
.kai-explore-rail,
.kai-explore-song-rail,
.kai-explore-song-copy,
.kai-explore-card-play,
.kai-player-progress,
.kai-player-actions{max-width:100%}

@media (max-width: 1280px){
  :root{
    --kai-left:520px;
    --kai-right:320px;
  }
  .kai-pane-inner{padding:18px 16px 20px}
  .kai-shell-page{padding:20px 18px calc(var(--kai-player) + 20px)}
}

@media (max-width: 1120px){
  :root{
    --kai-player:94px;
    --kai-player-height:94px;
  }
  html,body{height:auto;min-height:100%}
  body{overflow-y:auto}
  .kai-app{
    display:block !important;
    height:auto !important;
    min-height:100vh;
    max-height:none !important;
    padding-bottom:calc(var(--kai-player) + 14px);
  }
  .kai-sidebar{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:12px 10px 12px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    overflow:visible !important;
  }
  .kai-sidebar-head{position:relative;z-index:5}
  .kai-sidebar-main{
    overflow:visible !important;
    max-height:none !important;
    min-height:0 !important;
    padding-bottom:0 !important;
  }
  .kai-sidebar-top-wrap{padding-bottom:10px !important}
  .kai-sidebar-top{flex-wrap:wrap}
  .kai-brand-row{padding-bottom:10px !important}
  .kai-upgrade{margin-bottom:12px !important}
  .kai-nav{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .kai-nav-link,
  body.kai-sidebar-collapsed .kai-nav-link{
    min-height:72px;
    padding:10px 8px !important;
    gap:6px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
  }
  .kai-nav-text,
  body.kai-sidebar-collapsed .kai-nav-text{
    display:block !important;
    flex:none;
    font-size:11px;
    line-height:1.15;
  }
  .kai-pill,
  body.kai-sidebar-collapsed .kai-pill{display:none !important}
  body.kai-sidebar-collapsed .kai-brand-wordmark,
  body.kai-sidebar-collapsed .kai-profile,
  body.kai-sidebar-collapsed .kai-upgrade{display:block !important}
  body.kai-sidebar-collapsed .kai-sidebar-top{justify-content:flex-start !important}
  .kai-profile-panel,
  .kai-more-panel{max-width:min(420px, calc(100vw - 18px)) !important}

  .kai-shell,
  .kai-shell-home,
  .kai-shell-page,
  .kai-shell-studio,
  .kai-shell-admin{
    display:block !important;
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .kai-pane,
  .kai-pane-left,
  .kai-pane-main,
  .kai-pane-right{display:block !important}
  .kai-splitter{display:none !important}
  .kai-pane-inner{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:16px 14px 18px !important;
  }
  .kai-shell-page{padding:16px 14px calc(var(--kai-player) + 18px) !important}

  .kai-headline,
  .kai-home-topbar,
  .kai-home-section-head,
  .kai-explore-topbar,
  .kai-page-actions,
  .kai-admin-actions,
  .kai-marketing-topbar,
  .kai-marketing-proof-shell,
  .kai-marketing-section-head{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .kai-top-pills,
  .kai-inline-actions,
  .kai-filter-actions,
  .kai-home-banner-actions,
  .kai-marketing-auth,
  .kai-marketing-navlinks{justify-content:flex-start;flex-wrap:wrap}

  .kai-banner,
  .kai-home-banner-slide,
  .kai-home-banner-grid,
  .kai-home-promo-grid,
  .kai-marketing-proof-shell,
  .kai-marketing-advanced-wrap,
  .kai-marketing-create,
  .kai-marketing-composer,
  .kai-marketing-result,
  .kai-explore-best-card,
  .kai-explore-contest-card,
  .kai-track-hero,
  .kai-track-meta-grid,
  .kai-track-main-grid,
  .kai-track-side-grid{
    grid-template-columns:1fr !important;
  }

  .kai-home-playlist-grid,
  .kai-home-mood-grid,
  .kai-marketing-track-grid,
  .kai-marketing-playlist-grid,
  .kai-marketing-feature-grid,
  .kai-marketing-use-grid,
  .kai-marketing-workflow-grid,
  .kai-admin-card-grid,
  .kai-note-grid,
  .kai-hook-grid,
  .kai-mini-grid,
  .kai-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}

  .kai-quick-actions{grid-template-columns:1fr !important}
  .kai-quick-actions button{padding:16px 12px}

  .kai-player{
    left:0 !important;
    right:0 !important;
    height:auto !important;
    min-height:var(--kai-player-height) !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 12px 12px !important;
  }
  .kai-player-left,
  .kai-player-center,
  .kai-player-right{padding-inline:0 !important}
  .kai-player-center,
  .kai-player-right{justify-content:flex-start}
  .kai-player-right{display:flex;flex-wrap:wrap;gap:6px}
  .kai-player-progress{width:100% !important}
  .kai-player-volume{display:none !important}
}

@media (max-width: 860px){
  .kai-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kai-home-playlist-grid,
  .kai-home-mood-grid,
  .kai-marketing-track-grid,
  .kai-marketing-playlist-grid,
  .kai-marketing-feature-grid,
  .kai-marketing-use-grid,
  .kai-marketing-workflow-grid,
  .kai-admin-card-grid,
  .kai-note-grid,
  .kai-hook-grid,
  .kai-mini-grid,
  .kai-plan-grid,
  .kai-explore-contest-grid{grid-template-columns:1fr !important}

  .kai-create-grid,
  .kai-form-stack,
  .kai-adv-stage,
  .kai-adv-control-row,
  .kai-adv-style-row,
  .kai-adv-save-row,
  .kai-adv-toggle-row,
  .kai-marketing-advanced-row,
  .kai-marketing-advanced-inline,
  .kai-player-sheet-grid{grid-template-columns:1fr !important}

  .kai-adv-composer-actions,
  .kai-adv-editor-actions,
  .kai-adv-editor-actions-top,
  .kai-lyrics-toolbar,
  .kai-marketing-composer-actions,
  .kai-marketing-hero-points,
  .kai-marketing-cta-actions,
  .kai-marketing-logos,
  .kai-home-library-head,
  .kai-home-top-meta,
  .kai-explore-stats{flex-wrap:wrap}

  .kai-home-track-row,
  .kai-mini-track,
  .kai-list-item,
  .kai-home-library-card,
  .kai-explore-song-card,
  .kai-explore-track-card,
  .kai-track-row,
  .kai-track-comment,
  .kai-adv-save-left{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .kai-home-track-thumb,
  .kai-home-library-art,
  .kai-explore-song-art,
  .kai-explore-best-art,
  .kai-explore-creator-art,
  .kai-explore-studio-art{width:100%;max-width:none}
}

@media (max-width: 640px){
  :root{
    --kai-player:88px;
    --kai-player-height:88px;
  }
  .kai-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kai-sidebar{padding-inline:8px !important}
  .kai-brand-wordmark{font-size:17px !important}
  .kai-avatar{width:36px !important;height:36px !important}
  .kai-upgrade{height:auto;padding:12px 14px !important}
  .kai-pane-inner,
  .kai-shell-page{padding:14px 12px 16px !important}

  .kai-card,
  .kai-banner,
  .kai-filter-bar,
  .kai-song-row,
  .kai-form-block,
  .kai-plan,
  .kai-table-card,
  .kai-side-note,
  .kai-playlist-card,
  .kai-hero-chip,
  .kai-alert,
  .kai-player-panel-card{border-radius:20px !important}

  .kai-headline h1,
  .kai-headline h2,
  .kai-headline h3{font-size:clamp(22px, 8vw, 30px)}
  .kai-banner h2,
  .kai-home-banner-copy h2,
  .kai-marketing-title{font-size:clamp(28px, 9vw, 42px) !important}

  .kai-inline-actions > *,
  .kai-filter-actions > *,
  .kai-home-banner-actions > *,
  .kai-admin-actions > *,
  .kai-marketing-auth > *,
  .kai-marketing-cta-actions > *{width:100%}

  .kai-chip,
  .kai-button-ghost,
  .kai-button-solid,
  .kai-button-soft,
  .kai-small-select,
  .kai-small-input,
  .kai-small-pill,
  .kai-tab{width:100%;justify-content:center;text-align:center}

  .kai-player-art{width:38px !important;height:38px !important;flex-basis:38px !important}
  .kai-player-copy{min-width:0}
  .kai-player-title{font-size:11px !important}
  .kai-player-meta{white-space:normal}
  .kai-player-controls{justify-content:flex-start}
  .kai-player-panel{left:8px !important;right:8px !important;width:auto !important;bottom:calc(var(--kai-player) + 8px) !important}
  .kai-song-menu{width:min(420px, calc(100vw - 16px)) !important}
}

@media (max-width: 420px){
  .kai-pane-inner,
  .kai-shell-page{padding:12px 10px 14px !important}
  .kai-nav-link,
  body.kai-sidebar-collapsed .kai-nav-link{min-height:66px;padding:9px 6px !important}
  .kai-nav-text,
  body.kai-sidebar-collapsed .kai-nav-text{font-size:10px}
  .kai-button-solid,
  .kai-button-soft,
  .kai-button-ghost,
  .kai-chip,
  .kai-tab,
  .kai-small-select,
  .kai-small-input{padding:10px 12px !important;font-size:12px !important}
  .kai-quick-actions button{padding:14px 10px;font-size:14px}
}

/* v89 phone menu polish: turn stacked sidebar nav into a mobile-friendly horizontal strip */
@media (max-width: 640px){
  .kai-sidebar{
    padding:10px 8px 8px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .kai-sidebar-head{
    display:grid;
    gap:10px;
    padding-bottom:0 !important;
    background:linear-gradient(180deg, rgba(5,16,30,.96), rgba(5,16,30,.86));
    backdrop-filter:blur(14px);
  }
  .kai-brand-row{
    padding:0 !important;
    align-items:center;
    min-height:42px;
  }
  .kai-brand-toggle{
    display:none !important;
  }
  .kai-sidebar-top-wrap{
    padding:0 !important;
  }
  .kai-sidebar-top{
    min-height:52px;
    padding:10px 12px !important;
    border-radius:16px !important;
    flex-wrap:nowrap !important;
    justify-content:space-between;
  }
  .kai-profile{
    min-width:0;
  }
  .kai-profile strong,
  .kai-profile span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .kai-upgrade{
    margin:0 !important;
    padding:10px 12px !important;
    min-height:48px;
    border-radius:16px !important;
  }

  .kai-sidebar-main{
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding-bottom:0 !important;
    scrollbar-width:none;
  }
  .kai-sidebar-main::-webkit-scrollbar{display:none}
  .kai-nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch;
    gap:8px !important;
    overflow-x:auto;
    overflow-y:visible;
    padding:2px 2px 4px !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .kai-nav::-webkit-scrollbar{display:none}
  .kai-nav-spacer{display:none !important}
  .kai-nav-link,
  body.kai-sidebar-collapsed .kai-nav-link,
  .kai-nav-link-more,
  body.kai-sidebar-collapsed .kai-nav-link-more{
    flex:0 0 92px;
    width:92px;
    min-width:92px;
    min-height:74px;
    padding:10px 8px !important;
    border-radius:18px !important;
    gap:7px !important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    scroll-snap-align:start;
  }
  .kai-nav-link .kai-nav-icon,
  .kai-nav-link-more .kai-nav-icon{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }
  .kai-nav-link .kai-nav-icon svg,
  .kai-nav-link-more .kai-nav-icon svg{
    width:18px;
    height:18px;
  }
  .kai-nav-text,
  body.kai-sidebar-collapsed .kai-nav-text{
    display:block !important;
    max-width:100%;
    font-size:10px !important;
    line-height:1.2;
    white-space:normal;
    word-break:break-word;
  }
  .kai-pill,
  body.kai-sidebar-collapsed .kai-pill{display:none !important}
  .kai-more-root{
    flex:0 0 92px;
    min-width:92px;
  }
  .kai-more-panel,
  .kai-profile-panel{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:none !important;
    z-index:4000 !important;
  }
  .kai-more-panel{
    top:auto !important;
    bottom:calc(var(--kai-player) + 12px) !important;
    max-height:min(62vh, 560px);
    overflow:auto;
  }
  .kai-profile-panel{
    top:118px !important;
  }
}

@media (max-width: 420px){
  .kai-nav-link,
  body.kai-sidebar-collapsed .kai-nav-link,
  .kai-nav-link-more,
  body.kai-sidebar-collapsed .kai-nav-link-more{
    flex-basis:86px;
    width:86px;
    min-width:86px;
    min-height:70px;
    padding:9px 6px !important;
  }
  .kai-profile strong{font-size:13px}
  .kai-profile span{font-size:11px}
}

/* v91 mobile-first social app redesign */
@media (max-width: 820px){
  :root{
    --kai-mobile-top:68px;
    --kai-mobile-nav:76px;
    --kai-player:70px;
    --kai-player-height:70px;
  }
  html,body{
    background:#050913;
  }
  body{
    overflow-x:hidden;
    overscroll-behavior-y:none;
  }
  .kai-app{
    display:block !important;
    min-height:100vh;
    padding-bottom:calc(var(--kai-mobile-nav) + var(--kai-player) + env(safe-area-inset-bottom) + 18px) !important;
  }
  .kai-sidebar{
    display:block !important;
    position:static !important;
    width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .kai-sidebar-head{
    position:fixed !important;
    inset:0 0 auto 0;
    z-index:1040;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:var(--kai-mobile-top);
    padding:12px 14px calc(10px + env(safe-area-inset-top));
    background:linear-gradient(180deg, rgba(5,9,19,.96), rgba(5,13,24,.9), rgba(5,13,24,.32));
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(132,176,228,.08);
    box-shadow:0 12px 32px rgba(0,0,0,.24);
  }
  .kai-brand-row{
    flex:1 1 auto;
    align-items:center;
    gap:10px;
    padding:0 !important;
    margin:0;
  }
  .kai-brand-lockup{
    min-width:0;
    gap:10px;
  }
  .kai-brand-logo{
    width:36px;
    height:36px;
    border-radius:12px;
  }
  .kai-brand-wordmark{
    display:block !important;
    font-size:16px;
    line-height:1;
    max-width:140px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .kai-brand-toggle,
  .kai-upgrade,
  .kai-sidebar-main,
  .kai-nav-spacer,
  .kai-profile-caret,
  .kai-profile strong,
  .kai-profile span{
    display:none !important;
  }
  .kai-sidebar-top-wrap{
    padding:0 !important;
    margin:0 0 0 auto;
    flex:0 0 auto;
  }
  .kai-sidebar-top{
    width:42px;
    height:42px;
    padding:0 !important;
    border-radius:14px;
    justify-content:center;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(132,176,228,.12);
    box-shadow:0 12px 24px rgba(0,0,0,.18);
  }
  .kai-avatar{
    width:32px;
    height:32px;
    font-size:11px;
    border-radius:12px;
  }
  .kai-mobile-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(env(safe-area-inset-bottom) + 10px);
    z-index:1035;
    display:grid;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:8px;
    padding:8px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(8,16,30,.94), rgba(5,10,20,.98));
    border:1px solid rgba(132,176,228,.12);
    box-shadow:0 18px 46px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
  }
  .kai-mobile-nav-link{
    min-width:0;
    display:grid;
    justify-items:center;
    align-content:center;
    gap:5px;
    min-height:58px;
    padding:7px 4px;
    color:rgba(223,241,255,.66);
    text-decoration:none;
    border-radius:18px;
    transition:transform .18s ease, background .18s ease, color .18s ease;
  }
  .kai-mobile-nav-link:active{transform:translateY(1px) scale(.985)}
  .kai-mobile-nav-icon{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
  }
  .kai-mobile-nav-icon svg{
    width:20px;
    height:20px;
    fill:currentColor;
  }
  .kai-mobile-nav-text{
    font-size:10px;
    font-weight:700;
    line-height:1;
    letter-spacing:.01em;
  }
  .kai-mobile-nav-link.is-active{
    color:#fff;
    background:linear-gradient(145deg, rgba(91,28,25,.3), rgba(11,58,87,.42));
    box-shadow:inset 0 0 0 1px rgba(137,229,255,.18), 0 10px 26px rgba(0,0,0,.22);
  }
  .kai-mobile-nav-link[href*="studio"]{
    position:relative;
  }
  .kai-mobile-nav-link[href*="studio"] .kai-mobile-nav-icon{
    width:38px;
    height:38px;
    border-radius:14px;
    background:linear-gradient(135deg, #ff8a3d, #ff4ca6);
    color:#fff;
    box-shadow:0 12px 28px rgba(255,76,166,.22);
  }
  .kai-profile-panel,
  .kai-more-panel{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:auto !important;
    bottom:calc(var(--kai-mobile-nav) + env(safe-area-inset-bottom) + 16px) !important;
    width:auto !important;
    max-width:none !important;
    border-radius:24px !important;
    background:linear-gradient(180deg, rgba(8,16,30,.98), rgba(6,12,24,.98)) !important;
    box-shadow:0 26px 60px rgba(0,0,0,.46) !important;
  }
  .kai-pane,
  .kai-pane-left,
  .kai-pane-main,
  .kai-pane-right{
    display:block !important;
    background:transparent !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .kai-shell,
  .kai-shell-home,
  .kai-shell-page,
  .kai-shell-studio,
  .kai-shell-admin{
    display:block !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .kai-pane-left,
  .kai-pane-right,
  .kai-splitter{
    display:none !important;
  }
  .kai-shell-studio .kai-pane-left,
  .kai-shell-studio .kai-pane-main{
    display:block !important;
  }
  .kai-shell-studio .kai-pane-main{
    margin-top:14px;
  }
  .kai-pane-inner,
  .kai-home-page,
  .kai-track-page-shell{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:calc(var(--kai-mobile-top) + env(safe-area-inset-top) + 12px) 12px calc(var(--kai-mobile-nav) + var(--kai-player) + env(safe-area-inset-bottom) + 20px) !important;
  }
  .kai-card,
  .kai-banner,
  .kai-playlist-card,
  .kai-form-block,
  .kai-side-note,
  .kai-song-row,
  .kai-home-playlist-card,
  .kai-explore-song-card,
  .kai-explore-best-card,
  .kai-explore-studio-card,
  .kai-track-hero-card{
    border-radius:22px !important;
    box-shadow:0 18px 40px rgba(0,0,0,.26);
  }
  .kai-headline,
  .kai-home-topbar,
  .kai-explore-topbar,
  .kai-filter-bar,
  .kai-home-section-head,
  .kai-track-headline{
    gap:10px !important;
    margin-bottom:14px !important;
  }
  .kai-headline h1,
  .kai-home-section-head h2,
  .kai-track-page-shell h1{
    font-size:26px !important;
    line-height:1.02;
    letter-spacing:-.05em;
  }
  .kai-home-playlist-grid,
  .kai-home-mood-grid,
  .kai-explore-topline,
  .kai-explore-contest-grid,
  .kai-hook-grid,
  .kai-plan-grid,
  .kai-note-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .kai-home-playlist-card,
  .kai-home-playlist-card-rich{
    padding:14px !important;
    gap:12px !important;
  }
  .kai-home-track-row-song,
  .kai-home-track-row{
    grid-template-columns:64px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
  }
  .kai-home-track-actions{
    grid-column:1 / -1;
    justify-content:flex-start !important;
    padding-top:6px;
    overflow:auto hidden;
    flex-wrap:nowrap !important;
  }
  .kai-home-track-actions .kai-icon-btn{
    width:40px !important;
    height:40px !important;
    flex:0 0 auto;
  }
  .kai-song-row,
  .kai-song-row-studio{
    grid-template-columns:64px minmax(0,1fr) auto !important;
    gap:10px !important;
    min-height:76px !important;
    padding:10px 12px !important;
    margin-inline:0 !important;
    border-bottom:0 !important;
    background:rgba(255,255,255,.03) !important;
  }
  .kai-row-actions-studio{
    display:none !important;
  }
  .kai-song-row .kai-more,
  .kai-song-row-studio .kai-more{
    width:34px !important;
    height:34px !important;
  }
  .kai-track-title,
  .kai-song-row-copy .kai-track-title{
    font-size:14px !important;
    line-height:1.15 !important;
  }
  .kai-track-sub,
  .kai-song-row-copy .kai-track-sub,
  .kai-home-track-sub{
    font-size:11.5px !important;
    line-height:1.35;
    -webkit-line-clamp:2 !important;
  }
  .kai-home-track-stats,
  .kai-song-stats,
  .kai-song-stats-job{
    gap:8px !important;
    flex-wrap:wrap;
    font-size:11px !important;
  }
  .kai-explore-page .kai-explore-song-rail,
  .kai-explore-page .kai-explore-best-rail,
  .kai-explore-page .kai-explore-studio-rail,
  .kai-explore-page .kai-explore-creator-rail{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    overflow:visible !important;
  }
  .kai-explore-best-card,
  .kai-explore-song-card,
  .kai-explore-studio-card,
  .kai-explore-creator-card,
  .kai-explore-song-card.is-tall{
    width:100% !important;
  }
  .kai-explore-card-fab,
  .kai-explore-studio-fab,
  .kai-explore-play-fab{
    width:48px !important;
    height:48px !important;
    right:14px !important;
    bottom:14px !important;
  }
  .kai-track-page-shell{
    max-width:none !important;
  }
  .kai-track-hero,
  .kai-track-meta-grid,
  .kai-track-main-grid,
  .kai-track-side-grid,
  .kai-track-hero-card{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .kai-track-page-hero{
    padding:16px !important;
  }
  .kai-studio-topbar{
    position:sticky;
    top:calc(var(--kai-mobile-top) + env(safe-area-inset-top) + 4px);
    z-index:20;
    padding:8px;
    margin:0 -2px 10px;
    border-radius:20px;
    background:rgba(8,16,30,.86);
    backdrop-filter:blur(16px);
    border:1px solid rgba(132,176,228,.08);
  }
  .kai-create-grid{
    gap:12px !important;
  }
  .kai-simple-scroll,
  .kai-adv-editor-shell,
  .kai-adv-editor-box,
  .kai-adv-lyrics-card,
  .kai-adv-style-card,
  .kai-adv-options-card,
  .kai-form-block{
    border-radius:22px !important;
  }
  .kai-simple-toolbar,
  .kai-adv-chip-row,
  .kai-inline-actions,
  .kai-top-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .kai-simple-toolbar::-webkit-scrollbar,
  .kai-adv-chip-row::-webkit-scrollbar,
  .kai-inline-actions::-webkit-scrollbar,
  .kai-top-pills::-webkit-scrollbar{display:none}
  .kai-simple-pill,
  .kai-adv-chip,
  .kai-chip,
  .kai-small-pill{
    flex:0 0 auto;
  }
  .kai-song-menu{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    top:auto !important;
    bottom:calc(var(--kai-mobile-nav) + var(--kai-player) + env(safe-area-inset-bottom) + 12px) !important;
    width:auto !important;
    max-width:none !important;
  }
  .kai-song-menu-column,
  .kai-song-menu-submenu{
    width:100% !important;
    max-height:min(58vh, 480px);
    overflow:auto;
    border-radius:24px !important;
  }
  .kai-song-menu-item{
    min-height:46px !important;
  }
  .kai-player{
    left:8px !important;
    right:8px !important;
    bottom:calc(var(--kai-mobile-nav) + env(safe-area-inset-bottom) + 12px) !important;
    height:auto !important;
    min-height:var(--kai-player-height) !important;
    padding:10px 12px !important;
    gap:8px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    border-radius:24px;
    border:1px solid rgba(132,176,228,.12);
    background:linear-gradient(180deg, rgba(8,16,30,.96), rgba(6,12,24,.98)) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.42) !important;
  }
  .kai-player-left{
    min-width:0;
    padding-inline:0 !important;
  }
  .kai-player-center,
  .kai-player-right,
  .kai-player-volume,
  .kai-player-actions .kai-player-icon:nth-child(n+5),
  .kai-player-controls .kai-player-icon:first-child,
  .kai-player-controls .kai-player-icon:last-child{
    display:none !important;
  }
  .kai-player-copy{
    min-width:0;
  }
  .kai-player-art{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:14px !important;
  }
  .kai-player-title{
    font-size:12.5px !important;
  }
  .kai-player-meta{
    font-size:10.5px !important;
  }
  .kai-player-play{
    width:42px !important;
    height:42px !important;
    border-radius:16px !important;
  }
  .kai-player-panel{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    bottom:calc(var(--kai-mobile-nav) + var(--kai-player) + env(safe-area-inset-bottom) + 18px) !important;
  }
}

@media (max-width: 560px){
  :root{
    --kai-mobile-top:64px;
    --kai-mobile-nav:72px;
    --kai-player:66px;
    --kai-player-height:66px;
  }
  .kai-brand-wordmark{max-width:110px;font-size:15px}
  .kai-mobile-nav{left:8px;right:8px;gap:6px;padding:7px}
  .kai-mobile-nav-link{min-height:54px;padding:6px 2px}
  .kai-mobile-nav-text{font-size:9.5px}
  .kai-mobile-nav-link[href*="studio"] .kai-mobile-nav-icon{width:34px;height:34px;border-radius:12px}
  .kai-pane-inner,
  .kai-home-page,
  .kai-track-page-shell{padding-left:10px !important;padding-right:10px !important}
  .kai-headline h1,
  .kai-home-section-head h2,
  .kai-track-page-shell h1{font-size:23px !important}
  .kai-home-playlist-card,
  .kai-home-playlist-card-rich,
  .kai-card,
  .kai-form-block,
  .kai-playlist-card{border-radius:20px !important}
  .kai-song-row,
  .kai-song-row-studio{grid-template-columns:58px minmax(0,1fr) auto !important;padding:9px 10px !important}
  .kai-home-track-row-song,
  .kai-home-track-row{grid-template-columns:58px minmax(0,1fr) !important}
  .kai-song-menu,.kai-profile-panel,.kai-more-panel,.kai-player-panel{left:8px !important;right:8px !important}
}

/* v92 compact song menu like desktop on phones */
@media (max-width: 768px){
  .kai-song-menu-column,
  .kai-song-menu-submenu{
    width:min(248px, calc(100vw - 28px)) !important;
    min-width:min(248px, calc(100vw - 28px)) !important;
    max-width:min(248px, calc(100vw - 28px)) !important;
    left:auto !important;
    right:12px !important;
    top:auto !important;
    bottom:calc(var(--kai-mobile-nav) + var(--kai-player) + env(safe-area-inset-bottom) + 12px) !important;
    max-height:min(66vh, 520px) !important;
    padding:6px !important;
    gap:4px !important;
    border-radius:18px !important;
  }
  .kai-song-menu-divider{margin:1px 2px !important;}
  .kai-song-menu-item{
    min-height:34px !important;
    padding:7px 9px !important;
    gap:8px !important;
    border-radius:12px !important;
  }
  .kai-song-menu-item > span:first-child{
    width:14px !important;
    min-width:14px !important;
    font-size:11px !important;
  }
  .kai-song-menu-item strong{
    font-size:11.5px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
  }
  .kai-song-menu-item i{
    font-size:12px !important;
  }
  .kai-song-menu-item em,
  .kai-menu-badge,
  .kai-menu-pro{
    font-size:8px !important;
    min-width:24px !important;
    padding:2px 6px !important;
  }
  .kai-song-menu-note{
    font-size:10px !important;
    padding:8px 10px !important;
  }
  .kai-song-menu-inline-form{
    gap:6px !important;
    padding:0 6px 6px !important;
  }
  .kai-song-menu-inline-form input,
  .kai-song-menu-inline-btn{
    height:34px !important;
    font-size:11px !important;
    border-radius:10px !important;
    padding-inline:10px !important;
  }
  .kai-song-menu-permission-row{
    padding:9px 10px !important;
    gap:10px !important;
    border-radius:14px !important;
  }
  .kai-song-menu-permission-row strong{font-size:12px !important;}
  .kai-song-menu-permission-row span{font-size:10px !important;line-height:1.3 !important;}
  .kai-song-switch span{width:40px !important;height:24px !important;}
  .kai-song-switch span::after{width:16px !important;height:16px !important;top:3px !important;left:3px !important;}
  .kai-song-switch input:checked + span::after{left:20px !important;}
}

@media (max-width: 420px){
  .kai-song-menu-column,
  .kai-song-menu-submenu{
    width:min(232px, calc(100vw - 22px)) !important;
    min-width:min(232px, calc(100vw - 22px)) !important;
    max-width:min(232px, calc(100vw - 22px)) !important;
    right:10px !important;
  }
  .kai-song-menu-item strong{font-size:11px !important;}
}

/* v94 phone scrolling + tap-to-play fixes */
@media (max-width: 820px){
  html,
  body{
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
  }
  body{
    position:relative;
  }
  .kai-app,
  .kai-shell,
  .kai-shell-home,
  .kai-shell-page,
  .kai-shell-studio,
  .kai-shell-admin,
  .kai-main,
  .kai-pane,
  .kai-pane-left,
  .kai-pane-main,
  .kai-pane-right,
  .kai-pane-inner,
  .kai-home-page,
  .kai-track-page-shell,
  .kai-studio-pane,
  .kai-adv-stage,
  .kai-simple-scroll,
  .kai-adv-editor-shell,
  .kai-adv-editor-box,
  .kai-playlist-track-list,
  .kai-explore-page,
  .kai-track-page,
  .kai-library-page{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .kai-pane-inner,
  .kai-home-page,
  .kai-track-page-shell,
  .kai-studio-pane,
  .kai-adv-stage,
  .kai-simple-scroll{
    overflow:visible !important;
  }
  .kai-player-panel,
  .kai-more-panel,
  .kai-profile-panel,
  .kai-song-menu-column,
  .kai-song-menu-submenu{
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  [data-song-item],
  [data-play-track],
  .kai-explore-song-card,
  .kai-explore-best-card,
  .kai-explore-studio-card,
  .kai-home-track-row-song,
  .kai-home-library-card,
  .kai-track-hero-card{
    -webkit-tap-highlight-color:transparent;
  }
}

@media (max-width: 900px){
  .kai-shell.kai-hooks-shell{display:block !important;height:auto !important;overflow:visible !important;padding-bottom:0 !important}
  .kai-hooks-shell .kai-pane-left,
  .kai-hooks-shell .kai-pane-right,
  .kai-hooks-shell .kai-splitter{display:none !important}
  .kai-hooks-shell .kai-pane-main{min-width:100% !important;width:100% !important;flex:1 1 auto !important}
  .kai-hooks-main .kai-pane-inner{padding:0 !important}
  .kai-hooks-topbar{display:none !important}
  .kai-hooks-feed{gap:0 !important;height:calc(100svh - 88px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;scroll-snap-type:y mandatory !important}
  .kai-hook-reel{min-height:calc(100svh - 88px) !important;height:calc(100svh - 88px) !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;box-shadow:none !important;scroll-snap-align:start}
  .kai-hook-media-shell,
  .kai-hook-video{min-height:calc(100svh - 88px) !important;height:calc(100svh - 88px) !important}
  .kai-hook-play-overlay{width:74px !important;height:74px !important;font-size:24px !important}
  .kai-hook-top-actions{top:14px !important;right:14px !important}
  .kai-hook-top-actions .kai-hook-floating-btn{padding:12px 18px !important;font-size:12px !important}
  .kai-hook-side-actions{right:10px !important;bottom:172px !important;gap:10px !important}
  .kai-hook-side-btn,.kai-hook-side-avatar{width:58px !important;min-height:58px !important;border-radius:20px !important;padding:8px !important}
  .kai-hook-side-btn strong{font-size:.68rem !important}
  .kai-hook-meta{left:16px !important;right:86px !important;bottom:112px !important;gap:8px !important}
  .kai-hook-meta p{font-size:1rem !important;line-height:1.42 !important}
  .kai-hook-song-pill{left:14px !important;right:14px !important;bottom:18px !important;padding:12px 14px !important;border-radius:22px !important;gap:10px !important}
  .kai-hook-song-pill-art{width:56px !important;height:56px !important;border-radius:18px !important}
  .kai-hook-song-pill-copy strong{font-size:1rem !important}
  .kai-hook-song-pill-copy em{font-size:.82rem !important}
  .kai-hook-song-pill-cta{padding:10px 16px !important;font-size:.86rem !important}
  .kai-hook-sheet{width:min(460px,calc(100vw - 16px)) !important;bottom:10px !important;border-radius:26px !important;padding:14px !important}
}

@media (max-width: 1120px){
  .kai-main-shell,.kai-page-inner,main,.kai-pane-inner{overflow:visible!important;}
  .kai-player{touch-action:auto;}
}