/* skyvison shared theme. Load after app styles. Product content keeps its own colors. */
:root{color-scheme:light;--sv-background:#fff;--sv-surface:#fff;--sv-subtle:#f7f8f6;--sv-text:#202622;--sv-muted:#647068;--sv-border:#dfe4df;--sv-primary:#27533b;--sv-primary-hover:#1e412e;--sv-selected:#eaf0e9;--sv-radius:5px;--sv-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sv-focus:2px solid var(--sv-primary);--sv-space:8px}
body[data-skyvison-theme]{--bg:var(--sv-background);--card:var(--sv-surface);--text:var(--sv-text);--ink:var(--sv-text);--muted:var(--sv-muted);--border:var(--sv-border);--line:var(--sv-border);--primary:var(--sv-primary);--accent:var(--sv-primary);--blue:var(--sv-primary);--pale:var(--sv-subtle);background:var(--sv-background);color:var(--sv-text);font-family:var(--sv-font);accent-color:var(--sv-primary)}
/* Reusable components for new pages. These do not require a framework or script. */
.sv-surface{background:var(--sv-surface);color:var(--sv-text);border:1px solid var(--sv-border);border-radius:var(--sv-radius);padding:24px}.sv-muted{color:var(--sv-muted)}.sv-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;font:600 14px/1.4 var(--sv-font);border:1px solid var(--sv-primary);border-radius:var(--sv-radius);background:var(--sv-primary);color:#fff;text-decoration:none;cursor:pointer}.sv-button:hover{background:var(--sv-primary-hover)}.sv-button--secondary{background:var(--sv-surface);border-color:var(--sv-border);color:var(--sv-text)}.sv-button--secondary:hover{background:var(--sv-subtle)}.sv-field{font:inherit;color:var(--sv-text);background:var(--sv-surface);border:1px solid var(--sv-border);border-radius:var(--sv-radius);padding:11px 13px}.sv-container{width:min(100% - 40px,1168px);margin-inline:auto}.sv-heading{color:var(--sv-text);font-weight:550;letter-spacing:-.035em;line-height:1.15}
body[data-skyvison-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:var(--sv-focus);outline-offset:3px}
/* Standard page shells; drawing surfaces, diagrams, alerts and game canvases are excluded. */
body[data-skyvison-theme="standard"] :is(header,.site-header){background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-border)!important;box-shadow:none!important;backdrop-filter:none}
body[data-skyvison-theme="standard"] :is(h1,h2,h3,.brand,.wordmark){color:var(--sv-text)}
body[data-skyvison-theme="standard"] :is(h1,h2){font-weight:550;letter-spacing:-.035em}
body[data-skyvison-theme="standard"] :is(.hero,.intro,.welcome){background:none!important;box-shadow:none!important}
body[data-skyvison-theme="standard"] :is(.gradient,.hero em,.welcome em){background:none!important;color:var(--sv-text)!important;font-style:normal}
body[data-skyvison-theme="standard"] :is(.card,.panel,.ts-card,.search-panel,.about,.app,.color-card,.learn-card,.learning-grid>a,.game-grid>a,.start-panel,dialog){background:var(--sv-surface)!important;color:var(--sv-text)!important;border-color:var(--sv-border)!important;border-radius:var(--sv-radius)!important;box-shadow:none!important}
body[data-skyvison-theme="standard"] :is(.muted,.sub,.note,.small,.source,.date,.hero p,.intro p,.card>p,.panel>p,.ts-small,.hero-intro,.hero-detail,.hero-note){color:var(--sv-muted)}
body[data-skyvison-theme="standard"] :is(.eyebrow,.ts-eyebrow,.tag,.badge){color:var(--sv-primary);background:var(--sv-subtle);border-color:var(--sv-border)}
body[data-skyvison-theme="standard"] a:not([class]){color:var(--sv-primary)}
body[data-skyvison-theme="standard"] :is(button,.button,.btn,.action){border-radius:var(--sv-radius);box-shadow:none;background:var(--sv-primary);color:white;border-color:var(--sv-primary)}
body[data-skyvison-theme="standard"] :is(button,.button,.btn,.action):hover:not(:disabled){background:var(--sv-primary-hover);color:white;filter:none}
body[data-skyvison-theme="standard"] :is(.secondary,.ts-secondary,.chip,.quick button,.tabs button,.ts-tabs button,.filters button,.chips button,.theme-menu summary){background:var(--sv-surface);color:var(--sv-text);border:1px solid var(--sv-border);border-radius:var(--sv-radius);box-shadow:none}
body[data-skyvison-theme="standard"] :is(.tabs button.active,.ts-tabs button[aria-selected="true"],.filters button[aria-pressed="true"],.chips button.active,.chip[aria-pressed="true"]){background:var(--sv-text);border-color:var(--sv-text);color:#fff}
body[data-skyvison-theme="standard"] :is(input:not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]),textarea,select){background:var(--sv-surface);color:var(--sv-text);border-color:var(--sv-border);border-radius:var(--sv-radius);box-shadow:none}
body[data-skyvison-theme="standard"] :is(.result,.metric,.day,.event,.searchable-apps a,.cards a,.source-grid a,.ts-modes>*,.stat,.stat-card){background:var(--sv-subtle);color:var(--sv-text);border-color:var(--sv-border);border-radius:var(--sv-radius);box-shadow:none}
body[data-skyvison-theme="standard"] :is(.catalog,.idea-section,.grownups,.start-strip,.principles,.support,.local-note){background:var(--sv-subtle);border-color:var(--sv-border);color:var(--sv-text)}
body[data-skyvison-theme="standard"] :is(.related,[aria-label="Trust and policies"]){background:var(--sv-surface)!important;color:var(--sv-muted)!important;border-color:var(--sv-border)!important}
body[data-skyvison-theme="standard"] :is(.brand-mark,.brand-icon){background:var(--sv-text);color:white;border-radius:3px}
/* Creative workspaces: chrome only; never select swatches, stickers, canvases or artwork. */
body[data-skyvison-theme="creative"] :is(header,.art-header,.art-taskbar,.toolbar,.art-controls,.art-library,.art-categories,.art-catalog-tabs,.library-panel,.panel){background:var(--sv-surface)!important;background-image:none!important;color:var(--sv-text)!important;border-color:var(--sv-border)!important;box-shadow:none!important}
body[data-skyvison-theme="creative"] :is(.brand,.brand span,.brand .word,.art-brand,.art-brand strong){color:var(--sv-text)!important}
body[data-skyvison-theme="creative"] :is(.workspace,.art-workspace,.art-stage){background:var(--sv-subtle)!important;border-color:var(--sv-border)!important}
body[data-skyvison-theme="creative"] :is(.action,.btn,.tool,.art-header button,.art-taskbar>button,.art-catalog-tabs button,.art-categories button){background:var(--sv-surface)!important;background-image:none!important;color:var(--sv-text)!important;border:1px solid var(--sv-border)!important;border-radius:var(--sv-radius)!important;box-shadow:none!important}
body[data-skyvison-theme="creative"] :is(.action.primary,.btn.primary,.tool.active,.art-catalog-tabs button[aria-pressed="true"],.art-categories button[aria-pressed="true"]){background:var(--sv-primary)!important;color:white!important;border-color:var(--sv-primary)!important}
/* Office shell only. The editable document, template previews and text colors are not themed. */
body[data-skyvison-theme="office"] :is(.app-nav,.app-main,.library-header,.library,.welcome,.editor-header,.editor-toolbar,.format-toolbar,.document-table,.template-card,.local-note){background:var(--sv-surface);background-image:none;color:var(--sv-text);border-color:var(--sv-border);box-shadow:none}
body[data-skyvison-theme="office"] :is(.app-shell,.editor-workspace){background:var(--sv-subtle)}
body[data-skyvison-theme="office"] :is(.primary,.create-button){background:var(--sv-primary);color:white;border-color:var(--sv-primary);border-radius:var(--sv-radius)}
body[data-skyvison-theme="office"] .nav-item.selected{background:var(--sv-selected);color:var(--sv-primary)}
body[data-skyvison-theme="office"] :is(.welcome h1,.welcome em,.wordmark,.wordmark span){color:var(--sv-text);background:none;font-style:normal}
/* Meet lobby matches the site. In-call media tiles retain their dark viewing surface. */
body[data-skyvison-theme="meet"] :is(.site-header,.hero,.card,.lobby-grid,.notice,.invite-dialog){background:var(--sv-surface);background-image:none;color:var(--sv-text);border-color:var(--sv-border);box-shadow:none}
body[data-skyvison-theme="meet"] :is(.brand,.brand span,.hero h1){color:var(--sv-text)}
body[data-skyvison-theme="meet"] :is(.hero p,.muted,.card-heading p,.invite-description,.invite-security,.invite-link-label){color:var(--sv-muted)}
body[data-skyvison-theme="meet"] .primary{background:var(--sv-primary);border-color:var(--sv-primary);color:white}
body[data-skyvison-theme="meet"] :is(button,input,select,textarea){border-radius:var(--sv-radius)}
body[data-skyvison-theme="meet"] :is(.invite-code-card,.invite-copy-code,.invite-link-label input){background:var(--sv-subtle);border-color:var(--sv-border);color:var(--sv-text)}
body[data-skyvison-theme="meet"] :is(.invite-code-card span,.invite-code-card strong,.invite-close){color:var(--sv-text)}
body[data-skyvison-theme="embed"]{font-family:var(--sv-font);background:var(--sv-surface);color:var(--sv-text)}
@media(prefers-reduced-motion:reduce){body[data-skyvison-theme]{scroll-behavior:auto}}
/* Final shell details, including legacy decorative treatments. */
body[data-skyvison-theme="creative"]{background:var(--sv-background)!important;font-family:var(--sv-font)!important}
body[data-skyvison-theme="creative"] main.layout{background:var(--sv-subtle)!important}
body[data-skyvison-theme="creative"] main.layout::after{display:none}
body[data-skyvison-theme="creative"] :is(.brand small,.art-controls h2,.art-library h2){color:var(--sv-text)!important}
body[data-skyvison-theme="creative"] .brand b span{background:none!important;color:var(--sv-text)!important}
body[data-skyvison-theme="creative"] input[type="range"]{accent-color:var(--sv-primary)}
body[data-skyvison-theme="creative"] .tool.active .tool-art{background:var(--sv-primary)!important}
body[data-skyvison-theme="office"] .welcome em{font-family:var(--sv-font)}
body[data-skyvison-theme="meet"] :is(.hero em,.eyebrow,.icon-box,.promise svg,.orb){color:var(--sv-primary);background-image:none}
body[data-skyvison-theme="meet"] :is(.device-preview,.icon-box,.orb){background:var(--sv-subtle);border-radius:var(--sv-radius);box-shadow:none}
body[data-skyvison-theme="meet"] :is(.card,.invite-dialog){border-radius:var(--sv-radius)}
body[data-skyvison-theme="meet"] :is(input,textarea,select){background:var(--sv-surface);border-color:var(--sv-border);color:var(--sv-text)}
body[data-skyvison-theme] :is(button.danger,.button.danger,.btn.danger){background:#fff1f1;color:#a52e42;border-color:#edc7ce}
body[data-skyvison-theme] :is(button.danger,.button.danger,.btn.danger):hover{background:#fbe3e5;color:#8e2639}

/* BEGIN GENERATED BRAND ASSETS */
:root{--sv-logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20310%2072%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2268%22%20height%3D%2272%22%20rx%3D%227%22%20fill%3D%22%23202622%22%2F%3E%3Ctext%20x%3D%2234%22%20y%3D%2256%22%20text-anchor%3D%22middle%22%20fill%3D%22%23fff%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2254%22%20font-weight%3D%22700%22%3Es%3C%2Ftext%3E%3Ctext%20x%3D%2289%22%20y%3D%2257%22%20fill%3D%22%23202622%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2256%22%20font-weight%3D%22700%22%20letter-spacing%3D%22-2%22%3Eskyvison%3C%2Ftext%3E%3C%2Fsvg%3E");--sv-logo-mark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Crect%20width%3D%2272%22%20height%3D%2272%22%20rx%3D%227%22%20fill%3D%22%23202622%22%2F%3E%3Ctext%20x%3D%2236%22%20y%3D%2256%22%20text-anchor%3D%22middle%22%20fill%3D%22%23fff%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2254%22%20font-weight%3D%22700%22%3Es%3C%2Ftext%3E%3C%2Fsvg%3E")}
/* END GENERATED BRAND ASSETS */
/* One logo for static apps and React shells. Legacy text remains accessible. */
body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark){display:inline-flex!important;align-items:center!important;gap:10px!important;position:relative!important;flex-shrink:0!important;min-width:0!important;width:auto!important;height:auto!important;min-height:36px!important;padding:0!important;margin:0!important;font-size:0!important;line-height:1!important;letter-spacing:normal!important;background:none!important;color:transparent!important;text-decoration:none!important;white-space:nowrap!important}
body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)>*{display:none!important}
body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)::before{content:""!important;display:block!important;position:static!important;background:var(--sv-logo) left center/contain no-repeat!important;width:155px!important;height:36px!important;min-width:155px!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)[data-brand-app]::after{content:attr(data-brand-app);font:500 13px/1.2 var(--sv-font);color:var(--sv-muted);letter-spacing:0;text-transform:none}
body[data-skyvison-theme="office"] .wordmark{margin-bottom:28px!important;flex-wrap:wrap;gap:8px!important}
body[data-skyvison-theme="office"] .wordmark::after{content:"office";font:500 12px/1.2 var(--sv-font);color:var(--sv-muted);letter-spacing:0;text-transform:none}
body[data-skyvison-theme="office"] .editor-brand{display:inline-block;background:var(--sv-logo-mark) center/contain no-repeat;font-size:0;width:30px;height:30px;min-width:30px;border-radius:3px}
body[data-skyvison-theme="meet"] .brand::after{content:"meet";font:500 14px/1.2 var(--sv-font);color:var(--sv-muted);letter-spacing:0;text-transform:none}
body[data-skyvison-theme="creative"] header .brand{min-width:240px!important}
body[data-skyvison-theme="creative"] header .brand::before{width:172px!important;min-width:172px!important;height:40px!important}
@media(max-width:760px){body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)::before{width:125px!important;min-width:125px!important;height:29px!important}body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)[data-brand-app]::after{font-size:11px}body[data-skyvison-theme="creative"] header .brand{min-width:0!important}body[data-skyvison-theme="creative"] header .brand::before{width:135px!important;min-width:135px!important;height:32px!important}}
@media(max-width:390px){body[data-skyvison-theme] .sv-brand[data-brand-app]::after{display:none}body[data-skyvison-theme] :is(.sv-brand,.brand,.wordmark)::before{width:116px!important;min-width:116px!important;height:27px!important}}