@charset "utf-8";


/* Copyright 2005-2026 Gugendo LLC. c.murakami all rights reserved. */
html[data-theme="dark"],
html:not([data-theme]) {
--color-body-text: #e0e4ec;
--color-body-text-muted: #d0d6e2;
--theme-page-bg: #16181f;
--theme-page-grid: rgba(255, 255, 255, 0.02);
--theme-heading: #eeeeee;
--theme-heading-sub: #f4f5f7;
--theme-surface: rgba(255, 255, 255, 0.03);
--theme-surface-hover: rgba(223, 112, 3, 0.08);
--theme-surface-border: rgba(255, 255, 255, 0.08);
--theme-surface-strong: rgba(0, 0, 0, 0.25);
--theme-surface-label: rgba(0, 0, 0, 0.22);
--theme-surface-label-hover: rgba(223, 112, 3, 0.08);
--theme-orange-label-color: #f09030;
--theme-input-bg: rgba(0, 0, 0, 0.25);
--theme-input-border: rgba(255, 255, 255, 0.14);
--theme-hr: rgba(255, 255, 255, 0.1);
--theme-shadow: rgba(0, 0, 0, 0.25);
--theme-header-menu-fade: #16181f;
--theme-snackbar-bg: rgba(18, 22, 32, 0.96);
--theme-snackbar-text: #f5f7fb;
--theme-switch-bg: var(--theme-surface-strong);
}

html[data-theme="light"] {
--color-body-text: #1a1f2e;
--color-body-text-muted: #3a4254;
--theme-page-bg: #f8f6f2;
--theme-page-grid: rgba(223, 112, 3, 0.08);
--theme-heading: #12172a;
--theme-heading-sub: #1a1f2e;
--theme-surface: rgba(255, 255, 255, 0.92);
--theme-surface-hover: rgba(223, 112, 3, 0.1);
--theme-surface-border: rgba(0, 0, 0, 0.12);
--theme-surface-strong: rgba(255, 255, 255, 0.96);
--theme-surface-label: rgba(235, 228, 216, 0.78);
--theme-surface-label-hover: rgba(245, 238, 226, 0.88);
--theme-orange-label-color: #d07828;
--theme-input-bg: #ffffff;
--theme-input-border: rgba(0, 0, 0, 0.18);
--theme-hr: rgba(0, 0, 0, 0.12);
--theme-shadow: rgba(0, 0, 0, 0.08);
--theme-header-menu-fade: rgba(0, 0, 0, 0.18);
--theme-snackbar-bg: rgba(255, 255, 255, 0.98);
--theme-snackbar-text: #1a1f2e;
--theme-switch-bg: rgba(255, 255, 255, 0.52);
}

.theme-switch-wrap {
position: fixed;
top: 10px;
right: 10px;
z-index: 10002;
display: inline-flex;
align-items: center;
padding: 13px;
border: 1px solid var(--theme-surface-border);
border-radius: 999px;
background: var(--theme-switch-bg, var(--theme-surface-strong));
box-shadow: 0 4px 16px var(--theme-shadow);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
line-height: 1;
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.3s ease, visibility 0.3s ease;
}

.theme-switch-wrap.is-scroll-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}

body.gallery-page.lg-on .theme-switch-wrap,
body.article-page.img-click-zoom-open .theme-switch-wrap {
opacity: 0;
visibility: hidden;
pointer-events: none;
}

.theme-switch {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0 2px;
line-height: 1;
min-height: 22px;
cursor: pointer;
user-select: none;
}

.theme-switch__label {
display: inline-flex;
align-items: center;
height: 22px;
margin: 0;
padding: 0;
font-size: 0.72em;
font-weight: 700;
color: var(--color-body-text-muted);
line-height: 1;
transform: translateY(-0.5px);
}

.theme-switch-wrap[data-theme-current="dark"] .theme-switch__label--dark,
.theme-switch-wrap[data-theme-current="light"] .theme-switch__label--light {
color: #df7003;
}

.theme-switch input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.theme-switch__slider {
position: relative;
display: inline-block;
flex-shrink: 0;
width: 42px;
height: 22px;
margin: 0;
border-radius: 999px;
background: rgba(120, 128, 148, 0.45);
vertical-align: middle;
transition: background 0.25s ease;
}

.theme-switch__slider::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
transition: transform 0.25s ease;
}

.theme-switch input:checked + .theme-switch__slider {
background: linear-gradient(135deg, #f09030, #df7003);
}

.theme-switch input:checked + .theme-switch__slider::before {
transform: translateX(20px);
}

body.home .theme-switch-wrap {
top: 50px;
}

@media screen and (max-width: 600px) {
.theme-switch-wrap {
top: 6px;
bottom: auto;
right: 6px;
padding: 8px;
box-shadow: 0 2px 8px var(--theme-shadow);
}

body.home .theme-switch-wrap {
top: 30px;
bottom: auto;
}

.theme-switch {
gap: 6px;
padding: 0 1px;
min-height: 14px;
}

.theme-switch__label {
font-size: 9px;
height: 14px;
}

.theme-switch__slider {
width: 28px;
height: 14px;
}

.theme-switch__slider::before {
top: 2px;
left: 2px;
width: 10px;
height: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.theme-switch input:checked + .theme-switch__slider::before {
transform: translateX(14px);
}
}

html[data-theme="dark"] body:not([class]),
html:not([data-theme]) body:not([class]),
html[data-theme="dark"] body:empty,
html:not([data-theme]) body:empty,
html[data-theme="dark"] body.home,
html:not([data-theme]) body.home,
html[data-theme="dark"] body.gallery-page,
html:not([data-theme]) body.gallery-page,
html[data-theme="dark"] body.csr-page,
html:not([data-theme]) body.csr-page,
html[data-theme="dark"] body.company-page,
html:not([data-theme]) body.company-page,
html[data-theme="dark"] body.contact-page,
html:not([data-theme]) body.contact-page,
html[data-theme="dark"] body.others-page,
html:not([data-theme]) body.others-page,
html[data-theme="dark"] body.article-page,
html:not([data-theme]) body.article-page,
html[data-theme="dark"] body.shopping-page,
html:not([data-theme]) body.shopping-page,
html[data-theme="dark"] body.landing-page,
html:not([data-theme]) body.landing-page,
html[data-theme="dark"] body.meet-page,
html:not([data-theme]) body.meet-page {
background: var(--theme-page-bg);
background-image:
linear-gradient(var(--theme-page-grid) 1px, transparent 1px),
linear-gradient(90deg, var(--theme-page-grid) 1px, transparent 1px);
background-size: 32px 32px;
}

html[data-theme="light"] body:not([class]),
html[data-theme="light"] body:empty,
html[data-theme="light"] body.home,
html[data-theme="light"] body.gallery-page,
html[data-theme="light"] body.csr-page,
html[data-theme="light"] body.company-page,
html[data-theme="light"] body.contact-page,
html[data-theme="light"] body.others-page,
html[data-theme="light"] body.article-page,
html[data-theme="light"] body.shopping-page,
html[data-theme="light"] body.landing-page,
html[data-theme="light"] body.meet-page {
background: var(--theme-page-bg);
background-image:
linear-gradient(var(--theme-page-grid) 1px, transparent 1px),
linear-gradient(90deg, var(--theme-page-grid) 1px, transparent 1px);
background-size: 32px 32px;
}

html[data-theme="dark"] .pagetop a,
html:not([data-theme]) .pagetop a,
html[data-theme="light"] .pagetop a {
background: var(--theme-switch-bg, var(--theme-surface-strong));
border: 1px solid var(--theme-surface-border);
box-shadow: 0 4px 16px var(--theme-shadow);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}

html[data-theme="dark"] .pagetop a,
html:not([data-theme]) .pagetop a {
color: #fff;
}

html[data-theme="light"] .pagetop a {
color: #df7003;
}

html[data-theme="dark"] body.home main h2,
html:not([data-theme]) body.home main h2,
html[data-theme="dark"] body.gallery-page .gallery-main h2,
html:not([data-theme]) body.gallery-page .gallery-main h2,
html[data-theme="dark"] body.article-page main h2,
html:not([data-theme]) body.article-page main h2,
html[data-theme="dark"] body.shopping-page main h2,
html:not([data-theme]) body.shopping-page main h2,
html[data-theme="dark"] body.contact-page main h2,
html:not([data-theme]) body.contact-page main h2,
html[data-theme="dark"] body.others-page main h2,
html:not([data-theme]) body.others-page main h2,
html[data-theme="dark"] body.csr-page main h2,
html:not([data-theme]) body.csr-page main h2,
html[data-theme="dark"] body.company-page main h2,
html:not([data-theme]) body.company-page main h2,
html[data-theme="dark"] body.landing-page main h2,
html:not([data-theme]) body.landing-page main h2,
html[data-theme="dark"] body.meet-page main h2,
html:not([data-theme]) body.meet-page main h2 {
color: var(--theme-heading);
}

html[data-theme="light"] body.home main h2,
html[data-theme="light"] body.gallery-page .gallery-main h2,
html[data-theme="light"] body.article-page main h2,
html[data-theme="light"] body.shopping-page main h2,
html[data-theme="light"] body.contact-page main h2,
html[data-theme="light"] body.others-page main h2,
html[data-theme="light"] body.csr-page main h2,
html[data-theme="light"] body.company-page main h2,
html[data-theme="light"] body.landing-page main h2,
html[data-theme="light"] body.meet-page main h2 {
color: var(--theme-heading);
}

html[data-theme="light"] body.home main h2.flag,
html[data-theme="light"] body.gallery-page .gallery-main .page-hero h2,
html[data-theme="light"] body.article-page main .page-hero h2,
html[data-theme="light"] body.shopping-page main .page-hero h2,
html[data-theme="light"] body.contact-page main .page-hero h2,
html[data-theme="light"] body.others-page main .page-hero h2,
html[data-theme="light"] body.csr-page main .page-hero h2,
html[data-theme="light"] body.company-page main .page-hero h2,
html[data-theme="light"] body.landing-page main .page-hero h2,
html[data-theme="light"] body.meet-page main .page-hero h2 {
color: #2c3140;
}

html[data-theme="light"] body.home main h2.flag span {
color: #b85a08;
font-weight: 700;
}

html[data-theme="light"] body.article-page main h2 i,
html[data-theme="light"] body.article-page main h2 span,
html[data-theme="light"] body.contact-page main h2 i,
html[data-theme="light"] body.contact-page main h2 span {
color: #e87808;
font-weight: 700;
}

html[data-theme="dark"] body.home .list h4,
html:not([data-theme]) body.home .list h4,
html[data-theme="dark"] body.home .list-square h4,
html:not([data-theme]) body.home .list-square h4,
html[data-theme="light"] body.home .list h4 {
color: var(--theme-heading-sub);
}

html[data-theme="light"] body.home .list-square h4 {
color: #f4f5f7;
}

html[data-theme="dark"] body.shopping-page .list2 h4,
html:not([data-theme]) body.shopping-page .list2 h4 {
color: #f4f5f7;
}

html[data-theme="light"] body.shopping-page .list2 h4 {
color: var(--theme-heading-sub);
}

html[data-theme="dark"] .gallery-video-card__body h3,
html:not([data-theme]) .gallery-video-card__body h3,
html[data-theme="dark"] .gallery-music__header h3,
html:not([data-theme]) .gallery-music__header h3 {
color: #eeeeee;
}

html[data-theme="light"] .gallery-video-card__body h3,
html[data-theme="light"] .gallery-music__header h3 {
color: #1a1f2e;
}

html[data-theme="dark"] body.landing-page main .lp-features h3,
html:not([data-theme]) body.landing-page main .lp-features h3,
html[data-theme="dark"] body.landing-page main .lp-related h3,
html:not([data-theme]) body.landing-page main .lp-related h3 {
color: #f0b050;
}

html[data-theme="light"] body.landing-page main .lp-features h3,
html[data-theme="light"] body.landing-page main .lp-related h3 {
color: #9a4d00;
}

html[data-theme="dark"] body.company-page .company-sdgs__title,
html:not([data-theme]) body.company-page .company-sdgs__title,
html[data-theme="dark"] body.company-page .company-message__title,
html:not([data-theme]) body.company-page .company-message__title,
html[data-theme="dark"] body.licenses-page .company-message__title,
html:not([data-theme]) body.licenses-page .company-message__title,
html[data-theme="dark"] body.privacy-page .company-message__title,
html:not([data-theme]) body.privacy-page .company-message__title {
color: #f4f5f7;
}

html[data-theme="light"] body.company-page .company-sdgs__title,
html[data-theme="light"] body.company-page .company-message__title,
html[data-theme="light"] body.licenses-page .company-message__title,
html[data-theme="light"] body.privacy-page .company-message__title {
color: var(--theme-heading-sub);
}

html[data-theme="dark"] body.company-page main .hero-tagline,
html:not([data-theme]) body.company-page main .hero-tagline,
html[data-theme="dark"] body.licenses-page main .hero-tagline,
html:not([data-theme]) body.licenses-page main .hero-tagline,
html[data-theme="dark"] body.privacy-page main .hero-tagline,
html:not([data-theme]) body.privacy-page main .hero-tagline,
html[data-theme="dark"] body.csr-page main .hero-tagline,
html:not([data-theme]) body.csr-page main .hero-tagline,
html[data-theme="dark"] body.shopping-page main .hero-tagline,
html:not([data-theme]) body.shopping-page main .hero-tagline,
html[data-theme="dark"] body.article-page main .hero-tagline,
html:not([data-theme]) body.article-page main .hero-tagline {
color: #f0b050;
border-color: rgba(240, 160, 48, 0.35);
background: rgba(0, 0, 0, 0.25);
}

html[data-theme="light"] body.company-page .hero-tagline,
html[data-theme="light"] body.licenses-page .hero-tagline,
html[data-theme="light"] body.privacy-page .hero-tagline,
html[data-theme="light"] body.csr-page .hero-tagline,
html[data-theme="light"] body.shopping-page .hero-tagline,
html[data-theme="light"] body.article-page .hero-tagline {
color: #b85a08;
font-weight: 700;
}

html[data-theme="dark"] body.privacy-page .privacy-draft-note,
html:not([data-theme]) body.privacy-page .privacy-draft-note {
background: rgba(255, 200, 80, 0.12);
border: 1px solid rgba(255, 200, 80, 0.35);
color: #f4f5f7;
}

html[data-theme="light"] body.privacy-page .privacy-draft-note {
background: #fff8e6;
border: 1px solid #e6c96a;
color: #333;
}

html[data-theme="dark"] body.privacy-page .privacy-content,
html:not([data-theme]) body.privacy-page .privacy-content {
color: #e8eaed;
}

html[data-theme="light"] body.privacy-page .privacy-content {
color: var(--theme-text, #333);
}

html[data-theme="dark"] body.privacy-page .privacy-content a,
html:not([data-theme]) body.privacy-page .privacy-content a {
color: #f0b050;
}

html[data-theme="light"] body.privacy-page .privacy-content a {
color: #b85a08;
}

html[data-theme="dark"] body.csr-page .ta1 caption,
html:not([data-theme]) body.csr-page .ta1 caption {
background: rgba(223, 112, 3, 0.12);
border-color: rgba(223, 112, 3, 0.45);
color: #f09030;
}

html[data-theme="dark"] .csr-photo-modal__backdrop,
html:not([data-theme]) .csr-photo-modal__backdrop {
background: rgba(0, 0, 0, 0.78);
}

html[data-theme="light"] .csr-photo-modal__backdrop {
background: rgba(0, 0, 0, 0.62);
}

html[data-theme="dark"] .gallery-thumb__title,
html:not([data-theme]) .gallery-thumb__title,
html[data-theme="light"] .gallery-thumb__title {
color: #f0f0f4;
}

html[data-theme="dark"] .meet-bg-panel__title,
html:not([data-theme]) .meet-bg-panel__title,
html[data-theme="dark"] .meet-device-panel__title,
html:not([data-theme]) .meet-device-panel__title {
color: #eee;
}

html[data-theme="light"] .meet-bg-panel__title,
html[data-theme="light"] .meet-device-panel__title {
color: #1a1f2e;
}

html[data-theme="dark"] .meet-chat__title,
html:not([data-theme]) .meet-chat__title,
html[data-theme="light"] .meet-chat__title {
color: var(--theme-heading);
}

html[data-theme="dark"] body.home .list,
html:not([data-theme]) body.home .list {
background: var(--theme-surface);
border: 1px solid var(--theme-surface-border);
box-shadow: 0 6px 24px var(--theme-shadow);
}

html[data-theme="dark"] body.home .home-scroll-wrap,
html:not([data-theme]) body.home .home-scroll-wrap {
position: relative;
overflow: hidden;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] body.home .home-scroll-wrap::before,
html:not([data-theme]) body.home .home-scroll-wrap::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
pointer-events: none;
}

html[data-theme="dark"] body.home .home-scroll-wrap .updates-feed,
html:not([data-theme]) body.home .home-scroll-wrap .updates-feed,
html[data-theme="dark"] body.home .home-scroll-wrap .news-feed,
html:not([data-theme]) body.home .home-scroll-wrap .news-feed {
position: relative;
z-index: 1;
background: transparent;
border: none;
box-shadow: none;
}

html[data-theme="dark"] body.home .updates-feed,
html:not([data-theme]) body.home .updates-feed,
html[data-theme="dark"] body.home .news-feed,
html:not([data-theme]) body.home .news-feed {
scrollbar-color: rgba(223, 112, 3, 0.55) rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] body.home .updates-feed::-webkit-scrollbar-track,
html:not([data-theme]) body.home .updates-feed::-webkit-scrollbar-track,
html[data-theme="dark"] body.home .news-feed::-webkit-scrollbar-track,
html:not([data-theme]) body.home .news-feed::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] body.home .updates-feed::-webkit-scrollbar-thumb,
html:not([data-theme]) body.home .updates-feed::-webkit-scrollbar-thumb,
html[data-theme="dark"] body.home .news-feed::-webkit-scrollbar-thumb,
html:not([data-theme]) body.home .news-feed::-webkit-scrollbar-thumb {
background: rgba(223, 112, 3, 0.5);
}

html[data-theme="dark"] body.home .news-feed .news-item,
html:not([data-theme]) body.home .news-feed .news-item {
border-bottom-color: rgba(255, 255, 255, 0.07);
}

html[data-theme="dark"] body.home .news-feed .news-item:hover,
html:not([data-theme]) body.home .news-feed .news-item:hover {
background: rgba(223, 112, 3, 0.06);
}

html[data-theme="light"] body.home .updates-feed,
html[data-theme="light"] body.home .news-feed {
scrollbar-color: rgba(223, 112, 3, 0.5) rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] body.home .updates-feed::-webkit-scrollbar-track,
html[data-theme="light"] body.home .news-feed::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] body.home .updates-feed::-webkit-scrollbar-thumb,
html[data-theme="light"] body.home .news-feed::-webkit-scrollbar-thumb {
background: rgba(223, 112, 3, 0.5);
}

html[data-theme="light"] body.home .news-feed .news-item {
border-bottom-color: var(--theme-hr);
}

html[data-theme="light"] body.home .news-feed .news-item:hover {
background: var(--theme-surface-hover);
}

@media screen and (max-width: 899px) {
html[data-theme="dark"] body.home .updates-feed,
html:not([data-theme]) body.home .updates-feed,
html[data-theme="dark"] body.home .news-feed,
html:not([data-theme]) body.home .news-feed {
scrollbar-color: rgba(223, 112, 3, 0.75) rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] body.home .updates-feed::-webkit-scrollbar-track,
html:not([data-theme]) body.home .updates-feed::-webkit-scrollbar-track,
html[data-theme="dark"] body.home .news-feed::-webkit-scrollbar-track,
html:not([data-theme]) body.home .news-feed::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] body.home .updates-feed::-webkit-scrollbar-thumb,
html:not([data-theme]) body.home .updates-feed::-webkit-scrollbar-thumb,
html[data-theme="dark"] body.home .news-feed::-webkit-scrollbar-thumb,
html:not([data-theme]) body.home .news-feed::-webkit-scrollbar-thumb {
background: rgba(223, 112, 3, 0.72);
border: 2px solid rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] body.home .updates-feed,
html[data-theme="light"] body.home .news-feed {
scrollbar-color: rgba(223, 112, 3, 0.65) rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] body.home .updates-feed::-webkit-scrollbar-track,
html[data-theme="light"] body.home .news-feed::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] body.home .updates-feed::-webkit-scrollbar-thumb,
html[data-theme="light"] body.home .news-feed::-webkit-scrollbar-thumb {
background: rgba(223, 112, 3, 0.65);
border: 2px solid rgba(255, 255, 255, 0.65);
}

html[data-theme="dark"] body.home .home-scroll-wrap--rail .home-scroll-rail,
html:not([data-theme]) body.home .home-scroll-wrap--rail .home-scroll-rail {
background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] body.home .home-scroll-rail__thumb,
html:not([data-theme]) body.home .home-scroll-rail__thumb {
background: rgba(223, 112, 3, 0.78);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] body.home .home-scroll-wrap--rail .home-scroll-rail {
background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] body.home .home-scroll-rail__thumb {
background: rgba(223, 112, 3, 0.65);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.72);
}

html[data-theme="dark"] body.home .home-feed-accordion__toggle,
html:not([data-theme]) body.home .home-feed-accordion__toggle {
border-color: rgba(255, 255, 255, 0.16);
background: rgba(0, 0, 0, 0.2);
color: #ddd;
}

html[data-theme="dark"] body.home .home-feed-accordion__toggle:hover,
html:not([data-theme]) body.home .home-feed-accordion__toggle:hover {
border-color: rgba(240, 144, 48, 0.55);
}

html[data-theme="light"] body.home .home-feed-accordion__toggle {
border-color: var(--theme-input-border);
background: var(--theme-input-bg);
color: var(--color-body-text);
}

html[data-theme="light"] body.home .home-feed-accordion__toggle:hover {
border-color: rgba(223, 112, 3, 0.55);
background: var(--theme-surface-label-hover);
}
}

html[data-theme="dark"] .lp-feature-list li,
html:not([data-theme]) .lp-feature-list li {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .lp-cta,
html:not([data-theme]) .lp-cta {
background: rgba(223, 112, 3, 0.08);
border: 1px solid rgba(223, 112, 3, 0.28);
}

html[data-theme="light"] .lp-feature-list li {
background: var(--theme-surface);
border: 1px solid var(--theme-surface-border);
box-shadow: 0 4px 18px var(--theme-shadow);
}

html[data-theme="light"] .lp-cta {
background: rgba(223, 112, 3, 0.08);
border: 1px solid rgba(223, 112, 3, 0.22);
}

html[data-theme="dark"] body:not([class]),
html:not([data-theme]) body:not([class]),
html[data-theme="dark"] body:empty,
html:not([data-theme]) body:empty,
html[data-theme="dark"] body.home,
html:not([data-theme]) body.home,
html[data-theme="dark"] body.gallery-page,
html:not([data-theme]) body.gallery-page,
html[data-theme="dark"] body.csr-page,
html:not([data-theme]) body.csr-page,
html[data-theme="dark"] body.company-page,
html:not([data-theme]) body.company-page,
html[data-theme="dark"] body.contact-page,
html:not([data-theme]) body.contact-page,
html[data-theme="dark"] body.others-page,
html:not([data-theme]) body.others-page,
html[data-theme="dark"] body.article-page,
html:not([data-theme]) body.article-page,
html[data-theme="dark"] body.shopping-page,
html:not([data-theme]) body.shopping-page,
html[data-theme="dark"] body.landing-page,
html:not([data-theme]) body.landing-page,
html[data-theme="dark"] body.meet-page,
html:not([data-theme]) body.meet-page,
html[data-theme="light"] body:not([class]),
html[data-theme="light"] body:empty,
html[data-theme="light"] body.home,
html[data-theme="light"] body.gallery-page,
html[data-theme="light"] body.csr-page,
html[data-theme="light"] body.company-page,
html[data-theme="light"] body.contact-page,
html[data-theme="light"] body.others-page,
html[data-theme="light"] body.article-page,
html[data-theme="light"] body.shopping-page,
html[data-theme="light"] body.landing-page,
html[data-theme="light"] body.meet-page {
color: var(--color-body-text);
}

html[data-theme="dark"] body.home main,
html:not([data-theme]) body.home main,
html[data-theme="dark"] body.home main > section,
html:not([data-theme]) body.home main > section,
html[data-theme="dark"] body.home .bg1,
html:not([data-theme]) body.home .bg1,
html[data-theme="light"] body.home main,
html[data-theme="light"] body.home main > section,
html[data-theme="light"] body.home .bg1 {
color: var(--color-body-text);
}

html[data-theme="dark"] body.home main p,
html:not([data-theme]) body.home main p,
html[data-theme="dark"] body.home table,
html:not([data-theme]) body.home table,
html[data-theme="dark"] body.home .list p,
html:not([data-theme]) body.home .list p,
html[data-theme="dark"] body.home .list-square p,
html:not([data-theme]) body.home .list-square p,
html[data-theme="dark"] body.gallery-page .gallery-main p,
html:not([data-theme]) body.gallery-page .gallery-main p,
html[data-theme="dark"] body.article-page main p,
html:not([data-theme]) body.article-page main p,
html[data-theme="dark"] body.shopping-page main p,
html:not([data-theme]) body.shopping-page main p,
html[data-theme="dark"] body.contact-page main p,
html:not([data-theme]) body.contact-page main p,
html[data-theme="dark"] body.others-page main p,
html:not([data-theme]) body.others-page main p,
html[data-theme="dark"] body.landing-page main p,
html:not([data-theme]) body.landing-page main p,
html[data-theme="dark"] body.meet-page main p,
html:not([data-theme]) body.meet-page main p,
html[data-theme="dark"] body.csr-page main p,
html:not([data-theme]) body.csr-page main p,
html[data-theme="dark"] body.shopping-page .list2 p,
html:not([data-theme]) body.shopping-page .list2 p,
html[data-theme="dark"] .gallery-intro,
html:not([data-theme]) .gallery-intro,
html[data-theme="dark"] .gallery-video-card__body p,
html:not([data-theme]) .gallery-video-card__body p,
html[data-theme="dark"] .gallery-music__header p,
html:not([data-theme]) .gallery-music__header p,
html[data-theme="dark"] .gallery-music__time,
html:not([data-theme]) .gallery-music__time,
html[data-theme="dark"] .gallery-music__volume,
html:not([data-theme]) .gallery-music__volume,
html[data-theme="dark"] .gallery-music__volume-label,
html:not([data-theme]) .gallery-music__volume-label,
html[data-theme="dark"] .gallery-music__volume-value,
html:not([data-theme]) .gallery-music__volume-value,
html[data-theme="dark"] .gallery-music__volume-buttons button,
html:not([data-theme]) .gallery-music__volume-buttons button,
html[data-theme="dark"] .gallery-music__playlist button,
html:not([data-theme]) .gallery-music__playlist button,
html[data-theme="dark"] .gallery-tabs button,
html:not([data-theme]) .gallery-tabs button,
html[data-theme="dark"] body.company-page .company-sdgs__text,
html:not([data-theme]) body.company-page .company-sdgs__text,
html[data-theme="dark"] body.company-page .company-message__body p,
html:not([data-theme]) body.company-page .company-message__body p,
html[data-theme="dark"] .lp-feature-list span,
html:not([data-theme]) .lp-feature-list span,
html[data-theme="dark"] .lp-lead,
html:not([data-theme]) .lp-lead,
html[data-theme="light"] body.home main p,
html[data-theme="light"] body.home table,
html[data-theme="light"] body.home .list p,
html[data-theme="light"] body.home .list-square p,
html[data-theme="light"] body.gallery-page .gallery-main p,
html[data-theme="light"] body.article-page main p,
html[data-theme="light"] body.shopping-page main p,
html[data-theme="light"] body.landing-page main p,
html[data-theme="light"] body.meet-page main p,
html[data-theme="light"] body.csr-page main p,
html[data-theme="light"] body.shopping-page .list2 p,
html[data-theme="light"] .gallery-intro,
html[data-theme="light"] .gallery-video-card__body p,
html[data-theme="light"] .gallery-music__header p,
html[data-theme="light"] body.company-page .company-sdgs__text,
html[data-theme="light"] body.company-page .company-message__body p,
html[data-theme="light"] .lp-feature-list span,
html[data-theme="light"] .lp-lead,
html[data-theme="light"] .gallery-tabs button,
html[data-theme="light"] .meet-device-panel__note,
html[data-theme="light"] body.article-page .article-zoom-hint {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] body.home main .hero-tagline--home,
html:not([data-theme]) body.home main .hero-tagline--home {
color: #f5d090;
border-color: rgba(240, 160, 48, 0.35);
background: transparent;
box-shadow:
0 16px 52px rgba(0, 0, 0, 0.40),
0 6px 24px rgba(223, 112, 3, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

html[data-theme="dark"] body.home .hero-tagline--home::after,
html:not([data-theme]) body.home .hero-tagline--home::after {
background:
radial-gradient(ellipse 90% 55% at 50% -10%, rgba(223, 112, 3, 0.12), transparent 68%),
rgba(22, 24, 31, 0.32);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
}

html[data-theme="dark"] body.home .hero-tagline__intro,
html:not([data-theme]) body.home .hero-tagline__intro {
color: #f0b050;
text-shadow: 0 0 24px rgba(240, 160, 48, 0.25);
}

html[data-theme="dark"] body.home .hero-tagline__list,
html:not([data-theme]) body.home .hero-tagline__list {
border-top-color: rgba(240, 160, 48, 0.28);
border-bottom-color: rgba(240, 160, 48, 0.28);
}

html[data-theme="dark"] body.home .hero-tagline__outro strong,
html:not([data-theme]) body.home .hero-tagline__outro strong {
color: #f0c060;
}

html[data-theme="light"] body.home main .hero-tagline--home {
color: #8a4800;
font-weight: 600;
border: 1px solid rgba(240, 160, 48, 0.35);
background: transparent;
box-shadow:
0 16px 52px rgba(0, 0, 0, 0.10),
0 6px 24px rgba(223, 112, 3, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

html[data-theme="light"] body.home .hero-tagline--home::after {
background:
radial-gradient(ellipse 90% 55% at 50% -10%, rgba(223, 112, 3, 0.12), transparent 68%),
rgba(255, 255, 255, 0.32);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
box-shadow: inset 0 18px 44px rgba(223, 112, 3, 0.16);
}

html[data-theme="light"] body.home .hero-tagline__intro {
color: #b85a08;
font-weight: 800;
}

html[data-theme="light"] body.home .hero-tagline__list {
border-top-color: rgba(240, 160, 48, 0.28);
border-bottom-color: rgba(240, 160, 48, 0.28);
}

html[data-theme="light"] body.home .hero-tagline__list span {
color: #9a5200;
}

html[data-theme="light"] body.home .hero-tagline__outro strong {
color: #c56310;
}

html[data-theme="dark"] body.home .news-feed .news-item dt,
html:not([data-theme]) body.home .news-feed .news-item dt {
color: #9098a8;
}

html[data-theme="dark"] body.home .news-feed .news-item dd,
html:not([data-theme]) body.home .news-feed .news-item dd {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .company-fact dt small,
html:not([data-theme]) .company-fact dt small {
color: #6a7080;
}

html[data-theme="dark"] .company-fact dd,
html:not([data-theme]) .company-fact dd {
color: #d8dce4;
}

html[data-theme="dark"] body.company-page .company-sdgs__note,
html:not([data-theme]) body.company-page .company-sdgs__note {
color: #b8bcc8;
}

html[data-theme="dark"] body.company-page .company-quote,
html:not([data-theme]) body.company-page .company-quote {
color: #e8eaed;
background: rgba(240, 160, 48, 0.08);
border-left-color: #f0a030;
}

html[data-theme="dark"] body.contact-page #form td,
html:not([data-theme]) body.contact-page #form td,
html[data-theme="dark"] body.others-page #form td,
html:not([data-theme]) body.others-page #form td {
color: var(--color-body-text);
}

html[data-theme="dark"] .gallery-music__playlist button,
html:not([data-theme]) .gallery-music__playlist button,
html[data-theme="dark"] .gallery-music__playlist button::before,
html:not([data-theme]) .gallery-music__playlist button::before {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] body.article-page .article-zoom-hint,
html:not([data-theme]) body.article-page .article-zoom-hint {
color: rgba(224, 228, 236, 0.55);
}

html[data-theme="dark"] body.article-page .article-zoom-hint i,
html:not([data-theme]) body.article-page .article-zoom-hint i {
color: rgba(223, 112, 3, 0.75);
}

html[data-theme="dark"] .song-area,
html:not([data-theme]) .song-area {
color: #b0b0bc;
}

html[data-theme="dark"] .song-area .ta1 caption,
html:not([data-theme]) .song-area .ta1 caption {
color: #e8e8ec;
}

html[data-theme="dark"] .song-area table,
html:not([data-theme]) .song-area table,
html[data-theme="dark"] .song-area .m_player,
html:not([data-theme]) .song-area .m_player {
color: #b0b0bc;
}

html[data-theme="dark"] .song-area .m_player ol,
html:not([data-theme]) .song-area .m_player ol {
color: #a8a8b8;
}

html[data-theme="light"] body.home .news-feed .news-item dt {
color: #626d80;
}

html[data-theme="light"] .company-fact dd {
color: var(--color-body-text);
}

html[data-theme="light"] body.contact-page main p,
html[data-theme="light"] body.others-page main p,
html[data-theme="light"] body.contact-page main ol,
html[data-theme="light"] body.others-page main ol {
color: #626d80;
}

html[data-theme="light"] body.company-page .company-sdgs__note {
color: var(--color-body-text-muted);
}

html[data-theme="light"] body.company-page .company-quote {
color: var(--color-body-text);
background: rgba(223, 112, 3, 0.06);
border-left-color: #df7003;
}

html[data-theme="dark"] .company-message__body strong,
html:not([data-theme]) .company-message__body strong {
color: #f09030;
}

html[data-theme="light"] .company-message__body strong {
color: #c56310;
}

@media screen and (max-width: 600px) {
html[data-theme="dark"] .company-fact dt,
html:not([data-theme]) .company-fact dt {
border-bottom-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .company-fact dt {
border-bottom-color: var(--theme-hr);
}
}

html[data-theme="light"] body.contact-page #form td,
html[data-theme="light"] body.others-page #form td {
color: #4a5264;
}

html[data-theme="light"] .gallery-music__time {
color: #2a3140;
}

html[data-theme="light"] .gallery-video-card__body p,
html[data-theme="light"] .gallery-music__header p,
html[data-theme="light"] .gallery-music__volume,
html[data-theme="light"] .gallery-music__volume label,
html[data-theme="light"] .gallery-music__volume-label,
html[data-theme="light"] .gallery-music__volume-buttons button,
html[data-theme="light"] .gallery-music__playlist button {
color: #3a4254;
}

html[data-theme="light"] .gallery-music__volume label,
html[data-theme="light"] .gallery-music__volume-label {
color: #2a3140;
font-weight: 600;
}

html[data-theme="light"] .gallery-music__volume-value {
color: #2a3140;
}

html[data-theme="light"] body.article-page .article-zoom-hint i {
color: #df7003;
}

html[data-theme="light"] .song-area .m_player ol {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] body.home main a,
html:not([data-theme]) body.home main a,
html[data-theme="dark"] body.contact-page main a,
html:not([data-theme]) body.contact-page main a,
html[data-theme="dark"] body.others-page main a,
html:not([data-theme]) body.others-page main a,
html[data-theme="dark"] .company-fact dd a,
html:not([data-theme]) .company-fact dd a,
html[data-theme="dark"] .lp-related a,
html:not([data-theme]) .lp-related a {
color: #f09030;
}

html[data-theme="dark"] body.home main a:hover,
html:not([data-theme]) body.home main a:hover,
html[data-theme="dark"] body.contact-page main a:hover,
html:not([data-theme]) body.contact-page main a:hover,
html[data-theme="dark"] body.others-page main a:hover,
html:not([data-theme]) body.others-page main a:hover,
html[data-theme="dark"] .lp-related a:hover,
html:not([data-theme]) .lp-related a:hover {
color: #f5c070;
opacity: 1;
}

html[data-theme="dark"] .lp-related a,
html:not([data-theme]) .lp-related a {
border-bottom-color: rgba(240, 144, 48, 0.35);
}

html[data-theme="dark"] .lp-related a:hover,
html:not([data-theme]) .lp-related a:hover {
border-bottom-color: rgba(245, 192, 112, 0.6);
}

html[data-theme="dark"] .song-area a,
html:not([data-theme]) .song-area a,
html[data-theme="dark"] .song-area .m_player ol li a,
html:not([data-theme]) .song-area .m_player ol li a {
color: #a8a8b8;
}

html[data-theme="dark"] .song-area a:hover,
html:not([data-theme]) .song-area a:hover,
html[data-theme="dark"] .song-area .m_player ol li a:hover,
html:not([data-theme]) .song-area .m_player ol li a:hover,
html[data-theme="dark"] .song-area .m_player ol li.playing a,
html:not([data-theme]) .song-area .m_player ol li.playing a {
color: #f09030;
opacity: 1;
}

html[data-theme="light"] body.home main a,
html[data-theme="light"] .company-fact dd a,
html[data-theme="light"] .lp-related a {
color: #e88840;
}

html[data-theme="light"] body.contact-page main a,
html[data-theme="light"] body.others-page main a,
html[data-theme="light"] body.article-page main a {
color: #df7003;
}

html[data-theme="light"] body.home main a:hover,
html[data-theme="light"] .lp-related a:hover {
color: #f0a050;
opacity: 1;
}

html[data-theme="light"] body.contact-page main a:hover,
html[data-theme="light"] body.others-page main a:hover,
html[data-theme="light"] body.article-page main a:hover {
color: #f09030;
opacity: 1;
}

html[data-theme="light"] .lp-related a {
border-bottom-color: rgba(232, 136, 64, 0.35);
}

html[data-theme="light"] .lp-related a:hover {
border-bottom-color: rgba(240, 160, 80, 0.6);
}

html[data-theme="light"] .song-area a,
html[data-theme="light"] .song-area .m_player ol li a {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .song-area a:hover,
html[data-theme="light"] .song-area .m_player ol li a:hover,
html[data-theme="light"] .song-area .m_player ol li.playing a {
color: #e88840;
opacity: 1;
}

html[data-theme="dark"] #header-menu::after,
html:not([data-theme]) #header-menu::after {
background: linear-gradient(to bottom, transparent 0%, var(--theme-header-menu-fade) 100%);
}

html[data-theme="light"] #header-menu::after {
top: 100%;
bottom: auto;
height: 12px;
z-index: 1;
background: linear-gradient(to bottom, var(--theme-header-menu-fade) 0%, transparent 100%);
}

html[data-theme="dark"] #footermenu::before,
html:not([data-theme]) #footermenu::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
z-index: 1;
pointer-events: none;
background: linear-gradient(to bottom, var(--theme-header-menu-fade) 0%, transparent 100%);
}

html[data-theme="light"] #footermenu::before {
content: "";
position: absolute;
top: auto;
bottom: 100%;
left: 0;
right: 0;
height: 12px;
z-index: 1;
pointer-events: none;
background: linear-gradient(to top, var(--theme-header-menu-fade) 0%, transparent 100%);
}

html[data-theme="light"] #menubar_hdr,
html[data-theme="light"] #menubar_hdr.ham {
background: var(--theme-switch-bg, rgba(255, 255, 255, 0.52));
border-color: var(--theme-surface-border);
box-shadow: 0 4px 16px var(--theme-shadow);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: var(--color-body-text);
}

html[data-theme="light"] #menubar_hdr p {
color: var(--color-body-text);
}

html[data-theme="light"] #menubar_hdr span {
border-top-color: var(--color-body-text);
}

html[data-theme="light"] #menubar {
background: var(--theme-switch-bg, rgba(255, 255, 255, 0.52));
border-right-color: var(--theme-surface-border);
box-shadow: 0 4px 16px var(--theme-shadow);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}

html[data-theme="light"] #menubar a {
color: var(--color-body-text);
border-bottom-color: var(--theme-hr);
}

html[data-theme="light"] #menubar a:hover {
color: var(--color-body-text);
background: var(--theme-surface-hover);
}

html[data-theme="light"] .ta1 {
border-top-color: var(--theme-hr);
}

html[data-theme="light"] .ta1 tr {
border-bottom-color: var(--theme-hr);
}

html[data-theme="light"] .ta1 caption {
background: rgba(223, 112, 3, 0.12);
border-color: rgba(223, 112, 3, 0.45);
color: #f09030;
}

html[data-theme="light"] .ta1 th {
background: rgba(0, 0, 0, 0.25);
color: #f09030;
}

html[data-theme="light"] .ta1 td {
background: rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] body.article-page .ta1 {
position: static;
background: transparent;
border: none;
border-top: 1px solid var(--theme-hr);
border-radius: 0;
overflow: visible;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}

html[data-theme="light"] body.article-page .ta1::before {
content: none;
display: none;
}

html[data-theme="light"] body.article-page .ta1 caption,
html[data-theme="light"] body.article-page .ta1 tr,
html[data-theme="light"] body.article-page .ta1 th,
html[data-theme="light"] body.article-page .ta1 td {
position: static;
z-index: auto;
}

html[data-theme="dark"] body.home .list-square,
html:not([data-theme]) body.home .list-square {
border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.home .list-square .text,
html:not([data-theme]) body.home .list-square .text {
background: rgba(22, 24, 31, 0.38);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
border-top: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html[data-theme="light"] body.home .list {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="dark"] body.home main.main-particles-enabled,
html:not([data-theme]) body.home main.main-particles-enabled,
html[data-theme="light"] body.home main.main-particles-enabled {
isolation: auto;
}

html[data-theme="light"] body.home .home-scroll-wrap {
position: relative;
overflow: hidden;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(255, 255, 255, 0.55);
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="light"] body.home .home-scroll-wrap::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] body.home .home-scroll-wrap .updates-feed,
html[data-theme="light"] body.home .home-scroll-wrap .news-feed {
position: relative;
z-index: 1;
background: transparent;
border: none;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}

html[data-theme="light"] body.home .list::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] body.home .list > *:not(.icon) {
position: relative;
z-index: 1;
}

html[data-theme="light"] body.home .list > .icon {
position: absolute;
z-index: 2;
}

html[data-theme="light"] body.home .list-square {
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] body.home .list-square .text {
background: rgba(22, 24, 31, 0.38);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
border-top: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
color: #fff;
}

html[data-theme="light"] body.home .list-square p {
color: rgba(255, 255, 255, 0.92);
}

html[data-theme="dark"] body.home hr,
html:not([data-theme]) body.home hr,
html[data-theme="light"] body.home hr {
border-top-color: var(--theme-hr);
}

html[data-theme="dark"] body.home .ta1,
html:not([data-theme]) body.home .ta1,
html[data-theme="light"] body.home .ta1 {
border-top-color: var(--theme-hr);
}

html[data-theme="dark"] body.home .ta1 tr,
html:not([data-theme]) body.home .ta1 tr,
html[data-theme="light"] body.home .ta1 tr {
border-bottom-color: var(--theme-hr);
}

html[data-theme="dark"] body.home .ta1 caption,
html:not([data-theme]) body.home .ta1 caption {
background: rgba(223, 112, 3, 0.12);
border-color: rgba(223, 112, 3, 0.45);
color: #f09030;
}

html[data-theme="dark"] body.home .list-square:hover,
html:not([data-theme]) body.home .list-square:hover {
border-color: rgba(223, 112, 3, 0.35);
box-shadow:
0 12px 32px rgba(0, 0, 0, 0.32),
0 0 0 1px rgba(223, 112, 3, 0.12);
}

html[data-theme="light"] body.home .list-square:hover {
border-color: rgba(223, 112, 3, 0.35);
box-shadow:
0 12px 32px rgba(0, 0, 0, 0.14),
0 0 0 1px rgba(223, 112, 3, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="dark"] .gallery-tabs,
html:not([data-theme]) .gallery-tabs {
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08);
backdrop-filter: blur(12px) saturate(1.15);
-webkit-backdrop-filter: blur(12px) saturate(1.15);
}

html[data-theme="dark"] .gallery-tabs button:hover,
html:not([data-theme]) .gallery-tabs button:hover {
color: #eeeeee;
}

html[data-theme="dark"] .gallery-tabs button.is-active,
html:not([data-theme]) .gallery-tabs button.is-active {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
box-shadow: 0 4px 20px rgba(223, 112, 3, 0.35);
}

html[data-theme="light"] .gallery-tabs {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(255, 255, 255, 0.55);
box-shadow: 0 4px 22px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gallery-tabs::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: transparent;
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] .gallery-tabs > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] .gallery-tabs button:hover {
color: #12172a;
}

html[data-theme="light"] .gallery-tabs button.is-active {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
box-shadow: 0 4px 22px rgba(223, 112, 3, 0.48), 0 2px 8px rgba(0, 0, 0, 0.14);
}

html[data-theme="dark"] .ggd-gallery > ul > li a,
html:not([data-theme]) .ggd-gallery > ul > li a,
html[data-theme="light"] .ggd-gallery > ul > li a {
background: rgba(22, 24, 31, 0.42);
backdrop-filter: blur(12px) saturate(1.15);
-webkit-backdrop-filter: blur(12px) saturate(1.15);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .ggd-gallery > ul > li:hover a,
html:not([data-theme]) .ggd-gallery > ul > li:hover a,
html[data-theme="light"] .ggd-gallery > ul > li:hover a {
box-shadow: 0 4px 22px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] .gallery-thumb__title,
html:not([data-theme]) .gallery-thumb__title,
html[data-theme="light"] .gallery-thumb__title {
background: linear-gradient(
to top,
rgba(32, 32, 42, 0.94) 0%,
rgba(32, 32, 42, 0.78) 38%,
rgba(32, 32, 42, 0.28) 72%,
transparent 100%
);
}

html[data-theme="light"] body.gallery-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="light"] body.gallery-page .gallery-main,
html[data-theme="light"] body.gallery-page .gallery-panel,
html[data-theme="light"] body.gallery-page .gallery-video-grid {
background: transparent;
}

html[data-theme="dark"] .gallery-music,
html:not([data-theme]) .gallery-music,
html[data-theme="dark"] .gallery-video-card,
html:not([data-theme]) .gallery-video-card {
background: rgba(22, 24, 31, 0.42);
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
border: 1px solid rgba(255, 255, 255, 0.12);
border-top: 3px solid #df7003;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .gallery-video-card:hover,
html:not([data-theme]) .gallery-video-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

html[data-theme="light"] .gallery-music {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 3px solid #df7003;
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .gallery-music::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: transparent;
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] .gallery-music > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] .gallery-video-card {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 3px solid #df7003;
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .gallery-video-card:hover {
box-shadow:
0 12px 36px rgba(0, 0, 0, 0.14),
0 4px 12px rgba(0, 0, 0, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .gallery-video-card::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: transparent;
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] .gallery-video-card > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] .gallery-video-card__body {
background: transparent;
}

html[data-theme="light"] .gallery-video-card__embed {
background: transparent;
border-bottom-color: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .gallery-music__header {
position: relative;
overflow: hidden;
background: transparent;
}

html[data-theme="light"] .gallery-music__header::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: rgba(255, 255, 255, 0.48);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] .gallery-music__header > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] .gallery-music__header,
html[data-theme="light"] .gallery-music__now {
border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .gallery-music__now {
background: rgba(255, 255, 255, 0.38);
color: #c56310;
}

html[data-theme="dark"] .gallery-video-card__embed,
html:not([data-theme]) .gallery-video-card__embed {
background: rgba(0, 0, 0, 0.35);
border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .gallery-video-card__body,
html:not([data-theme]) .gallery-video-card__body {
background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .gallery-music__header,
html:not([data-theme]) .gallery-music__header {
background: rgba(255, 255, 255, 0.04);
border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .gallery-music__now,
html:not([data-theme]) .gallery-music__now {
background: rgba(255, 255, 255, 0.05);
border-bottom-color: rgba(255, 255, 255, 0.08);
color: #f09030;
}

html[data-theme="dark"] .gallery-music__controls,
html:not([data-theme]) .gallery-music__controls,
html[data-theme="dark"] .gallery-music__volume,
html:not([data-theme]) .gallery-music__volume {
background: transparent;
}

html[data-theme="dark"] .gallery-music__player,
html:not([data-theme]) .gallery-music__player {
position: relative;
z-index: 2;
}

html[data-theme="dark"] .gallery-music__play-btn,
html:not([data-theme]) .gallery-music__play-btn {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
box-shadow: 0 4px 14px rgba(223, 112, 3, 0.35);
}

html[data-theme="dark"] .gallery-music__progress,
html:not([data-theme]) .gallery-music__progress {
color-scheme: dark;
accent-color: #df7003;
background: transparent;
height: 8px;
}

html[data-theme="dark"] .gallery-music__progress:disabled,
html:not([data-theme]) .gallery-music__progress:disabled {
opacity: 0.72;
}

html[data-theme="dark"] .gallery-music__progress::-webkit-slider-runnable-track,
html:not([data-theme]) .gallery-music__progress::-webkit-slider-runnable-track {
height: 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__progress::-moz-range-track,
html:not([data-theme]) .gallery-music__progress::-moz-range-track {
height: 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__progress::-webkit-slider-thumb,
html:not([data-theme]) .gallery-music__progress::-webkit-slider-thumb {
width: 20px;
height: 20px;
margin-top: -7px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__progress::-moz-range-thumb,
html:not([data-theme]) .gallery-music__progress::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__volume-slider,
html:not([data-theme]) .gallery-music__volume-slider {
color-scheme: dark;
accent-color: #df7003;
height: 8px;
background: rgba(255, 255, 255, 0.08);
border-radius: 999px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .gallery-music__volume-slider::-webkit-slider-runnable-track,
html:not([data-theme]) .gallery-music__volume-slider::-webkit-slider-runnable-track {
height: 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__volume-slider::-moz-range-track,
html:not([data-theme]) .gallery-music__volume-slider::-moz-range-track {
height: 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__volume-slider::-webkit-slider-thumb,
html:not([data-theme]) .gallery-music__volume-slider::-webkit-slider-thumb {
width: 20px;
height: 20px;
margin-top: -7px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__volume-slider::-moz-range-thumb,
html:not([data-theme]) .gallery-music__volume-slider::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .gallery-music__volume-buttons button,
html:not([data-theme]) .gallery-music__volume-buttons button {
background: rgba(0, 0, 0, 0.15);
border-color: rgba(223, 112, 3, 0.25);
}

html[data-theme="dark"] .gallery-music__volume-buttons button:hover,
html:not([data-theme]) .gallery-music__volume-buttons button:hover,
html[data-theme="dark"] .gallery-music__volume-buttons button.is-active,
html:not([data-theme]) .gallery-music__volume-buttons button.is-active {
background: rgba(223, 112, 3, 0.2);
border-color: rgba(223, 112, 3, 0.45);
color: #f09030;
}

html[data-theme="dark"] .gallery-music__playlist,
html:not([data-theme]) .gallery-music__playlist {
background: rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .gallery-music__playlist button,
html:not([data-theme]) .gallery-music__playlist button {
background: transparent;
}

html[data-theme="dark"] .gallery-music__playlist button::before,
html:not([data-theme]) .gallery-music__playlist button::before {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .gallery-music__playlist button:hover,
html:not([data-theme]) .gallery-music__playlist button:hover {
background: rgba(255, 255, 255, 0.08);
color: #f09030;
}

html[data-theme="dark"] .gallery-music__playlist button.is-playing,
html:not([data-theme]) .gallery-music__playlist button.is-playing {
background: rgba(223, 112, 3, 0.18);
color: #f09030;
}

html[data-theme="dark"] .gallery-music__playlist button.is-playing::before,
html:not([data-theme]) .gallery-music__playlist button.is-playing::before {
background: #df7003;
border-color: rgba(223, 112, 3, 0.5);
color: #fff;
}

html[data-theme="light"] .gallery-music__controls,
html[data-theme="light"] .gallery-music__volume {
background: transparent;
}

html[data-theme="light"] .gallery-music__player {
position: relative;
z-index: 2;
}

html[data-theme="light"] .gallery-music__play-btn {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
box-shadow: 0 4px 14px rgba(223, 112, 3, 0.25);
}

html[data-theme="light"] .gallery-music__progress {
color-scheme: light;
accent-color: #df7003;
background: transparent;
height: 8px;
}

html[data-theme="light"] .gallery-music__progress:disabled {
opacity: 0.72;
}

html[data-theme="light"] .gallery-music__progress::-webkit-slider-runnable-track {
height: 8px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .gallery-music__progress::-moz-range-track {
height: 8px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .gallery-music__progress::-webkit-slider-thumb {
width: 20px;
height: 20px;
margin-top: -7px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gallery-music__progress::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gallery-music__volume-slider {
color-scheme: light;
accent-color: #df7003;
height: 8px;
background: rgba(0, 0, 0, 0.12);
border-radius: 999px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .gallery-music__volume-slider::-webkit-slider-runnable-track {
height: 8px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.16);
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gallery-music__volume-slider::-moz-range-track {
height: 8px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.16);
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gallery-music__volume-slider::-webkit-slider-thumb {
width: 20px;
height: 20px;
margin-top: -7px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gallery-music__volume-slider::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(135deg, #f09030, #df7003);
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gallery-music__volume-buttons button {
background: rgba(255, 255, 255, 0.35);
border-color: rgba(223, 112, 3, 0.25);
}

html[data-theme="light"] .gallery-music__volume-buttons button:hover,
html[data-theme="light"] .gallery-music__volume-buttons button.is-active {
background: rgba(223, 112, 3, 0.12);
border-color: rgba(223, 112, 3, 0.35);
color: #c56310;
}

html[data-theme="light"] .gallery-music__playlist {
background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .gallery-music__playlist button {
background: transparent;
}

html[data-theme="light"] .gallery-music__playlist button::before {
background: rgba(255, 255, 255, 0.35);
border-color: rgba(0, 0, 0, 0.1);
color: #5c6478;
}

html[data-theme="light"] .gallery-music__playlist button:hover {
background: rgba(255, 255, 255, 0.25);
color: #c56310;
}

html[data-theme="light"] .gallery-music__playlist button.is-playing {
background: rgba(223, 112, 3, 0.12);
color: #c56310;
}

html[data-theme="light"] .gallery-music__playlist button.is-playing::before {
background: #df7003;
border-color: rgba(223, 112, 3, 0.45);
color: #fff;
}

html[data-theme="dark"] .lg-backdrop,
html:not([data-theme]) .lg-backdrop,
html[data-theme="light"] .lg-backdrop {
background-color: rgba(20, 20, 28, 0.92);
}

html[data-theme="dark"] .lg-sub-html,
html:not([data-theme]) .lg-sub-html,
html[data-theme="light"] .lg-sub-html {
background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
color: #eeeeee;
}

html[data-theme="dark"] .lg-sub-html h4,
html:not([data-theme]) .lg-sub-html h4,
html[data-theme="light"] .lg-sub-html h4,
html[data-theme="dark"] .lg-sub-html p,
html:not([data-theme]) .lg-sub-html p,
html[data-theme="light"] .lg-sub-html p {
color: #eeeeee;
}

html[data-theme="light"] .lg-outer {
color-scheme: dark;
color: #eeeeee;
}

html[data-theme="dark"] .lg-outer .lg-thumb-outer,
html:not([data-theme]) .lg-outer .lg-thumb-outer,
html[data-theme="light"] .lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
}

html[data-theme="dark"] .lg-outer .lg-toggle-thumb,
html:not([data-theme]) .lg-outer .lg-toggle-thumb,
html[data-theme="light"] .lg-outer .lg-toggle-thumb {
background-color: #0d0a0a;
color: #999999;
}

html[data-theme="dark"] .lg-outer .lg-toggle-thumb:hover,
html:not([data-theme]) .lg-outer .lg-toggle-thumb:hover,
html[data-theme="light"] .lg-outer .lg-toggle-thumb:hover {
color: #ffffff;
}

html[data-theme="dark"] .lg-outer .lg-thumb-item,
html:not([data-theme]) .lg-outer .lg-thumb-item,
html[data-theme="light"] .lg-outer .lg-thumb-item {
border-color: rgba(255, 255, 255, 0.85);
}

html[data-theme="dark"] .lg-outer .lg-thumb-item.active,
html:not([data-theme]) .lg-outer .lg-thumb-item.active,
html[data-theme="light"] .lg-outer .lg-thumb-item.active,
html[data-theme="dark"] .lg-outer .lg-thumb-item:hover,
html:not([data-theme]) .lg-outer .lg-thumb-item:hover,
html[data-theme="light"] .lg-outer .lg-thumb-item:hover {
border-color: #df7003;
}

html[data-theme="dark"] .lg-toolbar,
html:not([data-theme]) .lg-toolbar,
html[data-theme="light"] .lg-toolbar {
background-color: rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .lg-toolbar .lg-icon,
html:not([data-theme]) .lg-toolbar .lg-icon,
html[data-theme="light"] .lg-toolbar .lg-icon,
html[data-theme="dark"] .lg-actions .lg-next,
html:not([data-theme]) .lg-actions .lg-next,
html[data-theme="light"] .lg-actions .lg-next,
html[data-theme="dark"] .lg-actions .lg-prev,
html:not([data-theme]) .lg-actions .lg-prev,
html[data-theme="light"] .lg-actions .lg-prev,
html[data-theme="dark"] #lg-counter,
html:not([data-theme]) #lg-counter,
html[data-theme="light"] #lg-counter {
color: #999999;
}

html[data-theme="dark"] .lg-toolbar .lg-icon:hover,
html:not([data-theme]) .lg-toolbar .lg-icon:hover,
html[data-theme="light"] .lg-toolbar .lg-icon:hover,
html[data-theme="dark"] .lg-actions .lg-next:hover,
html:not([data-theme]) .lg-actions .lg-next:hover,
html[data-theme="light"] .lg-actions .lg-next:hover,
html[data-theme="dark"] .lg-actions .lg-prev:hover,
html:not([data-theme]) .lg-actions .lg-prev:hover,
html[data-theme="light"] .lg-actions .lg-prev:hover {
color: #ffffff;
}

html[data-theme="dark"] body.company-page main.main-particles-enabled,
html:not([data-theme]) body.company-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="dark"] .company-fact,
html:not([data-theme]) .company-fact,
html[data-theme="dark"] .company-sdgs,
html:not([data-theme]) .company-sdgs,
html[data-theme="dark"] .company-message,
html:not([data-theme]) .company-message {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="dark"] .company-sdgs,
html:not([data-theme]) .company-sdgs {
background: linear-gradient(135deg, rgba(223, 112, 3, 0.1) 0%, rgba(240, 160, 48, 0.05) 100%);
border-top: 3px solid #f0a030;
}

html[data-theme="dark"] .company-message,
html:not([data-theme]) .company-message {
background: rgba(0, 0, 0, 0.25);
border-top: 3px solid #f0a030;
}

html[data-theme="dark"] .company-fact:hover,
html:not([data-theme]) .company-fact:hover {
background: rgba(223, 112, 3, 0.08);
border-color: rgba(223, 112, 3, 0.28);
}

html[data-theme="dark"] .company-fact dt,
html:not([data-theme]) .company-fact dt {
background: rgba(0, 0, 0, 0.22);
border-right-color: rgba(255, 255, 255, 0.06);
color: #f09030;
}

html[data-theme="dark"] .company-sdgs__logo,
html:not([data-theme]) .company-sdgs__logo {
background: rgba(255, 255, 255, 0.04);
}

html[data-theme="light"] body.company-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="light"] .company-fact,
html[data-theme="light"] .company-sdgs,
html[data-theme="light"] .company-message {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="light"] .company-sdgs,
html[data-theme="light"] .company-message {
border-top: 3px solid #df7003;
}

html[data-theme="light"] .company-fact::before,
html[data-theme="light"] .company-sdgs::before,
html[data-theme="light"] .company-message::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
transition: background 0.25s ease;
}

html[data-theme="light"] .company-sdgs::before {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 252, 248, 0.52) 100%);
}

html[data-theme="light"] .company-fact > *,
html[data-theme="light"] .company-sdgs > *,
html[data-theme="light"] .company-message > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] .company-fact:hover {
border-color: rgba(223, 112, 3, 0.28);
box-shadow:
0 12px 36px rgba(0, 0, 0, 0.14),
0 4px 12px rgba(0, 0, 0, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .company-fact:hover::before {
background: rgba(255, 248, 240, 0.72);
}

html[data-theme="light"] .company-fact dt {
background: var(--theme-surface-label);
border-right-color: rgba(0, 0, 0, 0.08);
color: var(--theme-orange-label-color);
}

html[data-theme="light"] .company-fact:hover dt {
background: var(--theme-surface-label-hover);
border-right-color: rgba(223, 112, 3, 0.18);
}

html[data-theme="light"] body.company-page .hero-tagline,
html[data-theme="light"] body.licenses-page .hero-tagline,
html[data-theme="light"] body.privacy-page .hero-tagline,
html[data-theme="light"] body.csr-page .hero-tagline,
html[data-theme="light"] body.shopping-page .hero-tagline,
html[data-theme="light"] body.article-page .hero-tagline {
border-color: #e88840;
}

html[data-theme="light"] .company-sdgs__logo {
background: rgba(255, 255, 255, 0.48);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
}

html[data-theme="dark"] body.shopping-page main.main-particles-enabled,
html:not([data-theme]) body.shopping-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="dark"] body.shopping-page .list2,
html:not([data-theme]) body.shopping-page .list2 {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-top: 3px solid #df7003;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

html[data-theme="light"] body.shopping-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="light"] body.shopping-page .list2 {
position: relative;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 3px solid #df7003;
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
transition: box-shadow 0.25s ease;
}

html[data-theme="light"] body.shopping-page .list2::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
pointer-events: none;
}

html[data-theme="light"] body.shopping-page .list2 > * {
position: relative;
z-index: 1;
}

html[data-theme="light"] body.shopping-page .list2:hover {
box-shadow:
0 12px 36px rgba(0, 0, 0, 0.14),
0 4px 12px rgba(0, 0, 0, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-theme="dark"] body.article-page main.main-particles-enabled,
html:not([data-theme]) body.article-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="dark"] body.article-page .ta1,
html:not([data-theme]) body.article-page .ta1 {
border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.article-page .ta1 caption,
html:not([data-theme]) body.article-page .ta1 caption {
background: rgba(223, 112, 3, 0.12);
border-color: rgba(223, 112, 3, 0.45);
color: #f09030;
}

html[data-theme="dark"] body.article-page .ta1 tr,
html:not([data-theme]) body.article-page .ta1 tr {
border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.article-page .ta1 th,
html:not([data-theme]) body.article-page .ta1 th {
background: rgba(0, 0, 0, 0.25);
color: #f09030;
}

html[data-theme="dark"] body.article-page .ta1 td,
html:not([data-theme]) body.article-page .ta1 td {
background: rgba(255, 255, 255, 0.03);
}

html[data-theme="light"] body.article-page .ta1 th,
html[data-theme="light"] body.article-page .ta1 td {
border-color: rgba(0, 0, 0, 0.14);
}

html[data-theme="light"] body.article-page .ta1 th {
background: var(--theme-surface-label);
border-right-color: rgba(0, 0, 0, 0.08);
color: #df7003;
}

html[data-theme="light"] body.article-page .ta1 td {
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
}

html[data-theme="light"] body.article-page .ta1 caption {
background: var(--theme-surface-label);
border-color: rgba(0, 0, 0, 0.14);
color: #df7003;
}

html[data-theme="dark"] .img-click-zoom,
html:not([data-theme]) .img-click-zoom {
background: rgba(10, 12, 18, 0.88);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}

html[data-theme="dark"] .img-click-zoom__wrap,
html:not([data-theme]) .img-click-zoom__wrap {
scrollbar-color: rgba(223, 112, 3, 0.55) rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .img-click-zoom__img,
html:not([data-theme]) .img-click-zoom__img {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .img-click-zoom__hint,
html:not([data-theme]) .img-click-zoom__hint {
color: rgba(224, 228, 236, 0.75);
}

html[data-theme="light"] .img-click-zoom {
background: rgba(248, 246, 242, 0.92);
}

html[data-theme="light"] .img-click-zoom__wrap {
scrollbar-color: rgba(223, 112, 3, 0.5) rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .img-click-zoom__img {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

html[data-theme="light"] .img-click-zoom__hint {
color: rgba(58, 66, 84, 0.75);
}

html[data-theme="light"] body.article-page main.main-particles-enabled {
isolation: auto;
}

html[data-theme="dark"] .meet-snackbar,
html:not([data-theme]) .meet-snackbar {
background: var(--theme-snackbar-bg);
border-color: rgba(240, 144, 48, 0.55);
}

html[data-theme="dark"] .meet-snackbar__text,
html:not([data-theme]) .meet-snackbar__text {
color: var(--theme-snackbar-text);
}

html[data-theme="dark"] .meet-lobby,
html:not([data-theme]) .meet-lobby {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
box-shadow: 0 6px 24px var(--theme-shadow);
}

html[data-theme="dark"] .meet-lobby label,
html:not([data-theme]) .meet-lobby label,
html[data-theme="dark"] .meet-lobby__field,
html:not([data-theme]) .meet-lobby__field {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-lobby input,
html:not([data-theme]) .meet-lobby input {
border-color: var(--theme-input-border);
background: var(--theme-input-bg);
color: var(--color-body-text);
}

html[data-theme="dark"] .meet-lobby__password-toggle,
html:not([data-theme]) .meet-lobby__password-toggle {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-btn--ghost,
html:not([data-theme]) .meet-btn--ghost {
border-color: var(--theme-input-border);
color: var(--color-body-text);
}

html[data-theme="dark"] .meet-toolbar,
html:not([data-theme]) .meet-toolbar {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
}

html[data-theme="dark"] .meet-toolbar__status,
html:not([data-theme]) .meet-toolbar__status {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-device-field__label,
html:not([data-theme]) .meet-device-field__label {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-bg-panel__label,
html:not([data-theme]) .meet-bg-panel__label {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-chat,
html:not([data-theme]) .meet-chat {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
}

html[data-theme="dark"] .meet-chat-text,
html:not([data-theme]) .meet-chat-text {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-chat__form-row--input input,
html:not([data-theme]) .meet-chat__form-row--input input {
border-color: var(--theme-input-border);
background: var(--theme-input-bg);
color: var(--color-body-text);
}

html[data-theme="dark"] .meet-btn.is-active,
html:not([data-theme]) .meet-btn.is-active {
border-color: #f09030;
color: #fff;
box-shadow: 0 0 0 1px rgba(240, 144, 48, 0.35);
}

html[data-theme="dark"] .meet-lobby__error,
html:not([data-theme]) .meet-lobby__error {
color: #f08070;
}

html[data-theme="dark"] .meet-lobby__note,
html:not([data-theme]) .meet-lobby__note {
color: rgba(224, 228, 236, 0.55);
}

html[data-theme="dark"] .meet-lobby__mic-test,
html:not([data-theme]) .meet-lobby__mic-test {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .meet-lobby__mic-test-status,
html:not([data-theme]) .meet-lobby__mic-test-status {
color: rgba(224, 228, 236, 0.72);
}

html[data-theme="dark"] .meet-lobby__camera-preview-wrap,
html:not([data-theme]) .meet-lobby__camera-preview-wrap {
border-color: rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .meet-lobby__camera-placeholder,
html:not([data-theme]) .meet-lobby__camera-placeholder {
color: rgba(224, 228, 236, 0.72);
}

html[data-theme="dark"] .meet-lobby__mic-icon-outline,
html:not([data-theme]) .meet-lobby__mic-icon-outline {
color: rgba(255, 255, 255, 0.55);
}

html[data-theme="dark"] .meet-lobby__mic-icon-body-bg,
html:not([data-theme]) .meet-lobby__mic-icon-body-bg {
opacity: 0.12;
}

html[data-theme="dark"] .meet-lobby__mic-icon-slash,
html:not([data-theme]) .meet-lobby__mic-icon-slash {
color: rgba(255, 255, 255, 0.82);
}

html[data-theme="dark"] .meet-lobby__mic-meter[aria-pressed="true"],
html:not([data-theme]) .meet-lobby__mic-meter[aria-pressed="true"] {
border-color: #fff;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .meet-toolbar__room,
html:not([data-theme]) .meet-toolbar__room {
color: #f09030;
}

html[data-theme="dark"] .meet-media-notices,
html:not([data-theme]) .meet-media-notices {
background: rgba(240, 144, 48, 0.12);
border-color: rgba(240, 144, 48, 0.35);
}

html[data-theme="dark"] .meet-media-notice,
html:not([data-theme]) .meet-media-notice {
color: #f5c990;
}

html[data-theme="dark"] .meet-device-panel,
html:not([data-theme]) .meet-device-panel {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .meet-device-panel__note,
html:not([data-theme]) .meet-device-panel__note {
color: rgba(224, 228, 236, 0.62);
}

html[data-theme="dark"] .meet-device-select,
html:not([data-theme]) .meet-device-select,
html[data-theme="dark"] .meet-bg-engine__select,
html:not([data-theme]) .meet-bg-engine__select,
html[data-theme="dark"] .meet-ai-model-select,
html:not([data-theme]) .meet-ai-model-select,
html[data-theme="dark"] .meet-styled-select__trigger.meet-device-select,
html:not([data-theme]) .meet-styled-select__trigger.meet-device-select,
html[data-theme="dark"] .meet-styled-select__trigger.meet-bg-engine__select,
html:not([data-theme]) .meet-styled-select__trigger.meet-bg-engine__select {
border-color: rgba(255, 255, 255, 0.16);
background-color: #12151c;
color: #ddd;
}

html[data-theme="dark"] .meet-styled-select__trigger.meet-device-select,
html:not([data-theme]) .meet-styled-select__trigger.meet-device-select,
html[data-theme="dark"] .meet-styled-select__trigger.meet-bg-engine__select,
html:not([data-theme]) .meet-styled-select__trigger.meet-bg-engine__select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ddd' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px 12px;
padding-right: 32px;
}

html[data-theme="dark"] .meet-styled-select__list,
html:not([data-theme]) .meet-styled-select__list {
background: #12151c;
border: 1px solid rgba(255, 255, 255, 0.16);
color: #eee;
}

html[data-theme="dark"] .meet-styled-select__option:hover,
html:not([data-theme]) .meet-styled-select__option:hover,
html[data-theme="dark"] .meet-styled-select__option.is-active,
html:not([data-theme]) .meet-styled-select__option.is-active {
background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .meet-device-select option,
html:not([data-theme]) .meet-device-select option,
html[data-theme="dark"] .meet-bg-engine__select option,
html:not([data-theme]) .meet-bg-engine__select option,
html[data-theme="dark"] .meet-ai-model-select option,
html:not([data-theme]) .meet-ai-model-select option {
background-color: #12151c;
color: #eee;
}

html[data-theme="dark"] .meet-device-select:hover,
html:not([data-theme]) .meet-device-select:hover,
html[data-theme="dark"] .meet-bg-engine__select:hover,
html:not([data-theme]) .meet-bg-engine__select:hover,
html[data-theme="dark"] .meet-ai-model-select:hover,
html:not([data-theme]) .meet-ai-model-select:hover,
html[data-theme="dark"] .meet-styled-select__trigger.meet-device-select:hover,
html:not([data-theme]) .meet-styled-select__trigger.meet-device-select:hover,
html[data-theme="dark"] .meet-styled-select__trigger.meet-bg-engine__select:hover,
html:not([data-theme]) .meet-styled-select__trigger.meet-bg-engine__select:hover {
border-color: rgba(240, 144, 48, 0.55);
}

html[data-theme="dark"] .meet-device-select:focus-visible,
html:not([data-theme]) .meet-device-select:focus-visible,
html[data-theme="dark"] .meet-bg-engine__select:focus-visible,
html:not([data-theme]) .meet-bg-engine__select:focus-visible,
html[data-theme="dark"] .meet-ai-model-select:focus-visible,
html:not([data-theme]) .meet-ai-model-select:focus-visible,
html[data-theme="dark"] .meet-styled-select.is-open .meet-styled-select__trigger,
html:not([data-theme]) .meet-styled-select.is-open .meet-styled-select__trigger,
html[data-theme="dark"] .meet-styled-select__trigger:focus-visible,
html:not([data-theme]) .meet-styled-select__trigger:focus-visible {
outline: none;
border-color: #f09030;
box-shadow: 0 0 0 1px rgba(240, 144, 48, 0.35);
}

html[data-theme="dark"] .meet-bg-engine__label,
html:not([data-theme]) .meet-bg-engine__label {
color: var(--color-body-text-muted);
}

html[data-theme="dark"] .meet-bg-panel,
html:not([data-theme]) .meet-bg-panel {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .meet-bg-panel__caution,
html:not([data-theme]) .meet-bg-panel__caution {
color: rgba(224, 228, 236, 0.55);
}

html[data-theme="dark"] .meet-bg-panel__note,
html:not([data-theme]) .meet-bg-panel__note {
color: rgba(224, 228, 236, 0.5);
}

html[data-theme="dark"] .meet-bg-choice,
html:not([data-theme]) .meet-bg-choice,
html[data-theme="dark"] .meet-bg-preset,
html:not([data-theme]) .meet-bg-preset,
html[data-theme="dark"] .meet-bg-upload span,
html:not([data-theme]) .meet-bg-upload span {
border-color: rgba(255, 255, 255, 0.16);
background: rgba(0, 0, 0, 0.2);
color: #ddd;
}

html[data-theme="dark"] .meet-bg-choice.is-active,
html:not([data-theme]) .meet-bg-choice.is-active,
html[data-theme="dark"] .meet-bg-preset.is-active,
html:not([data-theme]) .meet-bg-preset.is-active {
border-color: #f09030;
box-shadow: 0 0 0 1px rgba(240, 144, 48, 0.35);
color: #fff;
}

html[data-theme="dark"] .meet-bg-upload span:hover,
html:not([data-theme]) .meet-bg-upload span:hover,
html[data-theme="dark"] .meet-bg-choice:hover,
html:not([data-theme]) .meet-bg-choice:hover,
html[data-theme="dark"] .meet-bg-preset:hover,
html:not([data-theme]) .meet-bg-preset:hover {
border-color: rgba(240, 144, 48, 0.55);
}

html[data-theme="dark"] .meet-videos,
html:not([data-theme]) .meet-videos {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .meet-video-tile,
html:not([data-theme]) .meet-video-tile {
background: #0a0c12;
}

html[data-theme="dark"] .meet-video-tile video,
html:not([data-theme]) .meet-video-tile video {
background: #000;
}

html[data-theme="dark"] .meet-video-tile.is-screen video,
html:not([data-theme]) .meet-video-tile.is-screen video {
background: #05070c;
}

html[data-theme="dark"] .meet-video-tile.is-screen.is-maximized,
html:not([data-theme]) .meet-video-tile.is-screen.is-maximized {
background: #000;
}

html[data-theme="dark"] body.meet-page .meet-video-tile p,
html:not([data-theme]) body.meet-page .meet-video-tile p,
html[data-theme="light"] body.meet-page .meet-video-tile p {
color: #fff;
background: rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .meet-chat__head,
html:not([data-theme]) .meet-chat__head {
border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .meet-chat__info-btn,
html:not([data-theme]) .meet-chat__info-btn {
border-color: rgba(255, 255, 255, 0.28);
background: rgba(255, 255, 255, 0.06);
color: #e8ecf2;
}

html[data-theme="dark"] .meet-chat__info-btn:hover,
html:not([data-theme]) .meet-chat__info-btn:hover,
html[data-theme="dark"] .meet-chat__info-btn[aria-expanded="true"],
html:not([data-theme]) .meet-chat__info-btn[aria-expanded="true"] {
border-color: rgba(240, 144, 48, 0.65);
color: #fff;
background: rgba(240, 144, 48, 0.18);
}

html[data-theme="dark"] .meet-chat__file-note,
html:not([data-theme]) .meet-chat__file-note {
border-color: rgba(255, 255, 255, 0.14);
background: rgba(18, 22, 32, 0.98);
color: rgba(224, 228, 236, 0.88);
}

html[data-theme="dark"] .meet-chat-item.is-self .meet-chat-name,
html:not([data-theme]) .meet-chat-item.is-self .meet-chat-name {
color: #7ec8ff;
}

html[data-theme="dark"] .meet-chat-name,
html:not([data-theme]) .meet-chat-name {
color: #f09030;
}

html[data-theme="dark"] .meet-chat-file__link,
html:not([data-theme]) .meet-chat-file__link {
color: #9ed0ff;
}

html[data-theme="dark"] .meet-chat-file__link:hover,
html:not([data-theme]) .meet-chat-file__link:hover {
color: #c8e5ff;
}

html[data-theme="dark"] .meet-chat-file__size,
html:not([data-theme]) .meet-chat-file__size {
color: rgba(224, 228, 236, 0.45);
}

html[data-theme="dark"] .meet-chat-file__image img,
html:not([data-theme]) .meet-chat-file__image img {
border-color: rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .meet-chat__form,
html:not([data-theme]) .meet-chat__form {
border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .meet-ai-consent__panel,
html:not([data-theme]) .meet-ai-consent__panel {
background: #2a2a34;
border-color: rgba(255, 255, 255, 0.12);
color: #f4f5f7;
}

html[data-theme="dark"] .meet-ai-consent__title,
html:not([data-theme]) .meet-ai-consent__title {
color: #f09030;
}

html[data-theme="dark"] .meet-ai-consent__notes--warn li strong,
html:not([data-theme]) .meet-ai-consent__notes--warn li strong {
color: #ff8a80;
}

html[data-theme="light"] .meet-ai-consent__notes--warn li strong {
color: #c0392b;
}

html[data-theme="light"] .meet-bg-panel {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
box-shadow: 0 4px 18px var(--theme-shadow);
}

html[data-theme="light"] .meet-device-panel {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
box-shadow: 0 4px 18px var(--theme-shadow);
}

html[data-theme="light"] .meet-device-select,
html[data-theme="light"] .meet-bg-engine__select,
html[data-theme="light"] .meet-ai-model-select,
html[data-theme="light"] .meet-styled-select__trigger.meet-device-select,
html[data-theme="light"] .meet-styled-select__trigger.meet-bg-engine__select {
background-color: var(--theme-input-bg);
border-color: var(--theme-input-border);
color: var(--color-body-text);
}

html[data-theme="light"] .meet-styled-select__trigger.meet-device-select,
html[data-theme="light"] .meet-styled-select__trigger.meet-bg-engine__select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1f2e' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px 12px;
padding-right: 32px;
}

html[data-theme="light"] .meet-styled-select__list {
background: var(--theme-input-bg);
border: 1px solid var(--theme-input-border);
color: var(--color-body-text);
box-shadow: 0 8px 24px var(--theme-shadow);
}

html[data-theme="light"] .meet-styled-select__option:hover,
html[data-theme="light"] .meet-styled-select__option.is-active {
background: var(--theme-surface-label-hover);
}

html[data-theme="light"] .meet-device-select option,
html[data-theme="light"] .meet-bg-engine__select option,
html[data-theme="light"] .meet-ai-model-select option {
background: var(--theme-input-bg);
color: var(--color-body-text);
}

html[data-theme="light"] .meet-device-select:hover,
html[data-theme="light"] .meet-bg-engine__select:hover,
html[data-theme="light"] .meet-ai-model-select:hover,
html[data-theme="light"] .meet-styled-select__trigger.meet-device-select:hover,
html[data-theme="light"] .meet-styled-select__trigger.meet-bg-engine__select:hover {
border-color: rgba(223, 112, 3, 0.55);
}

html[data-theme="light"] .meet-device-select:focus-visible,
html[data-theme="light"] .meet-bg-engine__select:focus-visible,
html[data-theme="light"] .meet-ai-model-select:focus-visible,
html[data-theme="light"] .meet-styled-select.is-open .meet-styled-select__trigger,
html[data-theme="light"] .meet-styled-select__trigger:focus-visible {
outline: none;
border-color: #c56310;
box-shadow: 0 0 0 1px rgba(223, 112, 3, 0.4);
}

html[data-theme="light"] .meet-bg-engine__label {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-bg-choice,
html[data-theme="light"] .meet-bg-preset,
html[data-theme="light"] .meet-bg-upload span {
background: var(--theme-surface-label);
border-color: var(--theme-input-border);
color: var(--color-body-text);
}

html[data-theme="light"] .meet-bg-choice.is-active,
html[data-theme="light"] .meet-bg-preset.is-active {
background: var(--theme-surface-label-hover);
border-color: #c56310;
color: var(--color-body-text);
box-shadow: 0 0 0 1px rgba(223, 112, 3, 0.4);
}

html[data-theme="light"] .meet-bg-upload span:hover,
html[data-theme="light"] .meet-bg-choice:hover,
html[data-theme="light"] .meet-bg-preset:hover {
background: var(--theme-surface-label-hover);
border-color: rgba(223, 112, 3, 0.55);
}

html[data-theme="light"] .meet-lobby {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
box-shadow: 0 6px 24px var(--theme-shadow);
}

html[data-theme="light"] .meet-lobby label,
html[data-theme="light"] .meet-lobby__field {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-toolbar {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
}

html[data-theme="light"] .meet-toolbar__status {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-device-field__label {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-bg-panel__label {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-chat {
background: var(--theme-surface);
border-color: var(--theme-surface-border);
}

html[data-theme="light"] .meet-chat-text {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-lobby input,
html[data-theme="light"] .meet-chat__form-row--input input,
html[data-theme="light"] .meet-chat__file-note {
background: var(--theme-input-bg);
border-color: var(--theme-input-border);
color: var(--color-body-text);
}

html[data-theme="light"] .meet-lobby__password-toggle {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-snackbar {
background: var(--theme-snackbar-bg);
border-color: rgba(223, 112, 3, 0.45);
}

html[data-theme="light"] .meet-snackbar__text {
color: var(--theme-snackbar-text);
}

html[data-theme="light"] .meet-chat__head {
border-bottom-color: var(--theme-surface-border);
}

html[data-theme="light"] .meet-chat__info-btn {
border-color: rgba(0, 0, 0, 0.24);
background: rgba(0, 0, 0, 0.05);
color: #2a3344;
}

html[data-theme="light"] .meet-chat__info-btn:hover,
html[data-theme="light"] .meet-chat__info-btn[aria-expanded="true"] {
border-color: rgba(223, 112, 3, 0.75);
color: #a85a00;
background: rgba(223, 112, 3, 0.14);
}

html[data-theme="light"] .meet-video-tile {
background: #d8dde8;
}

html[data-theme="light"] .meet-lobby__note,
html[data-theme="light"] .meet-bg-panel__note,
html[data-theme="light"] .meet-chat__file-note,
html[data-theme="light"] .meet-bg-panel__caution {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-lobby__mic-test {
background: rgba(255, 255, 255, 0.72);
border-color: var(--theme-surface-border);
}

html[data-theme="light"] .meet-lobby__mic-test-status {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-lobby__camera-preview-wrap {
border-color: var(--theme-input-border);
background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .meet-lobby__camera-placeholder {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-lobby__camera-toggle.is-on {
border-color: #c56310;
color: #9a4d00;
box-shadow: 0 0 0 1px rgba(223, 112, 3, 0.35);
}

html[data-theme="light"] .meet-lobby__mic-icon-outline {
color: rgba(0, 0, 0, 0.45);
}

html[data-theme="light"] .meet-lobby__mic-icon-body-bg {
opacity: 0.08;
}

html[data-theme="light"] .meet-lobby__mic-icon-slash {
color: rgba(0, 0, 0, 0.55);
}

html[data-theme="light"] .meet-lobby__mic-meter[aria-pressed="true"] {
border-color: rgba(0, 0, 0, 0.72);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

html[data-theme="light"] .meet-btn--ghost {
border-color: var(--theme-input-border);
color: var(--color-body-text);
}

html[data-theme="light"] .meet-btn.is-active {
border-color: #c56310;
color: var(--color-body-text);
box-shadow: 0 0 0 1px rgba(223, 112, 3, 0.4);
}

html[data-theme="light"] .meet-noise-reduction-btn.is-on {
border-color: #c56310;
color: #9a4d00;
box-shadow: 0 0 0 1px rgba(223, 112, 3, 0.35);
}

html[data-theme="light"] .meet-media-notices {
background: rgba(223, 112, 3, 0.1);
border-color: rgba(223, 112, 3, 0.28);
}

html[data-theme="light"] .meet-media-notice {
color: #9a4d00;
}

html[data-theme="light"] .meet-chat-item.is-self .meet-chat-name {
color: #1a6fbf;
}

html[data-theme="light"] .meet-chat-name {
color: #c56310;
}

html[data-theme="light"] .meet-chat-file__link {
color: #1a6fbf;
}

html[data-theme="light"] .meet-chat-file__link:hover {
color: #0d5a9e;
}

html[data-theme="light"] .meet-chat-file__size {
color: var(--color-body-text-muted);
}

html[data-theme="light"] .meet-chat-file__image img {
border-color: rgba(0, 0, 0, 0.12);
background: rgba(255, 255, 255, 0.6);
}

html[data-theme="light"] .meet-chat__form {
border-top-color: var(--theme-surface-border);
}

html[data-theme="light"] .meet-videos {
background: rgba(255, 255, 255, 0.45);
border-color: rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] body.contact-page #form th,
html:not([data-theme]) body.contact-page #form th,
html[data-theme="dark"] body.contact-page #form td,
html:not([data-theme]) body.contact-page #form td,
html[data-theme="dark"] body.others-page #form th,
html:not([data-theme]) body.others-page #form th,
html[data-theme="dark"] body.others-page #form td,
html:not([data-theme]) body.others-page #form td {
border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.contact-page #form th,
html:not([data-theme]) body.contact-page #form th,
html[data-theme="dark"] body.others-page #form th,
html:not([data-theme]) body.others-page #form th {
background: rgba(0, 0, 0, 0.25);
color: #f09030;
}

html[data-theme="dark"] body.contact-page #form td,
html:not([data-theme]) body.contact-page #form td,
html[data-theme="dark"] body.others-page #form td,
html:not([data-theme]) body.others-page #form td {
background: rgba(255, 255, 255, 0.03);
}

html[data-theme="dark"] body.contact-page #form input[type="text"],
html:not([data-theme]) body.contact-page #form input[type="text"],
html[data-theme="dark"] body.contact-page #form textarea,
html:not([data-theme]) body.contact-page #form textarea,
html[data-theme="dark"] body.others-page #form input[type="text"],
html:not([data-theme]) body.others-page #form input[type="text"],
html[data-theme="dark"] body.others-page #form textarea,
html:not([data-theme]) body.others-page #form textarea {
background: #2a2a36;
color: #e8eaed;
border-color: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] body.contact-page #form input[type="text"]:focus,
html:not([data-theme]) body.contact-page #form input[type="text"]:focus,
html[data-theme="dark"] body.contact-page #form textarea:focus,
html:not([data-theme]) body.contact-page #form textarea:focus,
html[data-theme="dark"] body.others-page #form input[type="text"]:focus,
html:not([data-theme]) body.others-page #form input[type="text"]:focus,
html[data-theme="dark"] body.others-page #form textarea:focus,
html:not([data-theme]) body.others-page #form textarea:focus {
border-color: rgba(223, 112, 3, 0.55);
box-shadow: 0 0 0 2px rgba(223, 112, 3, 0.15);
}

html[data-theme="dark"] body.contact-page #form input[type="checkbox"],
html:not([data-theme]) body.contact-page #form input[type="checkbox"],
html[data-theme="dark"] body.contact-page #form input[type="radio"],
html:not([data-theme]) body.contact-page #form input[type="radio"],
html[data-theme="dark"] body.others-page #form input[type="checkbox"],
html:not([data-theme]) body.others-page #form input[type="checkbox"],
html[data-theme="dark"] body.others-page #form input[type="radio"],
html:not([data-theme]) body.others-page #form input[type="radio"] {
accent-color: #df7003;
}

html[data-theme="dark"] body.contact-page #form .form-check,
html:not([data-theme]) body.contact-page #form .form-check,
html[data-theme="dark"] body.others-page #form .form-check,
html:not([data-theme]) body.others-page #form .form-check {
border-color: rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.03);
}

html[data-theme="dark"] body.contact-page #form .form-check:hover,
html:not([data-theme]) body.contact-page #form .form-check:hover,
html[data-theme="dark"] body.others-page #form .form-check:hover,
html:not([data-theme]) body.others-page #form .form-check:hover {
border-color: rgba(223, 112, 3, 0.45);
background: rgba(223, 112, 3, 0.08);
}

html[data-theme="dark"] body.contact-page #form .form-check__box,
html:not([data-theme]) body.contact-page #form .form-check__box,
html[data-theme="dark"] body.others-page #form .form-check__box,
html:not([data-theme]) body.others-page #form .form-check__box {
border-color: rgba(255, 255, 255, 0.28);
background: rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] body.contact-page #form .form-check input:checked ~ .form-check__text,
html:not([data-theme]) body.contact-page #form .form-check input:checked ~ .form-check__text,
html[data-theme="dark"] body.others-page #form .form-check input:checked ~ .form-check__text,
html:not([data-theme]) body.others-page #form .form-check input:checked ~ .form-check__text {
color: #f0b050;
}

html[data-theme="dark"] body.contact-page p.f_btn input[type="submit"],
html:not([data-theme]) body.contact-page p.f_btn input[type="submit"],
html[data-theme="dark"] body.others-page p.f_btn input[type="submit"],
html:not([data-theme]) body.others-page p.f_btn input[type="submit"] {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
}

html[data-theme="dark"] body.contact-page p.f_btn input[type="reset"],
html:not([data-theme]) body.contact-page p.f_btn input[type="reset"],
html[data-theme="dark"] body.others-page p.f_btn input[type="reset"],
html:not([data-theme]) body.others-page p.f_btn input[type="reset"] {
background: rgba(255, 255, 255, 0.08);
color: var(--color-body-text-muted);
border-color: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] body.contact-page p.f_btn input[type="reset"]:hover,
html:not([data-theme]) body.contact-page p.f_btn input[type="reset"]:hover,
html[data-theme="dark"] body.others-page p.f_btn input[type="reset"]:hover,
html:not([data-theme]) body.others-page p.f_btn input[type="reset"]:hover {
background: rgba(255, 255, 255, 0.12);
color: #e8eaed;
}

html[data-theme="dark"] body.contact-page .form-privacy-notice,
html:not([data-theme]) body.contact-page .form-privacy-notice,
html[data-theme="dark"] body.others-page .form-privacy-notice,
html:not([data-theme]) body.others-page .form-privacy-notice,
html[data-theme="dark"] body.meet-page .form-privacy-notice,
html:not([data-theme]) body.meet-page .form-privacy-notice {
border-color: rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] body.contact-page .form-privacy-notice__title,
html:not([data-theme]) body.contact-page .form-privacy-notice__title,
html[data-theme="dark"] body.others-page .form-privacy-notice__title,
html:not([data-theme]) body.others-page .form-privacy-notice__title,
html[data-theme="dark"] body.meet-page .form-privacy-notice__title,
html:not([data-theme]) body.meet-page .form-privacy-notice__title {
background: rgba(0, 0, 0, 0.25);
border-color: rgba(255, 255, 255, 0.1);
color: #f09030;
}

html[data-theme="dark"] body.contact-page .form-privacy-notice__text,
html:not([data-theme]) body.contact-page .form-privacy-notice__text,
html[data-theme="dark"] body.others-page .form-privacy-notice__text,
html:not([data-theme]) body.others-page .form-privacy-notice__text,
html[data-theme="dark"] body.meet-page .form-privacy-notice__text,
html:not([data-theme]) body.meet-page .form-privacy-notice__text {
color: var(--color-body-text-muted);
}

@media screen and (max-width: 600px) {
html[data-theme="dark"] body.contact-page #form tr:first-child th,
html:not([data-theme]) body.contact-page #form tr:first-child th,
html[data-theme="dark"] body.others-page #form tr:first-child th,
html:not([data-theme]) body.others-page #form tr:first-child th {
border-top-color: rgba(255, 255, 255, 0.1);
}
}

html[data-theme="light"] body.contact-page #form th,
html[data-theme="light"] body.contact-page #form td,
html[data-theme="light"] body.others-page #form th,
html[data-theme="light"] body.others-page #form td {
border-color: rgba(0, 0, 0, 0.14);
}

html[data-theme="light"] body.contact-page #form th,
html[data-theme="light"] body.others-page #form th {
background: var(--theme-surface-label);
border-right-color: rgba(0, 0, 0, 0.08);
color: #df7003;
}

html[data-theme="light"] body.contact-page #form td,
html[data-theme="light"] body.others-page #form td {
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
}

html[data-theme="light"] body.contact-page #form input[type="text"],
html[data-theme="light"] body.contact-page #form textarea,
html[data-theme="light"] body.others-page #form input[type="text"],
html[data-theme="light"] body.others-page #form textarea {
background: var(--theme-input-bg);
color: #4a5264;
border-color: var(--theme-input-border);
}

html[data-theme="light"] body.contact-page #form input[type="text"]:focus,
html[data-theme="light"] body.contact-page #form textarea:focus,
html[data-theme="light"] body.others-page #form input[type="text"]:focus,
html[data-theme="light"] body.others-page #form textarea:focus {
border-color: rgba(223, 112, 3, 0.55);
box-shadow: 0 0 0 2px rgba(223, 112, 3, 0.15);
}

html[data-theme="light"] body.contact-page #form input[type="checkbox"],
html[data-theme="light"] body.contact-page #form input[type="radio"],
html[data-theme="light"] body.others-page #form input[type="checkbox"],
html[data-theme="light"] body.others-page #form input[type="radio"] {
accent-color: #df7003;
}

html[data-theme="light"] body.contact-page #form .form-check,
html[data-theme="light"] body.others-page #form .form-check {
border-color: rgba(0, 0, 0, 0.12);
background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body.contact-page #form .form-check:hover,
html[data-theme="light"] body.others-page #form .form-check:hover {
border-color: rgba(223, 112, 3, 0.45);
background: rgba(223, 112, 3, 0.06);
}

html[data-theme="light"] body.contact-page #form .form-check__box,
html[data-theme="light"] body.others-page #form .form-check__box {
border-color: rgba(0, 0, 0, 0.22);
background: #fff;
}

html[data-theme="light"] body.contact-page #form .form-check input:checked ~ .form-check__text,
html[data-theme="light"] body.others-page #form .form-check input:checked ~ .form-check__text {
color: #9a5200;
font-weight: 600;
}

html[data-theme="light"] body.contact-page #form .form-field-hint,
html[data-theme="light"] body.others-page #form .form-field-hint {
color: #6a7280;
}

html[data-theme="light"] body.contact-page .form-privacy-notice,
html[data-theme="light"] body.others-page .form-privacy-notice,
html[data-theme="light"] body.meet-page .form-privacy-notice {
border-color: rgba(0, 0, 0, 0.12);
background: rgba(255, 255, 255, 0.58);
backdrop-filter: blur(0.5px) saturate(1.2);
-webkit-backdrop-filter: blur(0.5px) saturate(1.2);
}

html[data-theme="light"] body.contact-page .form-privacy-notice__title,
html[data-theme="light"] body.others-page .form-privacy-notice__title,
html[data-theme="light"] body.meet-page .form-privacy-notice__title {
background: var(--theme-surface-label);
border-color: rgba(0, 0, 0, 0.14);
border-right-color: rgba(0, 0, 0, 0.08);
color: #df7003;
}

html[data-theme="light"] body.contact-page .form-privacy-notice__text,
html[data-theme="light"] body.others-page .form-privacy-notice__text,
html[data-theme="light"] body.meet-page .form-privacy-notice__text {
color: #4a5264;
}

html[data-theme="light"] body.contact-page p.f_btn input[type="submit"],
html[data-theme="light"] body.others-page p.f_btn input[type="submit"] {
background: linear-gradient(135deg, #f09030, #df7003);
color: #fff;
}

html[data-theme="light"] body.contact-page p.f_btn input[type="reset"],
html[data-theme="light"] body.others-page p.f_btn input[type="reset"] {
background: #eef1f6;
color: #4a5264;
border-color: rgba(0, 0, 0, 0.14);
}

html[data-theme="light"] body.contact-page p.f_btn input[type="reset"]:hover,
html[data-theme="light"] body.others-page p.f_btn input[type="reset"]:hover {
background: #e2e6ee;
color: #4a5264;
}

@media screen and (max-width: 600px) {
html[data-theme="light"] body.contact-page #form tr:first-child th,
html[data-theme="light"] body.others-page #form tr:first-child th {
border-top-color: rgba(0, 0, 0, 0.14);
}
}

html[data-theme="dark"] body.landing-page main .lp-features h3,
html:not([data-theme]) body.landing-page main .lp-features h3,
html[data-theme="dark"] body.landing-page main .lp-related h3,
html:not([data-theme]) body.landing-page main .lp-related h3 {
border-color: rgba(240, 160, 48, 0.35);
}

html[data-theme="dark"] .lp-feature-list strong,
html:not([data-theme]) .lp-feature-list strong {
color: #f09030;
}

html[data-theme="light"] body.landing-page main .lp-features h3,
html[data-theme="light"] body.landing-page main .lp-related h3 {
border-color: rgba(223, 112, 3, 0.35);
}

html[data-theme="light"] .lp-feature-list strong {
color: #9a4d00;
}

html[data-theme="dark"] .song-area,
html:not([data-theme]) .song-area {
background: #40404F;
border-top: 3px solid #df7003;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .song-area .m_player ol,
html:not([data-theme]) .song-area .m_player ol {
background: #363648;
border-top-color: #4a4a5c;
}

html[data-theme="dark"] .song-area .m_player ol li,
html:not([data-theme]) .song-area .m_player ol li {
border-bottom-color: #4a4a5c;
}

html[data-theme="dark"] .song-area .m_player ol li:hover,
html:not([data-theme]) .song-area .m_player ol li:hover {
background: #454558;
}

html[data-theme="dark"] .song-area .m_player ol li.playing,
html:not([data-theme]) .song-area .m_player ol li.playing {
background: #524430;
color: #f09030;
}

html[data-theme="dark"] .song-area .m_player ol li.playing::before,
html:not([data-theme]) .song-area .m_player ol li.playing::before {
color: #f09030;
}

html[data-theme="light"] .song-area {
background: var(--theme-surface);
border-top: 3px solid #df7003;
box-shadow: 0 4px 18px var(--theme-shadow);
}

html[data-theme="light"] .song-area .m_player ol {
background: #e4e8f0;
border-top-color: #c8ceda;
}

html[data-theme="light"] .song-area .m_player ol li {
border-bottom-color: #c8ceda;
}

html[data-theme="light"] .song-area .m_player ol li:hover {
background: #d8dde8;
}

html[data-theme="light"] .song-area .m_player ol li.playing {
background: rgba(223, 112, 3, 0.1);
color: #9a4d00;
}

html[data-theme="light"] .song-area .m_player ol li.playing::before {
color: #9a4d00;
}

html[data-theme="dark"] main.main-particles-enabled .main-particles,
html:not([data-theme]) main.main-particles-enabled .main-particles {
mix-blend-mode: screen;
opacity: 1;
}

html[data-theme="light"] main.main-particles-enabled .main-particles {
mix-blend-mode: multiply;
opacity: 1;
}