/* D11 — presentation only, applied after the D10 technical checkpoint. */
.workspace-tools{display:grid;grid-template-columns:max-content minmax(90px,1fr) max-content;align-items:center}
.workspace-tools .workspace-layout-actions,.workspace-tools .workspace-account-actions{display:flex;align-items:center;gap:7px;min-width:0}
.workspace-tools .workspace-swap-actions,.workspace-tools .workspace-account-core{display:flex;align-items:center;gap:7px;flex:none;white-space:nowrap}
.workspace-tools .workspace-primary-actions{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0}
.workspace-tools #workspace-own-profile{margin-left:0!important}
.workspace-tools .workspace-primary-actions #iconcu-help-open{flex:none}
.tab-section h2{display:flex;align-items:center;gap:6px}.category-close-all{border:0;background:transparent;color:inherit;cursor:pointer;font:15px/1 system-ui;padding:2px 5px;border-radius:5px}.category-close-all:hover,.category-close-all:focus-visible{background:var(--ic-e8f2f5);outline:1px solid var(--cyan)}
@media(max-width:1450px){.workspace-tools{grid-template-columns:minmax(0,1fr) auto}.workspace-tools .workspace-layout-actions{flex-wrap:wrap}.workspace-tools .workspace-primary-actions{grid-column:2;grid-row:1}.workspace-tools .workspace-account-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}}
.iconcu-help-open{padding:10px 22px;min-height:42px;border-radius:30px;background:linear-gradient(110deg,#006b88,#214ed0 58%,#6836c5);letter-spacing:.015em;box-shadow:0 3px 17px #005bc44d,0 0 0 3px #08d5ec18,inset 0 1px 0 #ffffff70}
.workspace-tools #iconcu-help-open{position:relative;color:#fff!important;background:linear-gradient(110deg,#006b88,#214ed0 58%,#6836c5)!important}
.iconcu-help-open::after{content:'✧';position:absolute;right:7px;top:3px;font-size:11px;color:#a9f9ff;animation:icu-spark 3s ease-in-out infinite;pointer-events:none}
.iconcu-help-open.help-site-launcher{max-width:155px;white-space:normal;line-height:1.25;border-radius:0 22px 22px 0;left:0;padding:15px 17px 15px 12px}
.iconcu-help-dialog[open]{display:flex;flex-direction:column;gap:9px;width:min(680px,calc(100vw - 24px));height:min(740px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden;padding:22px;border-radius:24px;border-color:#08bfd9;box-shadow:0 20px 90px #00224f65,0 0 0 5px #07bfd70c}
.iconcu-help-dialog header{flex:none;gap:10px;padding-bottom:13px;min-height:56px}
.help-brand{display:flex;align-items:center;gap:13px;min-width:0}
.help-brand h2{font-size:clamp(20px,3vw,28px);margin:0!important;letter-spacing:-.04em}
.help-orb{flex:none;display:grid;place-items:center;width:52px;height:52px;border:1px solid #4df5ff;border-radius:18px;color:#fff;background:radial-gradient(circle at 30% 25%,#16ceda,#184aa4 60%,#623dbe);box-shadow:0 0 0 5px #06bbd315,inset 0 1px 3px #fff8;font-size:28px;animation:icu-orb 5s ease-in-out infinite}
.iconcu-help-dialog p.help-subtitle{font-size:12px!important;color:var(--muted)!important;margin:5px 0 0!important;letter-spacing:.04em}
.iconcu-help-dialog .help-serial{flex:none;padding:0;font-size:10px;letter-spacing:.12em}
.iconcu-help-dialog .help-log{flex:1 1 auto;min-height:55px;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:0 8px 0 0}
.help-welcome{border:1px solid color-mix(in srgb,#08b6cf 30%,var(--line));font-size:15px;line-height:1.6}
.help-answer-body p,.help-answer-body li{font-size:14px;line-height:1.65;white-space:pre-wrap}
.help-answer-body ul,.help-answer-body ol{padding-left:23px;margin:8px 0}
.help-answer-body strong{color:inherit}
.help-personal{font-weight:700;margin:8px 0}
.help-answer-body code{padding:1px 4px;border-radius:4px;background:color-mix(in srgb,#129fcb 10%,var(--panel));overflow-wrap:anywhere}
.iconcu-help-dialog .help-suggestions{flex:none;margin:0;gap:5px}
.iconcu-help-dialog .help-suggestions button{font-size:11px;padding:6px 9px;line-height:1.25}
.iconcu-help-dialog form{flex:none;display:grid;gap:8px}
.iconcu-help-dialog textarea{resize:none;min-height:57px;height:68px;font-size:14px!important;line-height:1.5!important;background:color-mix(in srgb,var(--panel) 96%,#15bdd7)!important;color:var(--text)!important}
.help-composer-actions{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(150px,1.1fr);gap:8px}
.help-composer-actions button{min-height:42px;font:inherit;font-size:13px;font-weight:700;border:1px solid #00b6d0;border-radius:12px;padding:9px 12px;cursor:pointer}
.help-composer-actions button[type=submit]{background:linear-gradient(110deg,#00718e,#2f50ce,#673cb8)!important;color:#fff!important;box-shadow:0 3px 12px #1269be22}
.help-composer-actions .help-microphone{background:color-mix(in srgb,#00bdd6 7%,var(--panel))!important;color:var(--text)!important}
.help-composer-actions button:disabled{opacity:.55;cursor:default}
.help-recording .help-microphone{color:#c23143!important;border-color:#e76077;animation:icu-record 1.4s ease-in-out infinite}
.help-voice-notice{font-size:10px;line-height:1.5;color:var(--muted);flex:none}
.iconcu-help-dialog .help-state{flex:none;font-size:11px;margin:0;line-height:1.5}
.iconcu-help-dialog .help-privacy{flex:none;font-size:10px!important;line-height:1.5;margin:0;padding-top:8px}
/* Tours never blur the product. Navigation stays outside the scrolling copy. */
.welcome-tour::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#09234555}
body.tour-in-progress,.tour-in-progress :is(.sidebar,.app-top,.workspace,#personal-chats,#community-dashboard){filter:none!important;backdrop-filter:none!important}
.welcome-tour[open],#registration-tour[open]{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:var(--tour-max-height,calc(100dvh - 24px));overflow:hidden;padding:16px}
.welcome-tour header,.welcome-tour footer,.welcome-tour>small,.welcome-tour>nav,.welcome-tour>progress{flex:none}
.welcome-tour h2{font-size:20px;line-height:1.2;margin:0!important;min-width:0;overflow-wrap:anywhere}.welcome-tour>small{margin:0;font-size:11px}.welcome-tour>header{position:static;height:auto;min-height:34px;gap:10px;padding:0;margin:0;width:auto;background:transparent;border:0;box-shadow:none;color:inherit}
.welcome-tour header button,#registration-tour>header button{flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;padding:4px}
.welcome-tour>div:not(.tour-replay-buttons){overflow:auto;min-height:20px;flex:1 1 auto;scrollbar-gutter:stable}
.welcome-tour>footer,#registration-tour>footer{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;gap:7px;margin:0;padding:8px 0 0;border-top:1px solid var(--line);flex:none;background:inherit;width:auto}
.welcome-tour footer button,#registration-tour>footer button{min-width:0;width:100%;padding:8px 10px;min-height:36px;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;margin:0}
.tour-spotlight-dialog[open]{position:fixed;inset:auto;margin:0;left:var(--tour-left,12px);top:var(--tour-top,12px);width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);z-index:10002;box-shadow:0 18px 65px #001b4555,0 0 0 4px #00bfd512}
.tour-area-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.tour-area-tabs button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:8px 7px;font-size:11px;line-height:1.3}
.tour-area-tabs button[aria-pressed=true]{background:linear-gradient(115deg,#006d89,#3859b9);color:#fff;border-color:#17cbe2}
.tour-number-tabs{display:flex;gap:8px;justify-content:center;padding:3px}
.tour-number-tabs button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);width:34px;height:34px;padding:0;font-size:14px;font-weight:750}
.tour-number-tabs button[aria-pressed=true]{background:#007a9a;color:#fff;border-color:#00d5ed;box-shadow:0 0 0 4px #00bcd51a}
.tour-copy{border:1px solid var(--line);border-radius:13px;padding:13px;background:color-mix(in srgb,#00b8cc 5%,var(--panel));overscroll-behavior:contain}
.tour-copy h3{font-size:16px;margin:0 0 8px}
.tour-copy p{font-size:13px!important;line-height:1.65!important;margin:0}
.tour-focus-ring{position:fixed;pointer-events:none;z-index:10001;border:3px solid #00bed8;border-radius:10px;box-sizing:border-box;box-shadow:0 0 0 5px #00b6cf22,0 0 20px #09c4e433;animation:icu-focus 2.5s ease-in-out infinite}
.tour-connector{position:fixed;inset:0;width:100vw;height:100dvh;overflow:visible;pointer-events:none;z-index:10001;filter:drop-shadow(0 1px 3px #003d6888)}.tour-connector path{fill:none;stroke:#00b9d0;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 4}.tour-connector circle{fill:#fff;stroke:#007a94;stroke-width:3}.tour-connector[hidden],.tour-focus-ring[hidden]{display:none}
.tour-target{outline:2px solid #00bfd5!important;outline-offset:-2px;filter:none!important}
/* Confirmed steps remain visible when a tour is resumed or replayed. */
.welcome-tour .tour-number-tabs button[data-completed=true]{border-color:#159b74;background:color-mix(in srgb,#17ba87 13%,var(--panel));color:var(--text);width:auto;min-width:36px;padding:0 8px;border-radius:18px}
.welcome-tour .tour-number-tabs button[data-completed=true][aria-pressed=true]{background:#087762;color:#fff;box-shadow:0 0 0 3px #17ba8725}
.welcome-tour .tour-area-tabs button[data-completed=true]{border-color:#159b74}
.welcome-tour .tour-resume-note{font-size:10px!important;line-height:1.4!important;color:var(--muted);margin:9px 0 0;border-top:1px solid var(--line);padding-top:7px}.welcome-tour .tour-target-note{margin-top:8px;font-size:11px!important;color:var(--muted)}
.welcome-tour .tour-save-error{flex:none;color:#b72746;font-size:12px;line-height:1.4;margin:0}
.welcome-tour .tour-progress{display:block;width:100%;height:7px;min-height:7px;accent-color:#159b74}
.welcome-tour footer button[data-action]{flex:1 1 calc(50% - 8px);min-width:0}
.welcome-tour footer button[data-action=next]{background:#115b70;color:#fff;border-color:#23bbc7}
.welcome-tour footer button:disabled{opacity:.6;cursor:default}
@media(max-width:450px){.welcome-tour .tour-area-tabs button{font-size:10px;padding:5px}.welcome-tour .tour-resume-note{font-size:10px!important}.welcome-tour .tour-number-tabs{gap:6px}.welcome-tour footer button[data-action]{padding:7px;min-height:34px;font-size:11px}}
/* Progress uses actual groups and thresholds, with accessible expandable data. */
dialog.xp-roadmap{box-sizing:border-box;width:min(1040px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:0;border:1px solid #08b8cf;border-radius:24px;background:#f6faff;color:#102b4b;overflow:hidden;box-shadow:0 20px 90px #001b4550}
.xp-roadmap>header{color:inherit;margin:0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cedfec;background:#fff;gap:15px}
.xp-roadmap>header h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em;color:inherit}
.xp-roadmap>header button{min-height:35px;min-width:35px;border-radius:50%}
.xp-roadmap .xp-tools{box-sizing:border-box;max-height:calc(100dvh - 127px);overflow:auto;padding:22px;display:grid;gap:18px;scrollbar-gutter:stable}
.xp-roadmap .xp-roadmap-current{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 24px;padding:22px;border:1px solid #18a9be55;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#04d5dc1c,transparent 65%),linear-gradient(120deg,#fff,#eaf3ff)}
.xp-roadmap-current h3{font-size:22px;margin:0;color:inherit}
.xp-roadmap-current>strong{font-size:28px;font-variant-numeric:tabular-nums;color:#00778e}
.xp-roadmap-current progress{width:100%;height:12px;accent-color:#00a9bd;grid-column:1/-1}
.xp-roadmap-current progress{appearance:none;-webkit-appearance:none;border:0;border-radius:10px;overflow:hidden;background:#0d4d6c16}
.xp-roadmap-current progress::-webkit-progress-bar{background:#0d4d6c16;border-radius:10px}
.xp-roadmap-current progress::-webkit-progress-value{background:linear-gradient(90deg,#00b99e,#00bfd8,#3165d7);border-radius:10px;box-shadow:0 0 12px #00bcd544}
.xp-roadmap-current p{font-size:13px;margin:0;grid-column:1/-1;color:inherit!important}
.xp-roadmap-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.xp-roadmap-groups>h3{grid-column:1/-1;margin:0;font-size:17px}
.xp-roadmap-group{border:1px solid color-mix(in srgb,var(--level-ring) 60%,#bcd0df);border-left:5px solid var(--level-ring);border-radius:14px;background:color-mix(in srgb,var(--level-ring) 6%,#fff);overflow:auto;box-shadow:0 3px 12px #16416c07}
.xp-roadmap-group[data-state=current]{box-shadow:0 0 0 3px color-mix(in srgb,var(--level-ring) 20%,transparent);background:color-mix(in srgb,var(--level-ring) 10%,#fff)}
.xp-roadmap-group summary{font-size:13px;font-weight:700;padding:16px 13px;cursor:pointer;line-height:1.5}
.xp-roadmap table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5}
.xp-roadmap th{text-align:left;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#46617f;background:#0c365609}
.xp-roadmap th,.xp-roadmap td{padding:9px 11px;border-bottom:1px solid #b9d3e65c;vertical-align:top}
.xp-roadmap tbody tr:last-child td{border:0}
.xp-roadmap tbody tr:hover{background:#008dbc0a}
.xp-roadmap-actions,.xp-roadmap-features{border:1px solid #c7dbe9;border-radius:14px;overflow:auto;background:#fff}
.xp-roadmap-actions>h3,.xp-roadmap-features>summary,.xp-roadmap-actions>details>summary{margin:0;padding:16px;font-size:15px;cursor:pointer}
.xp-roadmap-actions>details{border-top:1px solid #cedfec}
.xp-roadmap .xp-tools>button:last-child{justify-self:end;min-width:120px;padding:10px 22px;border-radius:12px;background:#087e9b;color:#fff;border:1px solid #00b5ce}
html[data-theme=dark] .xp-roadmap{background:#091e34;color:#e8f3ff}
html[data-theme=dark] .xp-roadmap>header,html[data-theme=dark] :is(.xp-roadmap-actions,.xp-roadmap-features){background:#0d263f;border-color:#35516a}
html[data-theme=dark] .xp-roadmap-current{background:radial-gradient(ellipse at 100% 0,#04d5dc18,transparent 65%),#0e2b47;border-color:#00c3da66}
html[data-theme=dark] .xp-roadmap-current>strong{color:#46def0}
html[data-theme=dark] .xp-roadmap-group{background:color-mix(in srgb,var(--level-ring) 9%,#0d243d)}
html[data-theme=dark] .xp-roadmap-group[data-state=current]{background:color-mix(in srgb,var(--level-ring) 15%,#0d243d)}
html[data-theme=dark] .xp-roadmap th{color:#a8c3df;background:#ffffff06}
html[data-theme=dark] .xp-roadmap :is(td,th){border-color:#35516a66}
@keyframes icu-orb{50%{box-shadow:0 0 0 8px #06bbd310,0 0 25px #00c5dc33,inset 0 1px 3px #fff8;transform:translateY(-1px)}}
@keyframes icu-spark{50%{opacity:.35;transform:rotate(35deg) scale(.8)}}
@keyframes icu-record{50%{box-shadow:0 0 0 5px #e7607722}}
@keyframes icu-focus{50%{box-shadow:0 0 0 7px #00b6cf16,0 0 25px #09c4e444}}
@media(max-width:650px){.workspace-tools .workspace-primary-actions{flex-basis:100%;min-width:0;gap:5px}.workspace-primary-actions .iconcu-help-open{font-size:11px;padding:9px 12px}.iconcu-help-open.help-site-launcher{max-width:112px;font-size:11px;padding:12px 9px}.iconcu-help-dialog[open]{padding:14px;gap:7px;border-radius:18px}.help-orb{width:40px;height:40px;border-radius:13px;font-size:23px}.help-brand{gap:10px}.help-brand h2{font-size:21px}.help-composer-actions{grid-template-columns:1fr 1fr}.help-composer-actions button{font-size:11px;padding:8px}.welcome-tour[open]{padding:14px;gap:8px}.tour-spotlight-dialog[open]{width:min(380px,calc(100vw - 24px))}.xp-roadmap .xp-tools{padding:13px;gap:15px}.xp-roadmap-groups{grid-template-columns:1fr}.xp-roadmap .xp-roadmap-current{padding:16px;gap:8px}.xp-roadmap-current h3{font-size:18px}.xp-roadmap-current>strong{font-size:22px}.xp-roadmap>header{padding:17px}.xp-roadmap th,.xp-roadmap td{padding:8px 7px;font-size:11px}}
@media(max-height:640px){.iconcu-help-dialog[open]{gap:5px;padding:12px}.help-orb{width:35px;height:35px;font-size:22px;border-radius:12px}.help-brand h2{font-size:21px}.iconcu-help-dialog header{padding-bottom:7px;min-height:35px}.iconcu-help-dialog .help-serial{font-size:9px}.iconcu-help-dialog textarea{height:48px;min-height:48px}.iconcu-help-dialog .help-suggestions button{padding:4px 6px;font-size:10px}.help-composer-actions button{min-height:34px;padding:5px 9px}.help-voice-notice,.iconcu-help-dialog .help-privacy{font-size:9px!important;line-height:1.35}.welcome-tour[open]{gap:5px;padding:12px}.welcome-tour h2{font-size:18px}.tour-area-tabs button{padding:5px}.tour-number-tabs button{width:29px;height:29px}.tour-copy{padding:10px}.welcome-tour footer{padding-top:7px}.welcome-tour footer button{padding:6px 8px;min-height:32px}.tour-copy p{font-size:12px!important;line-height:1.5!important}}
@media(prefers-reduced-motion:reduce){.help-orb,.iconcu-help-open::after,.help-recording .help-microphone,.tour-focus-ring{animation:none!important;transition:none!important}}

/* D12: visible confirmed tour steps and consistent answer contrast. */
.tour-number-tabs button[data-completed=true]{box-shadow:inset 0 0 0 1px #49cb9e77}.tour-area-tabs button{font-variant-numeric:tabular-nums}.help-brand h2{letter-spacing:-.025em}.tour-copy{box-shadow:inset 0 1px 0 #a3d7eb14}
body:has(#workspace-walkthrough[data-area=bottom]) #community-dashboard{overflow:auto}body:has(#workspace-walkthrough[data-area=bottom]) #community-dashboard .community-rankings{display:grid!important}
body:has(#workspace-walkthrough[data-area=left]) .sidebar{overflow-y:auto}body:has(#workspace-walkthrough[data-area=left]) #rooms{flex:0 0 auto;min-height:55px;max-height:150px;overflow:auto}
.tour-in-progress .sidebar{overflow-y:auto}