/* D10: a visual layer over the frozen D9 help and walkthrough behavior. */
.iconcu-help-open{
 position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.45em;
 min-height:38px;padding:9px 17px;border:1px solid #09d5e9;border-radius:14px;
 background:linear-gradient(112deg,#007893,#2554d6 53%,#7144d8);color:#fff;font-weight:750;
 box-shadow:0 3px 18px #08cadd38,inset 0 1px 0 #ffffff60;text-shadow:0 1px 2px #001c4690;
 transition:box-shadow .2s,transform .2s;overflow:hidden;cursor:pointer;
}
.iconcu-help-open::before{
 content:"";position:absolute;z-index:-1;inset:-2px;pointer-events:none;
 background:linear-gradient(110deg,transparent 30%,#ffffff34 47%,transparent 65%);background-size:300% 100%;
 animation:iconcu-help-sheen 7s ease-in-out infinite;
}
.iconcu-help-open:hover{box-shadow:0 4px 24px #08cadd70,inset 0 1px 0 #ffffff70}
.iconcu-help-open:focus-visible,.iconcu-help-dialog :focus-visible,.welcome-tour :focus-visible{outline:3px solid #05cbe3;outline-offset:3px}
.iconcu-help-open.help-site-launcher{
 position:fixed;left:10px;top:50%;transform:translateY(-50%);padding:13px 15px;min-height:48px;
 border-radius:15px 15px 15px 5px;box-shadow:0 5px 25px #062d5240,0 0 0 4px #00c9dc14;
}
.iconcu-help-dialog,.welcome-tour{
 border:1px solid #08b9ce;border-radius:22px;box-shadow:0 18px 80px #00142d55;
 background:var(--panel,#fff);color:var(--text,#062547);
}
.iconcu-help-dialog header{padding-bottom:12px;border-bottom:1px solid var(--line,#c8deeb)}
.iconcu-help-dialog h2,.welcome-tour h2{font-size:clamp(19px,3.8vw,26px);letter-spacing:-.025em;line-height:1.25}
.iconcu-help-dialog header button{border-radius:50%;font-size:22px;line-height:1}
.help-serial{display:block;color:var(--muted,#476581);padding-top:8px;letter-spacing:.05em}
.help-welcome{padding:12px 14px;background:color-mix(in srgb,#06cbdc 8%,var(--panel,#fff));border-radius:12px}
.help-suggestions button{padding:8px 11px;border-radius:20px;border:1px solid var(--line,#a8c9de);color:inherit;background:var(--panel,#fff)}
.help-suggestions button:hover{border-color:#00b9d3;background:color-mix(in srgb,#08cbde 9%,var(--panel,#fff))}
.help-question{background:color-mix(in srgb,#3d72e8 7%,var(--panel,#fff));margin-left:8%}
.help-answer>small{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#476581)}
.help-answer>p{line-height:1.65}
.iconcu-help-dialog form>button{min-height:40px;background:linear-gradient(110deg,#007b99,#3556d8,#7044cc);color:#fff;border:1px solid #02c6dc;border-radius:10px;font-weight:700}
.iconcu-help-dialog form>button:disabled{opacity:.65;cursor:wait}
.help-privacy{border-top:1px solid var(--line,#c8deeb);margin-bottom:0;padding-top:10px;color:var(--muted,#476581)}
.welcome-tour .tour-feature-list{counter-reset:tour-feature}
.welcome-tour .tour-feature-list li{position:relative;padding-left:44px;background:color-mix(in srgb,#06cbdc 4%,var(--panel,#fff))}
.welcome-tour .tour-feature-list li::before{counter-increment:tour-feature;content:counter(tour-feature);position:absolute;left:11px;top:11px;width:24px;height:24px;border:1px solid #09bdcf;border-radius:8px;display:grid;place-items:center;color:var(--text,#062547);font-weight:700}
.tour-progress{accent-color:#09b8d3}
.tour-target{outline-color:#00d2e5;box-shadow:inset 0 0 25px #00c4dd24}
.public-help-settings .ai-stat strong{font-variant-numeric:tabular-nums}
@keyframes iconcu-help-sheen{0%,60%,100%{background-position:100% 0}85%{background-position:0 0}}
@media(max-width:600px){
 .iconcu-help-open{padding:8px 12px;min-height:36px}
 .iconcu-help-open.help-site-launcher{left:4px;padding:10px 8px;min-height:42px;font-size:12px}
 .iconcu-help-dialog,.welcome-tour{border-radius:16px}
 .welcome-tour .tour-feature-list li{padding-left:40px}
 .welcome-tour .tour-feature-list li::before{left:8px;top:8px}
}
@media(prefers-reduced-motion:reduce){.iconcu-help-open,.iconcu-help-open::before,.tour-target{animation:none!important;transition:none!important}}
/* Explicit component palette: dialogs live outside the app workspace and use the same colors on the website. */
.iconcu-help-dialog,.welcome-tour{--panel:#fff;--text:#062547;--muted:#476581;--line:#bdd6e5;color:var(--text)!important;background:var(--panel)!important}
html[data-theme=dark] :is(.iconcu-help-dialog,.welcome-tour){--panel:#0c2139;--text:#e8f3ff;--muted:#abc3dd;--line:#385570}
:is(.iconcu-help-dialog,.welcome-tour) header{background:transparent!important;color:inherit!important}
:is(.iconcu-help-dialog,.welcome-tour) header h2,.welcome-tour .tour-feature-list strong{color:inherit!important}
.workspace-tools #iconcu-help-open{background:linear-gradient(112deg,#007893,#2554d6 53%,#7144d8)!important;color:#fff!important;border-color:#09d5e9!important;box-shadow:0 3px 18px #08cadd50,inset 0 1px 0 #ffffff60!important}
:is(.iconcu-help-dialog,.welcome-tour) p{color:var(--text)!important}
.iconcu-help-dialog .help-privacy{color:var(--muted)!important}