/* A calmer presentation. Existing IDs, events and features are preserved. */
body.simple-ui { --indigo:#3159dd; --indigo-light:#5277ee; --indigo-dark:#2143b2; --ink:#17223d; --muted:#66728b; --panel:#fff; --panel-soft:#f3f5fa; --line:#e6eaf2; background:#f7f8fc; }
body.simple-ui[data-theme="dark"] { --ink:#ecf0ff; --muted:#adb9d1; --panel:#17223a; --panel-soft:#202e49; --line:#334360; background:#101a2e; }
html.xporia-home-active, html.xporia-home-active body.simple-ui { height:auto; overflow:auto; overscroll-behavior:auto; }
body.simple-ui .app-shell, body.simple-ui[data-active-view="home"] .app-shell { height:auto; min-height:100dvh; overflow:visible; grid-template-columns:220px minmax(0,1fr); }
body.simple-ui .main, body.simple-ui[data-active-view="home"] .main { width:100%; max-width:1360px; height:auto; min-height:100dvh; display:block; padding:26px clamp(24px,4vw,60px) 48px; background:transparent; overflow:visible; }
body.simple-ui .sidebar { padding:28px 18px; background:var(--panel); border-right:1px solid var(--line); box-shadow:none; }
body.simple-ui .brand { margin-bottom:36px; }
body.simple-ui .brand-home-link { color:var(--ink); }
body.simple-ui .brand-mark { width:34px; height:34px; border-radius:11px; box-shadow:none; }
body.simple-ui .nav-list { gap:8px; }
body.simple-ui .sidebar .nav-item { min-height:52px; padding:10px 12px; gap:12px; border:0!important; border-radius:12px; font-size:14px; font-weight:650; color:var(--muted)!important; background:transparent!important; box-shadow:none!important; transform:none; }
body.simple-ui .sidebar .nav-item.active, body.simple-ui .sidebar .nav-item:hover { color:var(--indigo)!important; background:var(--panel-soft)!important; box-shadow:none!important; }
body.simple-ui .sidebar .nav-item::after { display:none; }
body.simple-ui .sidebar .nav-item .icon { width:26px!important; height:26px!important; flex-basis:26px!important; transform:none!important; box-shadow:none!important; filter:none!important; }
body.simple-ui .sidebar .nav-item.hidden, body.simple-ui [data-view-link].hidden, body.simple-ui #moreMenuOverlay button.hidden { display:none!important; }
body.simple-ui .my-creations-hero { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; }
body.simple-ui .simple-explore-link { min-height:46px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; color:var(--indigo); background:var(--panel); font-size:14px; }
body.simple-ui .simple-section-link { margin:0 0 22px; color:var(--indigo); font-size:14px; }
body.simple-ui .topbar { padding:0 0 20px; min-height:58px; margin-bottom:24px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
body.simple-ui #pageTitle { font-size:20px; letter-spacing:-.4px; }
body.simple-ui .top-actions { gap:12px; }
body.simple-ui .coin-stat-pill { padding:8px 10px; min-height:38px; border:1px solid var(--line); color:var(--ink); background:var(--panel); box-shadow:none; transform:none; animation:none; }
body.simple-ui .coin-stat-pill b { font-size:10px; }
body.simple-ui .coin-energy-ring, body.simple-ui .coin-sparkles { display:none; }
body.simple-ui .community-notification-bell { background:var(--panel-soft); border:0; box-shadow:none; }
body.simple-ui .topbar .avatar-button { width:40px; height:40px; }
body.simple-ui .primary-button, body.simple-ui .card-button { border-radius:12px; box-shadow:none; min-height:46px; font-size:15px; font-weight:750; }
body.simple-ui button, body.simple-ui a { -webkit-tap-highlight-color:transparent; }
body.simple-ui :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid #7795ff; outline-offset:4px; }
body.simple-ui .eyebrow { font-size:11px; font-weight:750; letter-spacing:.13em; }
body.simple-ui #homeView.active { display:block; overflow:visible; }
body.simple-ui .simple-home-hero { display:grid; grid-template-columns:1.3fr .8fr; align-items:center; gap:24px; min-height:365px; padding:42px; border:1px solid #dee6fa; border-radius:26px; background:linear-gradient(120deg,#eef3ff,#f4f7ff 64%,#e9f7f7); }
body.simple-ui .simple-home-copy .eyebrow { margin:0 0 22px; color:#526b9c; }
body.simple-ui #heroTitle { margin:0; font-size:clamp(34px,3.7vw,52px); font-weight:850; line-height:1.12; letter-spacing:-2px; color:#17223d; }
body.simple-ui #heroTitle span { color:#3159dd; }
body.simple-ui #heroSubtitle { margin:20px 0 24px; color:#566681; font-size:17px; line-height:1.7; }
body.simple-ui .simple-create-cta { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:14px 22px; color:#fff; text-decoration:none; background:#3159dd; }
body.simple-ui .simple-create-cta:hover { background:#254ac6; }
body.simple-ui .simple-hero-hint { margin:13px 0 0; color:#66728b; font-size:12px; line-height:1.5; }
body.simple-ui .simple-home-visual { display:grid; justify-items:center; gap:18px; text-align:center; }
body.simple-ui .simple-home-visual>img { width:min(100%,230px); height:auto; filter:drop-shadow(0 13px 17px #234a8720); }
body.simple-ui .simple-home-visual>span { color:#697996; font-size:12px; line-height:1.6; }
body.simple-ui .simple-home-visual #xporiaMascotMount { display:none; }
body.simple-ui .simple-home-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; }
body.simple-ui #homeView .simple-home-shortcuts [data-view-link="courses"] { display:flex!important; }
body.simple-ui .brand-home-link strong { color:var(--ink); background:none; -webkit-text-fill-color:var(--ink); text-shadow:none; }
body.simple-ui #coinBalanceButton, body.simple-ui #coinBalanceButton strong, body.simple-ui #coinBalanceButton b { color:var(--ink)!important; text-shadow:none!important; filter:none!important; }
body.simple-ui #coinBalanceButton::before, body.simple-ui #coinBalanceButton::after { display:none!important; }
body.simple-ui .simple-home-shortcuts button { display:flex; align-items:center; gap:16px; width:100%; padding:24px; border:1px solid var(--line); border-radius:18px; text-align:left; color:var(--ink); background:var(--panel); cursor:pointer; transition:border-color .2s,transform .2s; }
body.simple-ui .simple-home-shortcuts button:hover { border-color:#9bacdf; transform:translateY(-2px); }
body.simple-ui .simple-shortcut-icon { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:13px; background:#edf1ff; color:#4260c3; font-size:28px; }
body.simple-ui .simple-shortcut-icon.mint { color:#228774; background:#e4f6ef; }
body.simple-ui .simple-home-shortcuts strong { display:block; margin-bottom:7px; font-size:17px; }
body.simple-ui .simple-home-shortcuts small { color:var(--muted); font-size:13px; line-height:1.4; }
body.simple-ui .simple-home-shortcuts b { margin-left:auto; color:var(--muted); font-size:21px; }
body.simple-ui .simple-home-note { margin:24px 0; color:var(--muted); font-size:12px; text-align:center; }
body.simple-ui .my-creations-hero { padding:8px 0 24px; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--ink); }
body.simple-ui .my-creations-hero h2 { margin:7px 0 10px; font-size:30px; letter-spacing:-.8px; color:var(--ink); }
body.simple-ui .my-creations-hero p { color:var(--muted); }
body.simple-ui #communityQuizCreator { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; align-items:center; padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:none; }
body.simple-ui .revision-assistant-intro { grid-column:1; grid-row:1 / span 2; text-align:left; }
body.simple-ui .revision-assistant-intro strong { font-size:18px; color:var(--ink); }
body.simple-ui .revision-assistant-intro p { margin:8px 0 0; font-size:14px; color:var(--muted); line-height:1.5; }
body.simple-ui #communityQuizCreator .community-ai-assistant-link { grid-column:2; display:flex; justify-content:center; gap:10px; width:auto; min-width:190px; min-height:50px; padding:12px 20px; border:0; border-radius:12px; background:#3159dd; box-shadow:none; animation:none; transform:none; }
body.simple-ui #communityQuizCreator .community-ai-assistant-link::before, body.simple-ui #communityQuizCreator .community-ai-assistant-link::after { display:none; }
body.simple-ui .community-ai-assistant-wand { width:24px; height:24px; }
body.simple-ui #communityQuizCreator .community-ai-assistant-copy strong { font-size:16px; color:#fff; text-shadow:none; }
body.simple-ui .community-ai-assistant-arrow { display:none; }
body.simple-ui .simple-manual-create { grid-column:2; padding:8px 0; color:var(--muted); font-size:12px; }
body.simple-ui #revisionsView #communityQuizCreator .revision-assistant-intro { grid-column:1; grid-row:1 / span 2; text-align:left; padding:0; }
body.simple-ui #revisionsView #communityQuizCreator { justify-items:stretch; }
body.simple-ui #revisionsView #communityQuizCreator .revision-assistant-intro { justify-self:stretch; text-align:left!important; }
body.simple-ui .revision-delete-button { border:1px solid var(--line); color:var(--muted); background:var(--panel-soft); box-shadow:none; }
body.simple-ui #revisionsView #communityQuizCreator .revision-assistant-intro p { color:var(--muted)!important; font-size:14px; }
body.simple-ui #revisionsView #openCommunityQuizWizard { grid-column:2; grid-row:2; min-height:36px; margin:0; padding:6px 0; width:auto; border:0; border-radius:0; color:var(--muted); background:transparent; box-shadow:none; text-shadow:none; font-size:12px; animation:none; transform:none; }
body.simple-ui #revisionsView #xporiaAiCreditCounter { grid-column:1; margin:0; text-align:left; font-size:12px; font-weight:500; color:var(--muted); }
body.simple-ui #revisionsView #xporiaAiCreditCounter strong { font-size:12px; font-weight:700; }
body.simple-ui #communityQuizCreator .community-ai-assistant-wand svg { width:24px; height:24px; filter:none; }
body.simple-ui #communityQuizLaunchStatus:empty { display:none; }
body.simple-ui .my-revision-exercises>header { margin:30px 0 16px; }
body.simple-ui .my-revision-exercises>header h2 { margin:0 0 8px; font-size:22px; }
body.simple-ui .my-revision-exercises>header p { color:var(--muted); font-size:13px; }
body.simple-ui .creator-all-exercises, body.simple-ui .profile-card, body.simple-ui .profile-preferences-panel { border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:none; }
body.simple-ui .creator-exercise-list>li { border:1px solid var(--line); border-radius:12px; background:var(--panel); box-shadow:none; }
body.simple-ui .creator-exercise-open strong { color:var(--ink); font-size:16px; }
body.simple-ui .creator-exercise-open small { color:var(--muted); }
body.simple-ui .community-catalog-shell { display:block; padding:0; border:0; background:transparent; box-shadow:none; }
body.simple-ui #coursesView .community-matter-sidebar { display:none!important; }
body.simple-ui #coursesView .subject-tabs:has(>:only-child) { display:none!important; }
body.simple-ui #coursesView .chapters-panel { padding:0; background:transparent; border:0; box-shadow:none; }
body.simple-ui #coursesView .community-catalog-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; }
body.simple-ui #coursesView .community-catalog-toolbar>label { min-width:0; margin:0; }
body.simple-ui #coursesView .community-catalog-toolbar select { width:100%; max-width:200px; }
body.simple-ui #coursesView .community-results-heading { display:flex; flex-wrap:wrap; gap:14px; margin:22px 0; }
body.simple-ui #coursesView .community-results-heading>div { flex:1; }
body.simple-ui #coursesView .community-results-heading label { display:block; width:auto; }
body.simple-ui #coursesView .community-results-heading select { display:block; max-width:220px; min-height:44px; padding:10px; border-radius:10px; border:1px solid var(--line); color:var(--ink); background:var(--panel); }
body.simple-ui .community-results-heading h3 { font-size:19px; }
body.simple-ui .community-catalog-toolbar { padding:0; border:0; background:transparent; box-shadow:none; gap:12px; }
body.simple-ui .community-catalog-toolbar input, body.simple-ui .community-catalog-toolbar select { min-height:48px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--ink); box-shadow:none; font-size:14px; }
body.simple-ui #coursesView .community-quiz-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; }
body.simple-ui .community-quiz-card { display:block; padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:none; transform:none; }
body.simple-ui .community-quiz-card:hover { box-shadow:0 5px 20px #17223d08; transform:none; }
body.simple-ui .community-card-cover { height:112px; margin:0 0 14px; border-radius:11px; overflow:hidden; }
body.simple-ui .community-card-cover img { width:100%; height:100%; object-fit:cover; }
body.simple-ui .community-card-subject { max-width:85%; font-size:11px; }
body.simple-ui .community-quiz-card .chapter-card-heading { margin:10px 0; }
body.simple-ui .community-quiz-card h3 { font-size:18px; line-height:1.35; min-height:48px; margin:10px 0 16px; color:var(--ink); }
body.simple-ui .community-quiz-card .card-button { width:100%; background:#3159dd!important; }
body.simple-ui .simple-card-details { margin-top:12px; font-size:12px; }
body.simple-ui .simple-card-details summary { display:flex; justify-content:space-between; padding:8px 0; cursor:pointer; list-style:none; color:var(--muted); }
body.simple-ui .simple-card-details summary::-webkit-details-marker { display:none; }
body.simple-ui .simple-card-details[open] summary { margin-bottom:14px; border-bottom:1px solid var(--line); }
body.simple-ui .simple-card-details .community-card-subscribe { animation:none; box-shadow:none; }
body.simple-ui .community-random-button { padding:10px 13px; min-height:44px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--muted); box-shadow:none; }
body.simple-ui #coursesView .community-pagination { display:flex; align-items:center; justify-content:center; gap:16px; padding:12px; margin:12px 0; }
body.simple-ui #coursesView .community-pagination button { width:44px; height:44px; min-width:44px; min-height:44px; border:1px solid var(--line); border-radius:11px; background:var(--panel); color:var(--ink); box-shadow:none; font-size:18px; }
body.simple-ui #coursesView .community-pagination span { color:var(--muted); font-size:13px; }
body.simple-ui #coursesView .community-online-accounts { display:flex; align-items:center; justify-content:center; padding:10px; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.simple-ui #coursesView .community-online-accounts>div { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
body.simple-ui #coursesView .community-online-accounts :is(p,strong,small) { margin:0; color:var(--muted); font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
body.simple-ui #coursesView .community-online-pulse { width:7px; height:7px; margin-right:7px; box-shadow:none; animation:none; }
body.simple-ui .more-menu-card { max-width:calc(100vw - 24px); max-height:calc(100dvh - 110px); overflow-y:auto; padding:14px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 18px 70px #17223d26; }
body.simple-ui .more-menu-card>p { padding:4px 12px; color:var(--muted); font-size:12px; }
body.simple-ui .more-menu-card button { min-height:66px; border:0; border-radius:11px; background:transparent; color:var(--ink); }
body.simple-ui .more-menu-card button:hover { background:var(--panel-soft); }
body.simple-ui .more-menu-card button small { color:var(--muted); }
body.simple-ui .more-menu-card button>span { background:var(--panel-soft); border:0; border-radius:12px; box-shadow:none; color:var(--ink); }
body.simple-ui .combined-section-heading { background:transparent; border:0; box-shadow:none; padding:0 0 20px; }
body.simple-ui .profile-section-heading .text-button { margin-top:10px; color:var(--indigo); }
body.simple-ui .creator-public-link-control, body.simple-ui .gem-rules-button { box-shadow:none; }
@media(min-width:721px) { body.simple-ui .sidebar { width:220px; } body.simple-ui .community-catalog-results .community-quiz-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1100px) {
  body.simple-ui .simple-home-hero { padding:30px; }
  body.simple-ui #coursesView .community-quiz-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.simple-ui #coursesView .community-catalog-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.simple-ui #coursesView .community-quiz-search { grid-column:1/-1; }
  body.simple-ui #coursesView .community-catalog-toolbar select { max-width:none; }
}
@media(max-width:720px) {
  body.simple-ui .app-shell { display:block; }
  body.simple-ui .main, body.simple-ui[data-active-view="home"] .main { padding:16px 18px 114px; min-height:100dvh; }
  body.simple-ui .sidebar { position:fixed; inset:auto 0 0; width:100%; height:auto; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); border:0; border-top:1px solid var(--line); background:var(--panel)!important; box-shadow:0 -4px 24px #17223d06!important; }
  body.simple-ui .sidebar .brand { display:none; }
  body.simple-ui .sidebar .nav-list { display:grid!important; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); grid-template-columns:none!important; gap:6px!important; }
  body.simple-ui .sidebar .nav-item { display:flex!important; flex-direction:column; justify-content:center; gap:5px!important; padding:8px 2px!important; min-height:58px; font-size:10px!important; line-height:1.2!important; white-space:nowrap; }
  body.simple-ui .sidebar .nav-item .icon { width:25px!important; height:25px!important; flex-basis:25px!important; }
  body.simple-ui .topbar { min-height:48px; padding-bottom:14px; margin-bottom:18px; }
  body.simple-ui .topbar { display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; }
  body.simple-ui .topbar>div:first-child { display:block; min-width:0; }
  body.simple-ui .top-actions { width:auto; margin-left:auto; }
  body.simple-ui .top-actions .stat-pill { flex:0 0 auto; }
  body.simple-ui #pageTitle { font-size:18px; }
  body.simple-ui .top-actions { gap:8px; }
  body.simple-ui .coin-stat-pill b { display:none; }
  body.simple-ui .coin-stat-pill { padding:7px; min-width:54px; }
  body.simple-ui .simple-home-hero { grid-template-columns:1fr; position:relative; min-height:0; padding:26px 22px; border-radius:22px; }
  body.simple-ui .simple-home-copy .eyebrow { max-width:245px; font-size:9px; line-height:1.6; margin-bottom:18px; }
  body.simple-ui #heroTitle { font-size:38px; letter-spacing:-1.5px; }
  body.simple-ui #heroSubtitle { margin:17px 0 20px; font-size:14px; line-height:1.6; max-width:270px; }
  body.simple-ui .simple-create-cta { width:100%; min-height:50px; padding:14px 12px; font-size:15px; }
  body.simple-ui .simple-hero-hint { font-size:11px; text-align:center; }
  body.simple-ui .simple-home-visual { display:none; }
  body.simple-ui .simple-home-shortcuts { grid-template-columns:1fr; gap:12px; margin-top:16px; }
  body.simple-ui .simple-home-shortcuts button { gap:13px; padding:17px; border-radius:15px; }
  body.simple-ui .simple-home-shortcuts strong { font-size:16px; margin-bottom:5px; }
  body.simple-ui .simple-home-shortcuts small { font-size:12px; }
  body.simple-ui .simple-shortcut-icon { width:40px; height:40px; flex-basis:40px; font-size:25px; }
  body.simple-ui .simple-home-note { margin:20px 0 0; font-size:11px; }
  body.simple-ui #communityQuizCreator { grid-template-columns:1fr; padding:20px; gap:16px; }
  body.simple-ui .revision-assistant-intro { grid-column:1; grid-row:auto; }
  body.simple-ui #revisionsView #communityQuizCreator .revision-assistant-intro { grid-column:1; grid-row:auto; }
  body.simple-ui #revisionsView #openCommunityQuizWizard { grid-column:1; grid-row:auto; }
  body.simple-ui #communityQuizCreator .community-ai-assistant-link, body.simple-ui .simple-manual-create { grid-column:1; width:100%; }
  body.simple-ui .my-creations-hero h2 { font-size:27px; }
  body.simple-ui .community-catalog-toolbar { grid-template-columns:minmax(0,1fr); }
  body.simple-ui #coursesView .community-catalog-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.simple-ui #coursesView .community-quiz-search { grid-column:1/-1; }
  body.simple-ui #coursesView .community-catalog-toolbar select { max-width:none; width:100%; font-size:12px; padding:10px 8px; }
  body.simple-ui #coursesView .community-results-heading>div { flex:1; }
  body.simple-ui #coursesView .community-results-heading { margin:20px 0 14px; }
  body.simple-ui #coursesView .community-random-button { width:auto; }
  body.simple-ui #coursesView .community-results-heading label { flex:1; width:auto; }
  body.simple-ui #coursesView .community-results-heading select { width:100%; max-width:none; font-size:13px; }
  body.simple-ui #coursesView .community-quiz-list { grid-template-columns:minmax(0,1fr); }
  body.simple-ui .community-quiz-card .community-card-cover { height:132px; }
  body.simple-ui .community-quiz-card h3 { min-height:0; }
  body.simple-ui #coursesView .community-catalog-toolbar input, body.simple-ui #coursesView .community-catalog-toolbar select { font-size:16px!important; }
}
@media(prefers-reduced-motion:reduce) { body.simple-ui * { scroll-behavior:auto!important; transition:none!important; } }
@media(max-width:360px) { body.simple-ui #heroTitle { font-size:32px; } }

body.simple-ui .admin-access-banner { position:sticky; top:0; left:auto; width:100%; transform:none; border-radius:0; margin:0; }
body.simple-ui #homeView .simple-home-shortcuts [data-view-link].hidden { display:none!important; }
body.simple-ui[data-theme="dark"] .sidebar .nav-item.active, body.simple-ui[data-theme="dark"] .sidebar .nav-item:hover { color:#adbeff!important; }
body.simple-ui[data-theme="dark"] :is(.simple-explore-link,.simple-section-link,.profile-section-heading .text-button) { color:#adbeff; }

/* Full-page assistant: controls occupy their own row, including the open palette. */
body.simple-ui .xporia-ai-dialog { inset:0; width:100%; max-width:none; height:100dvh; max-height:100dvh; margin:0; padding:0; border:0; border-radius:0; overflow:hidden; }
body.simple-ui .xporia-ai-dialog .xporia-ai-shell { display:flex; flex-direction:column; gap:18px; width:100%; height:100%; min-height:0; padding:20px clamp(16px,4vw,56px) max(20px,env(safe-area-inset-bottom)); overflow:auto; overscroll-behavior:contain; }
body.simple-ui .xporia-ai-toolbar { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:start; gap:16px; width:100%; flex-shrink:0; }
body.simple-ui .xporia-ai-dialog .xporia-ai-color-picker { position:relative; inset:auto; display:grid; grid-template-columns:minmax(0,1fr); justify-items:start; gap:8px; min-width:0; }
body.simple-ui .xporia-ai-dialog .xporia-ai-color-menu { position:static; display:flex; flex-wrap:wrap; gap:4px; width:max-content; max-width:calc(100vw - 30px); min-width:0; margin:0; max-height:none; overflow:visible; }
body.simple-ui .xporia-ai-dialog .xporia-ai-color-menu[hidden] { display:none; }
body.simple-ui .xporia-ai-color-menu button { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:0; border-radius:50%; }
body.simple-ui .xporia-ai-dialog .xporia-ai-close { position:static; width:44px; height:44px; margin:0; }
body.simple-ui .xporia-ai-dialog .xporia-ai-shell>header { display:flex; align-items:center; flex-shrink:0; width:min(940px,100%); margin:0 auto; padding:0; }
body.simple-ui .xporia-ai-shell>header h2 { font-size:clamp(22px,2.5vw,32px); line-height:1.2; }
body.simple-ui .xporia-ai-dialog .xporia-ai-shell>main { flex:1 1 auto; width:min(940px,100%); min-height:130px; height:auto; margin:0 auto; padding:14px 4px; overflow:auto; overscroll-behavior:contain; }
body.simple-ui #xporiaAiConversation { min-height:130px; }
body.simple-ui .xporia-ai-shell>main .xporia-ai-sticker { width:clamp(100px,16dvh,160px); height:clamp(100px,16dvh,160px); max-height:none; margin:0 auto 18px; }
body.simple-ui .xporia-ai-welcome { gap:8px; padding:20px; border-radius:20px; }
body.simple-ui .xporia-ai-welcome strong { font-size:clamp(17px,2vw,23px); line-height:1.4; }
body.simple-ui .xporia-ai-welcome small { font-size:13px; line-height:1.5; }
body.simple-ui .xporia-ai-dialog .xporia-ai-shell>form { display:grid; flex-shrink:0; grid-template-columns:1fr; gap:12px; width:min(940px,100%); margin:0 auto; }
body.simple-ui .xporia-ai-options { width:100%; grid-template-columns:minmax(0,1fr) minmax(100px,160px); gap:14px; }
body.simple-ui .xporia-ai-options :is(label,input,select) { min-width:0; max-width:100%; }
body.simple-ui .xporia-ai-composer { grid-template-columns:56px minmax(0,1fr); gap:12px; }
body.simple-ui .xporia-ai-composer>label { grid-template-columns:minmax(0,1fr) 72px; border-radius:18px!important; box-shadow:none; }
body.simple-ui .xporia-ai-shell>form #xporiaAiPrompt { min-height:64px; max-height:26dvh; padding:14px; font-size:16px; }
body.simple-ui .xporia-ai-shell>form label #xporiaAiSend { width:68px; height:46px; border-radius:12px; font-size:14px; font-weight:800; }
body.simple-ui .xporia-ai-shell>.xporia-ai-file-list { flex-shrink:0; width:min(940px,100%); margin:0 auto; max-height:16dvh; }
body.simple-ui .xporia-ai-dialog .xporia-ai-thinking { margin-block:14px; }
body.simple-ui .sidebar .brand { gap:8px; padding:0; min-width:0; width:100%; }
body.simple-ui .sidebar .brand-home-link { gap:6px; flex:1 1 0; min-width:0; font-size:24px; }
body.simple-ui .sidebar .brand-mark { flex:0 0 30px; width:30px; height:30px; }
body.simple-ui .sidebar .community-notification-bell { flex:0 0 40px; width:40px; height:40px; margin-left:0; }
@media(max-width:620px) {
  body.simple-ui .xporia-ai-dialog .xporia-ai-shell { gap:14px; padding:12px 14px max(16px,env(safe-area-inset-bottom)); }
  body.simple-ui .xporia-ai-dialog .xporia-ai-shell>header>span { display:none; }
  body.simple-ui .xporia-ai-shell>header p { font-size:10px; }
  body.simple-ui .xporia-ai-dialog .xporia-ai-shell>main { min-height:100px; padding:4px 0; }
  body.simple-ui #xporiaAiConversation { min-height:100px; }
  body.simple-ui .xporia-ai-shell>main .xporia-ai-sticker { width:100px; height:100px; margin-bottom:12px; }
  body.simple-ui .xporia-ai-welcome { padding:14px; }
  body.simple-ui .xporia-ai-welcome small { font-size:12px; }
  body.simple-ui .xporia-ai-options { grid-template-columns:minmax(0,1fr) 100px; gap:10px; }
  body.simple-ui .xporia-ai-composer { grid-template-columns:46px minmax(0,1fr); gap:8px; }
  body.simple-ui .xporia-ai-camera { width:46px; height:52px; border-radius:14px; }
  body.simple-ui .xporia-ai-composer>label { grid-template-columns:minmax(0,1fr) 62px; }
  body.simple-ui .xporia-ai-shell>form label #xporiaAiSend { width:58px; font-size:13px; }
  body.simple-ui .xporia-ai-color-menu button { gap:0; }
  body.simple-ui .xporia-ai-color-swatch { width:26px; height:26px; flex-basis:26px; }
}
@media(max-height:620px) {
  body.simple-ui .xporia-ai-dialog .xporia-ai-shell { gap:10px; }
  body.simple-ui .xporia-ai-shell>main .xporia-ai-sticker { width:72px; height:72px; margin-bottom:8px; }
  body.simple-ui .xporia-ai-shell>header h2 { font-size:21px; }
}
@media(max-height:500px) {
  body.simple-ui .xporia-ai-dialog #xporiaAiConversation { flex:none; height:auto; max-height:none; min-height:0; overflow:visible; }
}

/* Le compte et les préférences résident désormais dans le Profil. */
body.simple-ui #profileAccountSettings { min-width:0; padding:22px; color:var(--ink); }
body.simple-ui #profileAccountSettings>h2 { margin:0 0 18px; font-size:clamp(20px,2vw,26px); }
body.simple-ui #profileAccountSettings .settings-display-grid { grid-template-columns:1fr; margin:0; gap:12px; }
body.simple-ui #profileAccountSettings .settings-display-card { min-width:0; min-height:90px; padding:14px; }
body.simple-ui #profileAccountSettings .theme-card { grid-template-columns:auto minmax(0,1fr); }
body.simple-ui #profileAccountSettings .theme-mode-switch { grid-column:1/-1; justify-self:stretch; }
body.simple-ui #profileAccountSettings .settings-account { margin:14px 0 0; padding:16px; }
body.simple-ui #profileAccountSettings .settings-account-grid { grid-template-columns:1fr; gap:10px; }
body.simple-ui #profileAccountSettings .settings-account-password { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--control-bg); }
body.simple-ui #profileAccountSettings .settings-account-password>span { color:#7c3aed; font-size:12px; font-weight:900; }
body.simple-ui #profileAccountSettings .settings-account-password div { display:grid; gap:4px; min-width:0; }
body.simple-ui #profileAccountSettings .settings-account-password small { font-size:12px; letter-spacing:normal; }
body.simple-ui #profileAccountSettings .settings-account-password button { min-height:40px; padding:8px 12px; border:0; border-radius:10px; color:#fff; background:#315cd7; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; }
body.simple-ui #profileAccountSettings .theme-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid var(--line); border-radius:12px; background:var(--control-bg); }
body.simple-ui #profileAccountSettings .theme-mode-choice { padding:8px 10px; border-radius:9px; color:var(--muted); font-size:12px; font-weight:800; text-align:center; }
body.simple-ui:not([data-theme="dark"]) #profileAccountSettings .theme-mode-choice.light, body.simple-ui[data-theme="dark"] #profileAccountSettings .theme-mode-choice.dark { color:#fff; background:#315cd7; }
body.simple-ui #profileAccountSettings .settings-account-button { min-height:72px; }
body.simple-ui #mySkinsView.combined-skins-view { padding-top:0; }
body.simple-ui #mySkinsView.combined-skins-view::before { content:none; display:none; }
body.simple-ui #profileClassicAvatarButton { font-size:12px; }
body.simple-ui #profileClassicAvatarButton:disabled { opacity:.55; cursor:default; }
body.simple-ui #profileAvatarMessage:empty { display:none; }
@media(max-width:600px) {
  body.simple-ui #profileAccountSettings { padding:16px; }
  body.simple-ui #profileAccountSettings .settings-display-card { padding:12px; }
  body.simple-ui #profileAccountSettings .settings-account-password { grid-template-columns:auto minmax(0,1fr); }
  body.simple-ui #profileAccountSettings .settings-account-password button { grid-column:1/-1; width:100%; }
}