.ad-banner[b-i790dvnpvm] { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1rem auto; padding: 0.5rem; max-width: 100%; position: relative; } .ad-banner__label[b-i790dvnpvm] { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--os-muted, #888); margin-bottom: 0.25rem; opacity: 0.7; } .ad-banner__link[b-i790dvnpvm] { display: inline-block; line-height: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); transition: transform 0.15s ease; } .ad-banner__link:hover[b-i790dvnpvm] { transform: scale(1.02); } .ad-banner__image[b-i790dvnpvm] { display: block; max-width: 100%; height: auto; border-radius: 8px; } .ad-banner__placeholder[b-i790dvnpvm] { background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04) 10px, rgba(0, 0, 0, 0.08) 10px, rgba(0, 0, 0, 0.08) 20px); border-radius: 8px; } .ad-interstitial[b-tahd3tyn8y] { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 1rem; } .ad-interstitial__backdrop[b-tahd3tyn8y] { position: absolute; inset: 0; background: rgba(10, 5, 25, 0.85); backdrop-filter: blur(4px); } .ad-interstitial__card[b-tahd3tyn8y] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1.5rem; background: var(--os-surface, #ffffff); border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); max-width: min(600px, 90vw); max-height: 90vh; overflow: auto; } .ad-interstitial__label[b-tahd3tyn8y] { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--os-muted, #888); align-self: flex-start; } .ad-interstitial__link[b-tahd3tyn8y] { display: block; line-height: 0; } .ad-interstitial__image[b-tahd3tyn8y] { max-width: 100%; max-height: 70vh; height: auto; display: block; border-radius: 12px; } .ad-interstitial__html[b-tahd3tyn8y] { width: 100%; min-height: 250px; } .ad-interstitial__close[b-tahd3tyn8y] { min-width: 200px; } .ad-privacy-panel__title[b-us84ew7p6k] { margin: 0 0 var(--os-space-sm); font-size: 1.125rem; font-weight: 600; color: var(--os-text-primary); } .ad-privacy-panel__desc[b-us84ew7p6k] { margin: 0 0 var(--os-space-sm); color: var(--os-text-secondary); line-height: 1.55; } .ad-privacy-panel__status[b-us84ew7p6k] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); margin: var(--os-space-md) 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border-radius: var(--os-radius-md); min-width: 0; } .ad-privacy-panel__status-label[b-us84ew7p6k] { font-weight: 600; color: var(--os-text-primary); } .ad-privacy-panel__status-value[b-us84ew7p6k] { color: var(--os-text-secondary); min-width: 0; } .ad-privacy-panel__error[b-us84ew7p6k] { margin: 0 0 var(--os-space-sm); color: var(--os-danger); } .ad-privacy-panel__button[b-us84ew7p6k] { margin-top: var(--os-space-xs); } .ad-privacy-panel__policy[b-us84ew7p6k] { margin: var(--os-space-md) 0 0; font-size: 0.875rem; } .ad-privacy-panel__policy a[b-us84ew7p6k] { color: var(--os-text-tertiary); } .analytics-chart[b-asxf8a3j6a] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-md); } .analytics-chart__title[b-asxf8a3j6a] { margin: 0 0 var(--os-space-sm); font-size: 1rem; color: var(--os-text-secondary); } .analytics-chart__host[b-asxf8a3j6a] { width: 100%; } html[data-ui="v2"] .analytics-chart[b-asxf8a3j6a] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); padding: var(--os-space-lg); } html[data-ui="v2"] .analytics-chart__title[b-asxf8a3j6a] { font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-xaxis text, .analytics-chart__host[b-asxf8a3j6a] .apexcharts-yaxis text { fill: var(--os-text-secondary); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-gridline, .analytics-chart__host[b-asxf8a3j6a] .apexcharts-grid-borders line, .analytics-chart__host[b-asxf8a3j6a] .apexcharts-xaxis line, .analytics-chart__host[b-asxf8a3j6a] .apexcharts-yaxis line { stroke: var(--os-border); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-legend-text { color: var(--os-text-secondary) !important; } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-datalabels-group .apexcharts-datalabel-label { fill: var(--os-text-secondary); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-datalabels-group .apexcharts-datalabel-value { fill: var(--os-text-primary); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-heatmap-rect { stroke: var(--os-surface); } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-tooltip { background: var(--os-surface-elevated) !important; color: var(--os-text-primary) !important; border: 1px solid var(--os-border) !important; box-shadow: var(--os-shadow-md, 0 6px 20px rgba(0, 0, 0, 0.18)) !important; } .analytics-chart__host[b-asxf8a3j6a] .apexcharts-tooltip-title { background: var(--os-surface-variant) !important; border-bottom: 1px solid var(--os-border) !important; color: var(--os-text-secondary) !important; } .app-error-boundary[b-13cyik3s8f] { display: flex; align-items: center; justify-content: center; padding: var(--os-space-2xl) var(--os-space-md); } .app-error-boundary--app[b-13cyik3s8f] { position: fixed; inset: 0; z-index: 1000; background: var(--os-surface); } .app-error-boundary--page[b-13cyik3s8f] { min-height: 40vh; } .app-error-boundary__card[b-13cyik3s8f] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); max-width: 480px; width: 100%; text-align: center; background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-xl); } .app-error-boundary__title[b-13cyik3s8f] { font-weight: 600; color: var(--os-text-primary); } .app-error-boundary__detail[b-13cyik3s8f] { color: var(--os-text-secondary); max-width: 44ch; margin-inline: auto; } .app-error-boundary__retry[b-13cyik3s8f] { margin-top: var(--os-space-sm); } .assistant-confirm-native[b-t246o4l8in] { border: none; padding: 0; background: transparent; max-width: min(420px, calc(100vw - 2 * var(--os-space-md))); color: var(--os-text-primary); } .assistant-confirm-native[b-t246o4l8in]::backdrop { background: rgba(0, 0, 0, 0.45); } .assistant-confirm[b-t246o4l8in] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); } .assistant-confirm__title[b-t246o4l8in] { margin: 0; font-size: 1.15rem; font-weight: 600; color: var(--os-text-primary); } .assistant-confirm__body[b-t246o4l8in] { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--os-text-secondary); } .assistant-confirm__actions[b-t246o4l8in] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); } .assistant-consent-native[b-p16hwzu4u5] { border: none; padding: 0; background: transparent; max-width: min(420px, calc(100vw - 2 * var(--os-space-md))); color: var(--os-text-primary); } .assistant-consent-native[b-p16hwzu4u5]::backdrop { background: rgba(0, 0, 0, 0.45); } .assistant-consent[b-p16hwzu4u5] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); } .assistant-consent__title[b-p16hwzu4u5] { margin: 0; font-size: 1.15rem; font-weight: 600; color: var(--os-text-primary); } .assistant-consent__body[b-p16hwzu4u5] { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--os-text-secondary); } .assistant-consent__body a[b-p16hwzu4u5] { color: var(--os-primary); text-decoration: underline; } .assistant-consent__actions[b-p16hwzu4u5] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); } .assistant-proposal-native[b-85irtt4u4c] { border: none; padding: 0; background: transparent; max-width: min(28rem, calc(100vw - 2 * var(--os-space-md))); max-height: 60vh; color: var(--os-text-primary); } .assistant-proposal-native[b-85irtt4u4c]::backdrop { background: rgba(0, 0, 0, 0.45); } .assistant-proposal[b-85irtt4u4c] { display: flex; flex-direction: column; max-height: 60vh; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); overflow: hidden; } .assistant-proposal__header[b-85irtt4u4c] { padding: var(--os-space-md) var(--os-space-md) var(--os-space-sm); border-bottom: 1px solid var(--os-border); } .assistant-proposal__title[b-85irtt4u4c] { font-weight: 600; color: var(--os-text-primary); } .assistant-proposal__body[b-85irtt4u4c] { padding: var(--os-space-md); overflow-y: auto; color: var(--os-text-secondary); white-space: pre-line; } .assistant-proposal__paragraph[b-85irtt4u4c] { margin: 0 0 var(--os-space-sm); } .assistant-proposal__paragraph:last-child[b-85irtt4u4c] { margin-bottom: 0; } .assistant-proposal__actions[b-85irtt4u4c] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md) var(--os-space-md); border-top: 1px solid var(--os-border); } .assistant-launcher[b-yftx4j8er5] { position: fixed; right: var(--os-space-md); z-index: 45; --assistant-clearance: calc(var(--os-space-lg) + env(safe-area-inset-bottom, 0px)); bottom: var(--assistant-clearance); } .assistant-launcher__fab[b-yftx4j8er5] { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: none; border-radius: var(--os-radius-full); background: var(--os-primary); color: var(--os-text-on-primary); box-shadow: var(--os-shadow-lg); cursor: pointer; transition: background-color var(--os-transition-fast), transform var(--os-transition-fast); } .assistant-launcher__fab:hover[b-yftx4j8er5] { background: var(--os-primary-hover, var(--os-primary)); } .assistant-launcher__fab--open[b-yftx4j8er5] { transform: scale(0.94); } .assistant-launcher__panel[b-yftx4j8er5] { position: absolute; bottom: calc(100% + var(--os-space-sm)); right: 0; display: flex; flex-direction: column; min-width: 0; width: min(400px, calc(100vw - 2 * var(--os-space-md))); max-height: min(600px, calc(100dvh - 140px)); min-height: 200px; overflow: hidden; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); } .assistant-launcher__panel:has(.assistant-widget[data-state="Active"])[b-yftx4j8er5] { height: min(600px, calc(100dvh - 140px)); } .assistant-launcher__header[b-yftx4j8er5] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); } .assistant-launcher__title[b-yftx4j8er5] { font-weight: 600; color: var(--os-text-primary); } .assistant-launcher__close[b-yftx4j8er5] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: var(--os-radius-full); background: transparent; color: var(--os-text-secondary); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } .assistant-launcher__close:hover[b-yftx4j8er5] { background: var(--os-surface-variant); color: var(--os-text-primary); } .assistant-launcher__body[b-yftx4j8er5] { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden auto; transform: translateZ(0); } @media (max-width: 1023px) { .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + var(--os-space-sm)); } html[data-ui="v2"] .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + var(--os-space-sm) + var(--os-space-sm)); } .global-audio-player + .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + 80px); } html[data-ui="v2"] .global-audio-player + .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + var(--os-space-sm) + var(--os-space-sm) + 80px); } } @media (max-width: 767px) { .assistant-launcher[b-yftx4j8er5] { right: var(--os-space-sm); } .global-audio-player + .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + 144px); } html[data-ui="v2"] .global-audio-player + .assistant-launcher[b-yftx4j8er5] { --assistant-clearance: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + 144px + var(--os-space-sm) + var(--os-space-sm)); } .assistant-launcher__fab[b-yftx4j8er5] { width: 48px; height: 48px; } .assistant-launcher__panel--sheet[b-yftx4j8er5] { position: fixed; left: var(--os-space-sm); right: var(--os-space-sm); bottom: var(--assistant-clearance); width: auto; max-height: 85dvh; } .assistant-launcher__panel--sheet:has(.assistant-widget[data-state="Active"])[b-yftx4j8er5] { height: min(72dvh, calc(100dvh - var(--assistant-clearance) - var(--os-space-xl) - env(safe-area-inset-top, 0px))); } } .assistant-widget[b-xk70ryz8wk] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-md); min-height: 160px; } .assistant-widget[data-state="Active"][b-xk70ryz8wk] { flex: 1; min-height: 360px; padding: 0; } .assistant-widget__mount[b-xk70ryz8wk] { display: contents; } .assistant-widget__loading[b-xk70ryz8wk] { display: flex; align-items: center; justify-content: center; min-height: 120px; } .assistant-widget__spinner[b-xk70ryz8wk] { width: 28px; height: 28px; border-radius: var(--os-radius-full); border: 3px solid var(--os-border); border-top-color: var(--os-primary); animation: assistant-spin-b-xk70ryz8wk 0.8s linear infinite; } @keyframes assistant-spin-b-xk70ryz8wk { to { transform: rotate(360deg); } } .assistant-widget__message[b-xk70ryz8wk] { margin: 0; padding: var(--os-space-md); color: var(--os-text-secondary); font-size: 0.95rem; text-align: center; } .assistant-widget__message--error[b-xk70ryz8wk] { color: var(--os-text-primary); } .assistant-widget__retry[b-xk70ryz8wk] { align-self: center; padding: var(--os-space-xs) var(--os-space-lg); border: 1px solid var(--os-primary); border-radius: var(--os-radius-md); background: var(--os-primary); color: var(--os-text-on-primary); font-size: 0.9rem; cursor: pointer; } .assistant-widget__retry:hover[b-xk70ryz8wk] { background: var(--os-primary-hover, var(--os-primary)); } .assistant-widget__voice-hint[b-xk70ryz8wk] { margin: 0; color: var(--os-text-tertiary); font-size: 0.8rem; text-align: center; } .audio-version-switcher[b-biw1xdlknw] { display: flex; align-items: center; gap: var(--os-space-xs); } .audio-version-switcher__label[b-biw1xdlknw] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); white-space: nowrap; } .audio-version-switcher__select[b-biw1xdlknw] { font-size: var(--os-font-size-xs); color: var(--os-text-primary); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); padding: 2px var(--os-space-xs); cursor: pointer; max-width: 12rem; } .audio-version-switcher__select:focus[b-biw1xdlknw] { outline: 2px solid var(--os-primary); outline-offset: 1px; } .developer-gate[b-ahve0km9qy] { max-width: 560px; margin: var(--os-space-lg) auto; padding: var(--os-space-lg); border: 1px solid var(--os-border); border-radius: var(--os-radius-md, 8px); background: var(--os-surface); text-align: center; } .developer-gate__title[b-ahve0km9qy] { margin: 0 0 var(--os-space-sm); font-size: var(--os-font-size-lg); color: var(--os-text); } .developer-gate__message[b-ahve0km9qy] { margin: 0 0 var(--os-space-md); color: var(--os-text-secondary); } html[data-ui="v2"] .developer-gate[b-ahve0km9qy] { padding: var(--os-space-xl) var(--os-space-lg); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .developer-gate__title[b-ahve0km9qy] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } html[data-ui="v2"] .developer-gate__message[b-ahve0km9qy] { line-height: 1.55; color: var(--os-text-secondary); } .author-avatar[b-wookuk2kb8] { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: var(--os-radius-full); overflow: hidden; } .author-avatar--sm[b-wookuk2kb8] { width: 48px; height: 48px; } .author-avatar--md[b-wookuk2kb8] { width: 72px; height: 72px; } .author-avatar--lg[b-wookuk2kb8] { width: 128px; height: 128px; } img.author-avatar[b-wookuk2kb8] { object-fit: cover; display: block; } .author-avatar--placeholder[b-wookuk2kb8] { background: var(--os-gradient); } .author-avatar__art[b-wookuk2kb8] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .author-avatar__initials[b-wookuk2kb8] { position: relative; z-index: 1; font-family: var(--os-font-display); font-weight: var(--os-font-weight-semibold); color: var(--os-text-on-dark); line-height: 1; } .author-avatar--sm .author-avatar__initials[b-wookuk2kb8] { font-size: var(--os-font-size-sm); } .author-avatar--md .author-avatar__initials[b-wookuk2kb8] { font-size: var(--os-font-size-lg); } .author-avatar--lg .author-avatar__initials[b-wookuk2kb8] { font-size: var(--os-font-size-2xl); } .author-card--v2[b-vrf8bx5l2h] { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-1); transition: transform var(--os-motion-fast) var(--os-ease-standard), box-shadow var(--os-motion-base) var(--os-ease-standard); } @media (hover: hover) and (pointer: fine) { .author-card--v2:hover[b-vrf8bx5l2h] { transform: translateY(-2px); box-shadow: var(--os-elevation-2); } } .author-card--v2 .author-card__avatar-wrap[b-vrf8bx5l2h] { width: 72px; height: 72px; border-radius: var(--os-radius-full); overflow: hidden; background-color: var(--os-surface-variant); margin-bottom: var(--os-space-sm); flex-shrink: 0; } .author-card--v2 .author-card__avatar-wrap[b-vrf8bx5l2h] .author-avatar { width: 100%; height: 100%; } .author-card--v2 .author-card__avatar-wrap[b-vrf8bx5l2h] img.author-avatar { object-fit: cover; } .author-card--v2 .author-card__link[b-vrf8bx5l2h] { display: inline-block; max-width: 100%; color: inherit; text-decoration: none; } .author-card--v2 .author-card__link[b-vrf8bx5l2h]::after { content: ""; position: absolute; inset: 0; } .author-card--v2 .author-card__name[b-vrf8bx5l2h] { display: block; margin: 0 0 var(--os-space-xs); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .author-card--v2 .author-card__role[b-vrf8bx5l2h] { margin: 0; font-size: var(--os-font-size-xs); color: var(--os-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .auto-disabled-banner[b-v2xag257cn] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); margin: var(--os-space-md) 0; border: 1px solid var(--os-warning, #c2410c); background-color: var(--os-warning-light, #fff7ed); color: var(--os-warning, #c2410c); border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); } .auto-disabled-banner__title[b-v2xag257cn] { font-weight: var(--os-font-weight-bold); text-transform: uppercase; letter-spacing: 0.04em; font-size: var(--os-font-size-xs); } .auto-disabled-banner__body[b-v2xag257cn] { flex: 1 1 auto; } .auto-disabled-banner__link[b-v2xag257cn] { font-weight: var(--os-font-weight-semibold); color: inherit; text-decoration: underline; } .category-browse--v2[b-6on4hd0iwp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: var(--os-space-sm); } .category-card[b-pfg6dn2g84] { position: relative; display: flex; flex-direction: column; gap: var(--os-space-xs); min-height: 44px; padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-1); color: var(--os-text-primary); text-decoration: none; transition: transform var(--os-motion-fast) var(--os-ease-standard), box-shadow var(--os-motion-base) var(--os-ease-standard); } @media (hover: hover) and (pointer: fine) { .category-card:hover[b-pfg6dn2g84] { transform: translateY(-2px); box-shadow: var(--os-elevation-2); } } .category-card__art[b-pfg6dn2g84] { display: block; } .category-card__body[b-pfg6dn2g84] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .category-card__name[b-pfg6dn2g84] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); overflow-wrap: anywhere; } .category-card__count[b-pfg6dn2g84], .category-card__descriptor[b-pfg6dn2g84] { color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .category-tabs--v2[b-ybqd6q1wtl] { display: flex; gap: var(--os-space-xs); flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px; } .category-tabs--v2[b-ybqd6q1wtl]::-webkit-scrollbar { display: none; } @media (min-width: 1024px) { .category-tabs--v2[b-ybqd6q1wtl] { flex-wrap: wrap; overflow-x: visible; row-gap: var(--os-space-xs); } } .category-tabs--v2 .category-tabs__tab[b-ybqd6q1wtl] { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 44px; padding: var(--os-space-sm) var(--os-space-lg); border: none; border-radius: var(--os-radius-full); background: transparent; color: var(--os-text-secondary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-decoration: none; cursor: pointer; white-space: nowrap; transition: background var(--os-transition-fast), color var(--os-transition-fast); } .category-tabs--v2 .category-tabs__tab:hover[b-ybqd6q1wtl] { background: var(--os-surface-variant); color: var(--os-text-primary); text-decoration: none; } .category-tabs--v2 .category-tabs__tab:focus-visible[b-ybqd6q1wtl] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .category-tabs--v2 .category-tabs__tab--active[b-ybqd6q1wtl] { background: var(--os-primary-light); color: var(--os-primary); font-weight: var(--os-font-weight-semibold); } .category-tabs--v2 .category-tabs__tab--active:hover[b-ybqd6q1wtl] { background: var(--os-primary-light); color: var(--os-primary); } .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""])[b-ybqd6q1wtl]::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%) translateY(4px); padding: 6px 10px; background: var(--os-text-primary); color: var(--os-text-on-dark); font-size: 12px; font-weight: var(--os-font-weight-medium); line-height: 1.3; white-space: nowrap; border-radius: var(--os-radius-sm); box-shadow: var(--os-shadow-md); opacity: 0; pointer-events: none; transition: opacity var(--os-transition-fast), transform var(--os-transition-fast); z-index: 20; } .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""])[b-ybqd6q1wtl]::before { content: ""; position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%) translateY(4px); border: 4px solid transparent; border-top-color: var(--os-text-primary); opacity: 0; pointer-events: none; transition: opacity var(--os-transition-fast), transform var(--os-transition-fast); z-index: 20; } .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""]):hover[b-ybqd6q1wtl]::after, .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""]):focus-visible[b-ybqd6q1wtl]::after, .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""]):hover[b-ybqd6q1wtl]::before, .category-tabs--v2 .category-tabs__tab[data-tooltip]:not([data-tooltip=""]):focus-visible[b-ybqd6q1wtl]::before { opacity: 1; transform: translateX(-50%) translateY(0); } .os-collapsible[b-5j8xb7n8gt] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); min-width: 0; overflow: hidden; } .os-collapsible + .os-collapsible[b-5j8xb7n8gt] { margin-top: var(--os-space-md); } .os-collapsible__summary[b-5j8xb7n8gt] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-md); cursor: pointer; list-style: none; min-width: 0; } .os-collapsible__summary[b-5j8xb7n8gt]::-webkit-details-marker { display: none; } .os-collapsible__summary:hover[b-5j8xb7n8gt] { background: var(--os-surface-variant); } .os-collapsible__summary:focus-visible[b-5j8xb7n8gt] { outline: 2px solid var(--os-text-primary); outline-offset: -2px; } .os-collapsible__chevron[b-5j8xb7n8gt] { flex: 0 0 auto; display: inline-flex; color: var(--os-text-tertiary); transition: transform 0.15s ease; } .os-collapsible__chevron svg[b-5j8xb7n8gt] { width: 1.125rem; height: 1.125rem; } .os-collapsible[open] > .os-collapsible__summary .os-collapsible__chevron[b-5j8xb7n8gt] { transform: rotate(90deg); } @media (prefers-reduced-motion: reduce) { .os-collapsible__chevron[b-5j8xb7n8gt] { transition: none; } } .os-collapsible__titles[b-5j8xb7n8gt] { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; flex: 1 1 auto; } .os-collapsible__title[b-5j8xb7n8gt] { font-weight: 600; color: var(--os-text-primary); } .os-collapsible__lede[b-5j8xb7n8gt] { font-size: 0.8125rem; color: var(--os-text-secondary); } .os-collapsible__chip[b-5j8xb7n8gt] { flex: 0 0 auto; font-size: 0.75rem; padding: 0.125rem var(--os-space-sm); border-radius: var(--os-radius-full); background: var(--os-surface-variant); color: var(--os-text-secondary); border: 1px solid var(--os-border); white-space: nowrap; } .os-collapsible__chip--active[b-5j8xb7n8gt] { border-color: color-mix(in srgb, var(--os-text-primary) 35%, transparent); color: var(--os-text-primary); font-weight: 600; } .os-collapsible__chip--warning[b-5j8xb7n8gt] { border-color: #b8860b; color: #b8860b; font-weight: 600; } .os-collapsible__body[b-5j8xb7n8gt] { padding: 0 var(--os-space-md) var(--os-space-md); border-top: 1px solid var(--os-border); padding-top: var(--os-space-md); min-width: 0; } @media (max-width: 599px) { .os-collapsible__summary[b-5j8xb7n8gt] { flex-wrap: wrap; } .os-collapsible__chip[b-5j8xb7n8gt] { margin-left: calc(1.125rem + var(--os-space-sm)); } } @media print { .os-collapsible__body[b-5j8xb7n8gt] { display: block !important; } .os-collapsible__chevron[b-5j8xb7n8gt] { display: none; } } .confirm-dialog-overlay[b-1j3llrvxrr] { position: fixed; inset: 0; background-color: var(--os-overlay); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: var(--os-space-md); animation: overlay-fade-in-b-1j3llrvxrr var(--os-transition-fast) ease-out; } @keyframes overlay-fade-in-b-1j3llrvxrr { from { opacity: 0; } to { opacity: 1; } } .confirm-dialog[b-1j3llrvxrr] { background-color: var(--os-surface); border-radius: var(--os-radius-lg); padding: var(--os-space-xl); width: 100%; max-width: 360px; box-shadow: var(--os-shadow-lg); animation: dialog-slide-up-b-1j3llrvxrr var(--os-transition-fast) ease-out; } @keyframes dialog-slide-up-b-1j3llrvxrr { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .confirm-dialog__title[b-1j3llrvxrr] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-sm); } .confirm-dialog__message[b-1j3llrvxrr] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0 0 var(--os-space-xl); line-height: 1.5; } .confirm-dialog__typed-label[b-1j3llrvxrr] { display: block; font-size: var(--os-font-size-xs); color: var(--os-text-secondary); margin: calc(-1 * var(--os-space-md)) 0 var(--os-space-xs); } .confirm-dialog__typed-input[b-1j3llrvxrr] { width: 100%; padding: var(--os-space-sm) var(--os-space-md); margin: 0 0 var(--os-space-lg); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); color: var(--os-text-primary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); box-sizing: border-box; } .confirm-dialog__typed-input:focus[b-1j3llrvxrr] { outline: 2px solid var(--os-primary); outline-offset: -1px; } .confirm-dialog__actions[b-1j3llrvxrr] { display: flex; gap: var(--os-space-sm); } .confirm-dialog__confirm:disabled[b-1j3llrvxrr] { opacity: 0.5; cursor: not-allowed; } .confirm-dialog__cancel[b-1j3llrvxrr], .confirm-dialog__confirm[b-1j3llrvxrr] { flex: 1; } .empty-state[b-m9hkfc2mn8] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-2xl) var(--os-space-md); text-align: center; } .empty-state__art[b-m9hkfc2mn8] { display: flex; max-width: 200px; max-height: 200px; } .empty-state__title[b-m9hkfc2mn8] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); color: var(--os-text-primary); } .empty-state__description[b-m9hkfc2mn8] { color: var(--os-text-secondary); max-width: 44ch; margin-inline: auto; } .empty-state__action[b-m9hkfc2mn8] { margin-top: var(--os-space-sm); } .error-state[b-x8ujfzz80y] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-2xl) var(--os-space-md); text-align: center; } .error-state__title[b-x8ujfzz80y] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); color: var(--os-text-primary); } .error-state__description[b-x8ujfzz80y] { color: var(--os-text-secondary); max-width: 44ch; margin-inline: auto; } .error-state__retry[b-x8ujfzz80y] { margin-top: var(--os-space-sm); } .favorite-categories__chips[b-gyawmsqw5i] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .favorite-categories__chip[b-gyawmsqw5i] { border: 1px solid var(--os-border); background: var(--os-surface); color: var(--os-text-primary); border-radius: var(--os-radius-full); padding: var(--os-space-xs) var(--os-space-md); font-size: 0.875rem; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .favorite-categories__chip:hover[b-gyawmsqw5i] { border-color: var(--os-primary); } .favorite-categories__chip--selected[b-gyawmsqw5i] { background: var(--os-primary); border-color: var(--os-primary); color: #fff; } .favorite-categories__hint[b-gyawmsqw5i] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0; } .feedback-dialog-native[b-irn7fpgn11] { border: none; padding: 0; background: transparent; color: inherit; max-width: min(480px, calc(100vw - var(--os-space-md) * 2)); max-height: calc(100vh - var(--os-space-2xl)); margin: auto; } .feedback-dialog-native[b-irn7fpgn11]::backdrop { background-color: var(--os-overlay); animation: feedback-overlay-fade-in-b-irn7fpgn11 var(--os-transition-fast) ease-out; } .feedback-dialog-native[open][b-irn7fpgn11] { animation: feedback-dialog-slide-up-b-irn7fpgn11 var(--os-transition-fast) ease-out; } @keyframes feedback-overlay-fade-in-b-irn7fpgn11 { from { opacity: 0; } to { opacity: 1; } } .feedback-dialog[b-irn7fpgn11] { background-color: var(--os-surface); border-radius: var(--os-radius-lg); padding: var(--os-space-xl); width: 100%; max-width: 480px; max-height: calc(100vh - var(--os-space-2xl)); overflow-y: auto; box-shadow: var(--os-shadow-lg); display: flex; flex-direction: column; gap: var(--os-space-md); box-sizing: border-box; } @keyframes feedback-dialog-slide-up-b-irn7fpgn11 { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .feedback-dialog__title[b-irn7fpgn11] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .feedback-dialog__subtitle[b-irn7fpgn11] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; line-height: 1.5; } .feedback-dialog__field[b-irn7fpgn11] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .feedback-dialog__label[b-irn7fpgn11] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .feedback-dialog__input[b-irn7fpgn11], .feedback-dialog__textarea[b-irn7fpgn11] { width: 100%; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background-color: var(--os-surface); color: var(--os-text-primary); font-size: var(--os-font-size-sm); font-family: inherit; box-sizing: border-box; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } .feedback-dialog__textarea[b-irn7fpgn11] { resize: vertical; min-height: 100px; line-height: 1.5; } .feedback-dialog__input:focus[b-irn7fpgn11], .feedback-dialog__textarea:focus[b-irn7fpgn11] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px var(--os-primary-light); } .feedback-dialog__input:disabled[b-irn7fpgn11], .feedback-dialog__textarea:disabled[b-irn7fpgn11] { opacity: 0.6; cursor: not-allowed; } .feedback-dialog__hint[b-irn7fpgn11] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); margin: 0; line-height: 1.4; } .feedback-dialog__error[b-irn7fpgn11] { font-size: var(--os-font-size-xs); color: var(--os-error); margin: 0; line-height: 1.4; } .feedback-dialog__actions[b-irn7fpgn11] { display: flex; gap: var(--os-space-sm); margin-top: var(--os-space-sm); } .feedback-dialog__cancel[b-irn7fpgn11], .feedback-dialog__submit[b-irn7fpgn11] { flex: 1; } .filter-chip[b-aunx0kd6um] { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--os-space-md); border-radius: var(--os-radius-full); border: 1px solid var(--os-border); background: var(--os-surface); color: var(--os-text-secondary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); line-height: 1; text-decoration: none; cursor: pointer; transition: background-color var(--os-transition-fast), border-color var(--os-transition-fast), color var(--os-transition-fast); } .filter-chip:hover[b-aunx0kd6um] { border-color: var(--os-primary); color: var(--os-text-primary); } .filter-chip--selected[b-aunx0kd6um] { background: var(--os-primary); color: var(--os-text-on-primary); border-color: var(--os-primary); } .filter-chip--selected:hover[b-aunx0kd6um] { color: var(--os-text-on-primary); } .filter-chip__count[b-aunx0kd6um] { font-size: var(--os-font-size-xs); opacity: 0.8; margin-left: var(--os-space-xs); } .filter-sheet[b-mbnepyuegm] { border: none; padding: 0; background: var(--os-surface); color: var(--os-text-primary); width: 100%; max-width: 100%; margin: auto 0 0 0; border-radius: var(--os-radius-xl) var(--os-radius-xl) 0 0; max-height: min(85dvh, 700px); padding-bottom: var(--os-safe-bottom, 0px); display: none; flex-direction: column; } .filter-sheet[open][b-mbnepyuegm] { display: flex; } .filter-sheet[b-mbnepyuegm]::backdrop { background: var(--os-overlay, rgba(13, 11, 22, 0.55)); } @media (min-width: 768px) { .filter-sheet[b-mbnepyuegm] { width: min(480px, 90vw); margin: auto; border-radius: var(--os-radius-xl); } } .filter-sheet__header[b-mbnepyuegm] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); padding: var(--os-space-lg) var(--os-space-lg) var(--os-space-md); border-bottom: 1px solid var(--os-border); flex-shrink: 0; } .filter-sheet__title[b-mbnepyuegm] { margin: 0; font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } .filter-sheet__close[b-mbnepyuegm] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: none; background: transparent; color: var(--os-text-secondary); font-size: 1.5rem; line-height: 1; cursor: pointer; border-radius: var(--os-radius-full); } .filter-sheet__close:hover[b-mbnepyuegm] { color: var(--os-text-primary); background: var(--os-surface-variant); } .filter-sheet__body[b-mbnepyuegm] { overflow-y: auto; min-height: 0; flex: 1 1 auto; padding: var(--os-space-md) var(--os-space-lg); } .filter-sheet__footer[b-mbnepyuegm] { flex-shrink: 0; padding: var(--os-space-md) var(--os-space-lg); border-top: 1px solid var(--os-border); background: var(--os-surface); position: sticky; bottom: 0; } .gate-language-switcher[b-9wkgeqfotm] { display: inline-flex; gap: 4px; padding: 4px; background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); } .gate-language-switcher__pill[b-9wkgeqfotm] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border: none; background: transparent; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); border-radius: var(--os-radius-full); cursor: pointer; transition: background var(--os-transition-fast), color var(--os-transition-fast); font-family: inherit; } .gate-language-switcher__pill:hover:not(:disabled)[b-9wkgeqfotm], .gate-language-switcher__pill:focus-visible:not(:disabled)[b-9wkgeqfotm] { background: color-mix(in srgb, var(--os-primary) 8%, transparent); color: var(--os-text-primary); outline: none; } .gate-language-switcher__pill:focus-visible[b-9wkgeqfotm] { outline: 2px solid var(--os-primary); outline-offset: 1px; } .gate-language-switcher__pill--active[b-9wkgeqfotm], .gate-language-switcher__pill:disabled[b-9wkgeqfotm] { background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-sm); cursor: default; opacity: 1; } .gate-language-switcher__flag[b-9wkgeqfotm] { font-size: 1rem; line-height: 1; } .gate-language-switcher__label[b-9wkgeqfotm] { letter-spacing: 0.04em; } html[data-ui="v2"] .gate-language-switcher__pill:focus-visible[b-9wkgeqfotm] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .gate-shell[b-n7r71d42ew] { min-height: 100vh; display: flex; flex-direction: column; background: var(--os-background, var(--os-surface)); } .gate-shell__topbar[b-n7r71d42ew] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); width: 100%; max-width: 1200px; margin: 0 auto; padding: var(--os-space-md) var(--os-space-md); } .gate-shell__brand[b-n7r71d42ew] { display: inline-flex; align-items: center; text-decoration: none; border-radius: var(--os-radius-sm); } .gate-shell__brand-logo[b-n7r71d42ew] { display: block; width: 36px; height: 36px; } .gate-shell__brand:focus-visible[b-n7r71d42ew] { outline: 2px solid var(--os-primary); outline-offset: 4px; } .gate-shell__body[b-n7r71d42ew] { flex: 1; width: 100%; display: flex; flex-direction: column; } @media (min-width: 720px) { .gate-shell__topbar[b-n7r71d42ew] { padding: var(--os-space-lg) var(--os-space-xl); } } .os-glass[b-0lerbp56jr] { background: var(--os-glass-bg, var(--os-surface)); border: 1px solid var(--os-glass-border, var(--os-border)); box-shadow: var(--os-glass-highlight, none), var(--os-elevation-1, var(--os-shadow-sm)); border-radius: var(--os-radius-lg); } .os-glass--strong[b-0lerbp56jr] { background: var(--os-glass-bg-strong, var(--os-surface)); } @supports (backdrop-filter: blur(1px)) { .os-glass[b-0lerbp56jr] { backdrop-filter: blur(var(--os-glass-blur, 16px)); -webkit-backdrop-filter: blur(var(--os-glass-blur, 16px)); } } .global-audio-player[b-fkodn050ni] { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--os-surface); border-top: 1px solid var(--os-border); box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08); transition: background-color var(--os-transition-normal), border-color var(--os-transition-normal); } .global-audio-player__inner[b-fkodn050ni] { display: flex; align-items: center; gap: 12px; height: 72px; padding: 0 16px; max-width: 1280px; margin: 0 auto; } .global-audio-player__cover[b-fkodn050ni] { width: 48px; height: 48px; border-radius: var(--os-radius-md, 8px); object-fit: cover; flex-shrink: 0; } .global-audio-player__meta[b-fkodn050ni] { display: flex; flex-direction: column; min-width: 0; flex: 0 1 200px; } .global-audio-player__title[b-fkodn050ni] { margin: 0; font-size: 14px; font-weight: var(--os-font-weight-semibold, 600); color: var(--os-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .global-audio-player__chapter[b-fkodn050ni] { margin: 0; font-size: 12px; color: var(--os-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .global-audio-player__narrator[b-fkodn050ni] { margin: 0; font-size: 12px; font-weight: var(--os-font-weight-semibold, 600); color: var(--os-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .global-audio-player__controls[b-fkodn050ni] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .global-audio-player__btn[b-fkodn050ni] { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: transparent; border: none; border-radius: var(--os-radius-full, 999px); color: var(--os-text-primary); cursor: pointer; transition: background-color var(--os-transition-fast); } .global-audio-player__btn:hover:not(:disabled)[b-fkodn050ni] { background: var(--os-surface-hover, rgba(0, 0, 0, 0.06)); } .global-audio-player__btn:disabled[b-fkodn050ni] { color: var(--os-text-tertiary); cursor: not-allowed; opacity: 0.5; } .global-audio-player__btn--play[b-fkodn050ni] { width: 44px; height: 44px; color: var(--os-primary); } .global-audio-player__progress[b-fkodn050ni] { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; } .global-audio-player__progress input[type="range"][b-fkodn050ni] { flex: 1 1 auto; accent-color: var(--os-primary); min-width: 0; } .global-audio-player__time[b-fkodn050ni] { font-size: 12px; color: var(--os-text-tertiary); font-variant-numeric: tabular-nums; flex-shrink: 0; } .global-audio-player__actions[b-fkodn050ni] { display: flex; align-items: center; gap: 2px; flex-shrink: 0; } .global-audio-player__read-along[b-fkodn050ni] { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: transparent; border: none; border-radius: var(--os-radius-full, 999px); color: var(--os-primary); cursor: pointer; flex-shrink: 0; transition: color var(--os-transition-fast), background-color var(--os-transition-fast); } .global-audio-player__read-along:hover[b-fkodn050ni] { background: var(--os-surface-hover, rgba(0, 0, 0, 0.06)); } .global-audio-player__read-along--premium[b-fkodn050ni] { color: var(--os-text-tertiary); position: relative; } .global-audio-player__read-along--premium:hover[b-fkodn050ni] { color: var(--os-primary); } .global-audio-player__read-along-lock[b-fkodn050ni] { position: absolute; bottom: 4px; right: 4px; color: var(--os-primary); pointer-events: none; } .global-audio-player__close[b-fkodn050ni] { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: transparent; border: none; border-radius: var(--os-radius-full, 999px); color: var(--os-text-tertiary); cursor: pointer; flex-shrink: 0; transition: color var(--os-transition-fast), background-color var(--os-transition-fast); } .global-audio-player__close:hover[b-fkodn050ni] { color: var(--os-text-primary); background: var(--os-surface-hover, rgba(0, 0, 0, 0.06)); } @media (max-width: 1023px) { .global-audio-player[b-fkodn050ni] { bottom: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px)); } html[data-ui="v2"] .global-audio-player[b-fkodn050ni] { bottom: calc(var(--os-bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + var(--os-space-sm) + var(--os-space-sm)); } } @media (max-width: 767px) { .global-audio-player__inner[b-fkodn050ni] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "cover meta close" "controls controls controls" "progress progress progress"; align-items: center; height: auto; padding: 8px 12px; row-gap: 6px; column-gap: 8px; } .global-audio-player__cover[b-fkodn050ni] { grid-area: cover; width: 40px; height: 40px; } .global-audio-player__meta[b-fkodn050ni] { grid-area: meta; flex: initial; min-width: 0; } .global-audio-player__actions[b-fkodn050ni] { grid-area: close; align-self: center; } .global-audio-player__controls[b-fkodn050ni] { grid-area: controls; justify-content: center; } .global-audio-player__progress[b-fkodn050ni] { grid-area: progress; display: flex; } } .hero-banner--v2[b-zngkdgv4vs] { position: relative; overflow: hidden; display: flex; align-items: flex-end; border-radius: var(--os-radius-xl); min-height: clamp(320px, 45vh, 520px); } .hero-banner--v2 .hero-banner__backdrop[b-zngkdgv4vs] { position: absolute; inset: 0; background: radial-gradient(120% 100% at 80% 0%, color-mix(in srgb, var(--os-primary) 35%, transparent), transparent 60%), var(--os-gradient); } .hero-banner--v2 .hero-banner__art[b-zngkdgv4vs] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .hero-banner--v2 .hero-banner__scrim[b-zngkdgv4vs] { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(6, 5, 12, 0.20) 0%, rgba(6, 5, 12, 0.45) 35%, rgba(6, 5, 12, 0.72) 100% ); } .hero-banner--v2 .hero-banner__content[b-zngkdgv4vs] { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--os-space-sm); max-width: 60ch; width: 100%; padding: var(--os-space-xl); color: var(--os-text-on-dark); } .hero-banner--v2 .hero-banner__eyebrow[b-zngkdgv4vs] { display: inline-block; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-bold); letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); } .hero-banner--v2 .hero-banner__category[b-zngkdgv4vs] { align-self: flex-start; position: relative; z-index: 1; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-on-dark); text-decoration: none; opacity: 0.9; } .hero-banner--v2 .hero-banner__category:hover[b-zngkdgv4vs] { text-decoration: underline; } .hero-banner--v2 .hero-banner__title[b-zngkdgv4vs] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-text-display-xl); line-height: 1.05; letter-spacing: -0.02em; } .hero-banner--v2 .hero-banner__title a[b-zngkdgv4vs] { position: relative; z-index: 1; color: var(--os-text-on-dark); text-decoration: none; } .hero-banner--v2 .hero-banner__title a:hover[b-zngkdgv4vs] { text-decoration: underline; } .hero-banner--v2 .hero-banner__meta[b-zngkdgv4vs] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-xs); font-size: var(--os-font-size-sm); color: rgba(255, 255, 255, 0.85); } .hero-banner--v2 .hero-banner__description[b-zngkdgv4vs] { margin: 0; max-width: 60ch; color: rgba(255, 255, 255, 0.85); font-size: var(--os-font-size-md); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .hero-banner--v2 .hero-banner__actions[b-zngkdgv4vs] { display: flex; gap: var(--os-space-sm); margin-top: var(--os-space-xs); position: relative; z-index: 1; } .hero-banner--v2 .hero-banner__actions .os-btn-ghost[b-zngkdgv4vs] { color: var(--os-text-on-dark); border: 1px solid rgba(255, 255, 255, 0.55); background: transparent; } .hero-banner--v2 .hero-banner__actions .os-btn-ghost:hover[b-zngkdgv4vs] { background: rgba(255, 255, 255, 0.14); color: var(--os-text-on-dark); } .hero-banner--v2.hero-banner--compact[b-zngkdgv4vs] { min-height: clamp(260px, 32vh, 360px); } .hero-banner--v2.hero-banner--compact .hero-banner__title[b-zngkdgv4vs] { font-size: var(--os-text-display-lg); } .hero-banner--v2.hero-banner--compact .hero-banner__description[b-zngkdgv4vs] { -webkit-line-clamp: 2; } @media (max-width: 720px) { .hero-banner--v2 .hero-banner__content[b-zngkdgv4vs] { gap: var(--os-space-xs); padding: var(--os-space-md); } .hero-banner--v2 .hero-banner__title[b-zngkdgv4vs] { font-size: var(--os-text-display-md); } .hero-banner--v2 .hero-banner__description[b-zngkdgv4vs] { -webkit-line-clamp: 2; } } .hero-carousel[b-rslev6kyvw] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .hero-carousel__track[b-rslev6kyvw] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--os-radius-lg); min-width: 0; } .hero-carousel__track[b-rslev6kyvw]::-webkit-scrollbar { display: none; } .hero-carousel__slide[b-rslev6kyvw] { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; } .hero-carousel__dots[b-rslev6kyvw] { display: flex; justify-content: center; gap: var(--os-space-sm); } .hero-carousel__dot[b-rslev6kyvw] { width: 8px; height: 8px; padding: 0; border: none; border-radius: var(--os-radius-full); background: var(--os-border); cursor: pointer; transition: background-color var(--os-transition-fast), transform var(--os-transition-fast); } .hero-carousel__dot:hover[b-rslev6kyvw] { background: var(--os-text-tertiary); } .hero-carousel__dot.is-active[b-rslev6kyvw] { background: var(--os-primary); transform: scale(1.25); } html[data-ui="v2"] .hero-carousel__slide[b-rslev6kyvw] { border-radius: var(--os-radius-xl); overflow: hidden; } html[data-ui="v2"] .hero-carousel__dot[b-rslev6kyvw] { background: var(--os-primary); opacity: 0.4; } html[data-ui="v2"] .hero-carousel__dot:hover[b-rslev6kyvw] { background: var(--os-primary); opacity: 0.7; } html[data-ui="v2"] .hero-carousel__dot.is-active[b-rslev6kyvw] { background: var(--os-primary); opacity: 1; transform: scale(1.25); } .home-rail-feed__lazy[b-g7povm670d] { padding: var(--os-space-md) 0; } .home-rail-feed__lazy-header[b-g7povm670d] { display: flex; align-items: center; padding: 0 var(--os-space-md) var(--os-space-sm); } .home-rail-feed__lazy-title[b-g7povm670d] { font-size: 1.1rem; font-weight: 600; color: var(--os-text-primary); } .home-rail-feed__end[b-g7povm670d] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); margin: var(--os-space-xl) auto; padding: var(--os-space-xl) var(--os-space-lg); max-width: 32rem; text-align: center; } .home-rail-feed__end h3[b-g7povm670d] { margin: 0; font-size: 1.25rem; color: var(--os-text-primary); } .home-rail-feed__end p[b-g7povm670d] { margin: 0; color: var(--os-text-secondary); } .home-rail-feed__end .os-button[b-g7povm670d] { margin-top: var(--os-space-sm); } html[data-ui="v2"] .home-rail-feed__end[b-g7povm670d] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .home-rail-feed__end .os-button[b-g7povm670d] { display: inline-flex; align-items: center; justify-content: center; padding: var(--os-space-xs) var(--os-space-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-primary); background: transparent; border: 1px solid var(--os-primary); border-radius: var(--os-radius-md); text-decoration: none; cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } html[data-ui="v2"] .home-rail-feed__end .os-button:hover[b-g7povm670d] { background: var(--os-primary-light); color: var(--os-primary); } .personalized-home__lazy[b-dzig5j7udp] { padding: var(--os-space-md) 0; } .personalized-home__lazy-header[b-dzig5j7udp] { display: flex; align-items: center; padding: 0 var(--os-space-md) var(--os-space-sm); } .personalized-home__lazy-title[b-dzig5j7udp] { font-size: 1.1rem; font-weight: 600; color: var(--os-text-primary); } html[data-ui="v2"] .personalized-home__lazy-header[b-dzig5j7udp] { padding: 0 var(--os-space-md) var(--os-space-md); } html[data-ui="v2"] .personalized-home__lazy-title[b-dzig5j7udp] { font-family: var(--os-font-display); font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } .infinite-scroll[b-zt5wjfoyx5] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-md); padding: var(--os-space-lg) var(--os-space-md); } .infinite-scroll__sentinel[b-zt5wjfoyx5] { width: 100%; height: 1px; pointer-events: none; } .infinite-scroll__more[b-zt5wjfoyx5] { display: inline-flex; align-items: center; justify-content: center; gap: var(--os-space-xs); min-height: 44px; padding: var(--os-space-sm) var(--os-space-lg); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text); font-weight: 600; font-size: var(--os-text-base); text-decoration: none; cursor: pointer; transition: background 120ms ease, transform 120ms ease; } .infinite-scroll__more:hover[b-zt5wjfoyx5] { background: var(--os-surface-hover); } .infinite-scroll__more:active[b-zt5wjfoyx5] { transform: translateY(1px); } .infinite-scroll__more[aria-busy="true"][b-zt5wjfoyx5] { opacity: 0.85; cursor: progress; } .infinite-scroll__spinner[b-zt5wjfoyx5] { width: 14px; height: 14px; border: 2px solid var(--os-border); border-top-color: var(--os-primary); border-radius: 50%; animation: infinite-scroll-spin-b-zt5wjfoyx5 700ms linear infinite; } @keyframes infinite-scroll-spin-b-zt5wjfoyx5 { to { transform: rotate(360deg); } } .legal-page__back-btn[b-3ye8gumy67], .ai-guidelines-page__back-btn[b-3ye8gumy67] { background: none; border: none; text-decoration: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-3ye8gumy67], .ai-guidelines-page__back-btn:hover[b-3ye8gumy67] { background: var(--os-surface-variant); text-decoration: none; color: var(--os-text-primary); } .legal-page__back-btn:focus-visible[b-3ye8gumy67], .ai-guidelines-page__back-btn:focus-visible[b-3ye8gumy67] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-draft-banner[b-tyztobnuwa] { display: flex; align-items: flex-start; gap: var(--os-space-sm); min-width: 0; overflow-wrap: anywhere; margin: 0 0 var(--os-space-lg); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-left: 3px solid var(--os-warning); border-radius: var(--os-radius-md); color: var(--os-text-primary); } .legal-draft-banner__icon[b-tyztobnuwa] { flex: 0 0 auto; margin-top: 1px; color: var(--os-warning); } .legal-draft-banner__text[b-tyztobnuwa] { min-width: 0; overflow-wrap: anywhere; font-size: 0.9rem; line-height: 1.4; } .legal-footer[b-2tnhhz5qn3] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-lg) var(--os-space-md); border-top: 1px solid var(--os-border); background: var(--os-surface); color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); text-align: center; } .legal-footer__line[b-2tnhhz5qn3] { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--os-space-xs); line-height: 1.6; } .legal-footer__separator[b-2tnhhz5qn3] { color: var(--os-text-tertiary); opacity: 0.5; } .legal-footer__heart[b-2tnhhz5qn3] { color: #e25555; vertical-align: -2px; margin: 0 2px; } .legal-footer__brand-link[b-2tnhhz5qn3] { color: var(--os-primary); text-decoration: none; font-weight: var(--os-font-weight-medium); } .legal-footer__brand-link:hover[b-2tnhhz5qn3], .legal-footer__brand-link:focus-visible[b-2tnhhz5qn3] { text-decoration: underline; outline: none; } .legal-footer__legal-link[b-2tnhhz5qn3] { color: var(--os-text-secondary); text-decoration: none; } .legal-footer__legal-link:hover[b-2tnhhz5qn3], .legal-footer__legal-link:focus-visible[b-2tnhhz5qn3] { color: var(--os-primary); text-decoration: underline; outline: none; } @media (max-width: 768px) { .legal-footer[b-2tnhhz5qn3] { padding-bottom: calc(var(--os-space-2xl) + env(safe-area-inset-bottom, 0)); } } html[data-ui="v2"] .legal-footer__brand-link:focus-visible[b-2tnhhz5qn3], html[data-ui="v2"] .legal-footer__legal-link:focus-visible[b-2tnhhz5qn3] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .loading-skeleton-group[b-x53wkpc3jm] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .loading-skeleton--text[b-x53wkpc3jm] { display: inline-block; height: 1em; width: var(--ls-width, 100%); border-radius: var(--os-radius-sm); } .loading-skeleton--block[b-x53wkpc3jm] { display: block; width: 100%; height: var(--ls-height, 120px); border-radius: var(--os-radius-md); } .loading-skeleton--card[b-x53wkpc3jm] { display: block; width: 100%; aspect-ratio: 220 / 310; border-radius: var(--os-radius-md); } .loading-skeleton--avatar[b-x53wkpc3jm] { display: inline-block; width: 48px; height: 48px; border-radius: var(--os-radius-full); } .os-visually-hidden[b-x53wkpc3jm] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .login-prompt[b-s09guvhqsg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl) var(--os-space-2xl); border-radius: var(--os-radius-lg); background-color: var(--os-primary-light, rgba(27, 110, 194, 0.08)); border: 1px solid var(--os-primary-border, rgba(27, 110, 194, 0.2)); text-align: center; } .login-prompt__message[b-s09guvhqsg] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-primary); line-height: 1.5; } .login-prompt__actions[b-s09guvhqsg] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; justify-content: center; } .login-prompt__btn[b-s09guvhqsg] { min-width: 120px; } .offline-indicator[b-0o71vofsja] { position: sticky; top: var(--os-header-height); z-index: 19; display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-md); background: var(--os-surface-variant); color: var(--os-text-secondary); border-bottom: 1px solid var(--os-border); font-size: var(--os-font-size-sm); line-height: 1.35; } .offline-indicator__icon[b-0o71vofsja] { flex-shrink: 0; } .offline-indicator__text[b-0o71vofsja] { flex: 1 1 auto; min-width: 0; } @media (max-width: 479px) { .offline-indicator[b-0o71vofsja] { font-size: var(--os-font-size-xs); padding: var(--os-space-xs) var(--os-space-sm); } } .otp-container[b-bk9m4w80en] { display: flex; gap: var(--os-space-md); justify-content: center; } .otp-box[b-bk9m4w80en] { width: 56px; height: 60px; border: 2px solid var(--os-border) !important; border-radius: var(--os-radius-md) !important; background: var(--os-surface); color: var(--os-text-primary); font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); text-align: center; outline: none; padding: 0 !important; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); caret-color: var(--os-primary); } .otp-box:focus[b-bk9m4w80en] { border-color: var(--os-border-focus) !important; box-shadow: 0 0 0 3px rgba(37, 140, 251, 0.15); } .otp-box--filled[b-bk9m4w80en] { border-color: var(--os-primary) !important; background: var(--os-surface-variant); } .outa-carousel[b-kzo4w8cjbe] { position: relative; min-width: 0; } .outa-carousel__track[b-kzo4w8cjbe] { scrollbar-width: none; } .outa-carousel__real[b-kzo4w8cjbe], .outa-carousel__clones[b-kzo4w8cjbe] { display: contents; } .outa-carousel__item[b-kzo4w8cjbe] { display: block; } .outa-carousel__arrow[b-kzo4w8cjbe] { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 40px; display: none; align-items: center; justify-content: center; border: 1px solid var(--os-border); border-radius: var(--os-radius-full); background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-sm); cursor: pointer; opacity: 0; transition: opacity var(--os-transition-fast); } .outa-carousel__arrow--prev[b-kzo4w8cjbe] { left: calc(-1 * var(--os-space-sm)); } .outa-carousel__arrow--next[b-kzo4w8cjbe] { right: calc(-1 * var(--os-space-sm)); } @media (hover: hover) and (pointer: fine) { .outa-carousel__arrow[b-kzo4w8cjbe] { display: inline-flex; } .outa-carousel:hover .outa-carousel__arrow[b-kzo4w8cjbe], .outa-carousel__arrow:focus-visible[b-kzo4w8cjbe] { opacity: 1; } .outa-carousel:not(:has(.outa-carousel__track--looping)) .outa-carousel__arrow[b-kzo4w8cjbe] { display: none; } } html[data-ui="v2"] .outa-carousel__arrow[b-kzo4w8cjbe] { background: var(--os-glass-bg-strong, var(--os-surface)); border: 1px solid var(--os-glass-border, var(--os-border)); border-radius: var(--os-radius-full, 9999px); min-width: 44px; min-height: 44px; box-shadow: var(--os-elevation-2); color: var(--os-text-primary); } .page-dots[b-jwciz7nrdb] { display: flex; align-items: center; justify-content: center; gap: var(--os-space-sm); } .dot[b-jwciz7nrdb] { display: inline-block; width: 8px; height: 8px; border-radius: var(--os-radius-full); background: var(--os-border); transition: all var(--os-transition-normal); flex-shrink: 0; } .dot--active[b-jwciz7nrdb] { width: 20px; background: var(--os-primary); } .page-hero[b-vw264exf8b] { position: relative; display: flex; flex-direction: column; gap: var(--os-space-md); background: linear-gradient(160deg, color-mix(in srgb, var(--os-primary) 7%, transparent), transparent 60%); border-radius: var(--os-radius-xl); padding: var(--os-space-xl) var(--os-space-lg); min-width: 0; } .page-hero__breadcrumb[b-vw264exf8b] { order: -1; font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); } [b-vw264exf8b] .page-hero__back { display: inline-flex; align-items: center; gap: var(--os-space-xs); min-height: 44px; padding: var(--os-space-xs) 0; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-decoration: none; } [b-vw264exf8b] .page-hero__back:hover, [b-vw264exf8b] .page-hero__back:focus-visible { color: var(--os-primary); text-decoration: underline; } [b-vw264exf8b] .page-hero__back:focus-visible { outline: 2px solid var(--os-primary); outline-offset: 2px; border-radius: var(--os-radius-sm); } .page-hero__content[b-vw264exf8b] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .page-hero__eyebrow[b-vw264exf8b] { margin: 0; text-transform: uppercase; color: var(--os-primary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-bold); letter-spacing: 0.08em; } .page-hero__title[b-vw264exf8b] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-text-display-xl); line-height: 1.1; letter-spacing: -0.02em; color: var(--os-text-primary); overflow-wrap: anywhere; hyphens: auto; } .page-hero__description[b-vw264exf8b] { margin: 0; color: var(--os-text-secondary); max-width: 60ch; } .page-hero__actions[b-vw264exf8b] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); margin-top: var(--os-space-xs); } .page-hero__art[b-vw264exf8b] { display: none; } @media (min-width: 768px) { .page-hero[b-vw264exf8b] { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; } .page-hero__breadcrumb[b-vw264exf8b] { flex-basis: 100%; } .page-hero__content[b-vw264exf8b] { flex: 1 1 auto; } .page-hero__art[b-vw264exf8b] { display: block; flex: 0 1 auto; max-width: min(36%, 340px); } [b-vw264exf8b] .page-hero__art img { display: block; width: 100%; height: auto; } } .attribute-multiselect__chips[b-xtw2tcmsy9] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .attribute-multiselect__chip[b-xtw2tcmsy9] { border: 1px solid var(--os-border); background: var(--os-surface); color: var(--os-text-primary); border-radius: var(--os-radius-full); padding: var(--os-space-xs) var(--os-space-md); font-size: 0.875rem; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .attribute-multiselect__chip:hover[b-xtw2tcmsy9] { border-color: var(--os-primary); } .attribute-multiselect__chip--selected[b-xtw2tcmsy9] { background: var(--os-primary); border-color: var(--os-primary); color: #fff; } .profile-completion-banner[b-ze6r8nlv8o] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--os-space-md); min-width: 0; margin: 0 0 var(--os-space-lg); padding: var(--os-space-md) var(--os-space-lg); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .profile-completion-banner__text[b-ze6r8nlv8o] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 240px; overflow-wrap: anywhere; } .profile-completion-banner__title[b-ze6r8nlv8o] { font-size: 0.95rem; font-weight: 700; color: var(--os-text-primary); } .profile-completion-banner__message[b-ze6r8nlv8o] { font-size: 0.85rem; color: var(--os-text-secondary); } .profile-completion-banner__cta[b-ze6r8nlv8o] { flex: 0 0 auto; white-space: nowrap; } .promo-banner--v2[b-7p18e6gvcd] { background: var(--os-gradient); border-radius: var(--os-radius-lg); overflow: hidden; position: relative; padding: var(--os-space-xl); box-shadow: var(--os-elevation-2); } .promo-banner--v2 .promo-banner__content[b-7p18e6gvcd] { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--os-space-sm); } .promo-banner--v2 .promo-banner__title[b-7p18e6gvcd] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-bold); color: var(--os-text-on-dark); line-height: 1.2; } .promo-banner--v2 .promo-banner__subtitle[b-7p18e6gvcd] { margin: 0; font-size: var(--os-font-size-sm); color: rgba(255, 255, 255, 0.8); line-height: 1.5; } .promo-banner--v2 .promo-banner__body[b-7p18e6gvcd] { margin: 0; font-size: var(--os-font-size-sm); color: rgba(255, 255, 255, 0.9); line-height: 1.5; max-width: 60ch; } .promo-banner--v2 .promo-banner__code[b-7p18e6gvcd] { align-self: flex-start; padding: calc(var(--os-space-xs) / 2) var(--os-space-sm); border: 1px dashed rgba(255, 255, 255, 0.55); border-radius: var(--os-radius-sm); background-color: rgba(255, 255, 255, 0.14); color: #ffffff; font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: 0.08em; user-select: all; } .promo-banner--v2 .promo-banner__valid-until[b-7p18e6gvcd] { margin: 0; font-size: var(--os-font-size-xs); color: rgba(255, 255, 255, 0.75); } .promo-banner--v2 .promo-banner__cta[b-7p18e6gvcd] { align-self: flex-start; margin-top: var(--os-space-sm); background-color: #ffffff; color: #1a1a2e; font-weight: var(--os-font-weight-semibold); text-decoration: none; transition: transform var(--os-motion-fast) var(--os-ease-standard), box-shadow var(--os-motion-base) var(--os-ease-standard); } @media (hover: hover) and (pointer: fine) { .promo-banner--v2 .promo-banner__cta:hover[b-7p18e6gvcd] { background-color: #f1effb; color: #1a1a2e; transform: translateY(-1px); box-shadow: var(--os-elevation-1); } } .publish-stepper[b-x6lxdd501z] { display: flex; align-items: center; gap: var(--os-space-sm); margin-bottom: var(--os-space-md); } .publish-stepper__step[b-x6lxdd501z] { display: flex; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-xs) var(--os-space-md); border-radius: 999px; background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-medium); font-size: var(--os-font-size-sm); border: 1px solid var(--os-border); } .publish-stepper__step.is-active[b-x6lxdd501z] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .publish-stepper__dot[b-x6lxdd501z] { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: rgba(255, 255, 255, 0.25); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-bold); } .publish-stepper__step:not(.is-active) .publish-stepper__dot[b-x6lxdd501z] { background: var(--os-border); color: var(--os-text-secondary); } .publish-stepper__line[b-x6lxdd501z] { flex: 0 1 3rem; height: 2px; background: var(--os-border); } .publish-stepper__line.is-done[b-x6lxdd501z] { background: var(--os-primary); } html[data-ui="v2"] .publish-stepper[b-x6lxdd501z] { gap: var(--os-space-xs); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .publish-stepper__step[b-x6lxdd501z] { background: transparent; border-color: transparent; color: var(--os-text-secondary); padding: var(--os-space-xs) var(--os-space-sm); border-radius: var(--os-radius-full); } html[data-ui="v2"] .publish-stepper__step.is-active[b-x6lxdd501z] { background: transparent; border-color: transparent; color: var(--os-text-secondary); } html[data-ui="v2"] .publish-stepper__step.is-current[b-x6lxdd501z] { background: var(--os-surface-variant); border-color: var(--os-border); color: var(--os-text-primary); } html[data-ui="v2"] .publish-stepper__step:not(.is-active) .publish-stepper__dot[b-x6lxdd501z] { width: 1.375rem; height: 1.375rem; background: transparent; border: 1px solid var(--os-border); color: var(--os-text-secondary); } html[data-ui="v2"] .publish-stepper__step.is-active .publish-stepper__dot[b-x6lxdd501z] { width: 1.375rem; height: 1.375rem; background: var(--os-primary); color: var(--os-text-on-primary); } html[data-ui="v2"] .publish-stepper__line[b-x6lxdd501z] { height: 1px; background: var(--os-border); } html[data-ui="v2"] .publish-stepper__line.is-done[b-x6lxdd501z] { background: var(--os-primary); } .ptr[b-nzewbo0jfd] { position: fixed; z-index: 25; top: env(safe-area-inset-top, 0px); left: 0; right: 0; display: flex; justify-content: center; pointer-events: none; --ptr-pull: 0px; --ptr-progress: 0; } .ptr__track[b-nzewbo0jfd] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-top: -44px; border-radius: var(--os-radius-full); background: var(--os-surface); border: 1px solid var(--os-border); box-shadow: var(--os-shadow-sm); transform: translateY(var(--ptr-pull)); opacity: var(--ptr-progress); transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease; } .ptr.is-pulling .ptr__track[b-nzewbo0jfd] { transition: none; } .ptr__spinner[b-nzewbo0jfd] { display: block; width: 20px; height: 20px; border-radius: var(--os-radius-full); border: 2px solid var(--os-border); border-top-color: var(--os-primary); transform: rotate(calc(var(--ptr-progress) * 180deg)); } .ptr.is-armed .ptr__track[b-nzewbo0jfd] { border-color: var(--os-primary); } .ptr.is-refreshing .ptr__track[b-nzewbo0jfd] { opacity: 1; } .ptr.is-refreshing .ptr__spinner[b-nzewbo0jfd] { animation: ptr-spin-b-nzewbo0jfd 700ms linear infinite; } @keyframes ptr-spin-b-nzewbo0jfd { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .ptr__track[b-nzewbo0jfd] { transition: none; } .ptr.is-refreshing .ptr__spinner[b-nzewbo0jfd] { animation-duration: 1600ms; } } .reader-settings-form[b-qzrjzqtzgp] { display: flex; flex-direction: column; gap: var(--os-space-lg); } .reader-settings-form__group[b-qzrjzqtzgp] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .reader-settings-form__label[b-qzrjzqtzgp] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .reader-settings-form__segmented[b-qzrjzqtzgp] { display: flex; gap: var(--os-space-xs); border-radius: var(--os-radius-md); background-color: var(--os-surface-variant); padding: 4px; } .reader-settings-form__seg[b-qzrjzqtzgp] { flex: 1; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid transparent; border-radius: var(--os-radius-sm); background-color: transparent; color: var(--os-text-primary); font-size: var(--os-font-size-sm); cursor: pointer; transition: background-color var(--os-transition-fast), border-color var(--os-transition-fast); } .reader-settings-form__seg:hover[b-qzrjzqtzgp] { background-color: var(--os-surface); } .reader-settings-form__seg.is-active[b-qzrjzqtzgp] { background-color: var(--os-surface); border-color: var(--os-primary); color: var(--os-primary); font-weight: var(--os-font-weight-semibold); } .reader-settings-form__stepper[b-qzrjzqtzgp] { display: flex; align-items: center; gap: var(--os-space-md); background-color: var(--os-surface-variant); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .reader-settings-form__step-btn[b-qzrjzqtzgp] { width: 36px; height: 36px; border-radius: var(--os-radius-full); border: 1px solid var(--os-border); background-color: var(--os-surface); color: var(--os-text-primary); font-size: 1.25rem; font-weight: var(--os-font-weight-semibold); cursor: pointer; } .reader-settings-form__step-btn:disabled[b-qzrjzqtzgp] { opacity: 0.35; cursor: not-allowed; } .reader-settings-form__step-preview[b-qzrjzqtzgp] { flex: 1; text-align: center; font-family: Georgia, 'Times New Roman', serif; color: var(--os-text-primary); line-height: 1; } .reader-settings-form__step-value[b-qzrjzqtzgp] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); min-width: 48px; text-align: right; } .reader-settings-form__reset[b-qzrjzqtzgp] { align-self: flex-start; background: none; border: none; color: var(--os-primary); font-size: var(--os-font-size-sm); text-decoration: underline; cursor: pointer; padding: 0; } html[data-ui="v2"] .reader-settings-form__segmented[b-qzrjzqtzgp] { border-radius: var(--os-radius-lg); } html[data-ui="v2"] .reader-settings-form__seg.is-active[b-qzrjzqtzgp] { box-shadow: var(--os-elevation-1, var(--os-shadow-sm)); } html[data-ui="v2"] .reader-settings-form__stepper[b-qzrjzqtzgp] { border-radius: var(--os-radius-lg); } .reader-settings-popover__backdrop[b-piv18udac8] { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 900; } .reader-settings-popover[b-piv18udac8] { position: fixed; top: 56px; right: var(--os-space-md); z-index: 901; width: min(360px, calc(100vw - 32px)); max-height: calc(100vh - 72px); overflow-y: auto; background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); padding: var(--os-space-lg); outline: none; } .reader-settings-popover__header[b-piv18udac8] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--os-space-md); } .reader-settings-popover__title[b-piv18udac8] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .reader-settings-popover__close[b-piv18udac8] { width: 32px; height: 32px; border-radius: var(--os-radius-md); border: none; background-color: transparent; color: var(--os-text-primary); cursor: pointer; display: flex; align-items: center; justify-content: center; } .reader-settings-popover__close:hover[b-piv18udac8] { background-color: var(--os-surface-variant); } .reader-settings-popover__body[b-piv18udac8] { display: flex; flex-direction: column; } html[data-ui="v2"] .reader-settings-popover__backdrop[b-piv18udac8] { background-color: var(--os-overlay, rgba(0, 0, 0, 0.35)); } html[data-ui="v2"] .reader-settings-popover[b-piv18udac8] { border-color: var(--os-border-light, var(--os-border)); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-3, var(--os-shadow-lg)); } .reco-row[b-4a6lzss0f0] { margin: var(--os-space-lg) 0; } .reco-row__title[b-4a6lzss0f0] { font-size: 1.25rem; margin: 0 0 var(--os-space-md) 0; color: var(--os-text-primary); } .rohtext-attribution[b-p8us4k9r70] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); color: var(--os-text-secondary); margin-block: var(--os-space-xl) var(--os-space-md); } .rohtext-attribution__heading[b-p8us4k9r70] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-primary); font-size: 1rem; font-weight: 600; margin: 0 0 var(--os-space-md) 0; } .rohtext-attribution__icon[b-p8us4k9r70] { font-size: 1.25rem; line-height: 1; } .rohtext-attribution__body[b-p8us4k9r70] { margin: 0 0 var(--os-space-md) 0; line-height: 1.5; } .rohtext-attribution__links[b-p8us4k9r70] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .rohtext-attribution__links li[b-p8us4k9r70] { display: flex; align-items: baseline; gap: var(--os-space-xs); } .rohtext-attribution__arrow[b-p8us4k9r70] { color: var(--os-text-tertiary); font-weight: 600; } .rohtext-attribution a[b-p8us4k9r70] { color: var(--os-accent); text-decoration: underline; } .rohtext-attribution a:hover[b-p8us4k9r70] { text-decoration: none; } .sr-only[b-l1csno8fc2] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .search-bar__inner[b-l1csno8fc2] { position: relative; display: flex; align-items: center; } .search-bar__icon[b-l1csno8fc2] { position: absolute; left: 14px; width: 18px; height: 18px; color: var(--os-text-tertiary); pointer-events: none; display: flex; align-items: center; justify-content: center; flex-shrink: 0; z-index: 1; } .search-bar__icon svg[b-l1csno8fc2] { width: 100%; height: 100%; } .search-bar__input[b-l1csno8fc2] { padding-left: 42px !important; border-radius: var(--os-radius-full) !important; } .search-bar__input[b-l1csno8fc2]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .section-header--v2[b-r0h0ly1fev] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); } .section-header--v2 .section-header__title[b-r0h0ly1fev] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); line-height: 1.2; } .section-header--v2 .section-header__action[b-r0h0ly1fev], .section-header--v2 .section-header__see-all[b-r0h0ly1fev] { flex-shrink: 0; font-size: var(--os-font-size-sm) !important; font-weight: var(--os-font-weight-medium) !important; color: var(--os-primary) !important; padding: var(--os-space-xs) var(--os-space-sm) !important; text-decoration: none; } .section-header--v2 .section-header__action:hover[b-r0h0ly1fev], .section-header--v2 .section-header__see-all:hover[b-r0h0ly1fev] { color: var(--os-primary-hover) !important; background: var(--os-primary-light) !important; } .session-expired[b-rp4xn6ep1a] { position: fixed; top: 0; left: 0; right: 0; z-index: 1100; background: var(--os-primary); color: #fff; box-shadow: var(--os-shadow-sm); } .session-expired__inner[b-rp4xn6ep1a] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-sm) var(--os-space-md); display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; min-width: 0; } .session-expired__text[b-rp4xn6ep1a] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 240px; } .session-expired__title[b-rp4xn6ep1a] { font-size: 0.95rem; font-weight: 700; } .session-expired__message[b-rp4xn6ep1a] { font-size: 0.85rem; opacity: 0.95; } .session-expired__action[b-rp4xn6ep1a] { flex: 0 0 auto; display: inline-flex; align-items: center; padding: var(--os-space-xs) var(--os-space-lg); border-radius: var(--os-radius-full); background: #fff; color: var(--os-primary); font-weight: 600; text-decoration: none; white-space: nowrap; } .session-expired__action:hover[b-rp4xn6ep1a] { opacity: 0.92; } .share-buttons[b-1huzhvk698] { display: flex; flex-direction: column; gap: var(--os-space-sm); margin: var(--os-space-md) 0; padding: var(--os-space-sm) 0; border-top: 1px solid var(--os-border); border-bottom: 1px solid var(--os-border); } .share-buttons__label[b-1huzhvk698] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.05em; } .share-buttons__row[b-1huzhvk698] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); } .share-buttons__btn[b-1huzhvk698] { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--os-border); border-radius: 50%; background-color: var(--os-surface); color: var(--os-text-primary); cursor: pointer; transition: transform var(--os-transition-fast), background-color var(--os-transition-fast), color var(--os-transition-fast), border-color var(--os-transition-fast); text-decoration: none; } .share-buttons__btn:hover[b-1huzhvk698], .share-buttons__btn:focus-visible[b-1huzhvk698] { transform: translateY(-2px); text-decoration: none; outline: none; } .share-buttons__btn:focus-visible[b-1huzhvk698] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .share-buttons__btn--native[b-1huzhvk698] { background-color: var(--os-primary); color: #ffffff; border-color: var(--os-primary); } .share-buttons__btn--facebook:hover[b-1huzhvk698] { background-color: #1877f2; color: #ffffff; border-color: #1877f2; } .share-buttons__btn--twitter:hover[b-1huzhvk698] { background-color: #000000; color: #ffffff; border-color: #000000; } .share-buttons__btn--linkedin:hover[b-1huzhvk698] { background-color: #0a66c2; color: #ffffff; border-color: #0a66c2; } .share-buttons__btn--whatsapp:hover[b-1huzhvk698] { background-color: #25d366; color: #ffffff; border-color: #25d366; } .share-buttons__btn--reddit:hover[b-1huzhvk698] { background-color: #ff4500; color: #ffffff; border-color: #ff4500; } .share-buttons__btn--telegram:hover[b-1huzhvk698] { background-color: #26a5e4; color: #ffffff; border-color: #26a5e4; } .share-buttons__btn--email:hover[b-1huzhvk698] { background-color: var(--os-text-primary); color: var(--os-surface); border-color: var(--os-text-primary); } .share-buttons__btn--copy:hover[b-1huzhvk698] { background-color: var(--os-primary); color: #ffffff; border-color: var(--os-primary); } .share-buttons__toast[b-1huzhvk698] { margin: 0; font-size: var(--os-font-size-xs); color: var(--os-success); font-weight: var(--os-font-weight-medium); } @media (max-width: 480px) { .share-buttons__row[b-1huzhvk698] { gap: 6px; } .share-buttons__btn[b-1huzhvk698] { width: 36px; height: 36px; } } .social-login__error[b-lm8notnk8k] { margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-error-light); color: var(--os-error); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-align: center; } .social-login[b-lm8notnk8k] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .social-btn[b-lm8notnk8k] { width: 100%; font-size: var(--os-font-size-sm) !important; font-weight: var(--os-font-weight-medium) !important; } .social-btn--primary[b-lm8notnk8k] { font-size: var(--os-font-size-base) !important; font-weight: var(--os-font-weight-semibold) !important; min-height: 48px; } .social-icon[b-lm8notnk8k] { width: 20px; height: 20px; flex-shrink: 0; } .social-login__divider[b-lm8notnk8k] { position: relative; display: flex; align-items: center; justify-content: center; margin: var(--os-space-md) 0; font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.1em; color: var(--os-text-secondary); } .social-login__divider[b-lm8notnk8k]::before, .social-login__divider[b-lm8notnk8k]::after { content: ""; flex: 1; height: 1px; background-color: var(--os-border); } .social-login__divider span[b-lm8notnk8k] { padding: 0 var(--os-space-md); background-color: var(--os-surface); } .star-rating[b-4kksdkuxki] { display: inline-flex; align-items: center; gap: 2px; } .star-rating__star[b-4kksdkuxki] { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex-shrink: 0; } .star-rating__star--interactive[b-4kksdkuxki] { background: none; border: none; padding: 0; cursor: pointer; border-radius: var(--os-radius-sm); transition: transform var(--os-transition-fast); } .star-rating__star--interactive:hover[b-4kksdkuxki] { transform: scale(1.2); } .star-rating__star--interactive:focus-visible[b-4kksdkuxki] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .star-icon[b-4kksdkuxki] { width: 100%; height: 100%; display: block; } .star-rating__count[b-4kksdkuxki] { margin-left: var(--os-space-xs); font-size: var(--os-font-size-xs); color: var(--os-text-secondary); line-height: 1; } .star-rating__track[b-4kksdkuxki] { --sr-size: 16px; --sr-gap: 2px; --sr-step: calc(var(--sr-size) + var(--sr-gap)); --sr-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><polygon points="9,1.33 11.06,5.51 15.67,6.18 12.33,9.43 13.12,14.01 9,11.85 4.88,14.01 5.67,9.43 2.33,6.18 6.94,5.51" fill="black" stroke="black" stroke-width="0.67" stroke-linejoin="round"/></svg>'); position: relative; display: inline-block; flex-shrink: 0; width: calc(5 * var(--sr-step) - var(--sr-gap)); height: var(--sr-size); background: var(--os-star-empty); -webkit-mask-image: var(--sr-mask); mask-image: var(--sr-mask); -webkit-mask-size: var(--sr-step) var(--sr-size); mask-size: var(--sr-step) var(--sr-size); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; } .star-rating__fill[b-4kksdkuxki] { position: absolute; inset: 0 auto 0 0; width: calc(var(--sr-int) * var(--sr-step) + var(--sr-frac) * var(--sr-size)); background: var(--os-star-filled); } .story-card--v2[b-d11tka342d] { position: relative; display: flex; flex-direction: column; overflow: hidden; width: 100%; background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-1); transition: transform var(--os-motion-fast) var(--os-ease-standard); } @media (hover: hover) and (pointer: fine) { .story-card--v2:hover[b-d11tka342d] { transform: translateY(-2px); box-shadow: var(--os-elevation-2); } } .story-card--v2 .story-card__cover-wrap[b-d11tka342d] { position: relative; flex-shrink: 0; background-color: var(--os-surface-variant); } .story-card--v2 .story-card__cover[b-d11tka342d] { width: 100%; height: auto; aspect-ratio: 220 / 310; object-fit: cover; display: block; border-radius: var(--os-radius-md) var(--os-radius-md) 0 0; } .story-card--v2 .story-card__cover--placeholder[b-d11tka342d] { width: 100%; aspect-ratio: 220 / 310; border-radius: var(--os-radius-md) var(--os-radius-md) 0 0; background-color: var(--os-surface-variant); } .story-card--v2 .story-card__progress-badge[b-d11tka342d] { position: absolute; top: var(--os-space-xs); right: calc(var(--os-space-xs) + 2rem); font-size: 0.625rem; font-weight: var(--os-font-weight-bold); letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: var(--os-radius-sm); line-height: 1.4; box-shadow: var(--os-elevation-1); } .story-card--v2 .story-card__progress-badge--finished[b-d11tka342d] { background-color: var(--os-success); color: #ffffff; } .story-card--v2 .story-card__progress-badge--in-progress[b-d11tka342d] { background-color: #f5b301; color: #1a1a1a; } .story-card--v2 .story-card__badge[b-d11tka342d] { position: relative; z-index: 1; } .story-card--v2 .story-card__badge--new[b-d11tka342d] { position: absolute; top: var(--os-space-xs); left: var(--os-space-xs); font-size: 0.625rem; font-weight: var(--os-font-weight-bold); letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: var(--os-radius-sm); line-height: 1.4; box-shadow: var(--os-elevation-1); background: var(--os-accent); color: var(--os-text-on-primary); } .story-card--v2 .story-card__badge--serial[b-d11tka342d] { position: absolute; top: calc(var(--os-space-xs) + 1.35rem); left: var(--os-space-xs); font-size: 0.625rem; font-weight: var(--os-font-weight-bold); letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: var(--os-radius-sm); line-height: 1.4; box-shadow: var(--os-elevation-1); background: var(--os-surface-variant); color: var(--os-text-primary); border: 1px solid var(--os-border); } .story-card--v2 .story-card__age-badge[b-d11tka342d] { position: absolute; bottom: var(--os-space-xs); left: var(--os-space-xs); max-width: calc(100% - 2 * var(--os-space-xs)); font-size: 0.625rem; font-weight: var(--os-font-weight-bold); letter-spacing: 0.02em; padding: 2px 7px; border-radius: var(--os-radius-sm); line-height: 1.3; box-shadow: var(--os-elevation-1); background: var(--os-surface-variant); color: var(--os-text-primary); border: 1px solid var(--os-border); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .story-card--v2 .story-card__age-badge.is-adult[b-d11tka342d] { background: var(--os-danger); color: #ffffff; border-color: var(--os-danger); font-size: 0.6875rem; padding: 3px 8px; box-shadow: var(--os-elevation-2); } .story-card--v2 .story-card__audio-badge[b-d11tka342d] { position: absolute; top: var(--os-space-xs); right: var(--os-space-xs); display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: var(--os-radius-full); background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-size: 0.75rem; line-height: 1; } .story-card--v2 .story-card__body[b-d11tka342d] { display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; min-width: 0; padding: var(--os-space-sm) var(--os-space-sm) var(--os-space-md); } .story-card--v2 .story-card__link[b-d11tka342d] { color: inherit; text-decoration: none; } .story-card--v2 .story-card__link[b-d11tka342d]::after { content: ""; position: absolute; inset: 0; } .story-card--v2 .story-card__title[b-d11tka342d] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; overflow-wrap: anywhere; } .story-card--v2 .story-card__author-link[b-d11tka342d] { position: relative; z-index: 1; color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .story-card--v2 .story-card__author-link:hover[b-d11tka342d] { text-decoration: underline; } .story-card--v2 .story-card__author[b-d11tka342d] { margin: 0; font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .story-card--v2 .story-card__meta[b-d11tka342d] { margin-top: auto; display: flex; flex-direction: column; gap: var(--os-space-xs); padding-top: var(--os-space-xs); } .story-card--v2 .story-card__category[b-d11tka342d] { margin: 0; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); color: var(--os-primary); text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .story-card--v2 .story-card__chapter-badge[b-d11tka342d] { align-self: flex-start; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); color: var(--os-text-tertiary); } .story-card-skeleton[b-hgocxmzrkg] { display: flex; flex-direction: column; border-radius: var(--os-radius-md); overflow: hidden; background-color: var(--os-surface); border: 1px solid var(--os-border); width: 100%; } .story-card-skeleton__cover[b-hgocxmzrkg] { aspect-ratio: 3 / 4; flex-shrink: 0; border-radius: 0; } .story-card-skeleton__body[b-hgocxmzrkg] { padding: var(--os-space-sm) var(--os-space-sm) var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; } .story-card-skeleton__line[b-hgocxmzrkg] { height: 0.7rem; border-radius: var(--os-radius-sm); } .story-card-skeleton__category[b-hgocxmzrkg] { width: 40%; height: 0.55rem; } .story-card-skeleton__title[b-hgocxmzrkg] { width: 90%; } .story-card-skeleton__title--short[b-hgocxmzrkg] { width: 60%; } .story-card-skeleton__author[b-hgocxmzrkg] { width: 50%; height: 0.55rem; } .story-card-skeleton__rating[b-hgocxmzrkg] { margin-top: auto; width: 5rem; height: 1rem; border-radius: var(--os-radius-sm); } .story-reader[b-v6hu9wvg1y] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-lg); padding: var(--os-space-md); outline: none; touch-action: pan-y; } .story-reader__page[b-v6hu9wvg1y] { width: 100%; max-width: 680px; min-height: 56rem; display: flex; flex-direction: column; background-color: var(--os-reader-surface, #fdf8f2); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06); padding: var(--os-space-2xl) var(--os-space-2xl); box-sizing: border-box; position: relative; z-index: 0; overflow: hidden; } @media (max-width: 640px) { .story-reader__page[b-v6hu9wvg1y] { min-height: calc(100vh - 180px); padding: var(--os-space-xl) var(--os-space-lg); } } @media (prefers-color-scheme: dark) { .story-reader__page[b-v6hu9wvg1y] { background-color: var(--os-surface); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } } :global([data-theme="dark"]) .story-reader__page[b-v6hu9wvg1y] { background-color: var(--os-surface); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } .story-reader__chapter-header[b-v6hu9wvg1y] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--os-space-xs); margin: var(--os-space-md) 0 var(--os-space-2xl); } .story-reader__chapter-eyebrow[b-v6hu9wvg1y] { font-family: var(--os-font-family, system-ui, sans-serif); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); letter-spacing: 0.22em; text-transform: uppercase; color: var(--os-primary); } .story-reader__chapter-title[b-v6hu9wvg1y] { font-family: var(--os-reader-font-family, Georgia, 'Times New Roman', serif); font-size: clamp(1.75rem, 4vw, 2.25rem); font-weight: 600; line-height: 1.2; color: var(--os-text-primary); margin: 0; font-style: italic; max-width: 90%; } .story-reader__chapter-ornament[b-v6hu9wvg1y] { display: block; width: 96px; height: 10px; margin-top: var(--os-space-sm); background-image: radial-gradient(circle at 50% 50%, var(--os-primary) 0 3px, transparent 3px), linear-gradient(to right, transparent 0 14px, var(--os-border) 14px calc(100% - 14px), transparent calc(100% - 14px) 100%); background-repeat: no-repeat; background-position: center center, center center; background-size: 100% 6px, 100% 1px; } .story-reader__ornament-frame[b-v6hu9wvg1y], .story-reader__ornament-corner[b-v6hu9wvg1y], .story-reader__ornament-header[b-v6hu9wvg1y], .story-reader__ornament-dedication-graphic[b-v6hu9wvg1y] { color: var(--os-skin-accent, var(--os-primary)); pointer-events: none; } .story-reader__ornament-frame[b-v6hu9wvg1y] svg, .story-reader__ornament-corner[b-v6hu9wvg1y] svg, .story-reader__ornament-header[b-v6hu9wvg1y] svg, .story-reader__ornament-dedication-graphic[b-v6hu9wvg1y] svg, .story-reader__dedication-leaf-motif[b-v6hu9wvg1y] svg { width: 100%; height: 100%; display: block; } .story-reader__ornament-frame[b-v6hu9wvg1y] { position: absolute; inset: var(--os-space-xs); z-index: -1; display: grid; grid-template-columns: var(--os-frame-slice, 44px) minmax(0, 1fr) var(--os-frame-slice, 44px); grid-template-rows: var(--os-frame-slice, 44px) minmax(0, 1fr) var(--os-frame-slice, 44px); } .story-reader__frame-slice[b-v6hu9wvg1y] { min-width: 0; min-height: 0; } .story-reader__frame-slice--tl[b-v6hu9wvg1y] { grid-area: 1 / 1; } .story-reader__frame-slice--top[b-v6hu9wvg1y] { grid-area: 1 / 2; } .story-reader__frame-slice--tr[b-v6hu9wvg1y] { grid-area: 1 / 3; } .story-reader__frame-slice--left[b-v6hu9wvg1y] { grid-area: 2 / 1; } .story-reader__frame-slice--right[b-v6hu9wvg1y] { grid-area: 2 / 3; } .story-reader__frame-slice--bl[b-v6hu9wvg1y] { grid-area: 3 / 1; } .story-reader__frame-slice--bottom[b-v6hu9wvg1y] { grid-area: 3 / 2; } .story-reader__frame-slice--br[b-v6hu9wvg1y] { grid-area: 3 / 3; } @media (max-width: 640px) { .story-reader__ornament-frame[b-v6hu9wvg1y] { --os-frame-slice: 32px; } } .story-reader__ornament-corner[b-v6hu9wvg1y] { position: absolute; width: 48px; height: 48px; z-index: -1; } .story-reader__ornament-corner--top-left[b-v6hu9wvg1y] { top: var(--os-space-sm); left: var(--os-space-sm); } .story-reader__ornament-corner--top-right[b-v6hu9wvg1y] { top: var(--os-space-sm); right: var(--os-space-sm); transform: scaleX(-1); } .story-reader__ornament-corner--bottom-left[b-v6hu9wvg1y] { bottom: var(--os-space-sm); left: var(--os-space-sm); transform: scaleY(-1); } .story-reader__ornament-corner--bottom-right[b-v6hu9wvg1y] { bottom: var(--os-space-sm); right: var(--os-space-sm); transform: scale(-1, -1); } @media (max-width: 640px) { .story-reader__ornament-corner[b-v6hu9wvg1y] { width: 32px; height: 32px; } } .story-reader__page--has-corners[b-v6hu9wvg1y] { padding: calc(var(--os-space-2xl) + 12px); } .story-reader__page--has-frame[b-v6hu9wvg1y] { padding: calc(var(--os-space-2xl) + 20px); } @media (max-width: 640px) { .story-reader__page--has-corners[b-v6hu9wvg1y] { padding: calc(var(--os-space-xl) + 8px); } .story-reader__page--has-frame[b-v6hu9wvg1y] { padding: calc(var(--os-space-xl) + 16px); } } .story-reader__page--has-frame .story-reader__dedication-leaf[b-v6hu9wvg1y] { padding: calc(var(--os-space-2xl) + 20px); } @media (max-width: 640px) { .story-reader__page--has-frame .story-reader__dedication-leaf[b-v6hu9wvg1y] { padding: calc(var(--os-space-xl) + 16px); } } .story-reader__ornament-header[b-v6hu9wvg1y] { display: block; width: 64px; height: 24px; margin: var(--os-space-xs) auto 0; } .story-reader__ornament-dedication[b-v6hu9wvg1y] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); margin-top: var(--os-space-2xl); text-align: center; } .story-reader__dedication-rule[b-v6hu9wvg1y] { display: block; width: min(220px, 60%); height: 1px; background: linear-gradient(to right, transparent, var(--os-skin-border, var(--os-border)) 20% 80%, transparent); } .story-reader__ornament-dedication-graphic[b-v6hu9wvg1y] { width: 120px; height: 32px; } .story-reader__ornament-dedication-text[b-v6hu9wvg1y] { font-style: italic; line-height: 1.6; max-width: 85%; margin: 0; overflow-wrap: break-word; } .story-reader__dedication-leaf[b-v6hu9wvg1y] { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; padding: var(--os-space-2xl) var(--os-space-xl); text-align: center; background: var(--os-skin-surface, var(--os-reader-surface, #fdf8f2)); animation: story-reader-leaf-in-b-v6hu9wvg1y 300ms ease-out; } @media (prefers-color-scheme: dark) { .story-reader__dedication-leaf[b-v6hu9wvg1y] { background: var(--os-skin-surface, var(--os-surface)); } } [data-theme="dark"] .story-reader__dedication-leaf[b-v6hu9wvg1y] { background: var(--os-skin-surface, var(--os-surface)); } .story-reader__dedication-leaf-inner[b-v6hu9wvg1y] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-lg); max-width: 32rem; min-width: 0; } .story-reader__dedication-leaf-motif[b-v6hu9wvg1y] { width: 160px; height: 44px; color: var(--os-skin-accent, var(--os-primary)); pointer-events: none; } .story-reader__dedication-leaf-text[b-v6hu9wvg1y] { font-style: italic; line-height: 1.7; margin: 0; max-width: 100%; overflow-wrap: break-word; } .story-reader__dedication-leaf-begin[b-v6hu9wvg1y] { margin-top: var(--os-space-md); } @keyframes story-reader-leaf-in-b-v6hu9wvg1y { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } .story-reader__content[b-v6hu9wvg1y] { flex: 1; font-family: var(--os-reader-font-family, Georgia, 'Times New Roman', serif); font-size: var(--os-reader-font-size, 1rem); line-height: var(--os-reader-line-height, 1.6); color: var(--os-text-primary); white-space: pre-wrap; word-break: break-word; } .story-reader__empty[b-v6hu9wvg1y] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); text-align: center; padding: var(--os-space-2xl); } .story-reader__nav[b-v6hu9wvg1y] { display: flex; align-items: center; gap: var(--os-space-md); } .story-reader__nav-btn[b-v6hu9wvg1y] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--os-radius-full); border: 1px solid var(--os-border); background-color: var(--os-surface); color: var(--os-text-primary); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast), box-shadow var(--os-transition-fast); flex-shrink: 0; } .story-reader__nav-btn:hover:not(:disabled)[b-v6hu9wvg1y] { background-color: var(--os-primary); color: #ffffff; border-color: var(--os-primary); box-shadow: var(--os-shadow-sm); } .story-reader__nav-btn:focus-visible[b-v6hu9wvg1y] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .story-reader__nav-btn:disabled[b-v6hu9wvg1y] { opacity: 0.35; cursor: not-allowed; } .story-reader__indicator[b-v6hu9wvg1y] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); min-width: 10ch; text-align: center; user-select: none; } html[data-ui="v2"] .story-reader__page[b-v6hu9wvg1y] { border-color: var(--os-border-light, var(--os-border)); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-2, var(--os-shadow-md)); } .story-reader__page[class*="story-reader__page--skin-"][b-v6hu9wvg1y] { background: var(--os-skin-surface); color: var(--os-skin-text); border-color: var(--os-skin-border); } .story-reader__page[class*="story-reader__page--skin-"] .story-reader__content[b-v6hu9wvg1y], .story-reader__page[class*="story-reader__page--skin-"] .story-reader__chapter-title[b-v6hu9wvg1y] { color: var(--os-skin-text); } .story-reader__page[class*="story-reader__page--skin-"] .story-reader__chapter-eyebrow[b-v6hu9wvg1y] { color: var(--os-skin-accent); } .story-reader__page[class*="story-reader__page--skin-"] .story-reader__chapter-ornament[b-v6hu9wvg1y] { background-image: radial-gradient(circle at 50% 50%, var(--os-skin-accent) 0 3px, transparent 3px), linear-gradient(to right, transparent 0 14px, var(--os-skin-border) 14px calc(100% - 14px), transparent calc(100% - 14px) 100%); } .story-reader__page[class*="story-reader__page--skin-"] .story-reader__ornament-dedication-text[b-v6hu9wvg1y] { color: var(--os-skin-text-muted); } .story-reader__page.story-reader__page--skin-parchment[b-v6hu9wvg1y] { --os-skin-surface: radial-gradient(ellipse at 18% 12%, rgba(255, 252, 240, 0.9) 0%, rgba(244, 232, 204, 0) 55%), radial-gradient(ellipse at 85% 90%, rgba(178, 148, 98, 0.28) 0%, rgba(178, 148, 98, 0) 60%), linear-gradient(160deg, #f6ecd4 0%, #efdfc0 45%, #e7d3ac 100%); --os-skin-text: #43341f; --os-skin-text-muted: #6f5b3a; --os-skin-accent: #8a6a34; --os-skin-border: #c9b184; box-shadow: inset 0 0 28px rgba(122, 92, 42, 0.2), 0 2px 10px rgba(80, 60, 20, 0.18); } .story-reader__page.story-reader__page--skin-console[b-v6hu9wvg1y] { --os-skin-surface: linear-gradient(165deg, #101725 0%, #0b1120 55%, #0d1526 100%); --os-skin-text: #d7e6f5; --os-skin-text-muted: #93a9c4; --os-skin-accent: #5fd0e8; --os-skin-border: #24405c; box-shadow: inset 0 0 34px rgba(30, 90, 140, 0.24), 0 4px 18px rgba(0, 0, 0, 0.45); } .story-reader__page.story-reader__page--skin-console[b-v6hu9wvg1y]::before, .story-reader__page.story-reader__page--skin-console[b-v6hu9wvg1y]::after { content: ""; position: absolute; top: var(--os-space-md); bottom: var(--os-space-md); width: 10px; border-radius: var(--os-radius-full); background: linear-gradient(180deg, #5fd0e8 0%, #2f6f9e 45%, #b077d8 100%); opacity: 0.75; box-shadow: 0 0 12px rgba(95, 208, 232, 0.5); pointer-events: none; } .story-reader__page.story-reader__page--skin-console[b-v6hu9wvg1y]::before { left: var(--os-space-sm); } .story-reader__page.story-reader__page--skin-console[b-v6hu9wvg1y]::after { right: var(--os-space-sm); } .story-reader__page.story-reader__page--skin-console .story-reader__chapter-eyebrow[b-v6hu9wvg1y] { font-family: Consolas, 'Courier New', monospace; letter-spacing: 0.3em; text-shadow: 0 0 8px rgba(95, 208, 232, 0.55); } .story-reader__page.story-reader__page--skin-open-book[b-v6hu9wvg1y] { --os-skin-surface: linear-gradient(90deg, #eee4cf 0%, #f8f2e2 10%, #f5eeda 46%, #ddceae 49.2%, #cbbb9a 50%, #ddceae 50.8%, #f5eeda 54%, #f8f2e2 90%, #eee4cf 100%); --os-skin-text: #3d3325; --os-skin-text-muted: #6c5d43; --os-skin-accent: #7a5c2e; --os-skin-border: #cdbd9b; box-shadow: inset 0 -10px 22px rgba(90, 70, 40, 0.14), 0 6px 16px rgba(60, 45, 20, 0.25); } .story-reader__page.story-reader__page--skin-open-book[b-v6hu9wvg1y]::before, .story-reader__page.story-reader__page--skin-open-book[b-v6hu9wvg1y]::after { content: ""; position: absolute; top: 0; bottom: 0; width: 14px; background: repeating-linear-gradient(90deg, rgba(120, 100, 70, 0.28) 0 1px, rgba(255, 255, 255, 0) 1px 4px); pointer-events: none; } .story-reader__page.story-reader__page--skin-open-book[b-v6hu9wvg1y]::before { left: 0; } .story-reader__page.story-reader__page--skin-open-book[b-v6hu9wvg1y]::after { right: 0; transform: scaleX(-1); } .story-reader__page.story-reader__page--skin-grimoire[b-v6hu9wvg1y] { --os-skin-surface: radial-gradient(ellipse at 50% 38%, #3a2818 0%, #2a1c10 62%, #1e1309 100%); --os-skin-text: #e9dab6; --os-skin-text-muted: #bfa87c; --os-skin-accent: #c89b4a; --os-skin-border: #57391c; border-width: 3px; border-style: double; box-shadow: inset 0 0 42px rgba(0, 0, 0, 0.55), 0 6px 20px rgba(0, 0, 0, 0.5); } .story-reader__page.story-reader__page--skin-grimoire[b-v6hu9wvg1y]::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(200, 155, 74, 0.4); border-radius: calc(var(--os-radius-lg) - 6px); pointer-events: none; } .story-reader__page.story-reader__page--skin-grimoire[b-v6hu9wvg1y]::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 0 0, rgba(200, 155, 74, 0.32), transparent 46px), radial-gradient(circle at 100% 0, rgba(200, 155, 74, 0.32), transparent 46px), radial-gradient(circle at 0 100%, rgba(200, 155, 74, 0.32), transparent 46px), radial-gradient(circle at 100% 100%, rgba(200, 155, 74, 0.32), transparent 46px); pointer-events: none; } .story-reader__page.story-reader__page--skin-starfield[b-v6hu9wvg1y] { --os-skin-surface: radial-gradient(circle at 50% 30%, rgba(140, 170, 255, 0.14) 0%, rgba(10, 16, 40, 0) 55%), linear-gradient(180deg, #0a1028 0%, #111b3e 60%, #0c1330 100%); --os-skin-text: #dfe6f8; --os-skin-text-muted: #9daccf; --os-skin-accent: #9db8ff; --os-skin-border: #2c3a66; box-shadow: inset 0 0 60px rgba(150, 180, 255, 0.1), 0 4px 18px rgba(0, 0, 0, 0.45); } .story-reader__page.story-reader__page--skin-starfield[b-v6hu9wvg1y]::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(1px 1px at 22% 28%, rgba(255, 255, 255, 0.85) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 68% 12%, rgba(255, 255, 255, 0.7) 50%, transparent 51%), radial-gradient(1px 1px at 84% 62%, rgba(200, 215, 255, 0.75) 50%, transparent 51%), radial-gradient(1px 1px at 40% 80%, rgba(255, 255, 255, 0.6) 50%, transparent 51%), radial-gradient(2px 2px at 8% 55%, rgba(220, 230, 255, 0.5) 50%, transparent 51%); background-repeat: repeat; background-size: 220px 190px, 260px 230px, 310px 260px, 240px 280px, 380px 340px; opacity: 0.75; pointer-events: none; } .story-reader__page.story-reader__page--skin-typewriter[b-v6hu9wvg1y] { --os-skin-surface: linear-gradient(180deg, #f7f4ec 0%, #f2eee2 100%); --os-skin-text: #33302a; --os-skin-text-muted: #6e6a5e; --os-skin-accent: #8b2635; --os-skin-border: #d8d2c0; box-shadow: 0 2px 8px rgba(60, 55, 40, 0.15); } .story-reader__page.story-reader__page--skin-typewriter[b-v6hu9wvg1y]::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 27px, rgba(100, 90, 70, 0.1) 27px 28px); pointer-events: none; } .story-reader__page.story-reader__page--skin-typewriter .story-reader__chapter-eyebrow[b-v6hu9wvg1y], .story-reader__page.story-reader__page--skin-typewriter .story-reader__chapter-title[b-v6hu9wvg1y] { font-family: 'Courier New', Courier, monospace; } .story-reader__page.story-reader__page--skin-typewriter .story-reader__chapter-title[b-v6hu9wvg1y] { font-style: normal; } .story-row-skeleton[b-x40h0e5g34] { margin-bottom: var(--os-space-lg); } .story-row-skeleton__title[b-x40h0e5g34] { height: 1.25rem; width: 12rem; max-width: 60%; border-radius: var(--os-radius-sm); margin: 0 var(--os-space-md) var(--os-space-sm); } .os-taginput[b-94zxjxu1yj] { position: relative; display: flex; flex-direction: column; gap: 0.25rem; } .os-taginput__chips[b-94zxjxu1yj] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; padding: 0.5rem; border: 1.5px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); min-height: 44px; } .os-taginput__chips:focus-within[b-94zxjxu1yj] { border-color: var(--os-border-focus); box-shadow: 0 0 0 3px rgba(37, 140, 251, 0.15); } .os-taginput__input[b-94zxjxu1yj] { flex: 1; min-width: 140px; border: none; outline: none; background: transparent; color: var(--os-text-primary); font: inherit; padding: 4px 0; } .os-chip__remove[b-94zxjxu1yj] { background: transparent; border: none; margin-left: 4px; cursor: pointer; color: inherit; font-size: 1rem; line-height: 1; } .os-taginput__listbox[b-94zxjxu1yj] { position: absolute; top: 100%; left: 0; right: 0; margin: 4px 0 0 0; padding: 4px 0; list-style: none; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); box-shadow: 0 8px 24px rgba(0,0,0,0.12); z-index: 50; max-height: 280px; overflow-y: auto; } .os-taginput__option[b-94zxjxu1yj] { padding: 8px 12px; cursor: pointer; color: var(--os-text-primary); } .os-taginput__option.is-active[b-94zxjxu1yj], .os-taginput__option:hover[b-94zxjxu1yj] { background: rgba(37, 140, 251, 0.12); color: var(--os-primary, #258cfb); } .theme-preview[b-3mnon7lk1b] { display: block; } .theme-preview__tile[b-3mnon7lk1b] { display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 10px; border: 2px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-background); cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .theme-preview__tile:hover[b-3mnon7lk1b] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); transform: translateY(-1px); } .theme-preview__tile.is-active[b-3mnon7lk1b] { border-color: var(--os-primary); box-shadow: 0 0 0 3px var(--os-primary-light); } .theme-preview__tile:focus-visible[b-3mnon7lk1b] { outline: 2px solid var(--os-focus-ring-color, var(--os-primary)); outline-offset: 2px; } .theme-preview__chrome[b-3mnon7lk1b] { height: 10px; border-radius: var(--os-radius-sm); background: var(--os-primary); } .theme-preview__card[b-3mnon7lk1b] { display: flex; flex-direction: column; gap: 5px; padding: 8px; border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); } .theme-preview__line[b-3mnon7lk1b] { height: 6px; border-radius: 3px; background: var(--os-text-secondary); } .theme-preview__line--title[b-3mnon7lk1b] { width: 70%; background: var(--os-text-primary); } .theme-preview__line--body[b-3mnon7lk1b] { width: 45%; } .theme-preview__button[b-3mnon7lk1b] { align-self: flex-start; width: 40%; height: 12px; border-radius: var(--os-radius-full); background: var(--os-primary); } .toast-container[b-jq78y0gs70] { position: fixed; bottom: var(--os-space-lg); right: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); z-index: 9999; pointer-events: none; max-width: 400px; width: calc(100% - 2 * var(--os-space-lg)); } .toast[b-jq78y0gs70] { pointer-events: auto; display: flex; align-items: flex-start; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface, #ffffff); color: var(--os-text-primary, #111); border: 1px solid var(--os-border, rgba(0, 0, 0, 0.08)); border-left: 4px solid var(--os-primary, #052767); border-radius: var(--os-radius-md); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); cursor: pointer; text-align: left; font: inherit; animation: toast-slide-in-b-jq78y0gs70 180ms ease-out; } .toast:focus-visible[b-jq78y0gs70] { outline: 2px solid var(--os-primary, #052767); outline-offset: 2px; } .toast--comment[b-jq78y0gs70] { border-left-color: var(--os-info, #1b6ec2); } .toast--follow[b-jq78y0gs70] { border-left-color: var(--os-primary, #052767); } .toast--promo[b-jq78y0gs70] { border-left-color: var(--os-warning, #c6891d); } .toast--system[b-jq78y0gs70] { border-left-color: var(--os-success, #1f8f3d); } .toast--info[b-jq78y0gs70] { border-left-color: var(--os-text-tertiary, #666); } .toast__icon[b-jq78y0gs70] { flex-shrink: 0; font-size: 20px; line-height: 1; margin-top: 2px; } .toast__body[b-jq78y0gs70] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; } .toast__title[b-jq78y0gs70] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); } .toast__content[b-jq78y0gs70] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary, #555); line-height: 1.4; } .toast__close[b-jq78y0gs70] { flex-shrink: 0; font-size: 18px; line-height: 1; color: var(--os-text-tertiary, #888); cursor: pointer; padding: 2px 6px; border-radius: var(--os-radius-sm); user-select: none; } .toast__close:hover[b-jq78y0gs70] { background: rgba(0, 0, 0, 0.05); color: var(--os-text-primary); } @keyframes toast-slide-in-b-jq78y0gs70 { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @media (max-width: 640px) { .toast-container[b-jq78y0gs70] { left: var(--os-space-md); right: var(--os-space-md); bottom: var(--os-space-md); width: auto; max-width: none; } } .version-update-notice[b-ibgoawss8u] { position: fixed; left: 50%; bottom: calc(var(--os-space-lg) + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 1100; display: flex; align-items: center; gap: var(--os-space-md); max-width: min(560px, calc(100vw - var(--os-space-md) * 2)); padding: var(--os-space-md) var(--os-space-lg); background: var(--os-surface); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); box-sizing: border-box; } .version-update-notice__text[b-ibgoawss8u] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .version-update-notice__title[b-ibgoawss8u] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } .version-update-notice__body[b-ibgoawss8u] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .version-update-notice__actions[b-ibgoawss8u] { display: flex; align-items: center; gap: var(--os-space-xs); flex-shrink: 0; } .version-update-notice__action[b-ibgoawss8u] { padding: var(--os-space-xs) var(--os-space-lg); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: white; background: var(--os-primary); border: none; border-radius: var(--os-radius-md); cursor: pointer; white-space: nowrap; } .version-update-notice__action:hover[b-ibgoawss8u] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .version-update-notice__dismiss[b-ibgoawss8u] { display: inline-flex; align-items: center; justify-content: center; padding: var(--os-space-xs); color: var(--os-text-secondary); background: none; border: none; border-radius: var(--os-radius-sm); cursor: pointer; } .version-update-notice__dismiss:hover[b-ibgoawss8u] { background: var(--os-surface-variant); color: var(--os-text-primary); } .version-update-notice__action:focus-visible[b-ibgoawss8u], .version-update-notice__dismiss:focus-visible[b-ibgoawss8u] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .os-wysiwyg[b-h1zgb3qfca] { display: flex; flex-direction: column; gap: 0.25rem; position: relative; } .os-wysiwyg__toolbar[b-h1zgb3qfca] { display: flex; gap: 0.25rem; padding: 0.25rem; border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); width: fit-content; align-items: center; } .os-wysiwyg__btn[b-h1zgb3qfca] { min-width: 32px; height: 32px; padding: 0 8px; background: transparent; border: 1px solid transparent; border-radius: var(--os-radius-sm); color: var(--os-text-primary); cursor: pointer; font-size: var(--os-font-size-md); line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } .os-wysiwyg__btn:hover[b-h1zgb3qfca] { background: var(--os-surface-alt, rgba(0,0,0,0.04)); } .os-wysiwyg__btn.is-active[b-h1zgb3qfca] { background: rgba(37, 140, 251, 0.12); border-color: var(--os-primary, #258cfb); color: var(--os-primary, #258cfb); } .os-wysiwyg__toolbar-divider[b-h1zgb3qfca] { display: inline-block; width: 1px; height: 20px; background: var(--os-border); margin: 0 0.125rem; flex-shrink: 0; } .os-wysiwyg__surface[b-h1zgb3qfca] { min-height: clamp(360px, 55vh, 640px); white-space: pre-wrap; overflow-y: auto; cursor: text; } .os-wysiwyg__surface:focus[b-h1zgb3qfca] { border-color: var(--os-border-focus); box-shadow: 0 0 0 3px rgba(37, 140, 251, 0.15); outline: none; } .os-wysiwyg__surface:empty[b-h1zgb3qfca]::before { content: attr(data-placeholder); color: var(--os-text-tertiary); pointer-events: none; } [b-h1zgb3qfca] .wysiwyg-marker { cursor: help; border-radius: 0; } [b-h1zgb3qfca] .wysiwyg-marker--spelling { text-decoration: underline wavy var(--os-danger, red); text-decoration-skip-ink: none; } [b-h1zgb3qfca] .wysiwyg-marker--grammar { text-decoration: underline wavy var(--os-info, #2563eb); text-decoration-skip-ink: none; } html[data-ui="v2"] .os-wysiwyg__toolbar[b-h1zgb3qfca] { padding: var(--os-space-xs); border-color: var(--os-border); background: var(--os-surface-variant); border-radius: var(--os-radius-md); } html[data-ui="v2"] .os-wysiwyg__btn[b-h1zgb3qfca] { border-radius: var(--os-radius-sm); } html[data-ui="v2"] .os-wysiwyg__btn:hover[b-h1zgb3qfca] { background: var(--os-surface); } html[data-ui="v2"] .os-wysiwyg__btn.is-active[b-h1zgb3qfca] { background: var(--os-primary-light, rgba(37, 140, 251, 0.12)); border-color: var(--os-primary); color: var(--os-primary); } html[data-ui="v2"] .os-wysiwyg__toolbar-divider[b-h1zgb3qfca] { background: var(--os-border); } html[data-ui="v2"] .os-wysiwyg__surface[b-h1zgb3qfca] { border-radius: var(--os-radius-md); min-height: clamp(360px, 55vh, 640px); } html[data-ui="v2"] .os-wysiwyg__surface:focus-visible[b-h1zgb3qfca] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .analytics-hub-nav[b-uucihbdisu] { display: flex; gap: var(--os-space-md); border-bottom: 1px solid var(--os-border); margin-bottom: var(--os-space-lg); } .analytics-hub-nav__tab[b-uucihbdisu] { display: inline-block; padding: var(--os-space-sm) var(--os-space-xs); color: var(--os-text-secondary); text-decoration: none; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; } .analytics-hub-nav__tab:hover[b-uucihbdisu] { color: var(--os-text-primary); } .analytics-hub-nav__tab--active[b-uucihbdisu] { color: var(--os-text-primary); border-bottom-color: var(--os-primary); } html[data-ui="v2"] .analytics-hub-nav[b-uucihbdisu] { border-bottom-color: var(--os-border-light); gap: var(--os-space-lg); } html[data-ui="v2"] .analytics-hub-nav__tab[b-uucihbdisu] { font-weight: var(--os-font-weight-medium); transition: color var(--os-motion-fast) var(--os-ease-standard), border-color var(--os-motion-fast) var(--os-ease-standard); } html[data-ui="v2"] .analytics-hub-nav__tab:hover[b-uucihbdisu] { color: var(--os-primary); } html[data-ui="v2"] .analytics-hub-nav__tab--active[b-uucihbdisu] { border-bottom-color: var(--os-primary); font-weight: var(--os-font-weight-semibold); } .os-animated-bg[b-7dqs6jhw56] { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: var(--os-background); opacity: 1; transition: opacity 400ms ease; } .os-animated-bg__canvas[b-7dqs6jhw56] { width: 100%; height: 100%; display: block; opacity: 0; transition: opacity 400ms ease; } .os-animated-bg[data-active="true"] .os-animated-bg__canvas[b-7dqs6jhw56] { opacity: 1; } @media (prefers-reduced-motion: reduce) { .os-animated-bg[data-active="true"] .os-animated-bg__canvas[b-7dqs6jhw56] { background: linear-gradient(180deg, var(--os-gradient-start), var(--os-gradient-end)); } } .app-layout[b-adod76ydii] { display: flex; min-height: 100vh; background-color: var(--os-background); } .app-main[b-adod76ydii], .app-sidebar[b-adod76ydii] { position: relative; z-index: 1; } .app-sidebar[b-adod76ydii] { display: none; } .app-main[b-adod76ydii] { flex: 1; display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; min-width: 0; } .app-content[b-adod76ydii] { flex: 1; min-width: 0; padding: var(--os-space-md); padding-bottom: calc(var(--os-bottom-nav-height) + env(safe-area-inset-bottom, 0px) + var(--os-space-md)); overflow-y: auto; } @media (min-width: 768px) { .app-sidebar[b-adod76ydii] { display: flex; width: var(--os-sidebar-width); min-width: var(--os-sidebar-width); height: 100vh; position: sticky; top: 0; z-index: 10; } .app-content[b-adod76ydii] { padding-bottom: var(--os-space-md); max-width: 1200px; } } @media (min-width: 1440px) { .app-content[b-adod76ydii] { max-width: 1440px; } } @media (min-width: 1920px) { .app-content[b-adod76ydii] { max-width: 1760px; } } @media (min-width: 2560px) { .app-content[b-adod76ydii] { max-width: 2200px; } } #blazor-error-ui[b-adod76ydii] { position: fixed; inset: 0; display: none; box-sizing: border-box; z-index: 1000; background: var(--os-overlay); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); animation: blazor-error-backdrop-in-b-adod76ydii 150ms ease-out; } #blazor-error-ui .blazor-error-card[b-adod76ydii] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); width: min(26rem, calc(100vw - 2 * var(--os-space-lg))); max-height: calc(100dvh - 2 * var(--os-space-lg)); overflow-y: auto; padding: var(--os-space-xl) var(--os-space-lg); text-align: center; color: var(--os-text-primary); background: var(--os-glass-bg-strong); backdrop-filter: blur(var(--os-glass-blur)); -webkit-backdrop-filter: blur(var(--os-glass-blur)); border: 1px solid var(--os-glass-border); border-radius: var(--os-radius-xl); box-shadow: var(--os-shadow-lg), var(--os-glass-highlight); animation: blazor-error-card-in-b-adod76ydii 250ms cubic-bezier(0.2, 0, 0, 1); } #blazor-error-ui .blazor-error-icon[b-adod76ydii] { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: var(--os-space-xs); border-radius: var(--os-radius-full); color: var(--os-warning); background: var(--os-warning-light); } #blazor-error-ui .blazor-error-icon svg[b-adod76ydii] { width: 1.5rem; height: 1.5rem; } #blazor-error-ui .blazor-error-title[b-adod76ydii] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: 600; color: var(--os-text-primary); } #blazor-error-ui .blazor-error-message[b-adod76ydii] { margin: 0; color: var(--os-text-secondary); } #blazor-error-ui .blazor-error-hint[b-adod76ydii] { margin: 0; font-size: 0.875rem; color: var(--os-text-tertiary); } #blazor-error-ui .blazor-error-reload[b-adod76ydii] { margin-top: var(--os-space-sm); padding: 0.625rem var(--os-space-lg); border-radius: var(--os-radius-full); font-weight: 600; text-decoration: none; color: var(--os-text-on-primary); background: var(--os-primary); transition: background var(--os-transition-fast); } #blazor-error-ui .blazor-error-reload:hover[b-adod76ydii], #blazor-error-ui .blazor-error-reload:focus-visible[b-adod76ydii] { background: var(--os-primary-hover); color: var(--os-text-on-primary); } #blazor-error-ui .blazor-error-reload:focus-visible[b-adod76ydii] { outline: 2px solid var(--os-border-focus); outline-offset: 2px; } @keyframes blazor-error-backdrop-in-b-adod76ydii { from { opacity: 0; } to { opacity: 1; } } @keyframes blazor-error-card-in-b-adod76ydii { from { opacity: 0; transform: translate(-50%, -46%) scale(0.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } @media (prefers-reduced-motion: reduce) { #blazor-error-ui[b-adod76ydii], #blazor-error-ui .blazor-error-card[b-adod76ydii] { animation: none; } } .auth-layout[b-ns9jgwl1gj] { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--os-background); padding: var(--os-space-md); } .auth-content[b-ns9jgwl1gj] { width: 100%; max-width: 420px; } .bottom-nav[b-11xhobrn02] { display: flex; align-items: center; justify-content: space-around; min-height: var(--os-bottom-nav-height); padding-bottom: env(safe-area-inset-bottom, 0); background: var(--os-surface); border-top: 1px solid var(--os-border); position: fixed; bottom: 0; left: 0; right: 0; z-index: 30; transition: background-color var(--os-transition-normal), border-color var(--os-transition-normal); } .bottom-nav-item[b-11xhobrn02] { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 12px; text-decoration: none; color: var(--os-text-tertiary); font-size: 11px; font-weight: var(--os-font-weight-medium); transition: color var(--os-transition-fast); border: none; background: none; position: relative; } .bottom-nav-item:hover[b-11xhobrn02] { color: var(--os-text-secondary); text-decoration: none; } .bottom-nav-item.active[b-11xhobrn02] { color: var(--os-primary); } .bottom-nav-item.active[b-11xhobrn02]::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: var(--os-primary); border-radius: var(--os-radius-full); } @media (min-width: 768px) { .bottom-nav-item--write[b-11xhobrn02] { background: var(--os-primary); color: #ffffff; border-radius: var(--os-radius-full); padding: 6px 20px; } .bottom-nav-item--write.active[b-11xhobrn02] { background: var(--os-primary); color: #ffffff; } .bottom-nav-item--write.active[b-11xhobrn02]::after { display: none; } } @media (max-width: 767px) { .bottom-nav-item--write[b-11xhobrn02] { display: none; } } @media (min-width: 1024px) { .bottom-nav[b-11xhobrn02] { display: none; } } .bottom-nav--v2[b-11xhobrn02] { position: fixed; left: var(--os-space-md); right: var(--os-space-md); bottom: calc(var(--os-safe-bottom, 0px) + var(--os-space-sm)); z-index: var(--os-z-nav, 100); display: flex; justify-content: space-around; align-items: center; min-height: var(--os-bottom-nav-height); border-radius: var(--os-radius-full, 9999px); background: var(--os-glass-bg-strong); border: 1px solid var(--os-glass-border); box-shadow: var(--os-elevation-3); padding-bottom: 0; } @supports (backdrop-filter: blur(1px)) { .bottom-nav--v2[b-11xhobrn02] { backdrop-filter: blur(var(--os-glass-blur)); -webkit-backdrop-filter: blur(var(--os-glass-blur)); } } .bottom-nav--v2 .bottom-nav-item[b-11xhobrn02] { min-width: 48px; min-height: 44px; color: var(--os-text-tertiary); } .bottom-nav--v2 .bottom-nav-item.active[b-11xhobrn02] { color: var(--os-primary); } @media (min-width: 768px) { .bottom-nav--v2 .bottom-nav-item--write[b-11xhobrn02] { background: var(--os-primary); color: #ffffff; border-radius: var(--os-radius-full); padding: 6px 20px; } .bottom-nav--v2 .bottom-nav-item--write.active[b-11xhobrn02] { background: var(--os-primary); color: #ffffff; } .bottom-nav--v2 .bottom-nav-item--write.active[b-11xhobrn02]::after { display: none; } } @media (max-width: 767px) { .bottom-nav--v2 .bottom-nav-item--write[b-11xhobrn02] { display: none; } } @media (min-width: 1024px) { .bottom-nav--v2[b-11xhobrn02] { display: none; } } .reader-layout[b-lquhq658c2] { display: flex; flex-direction: column; min-height: 100vh; background-color: var(--os-background); color: var(--os-text-primary); --os-bottom-nav-height: 0px; } .reader-layout__topbar[b-lquhq658c2] { position: sticky; top: 0; z-index: 100; height: 48px; display: flex; align-items: center; gap: var(--os-space-sm); padding: 0 var(--os-space-md); background-color: var(--os-surface); border-bottom: 1px solid var(--os-border); box-shadow: var(--os-shadow-sm); } .reader-layout__back[b-lquhq658c2] { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--os-radius-md); color: var(--os-text-primary); text-decoration: none; transition: background-color var(--os-transition-fast); } .reader-layout__back:hover[b-lquhq658c2], .reader-layout__back:focus-visible[b-lquhq658c2] { background-color: var(--os-surface-variant); outline: none; } .reader-layout__title[b-lquhq658c2] { flex: 1; text-align: center; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 var(--os-space-xs); } .reader-layout__settings-btn[b-lquhq658c2], .reader-layout__topbar-btn[b-lquhq658c2] { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--os-radius-md); border: none; background-color: transparent; color: var(--os-text-primary); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } .reader-layout__settings-btn:hover[b-lquhq658c2], .reader-layout__settings-btn:focus-visible[b-lquhq658c2], .reader-layout__topbar-btn:hover[b-lquhq658c2], .reader-layout__topbar-btn:focus-visible[b-lquhq658c2] { background-color: var(--os-surface-variant); outline: none; } .reader-layout__topbar-btn--active[b-lquhq658c2] { background-color: var(--os-surface-variant); color: var(--os-primary); } .reader-layout__page-indicator[b-lquhq658c2] { flex: 0 0 auto; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); white-space: nowrap; min-width: 64px; text-align: right; } .reader-layout__content[b-lquhq658c2] { flex: 1; display: flex; justify-content: center; padding: var(--os-space-lg) var(--os-space-md); } .reader-layout__body[b-lquhq658c2] { width: 100%; max-width: 720px; } @media (min-width: 768px) { .reader-layout__topbar[b-lquhq658c2] { padding: 0 var(--os-space-xl); } .reader-layout__content[b-lquhq658c2] { padding: var(--os-space-xl) var(--os-space-xl); } } .reader-layout--v2 .reader-top-bar[b-lquhq658c2] { position: sticky; top: 0; z-index: var(--os-z-nav, 100); display: flex; align-items: center; gap: var(--os-space-sm); min-height: 48px; height: calc(48px + var(--os-safe-top, 0px)); padding: 0 var(--os-space-md); padding-top: var(--os-safe-top, 0px); background: var(--os-glass-bg); border-bottom: 1px solid var(--os-glass-border); } @supports (backdrop-filter: blur(1px)) { .reader-layout--v2 .reader-top-bar[b-lquhq658c2] { backdrop-filter: blur(var(--os-glass-blur)); -webkit-backdrop-filter: blur(var(--os-glass-blur)); } } .reader-layout--v2 .reader-progress-track[b-lquhq658c2] { flex: 0 0 auto; width: 56px; height: 4px; border-radius: var(--os-radius-full, 9999px); background: var(--os-border); overflow: hidden; } .reader-layout--v2 .reader-progress-track__fill[b-lquhq658c2] { height: 100%; background: var(--os-primary); transition: width var(--os-motion-base, 200ms) var(--os-ease-standard, ease); } @media (min-width: 768px) { .reader-layout--v2 .reader-top-bar[b-lquhq658c2] { padding: 0 var(--os-space-xl); padding-top: var(--os-safe-top, 0px); } } html[data-ui="v2"] .reader-layout__back:focus-visible[b-lquhq658c2], html[data-ui="v2"] .reader-layout__settings-btn:focus-visible[b-lquhq658c2], html[data-ui="v2"] .reader-layout__topbar-btn:focus-visible[b-lquhq658c2] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } @media (max-width: 480px) { .reader-layout--v2 .reader-top-bar[b-lquhq658c2] { gap: var(--os-space-xs); padding-left: var(--os-space-sm); padding-right: var(--os-space-sm); } .reader-layout--v2 .reader-top-bar .reader-layout__settings-btn[b-lquhq658c2], .reader-layout--v2 .reader-top-bar .reader-layout__topbar-btn[b-lquhq658c2], .reader-layout--v2 .reader-top-bar .reader-layout__back[b-lquhq658c2] { width: 32px; height: 32px; min-width: 32px; } .reader-layout--v2 .reader-progress-track[b-lquhq658c2] { display: none; } } .side-nav[b-kcxcfxbhlv] { display: flex; flex-direction: column; width: 100%; height: 100%; background: var(--os-gradient); color: var(--os-text-on-dark); padding: var(--os-space-lg) 0; overflow-y: auto; } .side-nav-brand[b-kcxcfxbhlv] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } .side-nav-logo[b-kcxcfxbhlv] { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: rgba(255, 255, 255, 0.15); border-radius: var(--os-radius-sm); flex-shrink: 0; } .side-nav-app-name[b-kcxcfxbhlv] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); letter-spacing: -0.5px; } .side-nav-links[b-kcxcfxbhlv] { flex: 1; display: flex; flex-direction: column; gap: 2px; padding: 0 var(--os-space-sm); } .side-nav-link[b-kcxcfxbhlv] { display: flex; align-items: center; gap: var(--os-space-md); padding: 10px var(--os-space-md); border-radius: var(--os-radius-sm); color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); transition: all var(--os-transition-fast); } .side-nav-link:hover[b-kcxcfxbhlv] { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.95); text-decoration: none; } .side-nav-link.active[b-kcxcfxbhlv] { background: rgba(255, 255, 255, 0.18); color: #ffffff; font-weight: var(--os-font-weight-semibold); } .side-nav-separator[b-kcxcfxbhlv] { height: 1px; background: rgba(255, 255, 255, 0.12); margin: var(--os-space-md) var(--os-space-md); } .side-nav-footer[b-kcxcfxbhlv] { padding: var(--os-space-md) var(--os-space-sm); margin-top: auto; } .side-nav-theme-btn[b-kcxcfxbhlv] { display: flex; align-items: center; gap: var(--os-space-md); width: 100%; padding: 10px var(--os-space-md); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: var(--os-radius-sm); background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.8); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); cursor: pointer; transition: all var(--os-transition-fast); } .side-nav-theme-btn:hover[b-kcxcfxbhlv] { background: rgba(255, 255, 255, 0.12); color: #ffffff; } @media (max-width: 768px) { .side-nav-link.side-nav-link--desktop[b-kcxcfxbhlv] { display: none; } } .side-nav--v2[b-kcxcfxbhlv] { background: var(--os-surface); color: var(--os-text-primary); border-right: 1px solid var(--os-border-light); } .side-nav--v2 .side-nav-logo[b-kcxcfxbhlv] { background: var(--os-surface-variant); } .side-nav--v2 .side-nav-app-name[b-kcxcfxbhlv] { color: var(--os-text-primary); } .side-nav--v2 .side-nav-link[b-kcxcfxbhlv] { color: var(--os-text-secondary); min-height: 44px; } @media (hover: hover) and (pointer: fine) { .side-nav--v2 .side-nav-link:hover[b-kcxcfxbhlv] { background: var(--os-surface-variant); color: var(--os-text-primary); } } .side-nav--v2 .side-nav-link.active[b-kcxcfxbhlv] { background: var(--os-primary-light); color: var(--os-primary); border-radius: var(--os-radius-full); font-weight: var(--os-font-weight-semibold); } .side-nav--v2 .side-nav-separator[b-kcxcfxbhlv] { background: var(--os-border-light); } .test-mode-banner[b-kwky28bwyd] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-md); background: #fff3cd; color: #664d03; border-bottom: 1px solid #ffe69c; font-size: 0.85rem; line-height: 1.35; } .test-mode-banner__icon[b-kwky28bwyd] { flex-shrink: 0; } .test-mode-banner__text[b-kwky28bwyd] { flex: 1 1 auto; } .test-mode-banner__link[b-kwky28bwyd] { display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; color: #664d03; font-weight: var(--os-font-weight-bold); text-decoration: underline; white-space: nowrap; } .test-mode-banner__link:hover[b-kwky28bwyd] { text-decoration: none; } @media (max-width: 479px) { .test-mode-banner[b-kwky28bwyd] { font-size: 0.8rem; padding: var(--os-space-xs) var(--os-space-sm); } } .top-header[b-utwdggnmj9] { display: flex; align-items: center; justify-content: space-between; height: var(--os-header-height); padding: 0 var(--os-space-md); background: var(--os-surface); border-bottom: 1px solid var(--os-border); position: sticky; top: 0; z-index: 20; transition: background-color var(--os-transition-normal), border-color var(--os-transition-normal); } .top-header-left[b-utwdggnmj9], .top-header-right[b-utwdggnmj9] { display: flex; align-items: center; gap: var(--os-space-xs); min-width: 80px; } .top-header-right[b-utwdggnmj9] { justify-content: flex-end; } .top-header-title[b-utwdggnmj9] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-btn[b-utwdggnmj9] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; border-radius: var(--os-radius-sm); background: transparent; color: var(--os-text-primary); cursor: pointer; transition: background-color var(--os-transition-fast); } .header-btn:hover[b-utwdggnmj9] { background: var(--os-surface-variant); } .header-btn--bell[b-utwdggnmj9] { position: relative; } .header-btn__badge[b-utwdggnmj9] { position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--os-radius-full); background: var(--os-danger, #d32f2f); color: #ffffff; font-size: 10px; font-weight: var(--os-font-weight-bold); line-height: 16px; text-align: center; box-shadow: 0 0 0 2px var(--os-surface); pointer-events: none; } .header-btn--signin[b-utwdggnmj9] { width: auto; padding: 0 var(--os-space-md); height: 34px; border: 1.5px solid var(--os-primary); border-radius: var(--os-radius-full); color: var(--os-primary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); background: transparent; white-space: nowrap; } .header-btn--signin:hover[b-utwdggnmj9] { background: var(--os-primary-light); } .top-header-test-pill[b-utwdggnmj9] { display: inline-flex; align-items: center; height: 24px; padding: 0 var(--os-space-sm); border-radius: var(--os-radius-full); background: #fff3cd; color: #664d03; border: 1px solid #ffe69c; font-size: 11px; font-weight: var(--os-font-weight-bold); letter-spacing: 0.04em; white-space: nowrap; cursor: help; margin-right: var(--os-space-xs); } @media (max-width: 479px) { .top-header-test-pill[b-utwdggnmj9] { display: none; } } @media (min-width: 768px) { .top-header[b-utwdggnmj9] { padding-left: var(--os-space-lg); padding-right: var(--os-space-lg); } } @media (max-width: 767px) { .header-btn--ai-filter[b-utwdggnmj9] { display: none; } } .header-btn--ai-filter-active[b-utwdggnmj9] { background: var(--os-primary-light, rgba(5, 39, 103, 0.1)); color: var(--os-primary); } .header-btn--ai-filter-active:hover[b-utwdggnmj9] { background: var(--os-primary-light, rgba(5, 39, 103, 0.15)); } .header-btn-ai-wrap[b-utwdggnmj9] { position: relative; display: flex; align-items: center; } .ai-filter-popover__backdrop[b-utwdggnmj9] { position: fixed; inset: 0; background-color: transparent; z-index: 900; } .ai-filter-popover[b-utwdggnmj9] { position: absolute; top: calc(100% + var(--os-space-xs)); right: 0; z-index: 901; width: min(320px, calc(100vw - 32px)); background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); padding: var(--os-space-md); outline: none; } .ai-filter-popover__header[b-utwdggnmj9] { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--os-space-sm); } .ai-filter-popover__title[b-utwdggnmj9] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .ai-filter-popover__close[b-utwdggnmj9] { width: 28px; height: 28px; border-radius: var(--os-radius-sm); border: none; background-color: transparent; color: var(--os-text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ai-filter-popover__close:hover[b-utwdggnmj9] { background-color: var(--os-surface-variant); } .ai-filter-popover__body[b-utwdggnmj9] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .ai-filter-popover__desc[b-utwdggnmj9] { margin: 0; font-size: var(--os-font-size-xs); color: var(--os-text-secondary); line-height: 1.5; } .ai-filter-popover__toggle-row[b-utwdggnmj9] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); cursor: pointer; } .ai-filter-popover__toggle-label[b-utwdggnmj9] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .ai-filter-popover__more[b-utwdggnmj9] { font-size: var(--os-font-size-xs); color: var(--os-primary); text-decoration: none; align-self: flex-end; } .ai-filter-popover__more:hover[b-utwdggnmj9] { text-decoration: underline; } .top-header--v2[b-utwdggnmj9] { position: sticky; top: 0; z-index: var(--os-z-nav, 100); display: flex; align-items: center; gap: var(--os-space-md); min-height: var(--os-header-height); height: calc(var(--os-header-height) + var(--os-safe-top, 0px)); padding: 0 var(--os-space-md); padding-top: var(--os-safe-top, 0px); background: var(--os-glass-bg); border-bottom: 1px solid var(--os-glass-border); } @supports (backdrop-filter: blur(1px)) { .top-header--v2[b-utwdggnmj9] { backdrop-filter: blur(var(--os-glass-blur)); -webkit-backdrop-filter: blur(var(--os-glass-blur)); } } .top-header--v2 .header-btn[b-utwdggnmj9] { min-width: 44px; min-height: 44px; border-radius: var(--os-radius-full, 9999px); color: var(--os-text-secondary); transition: background-color var(--os-motion-fast) var(--os-ease-standard); } @media (hover: hover) and (pointer: fine) { .top-header--v2 .header-btn:hover[b-utwdggnmj9] { background: var(--os-surface-variant); } } .legal-page[b-gkpc8d2nwz] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-gkpc8d2nwz] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-gkpc8d2nwz] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-gkpc8d2nwz] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-gkpc8d2nwz] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-gkpc8d2nwz] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-gkpc8d2nwz] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-gkpc8d2nwz] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__content[b-gkpc8d2nwz] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-gkpc8d2nwz] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-gkpc8d2nwz] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-gkpc8d2nwz] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-gkpc8d2nwz] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-gkpc8d2nwz] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-gkpc8d2nwz] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-gkpc8d2nwz] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-gkpc8d2nwz] { opacity: 0.8; } .apps-page__availability[b-gkpc8d2nwz] { font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); padding-top: var(--os-space-xs); } .apps-page__note[b-gkpc8d2nwz] { font-style: italic; color: var(--os-text-tertiary); padding-top: var(--os-space-sm); } .apps-page__badges[b-gkpc8d2nwz] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); margin-top: var(--os-space-md); } .apps-page__windows[b-gkpc8d2nwz] { } .apps-page__windows--unsigned[b-gkpc8d2nwz] { border-color: var(--os-warning, #d97706); border-width: 1px; background: linear-gradient( to bottom, color-mix(in srgb, var(--os-warning, #d97706) 6%, transparent), transparent 120px), var(--os-surface); position: relative; } .apps-page__preview-badge[b-gkpc8d2nwz] { display: inline-flex; align-self: flex-start; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-xs) var(--os-space-sm); border-radius: var(--os-radius-full); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); letter-spacing: 0.04em; text-transform: uppercase; color: var(--os-warning, #d97706); background: color-mix(in srgb, var(--os-warning, #d97706) 14%, transparent); border: 1px solid color-mix(in srgb, var(--os-warning, #d97706) 32%, transparent); } .apps-page__install-title[b-gkpc8d2nwz] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: var(--os-space-md) 0 var(--os-space-xs); } .apps-page__install-steps[b-gkpc8d2nwz] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .apps-page__install-steps li[b-gkpc8d2nwz] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .apps-page__caveat[b-gkpc8d2nwz] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); background: var(--os-surface-variant); border-left: 3px solid var(--os-warning, var(--os-text-tertiary)); padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-sm); margin-top: var(--os-space-md); } .apps-page__download[b-gkpc8d2nwz] { display: flex; flex-direction: column; gap: var(--os-space-xs); margin: var(--os-space-md) 0; } .apps-page__download-cta[b-gkpc8d2nwz] { align-self: flex-start; min-width: 16rem; text-align: center; } .apps-page__download-meta[b-gkpc8d2nwz] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); margin: 0; } .apps-page__smartscreen[b-gkpc8d2nwz] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); background: var(--os-surface-variant); border-left: 3px solid var(--os-warning, var(--os-text-tertiary)); padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-sm); margin-top: var(--os-space-md); } .apps-page__history[b-gkpc8d2nwz] { margin-top: var(--os-space-md); } .apps-page__history-summary[b-gkpc8d2nwz] { cursor: pointer; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); padding: var(--os-space-xs) 0; list-style: revert; } .apps-page__history-list[b-gkpc8d2nwz] { list-style: none; padding: 0; margin: var(--os-space-sm) 0 0 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .apps-page__history-item[b-gkpc8d2nwz] { display: flex; align-items: baseline; gap: var(--os-space-md); padding: var(--os-space-xs) 0; border-bottom: 1px solid var(--os-border); } .apps-page__history-item:last-child[b-gkpc8d2nwz] { border-bottom: none; } .apps-page__history-link[b-gkpc8d2nwz] { color: var(--os-link, var(--os-primary)); text-decoration: underline; text-underline-offset: 0.15em; font-weight: var(--os-font-weight-semibold); min-width: 4rem; } .apps-page__history-meta[b-gkpc8d2nwz] { color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .apps-page__badge[b-gkpc8d2nwz] { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--os-radius-md); transition: transform var(--os-transition-fast), box-shadow var(--os-transition-fast), opacity var(--os-transition-fast); box-shadow: var(--os-shadow-sm); background: transparent; text-decoration: none; } .apps-page__badge:hover[b-gkpc8d2nwz] { transform: translateY(-1px); box-shadow: var(--os-shadow-md); } .apps-page__badge:focus-visible[b-gkpc8d2nwz] { outline: 2px solid var(--os-primary); outline-offset: 3px; } .apps-page__badge img[b-gkpc8d2nwz] { display: block; height: 52px; width: auto; } .apps-page__badge--disabled[b-gkpc8d2nwz] { cursor: default; opacity: 0.85; } .apps-page__badge--disabled:hover[b-gkpc8d2nwz] { transform: none; box-shadow: var(--os-shadow-sm); opacity: 0.95; } .legal-page[b-szysyodhae] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-szysyodhae] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-szysyodhae] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-szysyodhae] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-szysyodhae] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-szysyodhae] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-szysyodhae] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-szysyodhae] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__content[b-szysyodhae] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-szysyodhae] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-szysyodhae] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-szysyodhae] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-szysyodhae] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-szysyodhae] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-szysyodhae] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-szysyodhae] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-szysyodhae] { opacity: 0.8; } .follow-page[b-o4xwxibbz0] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .follow-page__grid[b-o4xwxibbz0] { list-style: none; margin: var(--os-space-lg) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--os-space-md); } .follow-page__card[b-o4xwxibbz0] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-decoration: none; color: inherit; min-width: 0; height: 100%; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast), background var(--os-transition-fast); } .follow-page__card:hover[b-o4xwxibbz0], .follow-page__card:focus-visible[b-o4xwxibbz0] { border-color: var(--brand-color, var(--os-primary)); box-shadow: var(--os-shadow-md); background: var(--os-surface-variant); outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; text-decoration: none; color: inherit; } .follow-page__icon[b-o4xwxibbz0] { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: var(--os-radius-md); background: color-mix(in srgb, var(--brand-color, var(--os-primary)) 14%, transparent); color: var(--brand-color, var(--os-primary)); transition: background var(--os-transition-fast); } .follow-page__card:hover .follow-page__icon[b-o4xwxibbz0] { background: color-mix(in srgb, var(--brand-color, var(--os-primary)) 22%, transparent); } .follow-page__body[b-o4xwxibbz0] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; } .follow-page__name[b-o4xwxibbz0] { display: flex; align-items: center; gap: var(--os-space-xs); font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; } .follow-page__lang[b-o4xwxibbz0] { font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); padding: 1px var(--os-space-sm); line-height: 1.4; white-space: nowrap; } .follow-page__handle[b-o4xwxibbz0] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.4; overflow-wrap: anywhere; } .follow-page__cta[b-o4xwxibbz0] { display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-tertiary); transition: color var(--os-transition-fast); } .follow-page__card:hover .follow-page__cta[b-o4xwxibbz0], .follow-page__card:focus-visible .follow-page__cta[b-o4xwxibbz0] { color: var(--brand-color, var(--os-primary)); } .follow-page__cta-chevron[b-o4xwxibbz0] { transition: transform var(--os-transition-fast); } .follow-page__card:hover .follow-page__cta-chevron[b-o4xwxibbz0] { transform: translateX(2px); } .about-index[b-8qkhor67jn] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .about-index__header[b-8qkhor67jn] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding-top: var(--os-space-lg); } .about-index__title[b-8qkhor67jn] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .about-index__subtitle[b-8qkhor67jn] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; } .about-index__grid[b-8qkhor67jn] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 420px) { .about-index__grid[b-8qkhor67jn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .about-index__grid[b-8qkhor67jn] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .about-index__card[b-8qkhor67jn] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-decoration: none; color: inherit; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast), background var(--os-transition-fast); } .about-index__card:hover[b-8qkhor67jn], .about-index__card:focus-visible[b-8qkhor67jn] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); background: var(--os-surface-variant); outline: none; text-decoration: none; color: inherit; } .about-index__card-icon[b-8qkhor67jn] { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-md); color: var(--os-primary); flex-shrink: 0; transition: background var(--os-transition-fast); } .about-index__card:hover .about-index__card-icon[b-8qkhor67jn] { background: color-mix(in srgb, var(--os-primary) 20%, transparent); } .about-index__card-body[b-8qkhor67jn] { display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; } .about-index__card-title[b-8qkhor67jn] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; } .about-index__card-description[b-8qkhor67jn] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; } .about-index__card-chevron[b-8qkhor67jn] { color: var(--os-text-tertiary); flex-shrink: 0; align-self: flex-end; transition: color var(--os-transition-fast), transform var(--os-transition-fast); } .about-index__card:hover .about-index__card-chevron[b-8qkhor67jn] { color: var(--os-primary); transform: translateX(2px); } .about-index-v2[b-8qkhor67jn] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .about-index-v2__grid[b-8qkhor67jn] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--os-space-md); } .about-index-v2__card[b-8qkhor67jn] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-decoration: none; color: inherit; min-width: 0; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast), background var(--os-transition-fast); } .about-index-v2__card:hover[b-8qkhor67jn], .about-index-v2__card:focus-visible[b-8qkhor67jn] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); background: var(--os-surface-variant); outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; text-decoration: none; color: inherit; } .about-index-v2__card-icon[b-8qkhor67jn] { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-md); color: var(--os-primary); flex-shrink: 0; transition: background var(--os-transition-fast); } .about-index-v2__card:hover .about-index-v2__card-icon[b-8qkhor67jn] { background: color-mix(in srgb, var(--os-primary) 20%, transparent); } .about-index-v2__card-body[b-8qkhor67jn] { display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; min-width: 0; } .about-index-v2__card-title[b-8qkhor67jn] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; overflow-wrap: anywhere; } .about-index-v2__card-description[b-8qkhor67jn] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; } .about-index-v2__card-chevron[b-8qkhor67jn] { color: var(--os-text-tertiary); flex-shrink: 0; align-self: flex-end; transition: color var(--os-transition-fast), transform var(--os-transition-fast); } .about-index-v2__card:hover .about-index-v2__card-chevron[b-8qkhor67jn] { color: var(--os-primary); transform: translateX(2px); } .legal-page[b-8tkuw1v409] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-8tkuw1v409] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-8tkuw1v409] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-8tkuw1v409] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-8tkuw1v409] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-8tkuw1v409] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-8tkuw1v409] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-8tkuw1v409] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__hero[b-8tkuw1v409] { width: 100%; height: auto; display: block; border-radius: var(--os-radius-lg); } .legal-page__lead[b-8tkuw1v409] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.8; margin: 0; } .legal-page__content[b-8tkuw1v409] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-8tkuw1v409] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-8tkuw1v409] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-8tkuw1v409] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-8tkuw1v409] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-8tkuw1v409] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-8tkuw1v409] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-8tkuw1v409] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-8tkuw1v409] { opacity: 0.8; } .partners-page[b-yhre9sumsh] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .partners-page__header[b-yhre9sumsh] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .partners-page__back-btn[b-yhre9sumsh] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .partners-page__back-btn:hover[b-yhre9sumsh] { background: var(--os-surface-variant); } .partners-page__back-btn:focus-visible[b-yhre9sumsh] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .partners-page__header-text[b-yhre9sumsh] { display: flex; flex-direction: column; gap: 2px; } .partners-page__title[b-yhre9sumsh] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .partners-page__subtitle[b-yhre9sumsh] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .partners-page__intro[b-yhre9sumsh] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .partners-page__grid[b-yhre9sumsh] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 640px) { .partners-page__grid[b-yhre9sumsh] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .partners-page__card[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .partners-page__logo-wrap[b-yhre9sumsh] { display: flex; align-items: center; justify-content: center; height: 72px; padding: var(--os-space-sm); background: var(--os-surface-variant); border-radius: var(--os-radius-md); } .partners-page__logo[b-yhre9sumsh] { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; } .partners-page__logo--dark[b-yhre9sumsh] { display: none; } :global(html[data-theme-mode="dark"]) .partners-page__logo--light[b-yhre9sumsh] { display: none; } :global(html[data-theme-mode="dark"]) .partners-page__logo--dark[b-yhre9sumsh] { display: block; } .partners-page__card-body[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .partners-page__card-title[b-yhre9sumsh] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; } .partners-page__card-description[b-yhre9sumsh] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .partners-page__card-link[b-yhre9sumsh] { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--os-space-xs); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-primary); text-decoration: none; margin-top: var(--os-space-xs); } .partners-page__card-link:hover[b-yhre9sumsh] { text-decoration: underline; } .partners-page__card-link:focus-visible[b-yhre9sumsh] { outline: 2px solid var(--os-primary); outline-offset: 2px; border-radius: var(--os-radius-sm); } .partners-page__inquiry[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .partners-page__inquiry-title[b-yhre9sumsh] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); align-self: flex-start; } .partners-page__inquiry-intro[b-yhre9sumsh] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .partners-page__form[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-md); } .partners-page__field-row[b-yhre9sumsh] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 600px) { .partners-page__field-row--two[b-yhre9sumsh] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } .partners-page__field[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .partners-page__field label[b-yhre9sumsh] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .partners-page__field input[b-yhre9sumsh], .partners-page__field textarea[b-yhre9sumsh] { width: 100%; box-sizing: border-box; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); font-family: inherit; color: var(--os-text-primary); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } .partners-page__field textarea[b-yhre9sumsh] { resize: vertical; min-height: 120px; line-height: 1.6; } .partners-page__field input:focus[b-yhre9sumsh], .partners-page__field textarea:focus[b-yhre9sumsh] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-primary) 18%, transparent); } .partners-page__honeypot[b-yhre9sumsh] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; opacity: 0; } .partners-page__error[b-yhre9sumsh] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); color: #b3261e; background: color-mix(in srgb, #b3261e 8%, transparent); border: 1px solid color-mix(in srgb, #b3261e 25%, transparent); border-radius: var(--os-radius-md); } .partners-page__submit[b-yhre9sumsh] { align-self: flex-start; padding: var(--os-space-sm) var(--os-space-xl); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: white; background: var(--os-primary); border: none; border-radius: var(--os-radius-md); cursor: pointer; transition: background var(--os-transition-fast), transform var(--os-transition-fast); } .partners-page__submit:hover:not(:disabled)[b-yhre9sumsh] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .partners-page__submit:focus-visible[b-yhre9sumsh] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .partners-page__submit:disabled[b-yhre9sumsh] { opacity: 0.6; cursor: not-allowed; } .partners-page__success[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md) var(--os-space-lg); background: color-mix(in srgb, var(--os-primary) 10%, transparent); border: 1px solid color-mix(in srgb, var(--os-primary) 30%, transparent); border-radius: var(--os-radius-md); } .partners-page__success strong[b-yhre9sumsh] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .partners-page__success p[b-yhre9sumsh] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; } .partners-v2__grid[b-yhre9sumsh] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); margin-top: var(--os-space-lg); } @media (min-width: 640px) { .partners-v2__grid[b-yhre9sumsh] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .partners-v2__card[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .partners-v2__logo-wrap[b-yhre9sumsh] { display: flex; align-items: center; justify-content: center; height: 72px; padding: var(--os-space-sm); background: var(--os-surface); border-radius: var(--os-radius-md); } .partners-v2__card-body[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .partners-v2__card-title[b-yhre9sumsh] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; overflow-wrap: anywhere; } .partners-v2__card-description[b-yhre9sumsh] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .partners-v2__card-link[b-yhre9sumsh] { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--os-space-xs); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-primary); text-decoration: none; margin-top: var(--os-space-xs); border-radius: var(--os-radius-sm); } .partners-v2__card-link:hover[b-yhre9sumsh] { text-decoration: underline; } .partners-v2__card-link:focus-visible[b-yhre9sumsh] { outline: 2px solid var(--os-focus-ring-color, var(--os-primary)); outline-offset: 2px; } .partners-v2__form[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-md); margin-top: var(--os-space-md); } .partners-v2__field-row[b-yhre9sumsh] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 600px) { .partners-v2__field-row--two[b-yhre9sumsh] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } .partners-v2__field[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .partners-v2__field textarea.os-input[b-yhre9sumsh] { resize: vertical; min-height: 120px; line-height: 1.6; padding: var(--os-space-sm) var(--os-space-md); } .partners-v2__field input.os-input[b-yhre9sumsh] { padding: 0 var(--os-space-md); } .partners-v2__error[b-yhre9sumsh] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); color: var(--os-error); background: color-mix(in srgb, var(--os-error) 8%, transparent); border: 1px solid color-mix(in srgb, var(--os-error) 25%, transparent); border-radius: var(--os-radius-md); } .partners-v2__submit[b-yhre9sumsh] { align-self: flex-start; } .partners-v2__success[b-yhre9sumsh] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md) var(--os-space-lg); background: color-mix(in srgb, var(--os-primary) 10%, transparent); border: 1px solid color-mix(in srgb, var(--os-primary) 30%, transparent); border-radius: var(--os-radius-md); } .partners-v2__success strong[b-yhre9sumsh] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .partners-v2__success p[b-yhre9sumsh] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; } .legal-page[b-yk0np8vbnm] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-yk0np8vbnm] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-yk0np8vbnm] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-yk0np8vbnm] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-yk0np8vbnm] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-yk0np8vbnm] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-yk0np8vbnm] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-yk0np8vbnm] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__hero[b-yk0np8vbnm] { width: 100%; height: auto; display: block; border-radius: var(--os-radius-lg); } .legal-page__lead[b-yk0np8vbnm] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.8; margin: 0; } .legal-page__content[b-yk0np8vbnm] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-yk0np8vbnm] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-yk0np8vbnm] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-yk0np8vbnm] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-yk0np8vbnm] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-yk0np8vbnm] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-yk0np8vbnm] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-yk0np8vbnm] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-yk0np8vbnm] { opacity: 0.8; } .team-page[b-2646zvjt2b] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .team-page__header[b-2646zvjt2b] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .team-page__back-btn[b-2646zvjt2b] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .team-page__back-btn:hover[b-2646zvjt2b] { background: var(--os-surface-variant); } .team-page__back-btn:focus-visible[b-2646zvjt2b] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .team-page__header-text[b-2646zvjt2b] { display: flex; flex-direction: column; gap: 2px; } .team-page__title[b-2646zvjt2b] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .team-page__subtitle[b-2646zvjt2b] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .team-page__intro[b-2646zvjt2b] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .team-page__grid[b-2646zvjt2b] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 420px) { .team-page__grid[b-2646zvjt2b] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .team-page__grid[b-2646zvjt2b] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .team-page__card[b-2646zvjt2b] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; } .team-page__avatar[b-2646zvjt2b] { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-full); color: var(--os-primary); } .team-page__card-body[b-2646zvjt2b] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .team-page__card-name[b-2646zvjt2b] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; } .team-page__card-role[b-2646zvjt2b] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.4; } .team-page__socials[b-2646zvjt2b] { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--os-space-xs); justify-content: center; } .team-page__social-link[b-2646zvjt2b] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--os-radius-full); color: var(--os-text-tertiary); background: var(--os-surface-variant); text-decoration: none; transition: color var(--os-transition-fast), background var(--os-transition-fast), transform var(--os-transition-fast); } .team-page__social-link:hover[b-2646zvjt2b], .team-page__social-link:focus-visible[b-2646zvjt2b] { color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 12%, transparent); transform: translateY(-1px); outline: none; } .team-page__social-link:focus-visible[b-2646zvjt2b] { box-shadow: 0 0 0 2px var(--os-primary); } .team-page__social-link svg[b-2646zvjt2b] { width: 18px; height: 18px; } .team-page-v2[b-2646zvjt2b] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .team-page-v2__grid[b-2646zvjt2b] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 420px) { .team-page-v2__grid[b-2646zvjt2b] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .team-page-v2__grid[b-2646zvjt2b] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .team-page-v2__card[b-2646zvjt2b] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; min-width: 0; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } .team-page-v2__card:hover[b-2646zvjt2b] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); } .team-page-v2__avatar[b-2646zvjt2b] { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-full); color: var(--os-primary); flex-shrink: 0; } .team-page-v2__card-body[b-2646zvjt2b] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .team-page-v2__card-name[b-2646zvjt2b] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; overflow-wrap: anywhere; } .team-page-v2__card-role[b-2646zvjt2b] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.4; } .team-page-v2__socials[b-2646zvjt2b] { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--os-space-xs); justify-content: center; } .team-page-v2__social-link[b-2646zvjt2b] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--os-radius-full); color: var(--os-text-tertiary); background: var(--os-surface-variant); text-decoration: none; transition: color var(--os-transition-fast), background var(--os-transition-fast), transform var(--os-transition-fast); } .team-page-v2__social-link:hover[b-2646zvjt2b] { color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 12%, transparent); transform: translateY(-1px); } .team-page-v2__social-link svg[b-2646zvjt2b] { width: 18px; height: 18px; } .legal-page[b-vpaxu3nfuo] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-vpaxu3nfuo] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-vpaxu3nfuo] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-vpaxu3nfuo] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-vpaxu3nfuo] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-vpaxu3nfuo] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-vpaxu3nfuo] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-vpaxu3nfuo] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__hero[b-vpaxu3nfuo] { width: 100%; height: auto; display: block; border-radius: var(--os-radius-lg); } .legal-page__lead[b-vpaxu3nfuo] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.8; margin: 0; } .legal-page__content[b-vpaxu3nfuo] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-vpaxu3nfuo] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-vpaxu3nfuo] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-vpaxu3nfuo] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-vpaxu3nfuo] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-vpaxu3nfuo] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-vpaxu3nfuo] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-vpaxu3nfuo] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-vpaxu3nfuo] { opacity: 0.8; } .admin-categories[b-5s5563u4cw] { max-width: 1300px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-categories__header[b-5s5563u4cw] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-categories__header h1[b-5s5563u4cw] { margin: 0; } .admin-categories__hint[b-5s5563u4cw] { color: var(--os-text-secondary, #6b7280); margin: 0; } .admin-categories__banner[b-5s5563u4cw] { padding: var(--os-space-sm) var(--os-space-md); } .admin-categories__banner--ok[b-5s5563u4cw] { background: #d1fae5; color: #065f46; } .admin-categories__banner--error[b-5s5563u4cw] { background: #fee2e2; color: #991b1b; } .admin-categories__banner--info[b-5s5563u4cw] { background: #e0f2fe; color: #075985; } .admin-categories__layout[b-5s5563u4cw] { display: grid; grid-template-columns: minmax(320px, 2fr) minmax(380px, 3fr); gap: var(--os-space-md); } @media (max-width: 900px) { .admin-categories__layout[b-5s5563u4cw] { grid-template-columns: 1fr; } } .admin-categories__tree[b-5s5563u4cw] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-sm); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); background: var(--os-surface-1, #fff); max-height: 80vh; overflow-y: auto; } .admin-categories__node[b-5s5563u4cw] { cursor: pointer; } .admin-categories__node-row[b-5s5563u4cw] { display: flex; justify-content: space-between; align-items: center; padding: 4px 8px; border-radius: var(--os-radius-md, 4px); margin-left: calc(var(--depth, 0) * 16px); gap: var(--os-space-xs); } .admin-categories__node-row:hover[b-5s5563u4cw] { background: var(--os-surface-2, #f3f4f6); } .admin-categories__node--root > .admin-categories__node-row[b-5s5563u4cw] { font-weight: 700; } .admin-categories__node-name[b-5s5563u4cw] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .admin-categories__node-counts[b-5s5563u4cw] { display: flex; gap: 4px; align-items: center; } .admin-categories__chip[b-5s5563u4cw] { display: inline-block; padding: 1px 8px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; } .admin-categories__chip--info[b-5s5563u4cw] { background: #e0f2fe; color: #075985; } .admin-categories__node-add[b-5s5563u4cw] { width: 22px; height: 22px; border: 1px solid var(--os-border, #e5e7eb); border-radius: 50%; background: var(--os-surface-1, #fff); cursor: pointer; color: var(--os-primary); font-weight: 700; line-height: 1; padding: 0; } .admin-categories__node-add:hover[b-5s5563u4cw] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .admin-categories__editor[b-5s5563u4cw] { min-height: 320px; } .admin-categories__editor-card[b-5s5563u4cw] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-categories__editor-card h2[b-5s5563u4cw] { margin: 0; font-size: 1.125rem; } .admin-categories__usage[b-5s5563u4cw] { margin: 0; color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-categories__editor-card label[b-5s5563u4cw] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-categories__editor-card input[b-5s5563u4cw], .admin-categories__editor-card select[b-5s5563u4cw], .admin-categories__editor-card textarea[b-5s5563u4cw] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-categories__editor-card textarea[b-5s5563u4cw] { resize: vertical; min-height: 60px; } .admin-categories__row[b-5s5563u4cw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--os-space-sm); } .admin-categories__placeholder[b-5s5563u4cw] { padding: var(--os-space-md); color: var(--os-text-secondary, #6b7280); font-style: italic; } .admin-categories__editor-actions[b-5s5563u4cw] { display: flex; gap: var(--os-space-sm); margin-top: var(--os-space-sm); } .admin-categories__primary[b-5s5563u4cw] { padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; align-self: flex-start; } .admin-categories__primary:disabled[b-5s5563u4cw] { opacity: 0.6; } .admin-categories__editor-actions button:not(.admin-categories__primary):not(.admin-categories__danger)[b-5s5563u4cw] { padding: 6px 16px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-weight: 600; } .admin-categories__danger[b-5s5563u4cw] { margin-left: auto; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-error, #dc2626); color: #fff; font-weight: 600; cursor: pointer; } .admin-categories__danger:disabled[b-5s5563u4cw] { opacity: 0.5; cursor: not-allowed; background: var(--os-text-tertiary, #9ca3af); } .admin-categories__reassign-label[b-5s5563u4cw] { display: block; font-size: var(--os-font-size-xs); color: var(--os-text-secondary); margin: calc(-1 * var(--os-space-md)) 0 var(--os-space-xs); } .admin-categories__reassign-select[b-5s5563u4cw] { width: 100%; padding: var(--os-space-sm) var(--os-space-md); margin: 0 0 var(--os-space-lg); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); color: var(--os-text-primary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); box-sizing: border-box; } .admin-categories__reassign-select:focus[b-5s5563u4cw] { outline: 2px solid var(--os-primary); outline-offset: -1px; } .admin-categories__hint--drag[b-5s5563u4cw] { color: var(--os-text-tertiary, #6b7280); font-size: var(--os-font-size-xs); font-style: italic; } .admin-categories__node[b-5s5563u4cw] { cursor: grab; } .admin-categories__node--dragging[b-5s5563u4cw] { opacity: 0.4; cursor: grabbing; } .admin-categories__node--drop-above[b-5s5563u4cw] { box-shadow: inset 0 3px 0 0 var(--os-primary, #1b6ec2); } .admin-categories__node--drop-below[b-5s5563u4cw] { box-shadow: inset 0 -3px 0 0 var(--os-primary, #1b6ec2); } .admin-categories__hero[b-5s5563u4cw] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } .admin-categories__hero-label[b-5s5563u4cw] { font-weight: 600; font-size: 0.875rem; } .admin-categories__hero-preview[b-5s5563u4cw] { width: 100%; max-width: 320px; aspect-ratio: 16 / 9; border-radius: var(--os-radius-sm); overflow: hidden; background: var(--os-surface); border: 1px solid var(--os-border); } .admin-categories__hero-img[b-5s5563u4cw] { width: 100%; height: 100%; object-fit: cover; display: block; } .admin-categories__hero-img--inherited[b-5s5563u4cw] { opacity: 0.6; } .admin-categories__hero-empty[b-5s5563u4cw] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--os-text-tertiary); font-size: 0.75rem; text-align: center; padding: var(--os-space-sm); } .admin-categories__hero-hint[b-5s5563u4cw] { color: var(--os-text-secondary); font-size: 0.75rem; } .admin-categories__hero-actions[b-5s5563u4cw] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .admin-categories__hero-upload-label[b-5s5563u4cw] { font-weight: 600; font-size: 0.875rem; color: var(--os-text-secondary); } .admin-categories__hero-remove-btn[b-5s5563u4cw] { padding: 6px 16px; border: none; border-radius: var(--os-radius-md); background: var(--os-error, #dc2626); color: #fff; font-weight: 600; cursor: pointer; } .admin-categories__hero-remove-btn:disabled[b-5s5563u4cw] { opacity: 0.5; cursor: not-allowed; } html[data-ui="v2"] .admin-categories__tree[b-5s5563u4cw] { background: var(--os-surface); border-color: var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-sm); gap: 2px; } html[data-ui="v2"] .admin-categories__node-row[b-5s5563u4cw] { border-radius: var(--os-radius-sm); transition: background var(--os-motion-fast, 0.12s) var(--os-ease-standard, ease); } html[data-ui="v2"] .admin-categories__node-row:hover[b-5s5563u4cw] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-categories__node-add[b-5s5563u4cw] { background: var(--os-surface); border-color: var(--os-border); } html[data-ui="v2"] .admin-categories__node-add:hover[b-5s5563u4cw] { background: var(--os-primary); color: var(--os-text-on-primary); border-color: var(--os-primary); } html[data-ui="v2"] .admin-categories__banner[b-5s5563u4cw] { border-radius: var(--os-radius-md); border: 1px solid transparent; } html[data-ui="v2"] .admin-categories__banner--ok[b-5s5563u4cw] { background: var(--os-success-light); color: var(--os-success); border-color: color-mix(in srgb, var(--os-success) 30%, transparent); } html[data-ui="v2"] .admin-categories__banner--error[b-5s5563u4cw] { background: var(--os-error-light); color: var(--os-error); border-color: color-mix(in srgb, var(--os-error) 30%, transparent); } html[data-ui="v2"] .admin-categories__banner--info[b-5s5563u4cw] { background: color-mix(in srgb, var(--os-info) 14%, transparent); color: var(--os-info); border-color: color-mix(in srgb, var(--os-info) 30%, transparent); } html[data-ui="v2"] .admin-categories__chip--info[b-5s5563u4cw] { background: color-mix(in srgb, var(--os-info) 16%, transparent); color: var(--os-info); } html[data-ui="v2"] .admin-categories__editor-card[b-5s5563u4cw] { gap: var(--os-space-md); } html[data-ui="v2"] .admin-categories__editor-card input[b-5s5563u4cw], html[data-ui="v2"] .admin-categories__editor-card select[b-5s5563u4cw], html[data-ui="v2"] .admin-categories__editor-card textarea[b-5s5563u4cw] { border-color: var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); color: var(--os-text-primary); transition: border-color var(--os-motion-fast, 0.12s) var(--os-ease-standard, ease); } html[data-ui="v2"] .admin-categories__editor-card input:focus-visible[b-5s5563u4cw], html[data-ui="v2"] .admin-categories__editor-card select:focus-visible[b-5s5563u4cw], html[data-ui="v2"] .admin-categories__editor-card textarea:focus-visible[b-5s5563u4cw] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 1px; border-color: var(--os-border-focus, var(--os-primary)); } html[data-ui="v2"] .admin-categories__primary[b-5s5563u4cw] { border-radius: var(--os-radius-sm); } html[data-ui="v2"] .admin-categories__editor-actions button:not(.admin-categories__primary):not(.admin-categories__danger)[b-5s5563u4cw] { border-radius: var(--os-radius-sm); border-color: var(--os-border); } html[data-ui="v2"] .admin-categories__editor-actions button:not(.admin-categories__primary):not(.admin-categories__danger):focus-visible[b-5s5563u4cw] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 1px; } html[data-ui="v2"] .admin-categories__danger[b-5s5563u4cw] { border-radius: var(--os-radius-sm); } html[data-ui="v2"] .admin-categories__reassign-select:focus[b-5s5563u4cw] { outline: 2px solid var(--os-focus-ring-color); } html[data-ui="v2"] .admin-categories__hero[b-5s5563u4cw] { border-radius: var(--os-radius-lg); } .contest-editor[b-mxmphp824u] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md) var(--os-space-md) var(--os-space-2xl); display: flex; flex-direction: column; gap: var(--os-space-lg); } .contest-editor__header[b-mxmphp824u] { display: flex; align-items: center; gap: var(--os-space-md); } .contest-editor__header h1[b-mxmphp824u] { margin: 0; font-size: var(--os-font-size-xl); color: var(--os-text-primary); } .contest-editor__error[b-mxmphp824u] { margin: 0; padding: var(--os-space-md) var(--os-space-lg); background: color-mix(in srgb, #b3261e 8%, transparent); border: 1px solid color-mix(in srgb, #b3261e 30%, transparent); border-radius: var(--os-radius-md); color: #b91c1c; font-size: var(--os-font-size-sm); } .contest-editor__section[b-mxmphp824u] { padding: var(--os-space-lg) var(--os-space-xl); display: flex; flex-direction: column; gap: var(--os-space-md); } .contest-editor__section h2[b-mxmphp824u] { margin: 0; font-size: var(--os-font-size-lg); color: var(--os-text-primary); padding-bottom: var(--os-space-xs); border-bottom: 2px solid var(--os-primary); align-self: flex-start; } .contest-editor__note[b-mxmphp824u] { margin: 0; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); line-height: 1.6; } .contest-editor__grid[b-mxmphp824u] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 720px) { .contest-editor__grid[b-mxmphp824u] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .contest-editor__field[b-mxmphp824u] { display: flex; flex-direction: column; gap: 4px; font-size: var(--os-font-size-sm); color: var(--os-text-primary); } .contest-editor__field span[b-mxmphp824u] { font-weight: var(--os-font-weight-medium); } .contest-editor__field small[b-mxmphp824u] { color: var(--os-text-tertiary); font-size: 12px; } .contest-editor__field input[b-mxmphp824u], .contest-editor__field select[b-mxmphp824u], .contest-editor__field textarea[b-mxmphp824u] { width: 100%; box-sizing: border-box; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); font-family: inherit; font-size: var(--os-font-size-sm); } .contest-editor__field textarea[b-mxmphp824u] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; line-height: 1.6; resize: vertical; min-height: 200px; } .contest-editor__field input:focus[b-mxmphp824u], .contest-editor__field select:focus[b-mxmphp824u], .contest-editor__field textarea:focus[b-mxmphp824u] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-primary) 18%, transparent); } .contest-editor__flags[b-mxmphp824u] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .contest-editor__check[b-mxmphp824u] { display: flex; align-items: flex-start; gap: var(--os-space-sm); font-size: var(--os-font-size-sm); color: var(--os-text-primary); cursor: pointer; } .contest-editor__check input[b-mxmphp824u] { margin-top: 3px; accent-color: var(--os-primary); } .contest-editor__lang-tabs[b-mxmphp824u] { display: flex; gap: 0; border-bottom: 1px solid var(--os-border); } .contest-editor__lang-tab[b-mxmphp824u] { padding: var(--os-space-sm) var(--os-space-lg); background: transparent; border: none; border-bottom: 2px solid transparent; color: var(--os-text-secondary); cursor: pointer; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); transition: color var(--os-transition-fast), border-color var(--os-transition-fast); } .contest-editor__lang-tab:hover[b-mxmphp824u] { color: var(--os-text-primary); } .contest-editor__lang-tab.is-active[b-mxmphp824u] { color: var(--os-primary); border-bottom-color: var(--os-primary); } .contest-editor__image-row[b-mxmphp824u] { display: flex; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .contest-editor__image-preview[b-mxmphp824u] { width: 200px; aspect-ratio: 4 / 3; background: var(--os-surface); border-radius: var(--os-radius-sm); overflow: hidden; flex-shrink: 0; } .contest-editor__image-preview img[b-mxmphp824u] { width: 100%; height: 100%; object-fit: cover; display: block; } .contest-editor__image-empty[b-mxmphp824u] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--os-text-tertiary); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .contest-editor__image-controls[b-mxmphp824u] { flex: 1; display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; } .contest-editor__image-blob[b-mxmphp824u] { color: var(--os-text-tertiary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; } .contest-editor__actions[b-mxmphp824u] { display: flex; gap: var(--os-space-sm); justify-content: flex-start; } .contest-editor__primary[b-mxmphp824u] { padding: var(--os-space-sm) var(--os-space-xl); background: var(--os-primary); color: white; border: none; border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); cursor: pointer; transition: background var(--os-transition-fast); } .contest-editor__primary:hover:not(:disabled)[b-mxmphp824u] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .contest-editor__primary:disabled[b-mxmphp824u] { opacity: 0.6; cursor: not-allowed; } .contest-editor__secondary[b-mxmphp824u] { padding: var(--os-space-sm) var(--os-space-xl); background: var(--os-surface); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); cursor: pointer; } .contest-editor__btn[b-mxmphp824u] { padding: 4px 10px; background: var(--os-surface); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); font-size: 12px; cursor: pointer; } .contest-editor__btn--danger[b-mxmphp824u] { color: #b91c1c; border-color: color-mix(in srgb, #b91c1c 35%, transparent); } .contest-editor__jury-list[b-mxmphp824u] { display: flex; flex-direction: column; gap: var(--os-space-md); } .contest-editor__juror[b-mxmphp824u] { display: flex; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .contest-editor__juror-photo-cell[b-mxmphp824u] { display: flex; flex-direction: column; gap: var(--os-space-xs); width: 160px; flex-shrink: 0; align-items: stretch; } .contest-editor__juror-photo-cell img[b-mxmphp824u] { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--os-radius-md); background: var(--os-surface); } .contest-editor__juror-photo-empty[b-mxmphp824u] { width: 100%; aspect-ratio: 1 / 1; background: var(--os-surface); border: 1px dashed var(--os-border); border-radius: var(--os-radius-md); display: flex; align-items: center; justify-content: center; color: var(--os-text-tertiary); font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; } .contest-editor__juror-photo-cell small[b-mxmphp824u] { color: var(--os-text-tertiary); font-size: 11px; } .contest-editor__juror-fields[b-mxmphp824u] { flex: 1; display: flex; flex-direction: column; gap: var(--os-space-sm); } html[data-ui="v2"] .contest-editor[b-mxmphp824u] { gap: var(--os-space-xl); } html[data-ui="v2"] .contest-editor__header h1[b-mxmphp824u] { font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .contest-editor__section[b-mxmphp824u] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .contest-editor__section h2[b-mxmphp824u] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.04em; border-bottom-color: var(--os-border); } html[data-ui="v2"] .contest-editor__field input[b-mxmphp824u], html[data-ui="v2"] .contest-editor__field select[b-mxmphp824u], html[data-ui="v2"] .contest-editor__field textarea[b-mxmphp824u] { background: var(--os-surface-variant); border-color: var(--os-border); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .contest-editor__field input:focus[b-mxmphp824u], html[data-ui="v2"] .contest-editor__field select:focus[b-mxmphp824u], html[data-ui="v2"] .contest-editor__field textarea:focus[b-mxmphp824u] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .contest-editor__error[b-mxmphp824u] { background: var(--os-error-light); border-color: var(--os-error); color: var(--os-error); } html[data-ui="v2"] .contest-editor__lang-tab.is-active[b-mxmphp824u] { color: var(--os-primary); border-bottom-color: var(--os-primary); } html[data-ui="v2"] .contest-editor__image-row[b-mxmphp824u], html[data-ui="v2"] .contest-editor__juror[b-mxmphp824u] { background: var(--os-surface-variant); border-color: var(--os-border); border-radius: var(--os-radius-md); } html[data-ui="v2"] .contest-editor__primary[b-mxmphp824u] { color: var(--os-text-on-primary); border-radius: var(--os-radius-md); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .contest-editor__primary:hover:not(:disabled)[b-mxmphp824u] { filter: brightness(1.05); } html[data-ui="v2"] .contest-editor__primary:focus-visible[b-mxmphp824u], html[data-ui="v2"] .contest-editor__secondary:focus-visible[b-mxmphp824u], html[data-ui="v2"] .contest-editor__btn:focus-visible[b-mxmphp824u] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .contest-editor__secondary[b-mxmphp824u], html[data-ui="v2"] .contest-editor__btn[b-mxmphp824u] { border-color: var(--os-border); color: var(--os-text-primary); border-radius: var(--os-radius-md); transition: background var(--os-transition-fast); } html[data-ui="v2"] .contest-editor__secondary:hover[b-mxmphp824u], html[data-ui="v2"] .contest-editor__btn:hover[b-mxmphp824u] { background: var(--os-surface-variant); } html[data-ui="v2"] .contest-editor__btn--danger[b-mxmphp824u] { color: var(--os-error); border-color: var(--os-error); } .admin-contests[b-igpw4sb6s3] { max-width: 1280px; margin: 0 auto; padding: var(--os-space-md) var(--os-space-md) var(--os-space-2xl); display: flex; flex-direction: column; gap: var(--os-space-lg); } .admin-contests__header[b-igpw4sb6s3] { display: flex; align-items: center; gap: var(--os-space-md); } .admin-contests__header h1[b-igpw4sb6s3] { flex: 1; margin: 0; font-size: var(--os-font-size-xl); color: var(--os-text-primary); } .admin-contests__primary[b-igpw4sb6s3] { padding: var(--os-space-sm) var(--os-space-lg); background: var(--os-primary); color: white; border: none; border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); cursor: pointer; transition: background var(--os-transition-fast); } .admin-contests__primary:hover[b-igpw4sb6s3] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .admin-contests__empty[b-igpw4sb6s3] { margin: 0; padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); color: var(--os-text-secondary); line-height: 1.6; } .admin-contests__list-wrap[b-igpw4sb6s3] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .admin-contests__table[b-igpw4sb6s3] { width: 100%; border-collapse: collapse; font-size: var(--os-font-size-sm); } .admin-contests__table thead[b-igpw4sb6s3] { background: var(--os-surface-variant); } .admin-contests__table th[b-igpw4sb6s3] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); border-bottom: 1px solid var(--os-border); } .admin-contests__table td[b-igpw4sb6s3] { padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); color: var(--os-text-primary); vertical-align: top; } .admin-contests__table tbody tr:last-child td[b-igpw4sb6s3] { border-bottom: none; } .admin-contests__table code[b-igpw4sb6s3] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; padding: 1px 6px; background: var(--os-surface-variant); border-radius: var(--os-radius-sm); } .admin-contests__table small[b-igpw4sb6s3] { color: var(--os-text-tertiary); font-size: 12px; } .admin-contests__pill[b-igpw4sb6s3] { display: inline-block; padding: 1px 8px; border-radius: var(--os-radius-full); font-size: 11px; font-weight: var(--os-font-weight-bold); text-transform: uppercase; letter-spacing: 0.4px; background: var(--os-surface-variant); color: var(--os-text-secondary); } .admin-contests__pill[data-status="Running"][b-igpw4sb6s3] { background: color-mix(in srgb, #16a34a 16%, transparent); color: #15803d; } .admin-contests__pill[data-status="Upcoming"][b-igpw4sb6s3] { background: color-mix(in srgb, #d97706 16%, transparent); color: #b45309; } .admin-contests__pill[data-status="Finished"][b-igpw4sb6s3] { background: var(--os-surface-variant); color: var(--os-text-tertiary); } .admin-contests__pill--published[b-igpw4sb6s3] { background: color-mix(in srgb, var(--os-primary) 14%, transparent); color: var(--os-primary); } .admin-contests__pill--draft[b-igpw4sb6s3] { background: var(--os-surface-variant); color: var(--os-text-tertiary); } .admin-contests__pill--sample[b-igpw4sb6s3] { margin-left: var(--os-space-xs); background: rgba(220, 38, 38, 0.92); color: white; } .admin-contests__col-actions[b-igpw4sb6s3] { white-space: nowrap; text-align: right; } .admin-contests__btn[b-igpw4sb6s3] { display: inline-block; margin-left: 4px; padding: 4px 10px; background: var(--os-surface); color: var(--os-text-primary); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); font-size: 12px; cursor: pointer; text-decoration: none; transition: background var(--os-transition-fast); } .admin-contests__btn:hover[b-igpw4sb6s3] { background: var(--os-surface-variant); } .admin-contests__btn--primary[b-igpw4sb6s3] { background: var(--os-primary); color: white; border-color: var(--os-primary); } .admin-contests__btn--primary:hover[b-igpw4sb6s3] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .admin-contests__btn--danger[b-igpw4sb6s3] { color: #b91c1c; border-color: color-mix(in srgb, #b91c1c 35%, transparent); } .admin-contests__btn--danger:hover[b-igpw4sb6s3] { background: color-mix(in srgb, #b91c1c 8%, transparent); } html[data-ui="v2"] .admin-contests__list-wrap[b-igpw4sb6s3] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-contests__table th[b-igpw4sb6s3] { padding: var(--os-space-md) var(--os-space-lg); font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.04em; color: var(--os-text-tertiary); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .admin-contests__table td[b-igpw4sb6s3] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .admin-contests__table tbody tr:hover td[b-igpw4sb6s3] { background: var(--os-surface-variant); } .admin-support[b-aqk08c1nds] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-support header[b-aqk08c1nds] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-support header h1[b-aqk08c1nds] { margin: 0; } .admin-support__hint[b-aqk08c1nds] { color: var(--os-text-secondary, #6b7280); } .admin-support__hint a[b-aqk08c1nds] { color: var(--os-primary); } .admin-support__filters[b-aqk08c1nds] { display: flex; gap: var(--os-space-sm); align-items: center; flex-wrap: wrap; } .admin-support__filters input[b-aqk08c1nds], .admin-support__filters select[b-aqk08c1nds] { padding: 6px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-size: 0.875rem; } .admin-support__list[b-aqk08c1nds] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .admin-support__row[b-aqk08c1nds] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .admin-support__row:last-child[b-aqk08c1nds] { border-bottom: none; } .admin-support__list:empty + .admin-support__primary[b-aqk08c1nds] { margin-top: 0; } .admin-support__row-info[b-aqk08c1nds] { display: flex; flex-direction: column; gap: 4px; } .admin-support__row-info strong[b-aqk08c1nds] { font-weight: 700; } .admin-support__row-info small[b-aqk08c1nds] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .admin-support__row-info span[b-aqk08c1nds] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-support__row-actions[b-aqk08c1nds] { display: flex; gap: var(--os-space-xs); } .admin-support__row-actions button[b-aqk08c1nds] { padding: 4px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-size: 0.875rem; } .admin-support__danger[b-aqk08c1nds] { color: var(--os-error, #dc2626); border-color: var(--os-error, #dc2626) !important; } .admin-support__primary[b-aqk08c1nds] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-support__primary:disabled[b-aqk08c1nds] { opacity: 0.6; } .admin-support__editor[b-aqk08c1nds] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-md); } .admin-support__editor label[b-aqk08c1nds] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-support__editor input[b-aqk08c1nds], .admin-support__editor select[b-aqk08c1nds], .admin-support__editor textarea[b-aqk08c1nds] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-support__editor textarea[b-aqk08c1nds] { resize: vertical; min-height: 80px; } .admin-support__lang-grid[b-aqk08c1nds] { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: var(--os-space-md); } .admin-support__lang-grid fieldset[b-aqk08c1nds] { border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-support__lang-grid legend[b-aqk08c1nds] { font-weight: 700; padding: 0 6px; } .admin-support__editor-row[b-aqk08c1nds] { display: flex; gap: var(--os-space-md); align-items: center; flex-wrap: wrap; } .admin-support__check[b-aqk08c1nds] { flex-direction: row !important; align-items: center; gap: 6px; cursor: pointer; } .admin-support__editor-actions[b-aqk08c1nds] { display: flex; gap: var(--os-space-sm); } .admin-support__editor-actions button:not(.admin-support__primary)[b-aqk08c1nds] { padding: 6px 16px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-weight: 600; } .admin-support__error[b-aqk08c1nds] { margin: 0; color: var(--os-error, #dc2626); } html[data-ui="v2"] .admin-support[b-aqk08c1nds] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support header[b-aqk08c1nds] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support header h1[b-aqk08c1nds] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } html[data-ui="v2"] .admin-support__hint[b-aqk08c1nds] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__filters[b-aqk08c1nds] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support__filters input[b-aqk08c1nds], html[data-ui="v2"] .admin-support__filters select[b-aqk08c1nds] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .admin-support__filters input:focus-visible[b-aqk08c1nds], html[data-ui="v2"] .admin-support__filters select:focus-visible[b-aqk08c1nds] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__list[b-aqk08c1nds] { border-color: var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-support__row[b-aqk08c1nds] { padding: var(--os-space-md) var(--os-space-lg); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row:hover[b-aqk08c1nds] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-info small[b-aqk08c1nds] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-support__row-info span[b-aqk08c1nds] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__row-actions button[b-aqk08c1nds] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row-actions button:hover[b-aqk08c1nds] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-actions button:focus-visible[b-aqk08c1nds] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__danger[b-aqk08c1nds] { color: var(--os-error) !important; border-color: var(--os-error) !important; } html[data-ui="v2"] .admin-support__danger:hover[b-aqk08c1nds] { background: color-mix(in srgb, var(--os-error) 10%, var(--os-surface)); } html[data-ui="v2"] .admin-support__primary[b-aqk08c1nds] { padding: var(--os-space-xs) var(--os-space-lg); border-radius: var(--os-radius-md); font-weight: var(--os-font-weight-semibold); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .admin-support__primary:hover:not(:disabled)[b-aqk08c1nds] { filter: brightness(1.05); } html[data-ui="v2"] .admin-support__primary:focus-visible[b-aqk08c1nds] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__editor[b-aqk08c1nds] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support__editor input:focus-visible[b-aqk08c1nds], html[data-ui="v2"] .admin-support__editor select:focus-visible[b-aqk08c1nds], html[data-ui="v2"] .admin-support__editor textarea:focus-visible[b-aqk08c1nds] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__lang-grid fieldset[b-aqk08c1nds] { border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__lang-grid legend[b-aqk08c1nds] { color: var(--os-text-primary); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary)[b-aqk08c1nds] { border-radius: var(--os-radius-md); color: var(--os-text-secondary); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):hover[b-aqk08c1nds] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):focus-visible[b-aqk08c1nds] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__error[b-aqk08c1nds] { color: var(--os-error); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .admin-support__audience-badge[b-aqk08c1nds] { background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-full); font-weight: var(--os-font-weight-semibold); } .admin-support[b-n04gg93mxb] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-support header[b-n04gg93mxb] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-support header h1[b-n04gg93mxb] { margin: 0; } .admin-support__hint[b-n04gg93mxb] { color: var(--os-text-secondary, #6b7280); } .admin-support__hint a[b-n04gg93mxb] { color: var(--os-primary); } .admin-support__filters[b-n04gg93mxb] { display: flex; gap: var(--os-space-sm); align-items: center; flex-wrap: wrap; } .admin-support__filters input[b-n04gg93mxb], .admin-support__filters select[b-n04gg93mxb] { padding: 6px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-size: 0.875rem; } .admin-support__list[b-n04gg93mxb] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .admin-support__row[b-n04gg93mxb] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .admin-support__row:last-child[b-n04gg93mxb] { border-bottom: none; } .admin-support__list:empty + .admin-support__primary[b-n04gg93mxb] { margin-top: 0; } .admin-support__row-info[b-n04gg93mxb] { display: flex; flex-direction: column; gap: 4px; } .admin-support__row-info strong[b-n04gg93mxb] { font-weight: 700; } .admin-support__row-info small[b-n04gg93mxb] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .admin-support__row-info span[b-n04gg93mxb] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-support__row-actions[b-n04gg93mxb] { display: flex; gap: var(--os-space-xs); } .admin-support__row-actions button[b-n04gg93mxb] { padding: 4px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-size: 0.875rem; } .admin-support__danger[b-n04gg93mxb] { color: var(--os-error, #dc2626); border-color: var(--os-error, #dc2626) !important; } .admin-support__primary[b-n04gg93mxb] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-support__primary:disabled[b-n04gg93mxb] { opacity: 0.6; } .admin-support__editor[b-n04gg93mxb] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-md); } .admin-support__editor label[b-n04gg93mxb] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-support__editor input[b-n04gg93mxb], .admin-support__editor select[b-n04gg93mxb], .admin-support__editor textarea[b-n04gg93mxb] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-support__editor textarea[b-n04gg93mxb] { resize: vertical; min-height: 80px; } .admin-support__lang-grid[b-n04gg93mxb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: var(--os-space-md); } .admin-support__lang-grid fieldset[b-n04gg93mxb] { border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-support__lang-grid legend[b-n04gg93mxb] { font-weight: 700; padding: 0 6px; } .admin-support__editor-row[b-n04gg93mxb] { display: flex; gap: var(--os-space-md); align-items: center; flex-wrap: wrap; } .admin-support__check[b-n04gg93mxb] { flex-direction: row !important; align-items: center; gap: 6px; cursor: pointer; } .admin-support__editor-actions[b-n04gg93mxb] { display: flex; gap: var(--os-space-sm); } .admin-support__editor-actions button:not(.admin-support__primary)[b-n04gg93mxb] { padding: 6px 16px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-weight: 600; } .admin-support__error[b-n04gg93mxb] { margin: 0; color: var(--os-error, #dc2626); } html[data-ui="v2"] .admin-support[b-n04gg93mxb] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support header[b-n04gg93mxb] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support header h1[b-n04gg93mxb] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } html[data-ui="v2"] .admin-support__hint[b-n04gg93mxb] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__filters[b-n04gg93mxb] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support__filters input[b-n04gg93mxb], html[data-ui="v2"] .admin-support__filters select[b-n04gg93mxb] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .admin-support__filters input:focus-visible[b-n04gg93mxb], html[data-ui="v2"] .admin-support__filters select:focus-visible[b-n04gg93mxb] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__list[b-n04gg93mxb] { border-color: var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-support__row[b-n04gg93mxb] { padding: var(--os-space-md) var(--os-space-lg); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row:hover[b-n04gg93mxb] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-info small[b-n04gg93mxb] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-support__row-info span[b-n04gg93mxb] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__row-actions button[b-n04gg93mxb] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row-actions button:hover[b-n04gg93mxb] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-actions button:focus-visible[b-n04gg93mxb] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__danger[b-n04gg93mxb] { color: var(--os-error) !important; border-color: var(--os-error) !important; } html[data-ui="v2"] .admin-support__danger:hover[b-n04gg93mxb] { background: color-mix(in srgb, var(--os-error) 10%, var(--os-surface)); } html[data-ui="v2"] .admin-support__primary[b-n04gg93mxb] { padding: var(--os-space-xs) var(--os-space-lg); border-radius: var(--os-radius-md); font-weight: var(--os-font-weight-semibold); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .admin-support__primary:hover:not(:disabled)[b-n04gg93mxb] { filter: brightness(1.05); } html[data-ui="v2"] .admin-support__primary:focus-visible[b-n04gg93mxb] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__editor[b-n04gg93mxb] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support__editor input:focus-visible[b-n04gg93mxb], html[data-ui="v2"] .admin-support__editor select:focus-visible[b-n04gg93mxb], html[data-ui="v2"] .admin-support__editor textarea:focus-visible[b-n04gg93mxb] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__lang-grid fieldset[b-n04gg93mxb] { border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__lang-grid legend[b-n04gg93mxb] { color: var(--os-text-primary); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary)[b-n04gg93mxb] { border-radius: var(--os-radius-md); color: var(--os-text-secondary); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):hover[b-n04gg93mxb] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):focus-visible[b-n04gg93mxb] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__error[b-n04gg93mxb] { color: var(--os-error); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .admin-support__audience-badge[b-n04gg93mxb] { background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-full); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .grant-credits-panel__loading[b-n81di411yj] { color: var(--os-text-secondary); } html[data-ui="v2"] .grant-credits-panel__error[b-n81di411yj] { color: var(--os-error); } html[data-ui="v2"] .grant-credits-panel__success[b-n81di411yj] { color: var(--os-success); } html[data-ui="v2"] .grant-credits-panel__label[b-n81di411yj] { display: flex; flex-direction: column; gap: 4px; color: var(--os-text-primary); font-weight: var(--os-font-weight-medium); font-size: 0.875rem; } html[data-ui="v2"] .grant-credits-panel__form[b-n81di411yj] { display: flex; flex-direction: column; gap: var(--os-space-sm); } html[data-ui="v2"] .grant-credits-panel__form select[b-n81di411yj], html[data-ui="v2"] .grant-credits-panel__form textarea[b-n81di411yj] { padding: 6px 10px; border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-primary); font-family: inherit; font-size: 0.875rem; font-weight: 400; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .grant-credits-panel__form textarea[b-n81di411yj] { resize: vertical; min-height: 60px; } html[data-ui="v2"] .grant-credits-panel__form select:focus-visible[b-n81di411yj], html[data-ui="v2"] .grant-credits-panel__form textarea:focus-visible[b-n81di411yj] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } .admin-support[b-3wry3yc5f0] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-support header[b-3wry3yc5f0] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-support header h1[b-3wry3yc5f0] { margin: 0; } .admin-support__hint[b-3wry3yc5f0] { color: var(--os-text-secondary, #6b7280); } .admin-support__hint a[b-3wry3yc5f0] { color: var(--os-primary); } .admin-support__filters[b-3wry3yc5f0] { display: flex; gap: var(--os-space-sm); align-items: center; flex-wrap: wrap; } .admin-support__filters input[b-3wry3yc5f0], .admin-support__filters select[b-3wry3yc5f0] { padding: 6px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-size: 0.875rem; } .admin-support__list[b-3wry3yc5f0] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .admin-support__row[b-3wry3yc5f0] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .admin-support__row:last-child[b-3wry3yc5f0] { border-bottom: none; } .admin-support__list:empty + .admin-support__primary[b-3wry3yc5f0] { margin-top: 0; } .admin-support__row-info[b-3wry3yc5f0] { display: flex; flex-direction: column; gap: 4px; } .admin-support__row-info strong[b-3wry3yc5f0] { font-weight: 700; } .admin-support__row-info small[b-3wry3yc5f0] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .admin-support__row-info span[b-3wry3yc5f0] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-support__row-actions[b-3wry3yc5f0] { display: flex; gap: var(--os-space-xs); } .admin-support__row-actions button[b-3wry3yc5f0] { padding: 4px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-size: 0.875rem; } .admin-support__danger[b-3wry3yc5f0] { color: var(--os-error, #dc2626); border-color: var(--os-error, #dc2626) !important; } .admin-support__primary[b-3wry3yc5f0] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-support__primary:disabled[b-3wry3yc5f0] { opacity: 0.6; } .admin-support__editor[b-3wry3yc5f0] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-md); } .admin-support__editor label[b-3wry3yc5f0] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-support__editor input[b-3wry3yc5f0], .admin-support__editor select[b-3wry3yc5f0], .admin-support__editor textarea[b-3wry3yc5f0] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-support__editor textarea[b-3wry3yc5f0] { resize: vertical; min-height: 80px; } .admin-support__lang-grid[b-3wry3yc5f0] { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: var(--os-space-md); } .admin-support__lang-grid fieldset[b-3wry3yc5f0] { border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-support__lang-grid legend[b-3wry3yc5f0] { font-weight: 700; padding: 0 6px; } .admin-support__editor-row[b-3wry3yc5f0] { display: flex; gap: var(--os-space-md); align-items: center; flex-wrap: wrap; } .admin-support__check[b-3wry3yc5f0] { flex-direction: row !important; align-items: center; gap: 6px; cursor: pointer; } .admin-support__editor-actions[b-3wry3yc5f0] { display: flex; gap: var(--os-space-sm); } .admin-support__editor-actions button:not(.admin-support__primary)[b-3wry3yc5f0] { padding: 6px 16px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-weight: 600; } .admin-support__error[b-3wry3yc5f0] { margin: 0; color: var(--os-error, #dc2626); } html[data-ui="v2"] .admin-support[b-3wry3yc5f0] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support header[b-3wry3yc5f0] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support header h1[b-3wry3yc5f0] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } html[data-ui="v2"] .admin-support__hint[b-3wry3yc5f0] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__filters[b-3wry3yc5f0] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support__filters input[b-3wry3yc5f0], html[data-ui="v2"] .admin-support__filters select[b-3wry3yc5f0] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .admin-support__filters input:focus-visible[b-3wry3yc5f0], html[data-ui="v2"] .admin-support__filters select:focus-visible[b-3wry3yc5f0] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__list[b-3wry3yc5f0] { border-color: var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-support__row[b-3wry3yc5f0] { padding: var(--os-space-md) var(--os-space-lg); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row:hover[b-3wry3yc5f0] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-info small[b-3wry3yc5f0] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-support__row-info span[b-3wry3yc5f0] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__row-actions button[b-3wry3yc5f0] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row-actions button:hover[b-3wry3yc5f0] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-actions button:focus-visible[b-3wry3yc5f0] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__danger[b-3wry3yc5f0] { color: var(--os-error) !important; border-color: var(--os-error) !important; } html[data-ui="v2"] .admin-support__danger:hover[b-3wry3yc5f0] { background: color-mix(in srgb, var(--os-error) 10%, var(--os-surface)); } html[data-ui="v2"] .admin-support__primary[b-3wry3yc5f0] { padding: var(--os-space-xs) var(--os-space-lg); border-radius: var(--os-radius-md); font-weight: var(--os-font-weight-semibold); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .admin-support__primary:hover:not(:disabled)[b-3wry3yc5f0] { filter: brightness(1.05); } html[data-ui="v2"] .admin-support__primary:focus-visible[b-3wry3yc5f0] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__editor[b-3wry3yc5f0] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support__editor input:focus-visible[b-3wry3yc5f0], html[data-ui="v2"] .admin-support__editor select:focus-visible[b-3wry3yc5f0], html[data-ui="v2"] .admin-support__editor textarea:focus-visible[b-3wry3yc5f0] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__lang-grid fieldset[b-3wry3yc5f0] { border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__lang-grid legend[b-3wry3yc5f0] { color: var(--os-text-primary); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary)[b-3wry3yc5f0] { border-radius: var(--os-radius-md); color: var(--os-text-secondary); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):hover[b-3wry3yc5f0] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):focus-visible[b-3wry3yc5f0] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__error[b-3wry3yc5f0] { color: var(--os-error); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .admin-support__audience-badge[b-3wry3yc5f0] { background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-full); font-weight: var(--os-font-weight-semibold); } .admin-support[b-wa0ksp4gah] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-support header[b-wa0ksp4gah] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-support header h1[b-wa0ksp4gah] { margin: 0; } .admin-support__hint[b-wa0ksp4gah] { color: var(--os-text-secondary, #6b7280); } .admin-support__hint a[b-wa0ksp4gah] { color: var(--os-primary); } .admin-support__filters[b-wa0ksp4gah] { display: flex; gap: var(--os-space-sm); align-items: center; flex-wrap: wrap; } .admin-support__filters input[b-wa0ksp4gah], .admin-support__filters select[b-wa0ksp4gah] { padding: 6px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-size: 0.875rem; } .admin-support__list[b-wa0ksp4gah] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .admin-support__row[b-wa0ksp4gah] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .admin-support__row:last-child[b-wa0ksp4gah] { border-bottom: none; } .admin-support__list:empty + .admin-support__primary[b-wa0ksp4gah] { margin-top: 0; } .admin-support__row-info[b-wa0ksp4gah] { display: flex; flex-direction: column; gap: 4px; } .admin-support__row-info strong[b-wa0ksp4gah] { font-weight: 700; } .admin-support__row-info small[b-wa0ksp4gah] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .admin-support__row-info span[b-wa0ksp4gah] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-support__row-actions[b-wa0ksp4gah] { display: flex; gap: var(--os-space-xs); } .admin-support__row-actions button[b-wa0ksp4gah] { padding: 4px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-size: 0.875rem; } .admin-support__danger[b-wa0ksp4gah] { color: var(--os-error, #dc2626); border-color: var(--os-error, #dc2626) !important; } .admin-support__primary[b-wa0ksp4gah] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-support__primary:disabled[b-wa0ksp4gah] { opacity: 0.6; } .admin-support__editor[b-wa0ksp4gah] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-md); } .admin-support__editor label[b-wa0ksp4gah] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-support__editor input[b-wa0ksp4gah], .admin-support__editor select[b-wa0ksp4gah], .admin-support__editor textarea[b-wa0ksp4gah] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-support__editor textarea[b-wa0ksp4gah] { resize: vertical; min-height: 80px; } .admin-support__lang-grid[b-wa0ksp4gah] { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: var(--os-space-md); } .admin-support__lang-grid fieldset[b-wa0ksp4gah] { border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-support__lang-grid legend[b-wa0ksp4gah] { font-weight: 700; padding: 0 6px; } .admin-support__editor-row[b-wa0ksp4gah] { display: flex; gap: var(--os-space-md); align-items: center; flex-wrap: wrap; } .admin-support__check[b-wa0ksp4gah] { flex-direction: row !important; align-items: center; gap: 6px; cursor: pointer; } .admin-support__editor-actions[b-wa0ksp4gah] { display: flex; gap: var(--os-space-sm); } .admin-support__editor-actions button:not(.admin-support__primary)[b-wa0ksp4gah] { padding: 6px 16px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-weight: 600; } .admin-support__error[b-wa0ksp4gah] { margin: 0; color: var(--os-error, #dc2626); } .admin-support__audience-badge[b-wa0ksp4gah] { display: inline-block; margin-left: var(--os-space-xs, 4px); padding: 2px 6px; background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-sm, 8px); font-size: 0.75em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } html[data-ui="v2"] .admin-support[b-wa0ksp4gah] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support header[b-wa0ksp4gah] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support header h1[b-wa0ksp4gah] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } html[data-ui="v2"] .admin-support__hint[b-wa0ksp4gah] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__filters[b-wa0ksp4gah] { gap: var(--os-space-sm); } html[data-ui="v2"] .admin-support__filters input[b-wa0ksp4gah], html[data-ui="v2"] .admin-support__filters select[b-wa0ksp4gah] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .admin-support__filters input:focus-visible[b-wa0ksp4gah], html[data-ui="v2"] .admin-support__filters select:focus-visible[b-wa0ksp4gah] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__list[b-wa0ksp4gah] { border-color: var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-support__row[b-wa0ksp4gah] { padding: var(--os-space-md) var(--os-space-lg); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row:hover[b-wa0ksp4gah] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-info small[b-wa0ksp4gah] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-support__row-info span[b-wa0ksp4gah] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-support__row-actions button[b-wa0ksp4gah] { padding: var(--os-space-xs) var(--os-space-sm); border-color: var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } html[data-ui="v2"] .admin-support__row-actions button:hover[b-wa0ksp4gah] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__row-actions button:focus-visible[b-wa0ksp4gah] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__danger[b-wa0ksp4gah] { color: var(--os-error) !important; border-color: var(--os-error) !important; } html[data-ui="v2"] .admin-support__danger:hover[b-wa0ksp4gah] { background: color-mix(in srgb, var(--os-error) 10%, var(--os-surface)); } html[data-ui="v2"] .admin-support__primary[b-wa0ksp4gah] { padding: var(--os-space-xs) var(--os-space-lg); border-radius: var(--os-radius-md); font-weight: var(--os-font-weight-semibold); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .admin-support__primary:hover:not(:disabled)[b-wa0ksp4gah] { filter: brightness(1.05); } html[data-ui="v2"] .admin-support__primary:focus-visible[b-wa0ksp4gah] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__editor[b-wa0ksp4gah] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-support__editor input:focus-visible[b-wa0ksp4gah], html[data-ui="v2"] .admin-support__editor select:focus-visible[b-wa0ksp4gah], html[data-ui="v2"] .admin-support__editor textarea:focus-visible[b-wa0ksp4gah] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__lang-grid fieldset[b-wa0ksp4gah] { border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__lang-grid legend[b-wa0ksp4gah] { color: var(--os-text-primary); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary)[b-wa0ksp4gah] { border-radius: var(--os-radius-md); color: var(--os-text-secondary); transition: background var(--os-transition-fast); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):hover[b-wa0ksp4gah] { background: var(--os-surface-variant); } html[data-ui="v2"] .admin-support__editor-actions button:not(.admin-support__primary):focus-visible[b-wa0ksp4gah] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-support__error[b-wa0ksp4gah] { color: var(--os-error); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .admin-support__audience-badge[b-wa0ksp4gah] { background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-full); font-weight: var(--os-font-weight-semibold); } .legal-admin__list[b-baedvl710s] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .legal-admin__item[b-baedvl710s] { border-bottom: 1px solid var(--os-border); } .legal-admin__item:last-child[b-baedvl710s] { border-bottom: none; } .legal-admin__row-btn[b-baedvl710s] { display: flex; flex-direction: column; gap: var(--os-space-xs); width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: var(--os-space-md); color: var(--os-text-primary); } .legal-admin__row-btn:hover[b-baedvl710s] { background: var(--os-surface-variant); } .legal-admin__row-title[b-baedvl710s] { font-weight: 600; } .legal-admin__row-slug[b-baedvl710s] { font-family: monospace; font-size: 0.85em; color: var(--os-text-tertiary); } .legal-admin__row-meta[b-baedvl710s] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); } .legal-admin__badge[b-baedvl710s] { display: inline-block; font-size: 0.75em; padding: 2px 8px; border-radius: var(--os-radius-full); background: var(--os-surface-variant); color: var(--os-text-secondary); border: 1px solid var(--os-border); } .legal-admin__badge--published[b-baedvl710s] { background: color-mix(in srgb, var(--os-primary) 12%, transparent); color: var(--os-primary); } .legal-admin__badge--changes[b-baedvl710s], .legal-admin__badge--mt[b-baedvl710s] { background: color-mix(in srgb, #d98324 18%, transparent); color: #b5651d; } .legal-admin__editor-head[b-baedvl710s], .legal-admin__col-head[b-baedvl710s] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .legal-admin__editor-slug[b-baedvl710s] { font-family: monospace; color: var(--os-text-tertiary); } .legal-admin__banner[b-baedvl710s] { margin: var(--os-space-md) 0; padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-md); background: color-mix(in srgb, var(--os-primary) 10%, transparent); color: var(--os-text-primary); border: 1px solid var(--os-border); } .legal-admin__cols[b-baedvl710s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-lg); margin-top: var(--os-space-md); } @media (max-width: 900px) { .legal-admin__cols[b-baedvl710s] { grid-template-columns: minmax(0, 1fr); } } .legal-admin__col[b-baedvl710s] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .legal-admin__col-title[b-baedvl710s] { font-size: 1.1em; margin: 0; } .legal-admin__authoritative[b-baedvl710s] { font-size: 0.65em; font-weight: 600; text-transform: uppercase; color: var(--os-primary); margin-left: var(--os-space-xs); } .legal-admin__textarea[b-baedvl710s] { font-family: monospace; line-height: 1.5; resize: vertical; } .legal-admin__mt-note[b-baedvl710s] { color: #b5651d; font-size: 0.9em; margin: 0; } .legal-admin__hint[b-baedvl710s] { color: var(--os-text-tertiary); font-size: 0.85em; margin: 0; } .legal-admin__actions[b-baedvl710s] { display: flex; gap: var(--os-space-md); margin-top: var(--os-space-lg); } .legal-admin__history[b-baedvl710s] { margin-top: var(--os-space-xl); border-top: 1px solid var(--os-border); padding-top: var(--os-space-md); } .legal-admin__history-list[b-baedvl710s] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-admin__history-item[b-baedvl710s] { font-size: 0.9em; color: var(--os-text-secondary); } html[data-ui="v2"] .legal-admin__row-btn[b-baedvl710s] { transition: background var(--os-motion-fast, 0.12s) var(--os-ease-standard, ease); } html[data-ui="v2"] .legal-admin__row-btn:focus-visible[b-baedvl710s] { outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; } html[data-ui="v2"] .legal-admin__badge--changes[b-baedvl710s], html[data-ui="v2"] .legal-admin__badge--mt[b-baedvl710s] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .legal-admin__mt-note[b-baedvl710s] { color: var(--os-warning); } html[data-ui="v2"] .legal-admin__editor[b-baedvl710s] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); } html[data-ui="v2"] .legal-admin__editor-head[b-baedvl710s] { padding-bottom: var(--os-space-sm); border-bottom: 1px solid var(--os-border); } html[data-ui="v2"] .legal-admin__banner[b-baedvl710s] { border-radius: var(--os-radius-md); border-color: color-mix(in srgb, var(--os-primary) 30%, transparent); } html[data-ui="v2"] .legal-admin__col[b-baedvl710s] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-md); } html[data-ui="v2"] .legal-admin__history[b-baedvl710s] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); border-top: 1px solid var(--os-border); padding: var(--os-space-md); } .search-admin[b-yxyha7sdqy] { max-width: 760px; margin: 0 auto; padding: var(--os-space-lg); } .search-admin__head[b-yxyha7sdqy] { margin-bottom: var(--os-space-lg); } .search-admin__head h1[b-yxyha7sdqy] { margin: 0 0 var(--os-space-xs); color: var(--os-text-primary); } .search-admin__lede[b-yxyha7sdqy] { margin: 0; color: var(--os-text-secondary); } .search-admin__panel[b-yxyha7sdqy] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); } .search-admin__section[b-yxyha7sdqy] { margin-bottom: var(--os-space-lg); } .search-admin__section-title[b-yxyha7sdqy] { margin: 0 0 var(--os-space-xs); font-size: 1rem; color: var(--os-text-primary); } .search-admin__section-body[b-yxyha7sdqy] { margin: 0; color: var(--os-text-secondary); line-height: 1.55; } .search-admin__actions[b-yxyha7sdqy] { margin-top: var(--os-space-lg); } .search-admin__result[b-yxyha7sdqy] { margin: var(--os-space-md) 0 0; padding: var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-primary); } .search-admin__result--error[b-yxyha7sdqy] { border-color: var(--os-danger, #c0392b); color: var(--os-danger, #c0392b); } .search-admin__result--warn[b-yxyha7sdqy] { border-color: var(--os-warning); background: var(--os-warning-light); color: var(--os-warning); } .search-admin__panel + .search-admin__panel[b-yxyha7sdqy] { margin-top: var(--os-space-lg); } .search-admin__panel--danger[b-yxyha7sdqy] { border-color: var(--os-danger, #c0392b); } .search-admin__section-head[b-yxyha7sdqy] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--os-space-md); margin-bottom: var(--os-space-xs); min-width: 0; } .search-admin__section-head .search-admin__section-title[b-yxyha7sdqy] { margin: 0; min-width: 0; overflow-wrap: break-word; } .search-admin__hint[b-yxyha7sdqy] { margin: var(--os-space-sm) 0 0; color: var(--os-text-secondary); font-size: 0.9rem; } .search-admin__stat-cards[b-yxyha7sdqy] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--os-space-md); margin: var(--os-space-md) 0; } .search-admin__stat-card[b-yxyha7sdqy] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .search-admin__stat-card span[b-yxyha7sdqy] { color: var(--os-text-secondary); font-size: 0.8rem; } .search-admin__stat-card strong[b-yxyha7sdqy] { color: var(--os-text-primary); font-size: 1.5rem; } .search-admin__stat-card--warn strong[b-yxyha7sdqy] { color: var(--os-danger, #c0392b); } .search-admin__stats-table-wrap[b-yxyha7sdqy] { border: 1px solid var(--os-border); border-radius: var(--os-radius-md); margin-top: var(--os-space-sm); overflow: hidden; overflow-x: auto; } .search-admin__stats-table[b-yxyha7sdqy] { width: 100%; border-collapse: collapse; } .search-admin__stats-table th[b-yxyha7sdqy], .search-admin__stats-table td[b-yxyha7sdqy] { text-align: left; padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); color: var(--os-text-primary); } .search-admin__stats-table th[b-yxyha7sdqy] { color: var(--os-text-secondary); font-weight: 600; font-size: 0.85rem; } .search-admin__delta--warn[b-yxyha7sdqy] { color: var(--os-danger, #c0392b); font-weight: 600; } .search-admin-confirm[b-yxyha7sdqy] { max-width: 480px; width: min(480px, calc(100vw - var(--os-space-lg) * 2)); padding: var(--os-space-lg); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); color: var(--os-text-primary); } .search-admin-confirm[b-yxyha7sdqy]::backdrop { background: rgba(0, 0, 0, 0.5); } .search-admin-confirm h2[b-yxyha7sdqy] { margin: 0 0 var(--os-space-sm); } .search-admin-confirm p[b-yxyha7sdqy] { margin: 0 0 var(--os-space-md); color: var(--os-text-secondary); line-height: 1.55; } .search-admin-confirm--danger[b-yxyha7sdqy] { border-color: var(--os-danger, #c0392b); } .search-admin-confirm--danger p[b-yxyha7sdqy] { color: var(--os-text-primary); } .search-admin-confirm__actions[b-yxyha7sdqy] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); } html[data-ui="v2"] .search-admin[b-yxyha7sdqy] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .search-admin__head h1[b-yxyha7sdqy] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .search-admin__panel[b-yxyha7sdqy] { border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .search-admin__section-title[b-yxyha7sdqy] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .search-admin__result[b-yxyha7sdqy] { border-radius: var(--os-radius-md); } html[data-ui="v2"] .search-admin__result--error[b-yxyha7sdqy] { border-color: var(--os-error); color: var(--os-error); background: var(--os-error-light); } html[data-ui="v2"] .search-admin__stat-card[b-yxyha7sdqy], html[data-ui="v2"] .search-admin-confirm[b-yxyha7sdqy] { border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .search-admin__stat-card--warn strong[b-yxyha7sdqy], html[data-ui="v2"] .search-admin__delta--warn[b-yxyha7sdqy] { color: var(--os-error); } .admin-speakers[b-w9ubtd6zg3] { max-width: 1200px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); min-width: 0; } .admin-speakers__header[b-w9ubtd6zg3] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-speakers__header h1[b-w9ubtd6zg3] { margin: 0; } .admin-speakers__subtitle[b-w9ubtd6zg3] { margin: calc(-1 * var(--os-space-sm)) 0 0; color: var(--os-text-secondary); font-size: 0.9rem; } .admin-speakers__loading[b-w9ubtd6zg3], .admin-speakers__empty[b-w9ubtd6zg3] { color: var(--os-text-secondary); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); margin: 0; } .admin-speakers__table-wrap[b-w9ubtd6zg3] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .admin-speakers__table[b-w9ubtd6zg3] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .admin-speakers__table th[b-w9ubtd6zg3], .admin-speakers__table td[b-w9ubtd6zg3] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .admin-speakers__table th[b-w9ubtd6zg3] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; } .admin-speakers__table tbody tr:last-child td[b-w9ubtd6zg3] { border-bottom: none; } .admin-speakers__row:hover[b-w9ubtd6zg3] { background: var(--os-surface-variant); } .admin-speakers__edit-row td[b-w9ubtd6zg3] { background: var(--os-surface-variant); } .admin-speakers__chip[b-w9ubtd6zg3] { display: inline-block; padding: 1px 8px; border-radius: var(--os-radius-full, 12px); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; margin-right: 4px; background: var(--os-surface-variant); color: var(--os-text-secondary); white-space: nowrap; } .admin-speakers__chip--seeded[b-w9ubtd6zg3] { background: #e0e7ff; color: #3730a3; } .admin-speakers__chip--ok[b-w9ubtd6zg3] { background: #d1fae5; color: #065f46; } .admin-speakers__chip--warn[b-w9ubtd6zg3] { background: #fef3c7; color: #92400e; } .admin-speakers__row-actions[b-w9ubtd6zg3] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .admin-speakers__invite[b-w9ubtd6zg3] { display: flex; align-items: center; gap: var(--os-space-xs); } .admin-speakers__field[b-w9ubtd6zg3] { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .admin-speakers__field label[b-w9ubtd6zg3] { font-size: 0.75rem; font-weight: 600; color: var(--os-text-secondary); } .admin-speakers__input[b-w9ubtd6zg3] { width: 100%; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); font-size: 0.875rem; font-family: inherit; } .admin-speakers__input:focus[b-w9ubtd6zg3] { outline: none; border-color: var(--os-primary); } textarea.admin-speakers__input[b-w9ubtd6zg3] { min-height: 72px; resize: vertical; } .admin-speakers__edit[b-w9ubtd6zg3] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--os-space-md); padding: var(--os-space-sm) 0; } .admin-speakers__edit-actions[b-w9ubtd6zg3], .admin-speakers__create-actions[b-w9ubtd6zg3] { grid-column: 1 / -1; display: flex; gap: var(--os-space-sm); margin-top: var(--os-space-xs); } .admin-speakers__create-title[b-w9ubtd6zg3] { margin: 0 0 var(--os-space-md); font-size: 1.1rem; } .admin-speakers__form-grid[b-w9ubtd6zg3] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--os-space-md); } .admin-speakers__error[b-w9ubtd6zg3] { color: var(--os-danger, #991b1b); font-size: 0.875rem; margin: 0 0 var(--os-space-sm); } html[data-ui="v2"] .admin-speakers[b-w9ubtd6zg3] { padding: var(--os-space-lg); gap: var(--os-space-lg); } html[data-ui="v2"] .admin-speakers__loading[b-w9ubtd6zg3], html[data-ui="v2"] .admin-speakers__empty[b-w9ubtd6zg3] { border-radius: var(--os-radius-lg); } html[data-ui="v2"] .admin-speakers__table-wrap[b-w9ubtd6zg3] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-speakers__table th[b-w9ubtd6zg3] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .admin-speakers__chip--seeded[b-w9ubtd6zg3] { background: var(--os-primary-light); color: var(--os-primary-dark); } html[data-ui="v2"] .admin-speakers__chip--ok[b-w9ubtd6zg3] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .admin-speakers__chip--warn[b-w9ubtd6zg3] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .admin-speakers__input:focus-visible[b-w9ubtd6zg3] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .admin-user-detail[b-yey9t5a46b] { max-width: 900px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-user-detail__breadcrumb[b-yey9t5a46b] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary, #6b7280); } .admin-user-detail__breadcrumb a[b-yey9t5a46b] { color: var(--os-primary); text-decoration: none; } .admin-user-detail__header[b-yey9t5a46b] { display: flex; gap: var(--os-space-md); align-items: flex-start; } .admin-user-detail__avatar[b-yey9t5a46b] { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; } .admin-user-detail__header h1[b-yey9t5a46b] { margin: 0; font-size: 1.5rem; } .admin-user-detail__sub[b-yey9t5a46b] { margin: 0; color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .admin-user-detail__sub--mono[b-yey9t5a46b] { font-family: monospace; font-size: 0.75rem; color: var(--os-text-tertiary, #9ca3af); } .admin-user-detail__status-block[b-yey9t5a46b] { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .admin-user-detail__banner[b-yey9t5a46b] { padding: var(--os-space-sm) var(--os-space-md); background: #d1fae5; color: #065f46; } .admin-user-detail__section[b-yey9t5a46b] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-user-detail__section h2[b-yey9t5a46b] { margin: 0; font-size: 1.125rem; } .admin-user-detail__section h3[b-yey9t5a46b] { margin: var(--os-space-md) 0 0; font-size: 0.875rem; text-transform: uppercase; color: var(--os-text-secondary, #6b7280); } .admin-user-detail__section label[b-yey9t5a46b] { display: flex; flex-direction: column; gap: 4px; font-weight: 600; font-size: 0.875rem; } .admin-user-detail__section input[b-yey9t5a46b], .admin-user-detail__section textarea[b-yey9t5a46b] { padding: 6px 10px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-family: inherit; font-size: 0.875rem; font-weight: 400; } .admin-user-detail__section textarea[b-yey9t5a46b] { resize: vertical; min-height: 60px; } .admin-user-detail__check[b-yey9t5a46b] { flex-direction: row !important; align-items: center; gap: 6px; cursor: pointer; } .admin-user-detail__hint[b-yey9t5a46b] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; font-style: italic; } .admin-user-detail__primary[b-yey9t5a46b] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-user-detail__primary:disabled[b-yey9t5a46b] { opacity: 0.6; } .admin-user-detail__ticket[b-yey9t5a46b] { margin-top: var(--os-space-sm); font-size: 0.875rem; } .admin-user-detail__ticket code[b-yey9t5a46b] { display: block; background: var(--os-surface-2, #f3f4f6); padding: 6px 10px; border-radius: 4px; word-break: break-all; font-size: 0.75rem; } .admin-user-detail__role-grid[b-yey9t5a46b] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--os-space-sm); } .admin-user-detail__role-row[b-yey9t5a46b] { flex-direction: row !important; align-items: flex-start; gap: 8px; padding: var(--os-space-sm); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); cursor: pointer; } .admin-user-detail__role-name[b-yey9t5a46b] { font-weight: 700; } .admin-user-detail__role-desc[b-yey9t5a46b] { display: block; color: var(--os-text-secondary, #6b7280); font-weight: 400; font-size: 0.75rem; margin-top: 2px; } .admin-user-detail__danger[b-yey9t5a46b] { border-left: 4px solid var(--os-error, #dc2626); } .admin-user-detail__danger-btn[b-yey9t5a46b] { align-self: flex-start; padding: 6px 16px; border: none; border-radius: var(--os-radius-md, 6px); background: var(--os-error, #dc2626); color: #fff; font-weight: 600; cursor: pointer; } .admin-user-detail__danger-btn:disabled[b-yey9t5a46b] { opacity: 0.5; cursor: not-allowed; } .admin-user-detail__block-history[b-yey9t5a46b] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .admin-user-detail__block-history li[b-yey9t5a46b] { padding: var(--os-space-sm); border-left: 3px solid var(--os-border, #e5e7eb); background: var(--os-surface-2, #f9fafb); border-radius: 0 var(--os-radius-md, 4px) var(--os-radius-md, 4px) 0; } .admin-user-detail__action--block[b-yey9t5a46b] { color: #991b1b; } .admin-user-detail__action--unblock[b-yey9t5a46b] { color: #065f46; } .admin-user-detail__history-meta[b-yey9t5a46b] { margin-left: var(--os-space-sm); color: var(--os-text-secondary, #6b7280); font-size: 0.75rem; } .admin-user-detail__history-reason[b-yey9t5a46b] { margin: 4px 0 0; font-size: 0.875rem; } .admin-user-detail__history-audit[b-yey9t5a46b] { margin: 6px 0 0; font-size: 0.8125rem; color: var(--os-text-secondary); } .admin-user-detail__history-audit summary[b-yey9t5a46b] { cursor: pointer; user-select: none; } .admin-user-detail__history-audit p[b-yey9t5a46b] { margin: 4px 0 0 12px; } .admin-user-detail__history-audit code[b-yey9t5a46b] { margin-left: 6px; font-size: 0.75rem; } .admin-user-detail__history-ua[b-yey9t5a46b] { word-break: break-all; } .admin-users__chip[b-yey9t5a46b] { display: inline-block; padding: 1px 8px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; } .admin-users__chip--ok[b-yey9t5a46b] { background: #d1fae5; color: #065f46; } .admin-users__chip--danger[b-yey9t5a46b] { background: #fee2e2; color: #991b1b; } .admin-users__chip--warn[b-yey9t5a46b] { background: #fef3c7; color: #92400e; } html[data-ui="v2"] .admin-user-detail[b-yey9t5a46b] { gap: var(--os-space-lg); } html[data-ui="v2"] .admin-user-detail__breadcrumb[b-yey9t5a46b] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-user-detail__sub[b-yey9t5a46b] { color: var(--os-text-secondary); } html[data-ui="v2"] .admin-user-detail__sub--mono[b-yey9t5a46b] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-user-detail__section[b-yey9t5a46b] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); gap: var(--os-space-md); } html[data-ui="v2"] .admin-user-detail__section h2[b-yey9t5a46b] { font-size: 0.8rem; font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.04em; } html[data-ui="v2"] .admin-user-detail__section h3[b-yey9t5a46b] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-user-detail__section input[b-yey9t5a46b], html[data-ui="v2"] .admin-user-detail__section textarea[b-yey9t5a46b] { border-color: var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-primary); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } html[data-ui="v2"] .admin-user-detail__section input:focus-visible[b-yey9t5a46b], html[data-ui="v2"] .admin-user-detail__section textarea:focus-visible[b-yey9t5a46b] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-user-detail__hint[b-yey9t5a46b] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-user-detail__primary[b-yey9t5a46b], html[data-ui="v2"] .admin-user-detail__danger-btn[b-yey9t5a46b] { color: var(--os-text-on-primary); border-radius: var(--os-radius-md); transition: filter var(--os-transition-fast); } html[data-ui="v2"] .admin-user-detail__primary:hover:not(:disabled)[b-yey9t5a46b], html[data-ui="v2"] .admin-user-detail__danger-btn:hover:not(:disabled)[b-yey9t5a46b] { filter: brightness(1.05); } html[data-ui="v2"] .admin-user-detail__primary:focus-visible[b-yey9t5a46b], html[data-ui="v2"] .admin-user-detail__danger-btn:focus-visible[b-yey9t5a46b] { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-focus-ring-color) 35%, transparent); } html[data-ui="v2"] .admin-user-detail__danger-btn[b-yey9t5a46b] { background: var(--os-error); } html[data-ui="v2"] .admin-user-detail__ticket code[b-yey9t5a46b] { background: var(--os-surface-variant); color: var(--os-text-primary); } html[data-ui="v2"] .admin-user-detail__role-row[b-yey9t5a46b] { border-color: var(--os-border); border-radius: var(--os-radius-md); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } html[data-ui="v2"] .admin-user-detail__role-row:hover[b-yey9t5a46b] { background: var(--os-surface-variant); border-color: var(--os-primary); } html[data-ui="v2"] .admin-user-detail__role-desc[b-yey9t5a46b] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-user-detail__danger[b-yey9t5a46b] { border-left-color: var(--os-error); background: color-mix(in srgb, var(--os-error) 6%, var(--os-surface)); } html[data-ui="v2"] .admin-user-detail__block-history li[b-yey9t5a46b] { background: var(--os-surface-variant); border-left-color: var(--os-border); } html[data-ui="v2"] .admin-user-detail__action--block[b-yey9t5a46b] { color: var(--os-error); } html[data-ui="v2"] .admin-user-detail__action--unblock[b-yey9t5a46b] { color: var(--os-success); } html[data-ui="v2"] .admin-user-detail__history-meta[b-yey9t5a46b] { color: var(--os-text-tertiary); } html[data-ui="v2"] .admin-users__chip--ok[b-yey9t5a46b] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .admin-users__chip--danger[b-yey9t5a46b] { background: var(--os-error-light); color: var(--os-error); } html[data-ui="v2"] .admin-users__chip--warn[b-yey9t5a46b] { background: var(--os-warning-light); color: var(--os-warning); } .admin-users[b-jvve0c898i] { max-width: 1200px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .admin-users__header[b-jvve0c898i] { display: flex; align-items: center; gap: var(--os-space-sm); } .admin-users__header h1[b-jvve0c898i] { margin: 0; } .admin-users__search[b-jvve0c898i] { display: flex; gap: var(--os-space-xs); align-items: center; flex-wrap: wrap; } .admin-users__search-input[b-jvve0c898i] { flex: 1; min-width: 240px; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); font-size: 0.875rem; } .admin-users__search-btn[b-jvve0c898i] { padding: var(--os-space-sm) var(--os-space-md); border: none; border-radius: var(--os-radius-md, 8px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .admin-users__search-btn:disabled[b-jvve0c898i] { opacity: 0.6; } .admin-users__clear[b-jvve0c898i] { padding: 0 8px; background: none; border: 0; color: var(--os-primary); cursor: pointer; text-decoration: underline; } .admin-users__empty[b-jvve0c898i] { color: var(--os-text-secondary, #6b7280); } .admin-users__table-wrap[b-jvve0c898i] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .admin-users__table[b-jvve0c898i] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .admin-users__table th[b-jvve0c898i], .admin-users__table td[b-jvve0c898i] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .admin-users__table tbody tr:last-child td[b-jvve0c898i] { border-bottom: none; } .admin-users__table th[b-jvve0c898i] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .admin-users__row[b-jvve0c898i] { cursor: pointer; } .admin-users__row:hover[b-jvve0c898i] { background: var(--os-surface-variant); } .admin-users__chip[b-jvve0c898i] { display: inline-block; padding: 1px 8px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; margin-right: 4px; } .admin-users__chip--role[b-jvve0c898i] { background: #e0e7ff; color: #3730a3; } .admin-users__chip--ok[b-jvve0c898i] { background: #d1fae5; color: #065f46; } .admin-users__chip--danger[b-jvve0c898i] { background: #fee2e2; color: #991b1b; } .admin-users__chip--warn[b-jvve0c898i] { background: #fef3c7; color: #92400e; } .admin-users__pager[b-jvve0c898i] { display: flex; gap: var(--os-space-sm); align-items: center; justify-content: center; margin-top: var(--os-space-md); } .admin-users__pager button[b-jvve0c898i] { padding: 4px 12px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); background: transparent; cursor: pointer; font-size: 0.875rem; } .admin-users__pager button:disabled[b-jvve0c898i] { opacity: 0.5; cursor: not-allowed; } html[data-ui="v2"] .admin-users__table-wrap[b-jvve0c898i] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .admin-users__table th[b-jvve0c898i], html[data-ui="v2"] .admin-users__table td[b-jvve0c898i] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .admin-users__chip--role[b-jvve0c898i] { background: var(--os-primary-light); color: var(--os-primary); } html[data-ui="v2"] .admin-users__chip--ok[b-jvve0c898i] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .admin-users__chip--danger[b-jvve0c898i] { background: var(--os-error-light); color: var(--os-error); } html[data-ui="v2"] .admin-users__chip--warn[b-jvve0c898i] { background: var(--os-warning-light); color: var(--os-warning); } .voice-requests-page[b-orzrqnvhdf] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding: var(--os-space-xl) 0; } .voice-requests-page__head h1[b-orzrqnvhdf] { margin: 0 0 var(--os-space-xs) 0; color: var(--os-text-primary); } .voice-requests-page__lede[b-orzrqnvhdf] { margin: 0; color: var(--os-text-secondary); max-width: 70ch; } .voice-requests-page__empty[b-orzrqnvhdf] { color: var(--os-text-tertiary); padding: var(--os-space-lg); text-align: center; } .voice-requests-table-wrap[b-orzrqnvhdf] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .voice-requests-table[b-orzrqnvhdf] { width: 100%; border-collapse: collapse; } .voice-requests-table th[b-orzrqnvhdf], .voice-requests-table td[b-orzrqnvhdf] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .voice-requests-table tbody tr:last-child td[b-orzrqnvhdf] { border-bottom: none; } .voice-requests-table th[b-orzrqnvhdf] { color: var(--os-text-secondary); font-weight: 600; background: var(--os-surface-variant); } .voice-requests-table__actions[b-orzrqnvhdf] { display: flex; gap: var(--os-space-xs); } .voice-requests-toast[b-orzrqnvhdf] { position: fixed; bottom: var(--os-space-lg); right: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); box-shadow: var(--os-shadow-sm); padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); } html[data-ui="v2"] .voice-requests-page[b-orzrqnvhdf] { gap: var(--os-space-xl); } html[data-ui="v2"] .voice-requests-page__head h1[b-orzrqnvhdf] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .voice-requests-table-wrap[b-orzrqnvhdf] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .voice-requests-table th[b-orzrqnvhdf] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .voice-requests-toast[b-orzrqnvhdf] { border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-md); } .account-complete[b-wvuty7olpi] { gap: var(--os-space-lg); } .account-complete__form[b-wvuty7olpi] { display: flex; flex-direction: column; gap: var(--os-space-md); } .account-complete__field[b-wvuty7olpi] { display: flex; flex-direction: column; gap: 6px; } .account-complete__birthdate-row[b-wvuty7olpi] { display: flex; gap: var(--os-space-sm); } .account-complete__birthdate-row > select[b-wvuty7olpi] { flex: 1 1 0; min-width: 0; } .account-complete__label[b-wvuty7olpi] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .account-complete__section-heading[b-wvuty7olpi] { display: flex; flex-direction: column; gap: 2px; margin-top: var(--os-space-sm); } .account-complete__section-title[b-wvuty7olpi] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); margin: 0; } .account-complete__field-error[b-wvuty7olpi] { font-size: var(--os-font-size-xs); color: var(--os-error); font-weight: var(--os-font-weight-medium); } .account-complete__error-banner[b-wvuty7olpi] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-error-light); color: var(--os-error); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); } .account-complete__consent[b-wvuty7olpi] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .account-complete__checkbox-row[b-wvuty7olpi] { display: flex; align-items: flex-start; gap: var(--os-space-sm); cursor: pointer; font-size: var(--os-font-size-sm); line-height: 1.4; } .account-complete__checkbox-row input[type="checkbox"][b-wvuty7olpi] { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--os-primary); flex-shrink: 0; cursor: pointer; } .account-complete__checkbox-label[b-wvuty7olpi] { color: var(--os-text-primary); } .auth-page__error[b-kfnt9q718c] { margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-error-light); color: var(--os-error); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-align: center; } .btn-spinner[b-kfnt9q718c] { width: 18px; height: 18px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: spin-b-kfnt9q718c 0.7s linear infinite; flex-shrink: 0; } @keyframes spin-b-kfnt9q718c { to { transform: rotate(360deg); } } html[data-ui="v2"] .auth-page--v2[b-kfnt9q718c] { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; } html[data-ui="v2"] .auth-page__backdrop[b-kfnt9q718c] { position: fixed; inset: 0; z-index: -1; background-image: url("/_content/OutaStory.App.Shared/img/brand/auth-backdrop.webp"); background-size: cover; background-position: center; pointer-events: none; } html[data-ui="v2"] .auth-page__card[b-kfnt9q718c] { width: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); text-align: center; } html[data-ui="v2"] .auth-page--v2[b-p1b1mkfexw] { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; } html[data-ui="v2"] .auth-page__backdrop[b-p1b1mkfexw] { position: fixed; inset: 0; z-index: -1; background-image: url("/_content/OutaStory.App.Shared/img/brand/auth-backdrop.webp"); background-size: cover; background-position: center; pointer-events: none; } html[data-ui="v2"] .auth-page__card[b-p1b1mkfexw] { width: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); text-align: center; } .auth-page__error[b-66gqgzdmcs] { margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-error-light); color: var(--os-error); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-align: center; } .btn-spinner[b-66gqgzdmcs] { width: 18px; height: 18px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: spin-b-66gqgzdmcs 0.7s linear infinite; flex-shrink: 0; } @keyframes spin-b-66gqgzdmcs { to { transform: rotate(360deg); } } html[data-ui="v2"] .auth-page--v2[b-66gqgzdmcs] { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; } html[data-ui="v2"] .auth-page__backdrop[b-66gqgzdmcs] { position: fixed; inset: 0; z-index: -1; background-image: url("/_content/OutaStory.App.Shared/img/brand/auth-backdrop.webp"); background-size: cover; background-position: center; pointer-events: none; } html[data-ui="v2"] .auth-page__card[b-66gqgzdmcs] { width: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); text-align: center; } .author-insights__loading[b-23my9bnv3m], .author-insights__empty[b-23my9bnv3m] { color: var(--os-text-secondary); padding: var(--os-space-md) 0; margin: 0; } .author-insights__table-wrap[b-23my9bnv3m] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; margin-top: var(--os-space-md); } .author-insights__table[b-23my9bnv3m] { width: 100%; border-collapse: collapse; margin-top: var(--os-space-md); font-size: 0.95rem; color: var(--os-text-primary); } .author-insights__table-wrap > .author-insights__table[b-23my9bnv3m] { margin-top: 0; } .author-insights__table th[b-23my9bnv3m], .author-insights__table td[b-23my9bnv3m] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .author-insights__table th[b-23my9bnv3m] { background: var(--os-surface-variant); color: var(--os-text-primary); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; } .author-insights__table td:nth-child(2)[b-23my9bnv3m], .author-insights__table td:nth-child(3)[b-23my9bnv3m], .author-insights__table td:nth-child(4)[b-23my9bnv3m], .author-insights__table td:nth-child(5)[b-23my9bnv3m], .author-insights__table td:nth-child(6)[b-23my9bnv3m], .author-insights__table td:nth-child(7)[b-23my9bnv3m] { font-variant-numeric: tabular-nums; text-align: right; } .author-insights__footnote[b-23my9bnv3m] { font-size: 0.85rem; color: var(--os-text-tertiary); margin: var(--os-space-md) 0 0; line-height: 1.5; } @media (max-width: 640px) { .author-insights__table th:nth-child(3)[b-23my9bnv3m], .author-insights__table td:nth-child(3)[b-23my9bnv3m], .author-insights__table th:nth-child(4)[b-23my9bnv3m], .author-insights__table td:nth-child(4)[b-23my9bnv3m], .author-insights__table th:nth-child(5)[b-23my9bnv3m], .author-insights__table td:nth-child(5)[b-23my9bnv3m], .author-insights__table th:nth-child(6)[b-23my9bnv3m], .author-insights__table td:nth-child(6)[b-23my9bnv3m] { display: none; } .author-insights__table th[b-23my9bnv3m], .author-insights__table td[b-23my9bnv3m] { padding: var(--os-space-sm); } } .category-page[b-h3pc49a700] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding-bottom: var(--os-space-xxl); } .category-page__header[b-h3pc49a700] { display: flex; align-items: center; } .category-page__title[b-h3pc49a700] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .category-page__tabs[b-h3pc49a700] { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; position: sticky; top: 0; z-index: 5; background: var(--os-background); padding: var(--os-space-xs) 0; margin: 0 calc(var(--os-space-md) * -1); padding-left: var(--os-space-md); padding-right: var(--os-space-md); } .category-page__tabs[b-h3pc49a700]::-webkit-scrollbar { display: none; } @media (min-width: 1024px) { .category-page__tabs[b-h3pc49a700] { overflow-x: visible; } } .category-page__tabs-row[b-h3pc49a700] { margin-top: var(--os-space-xs); padding-top: var(--os-space-xs); border-top: 1px dashed var(--os-border-light); } .category-page__tabs-row[b-h3pc49a700] .category-tabs__tab { font-size: 13px; padding: 6px 12px; color: var(--os-text-secondary); } .category-page__tabs-row[b-h3pc49a700] .category-tabs__tab--active { color: var(--os-tab-active); } .category-page__sort[b-h3pc49a700] { display: flex; gap: var(--os-space-xs, 0.375rem); overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding: var(--os-space-xs, 0.25rem) 0; } .category-page__sort[b-h3pc49a700]::-webkit-scrollbar { display: none; } .category-page__sort-chip[b-h3pc49a700] { flex-shrink: 0; padding: 0.375rem 0.875rem; border: 1px solid var(--os-border); border-radius: var(--os-radius-full, 999px); background: var(--os-surface); color: var(--os-text-secondary); font-size: var(--os-font-size-sm, 0.8125rem); font-weight: var(--os-font-weight-medium, 500); cursor: pointer; white-space: nowrap; transition: background-color 0.15s, border-color 0.15s, color 0.15s; } .category-page__sort-chip:hover[b-h3pc49a700] { border-color: var(--os-primary); color: var(--os-text-primary); } .category-page__sort-chip--active[b-h3pc49a700] { background: var(--os-primary); border-color: var(--os-primary); color: #fff; } .category-page__sort-chip--active:hover[b-h3pc49a700] { color: #fff; } .category-page__results[b-h3pc49a700] { min-height: 200px; } .category-page__grid[b-h3pc49a700] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1280px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1600px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 2000px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(7, minmax(0, 1fr)); } } .category-page__grid-ad[b-h3pc49a700] { grid-column: 1 / -1; } @media (min-width: 2400px) { .category-page__grid[b-h3pc49a700] { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .category-page__earlier[b-h3pc49a700] { display: flex; justify-content: center; padding: var(--os-space-sm) 0; } .category-page__earlier-link[b-h3pc49a700] { color: var(--os-text-secondary); text-decoration: underline; font-size: var(--os-font-size-sm, 0.875rem); } .category-page__earlier-link:hover[b-h3pc49a700] { color: var(--os-primary); } .category-page__empty[b-h3pc49a700] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-md); padding: var(--os-space-xxl) var(--os-space-xl); text-align: center; color: var(--os-text-secondary); font-size: var(--os-font-size-md); } .category-page__empty svg[b-h3pc49a700] { color: var(--os-text-tertiary); opacity: 0.5; } .category-page__offline[b-h3pc49a700] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-md); padding: var(--os-space-2xl) var(--os-space-xl); text-align: center; color: var(--os-text-secondary); } .category-page__offline svg[b-h3pc49a700] { color: var(--os-text-tertiary); opacity: 0.5; } .category-page__offline-title[b-h3pc49a700] { margin: 0; color: var(--os-text-primary); font-size: var(--os-font-size-lg); font-weight: 600; } .category-page__offline-body[b-h3pc49a700] { margin: 0; max-width: 42ch; font-size: var(--os-font-size-md); } .category-hero-search[b-h3pc49a700] { display: inline-flex; align-items: center; gap: var(--os-space-sm); min-height: 44px; min-width: 240px; padding: 0 var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); background: var(--os-surface); color: var(--os-text-tertiary); text-decoration: none; transition: border-color 0.15s, color 0.15s; } .category-hero-search:hover[b-h3pc49a700], .category-hero-search:focus-visible[b-h3pc49a700] { border-color: var(--os-primary); color: var(--os-text-secondary); } .category-hero-search svg[b-h3pc49a700] { flex-shrink: 0; width: 18px; height: 18px; } .category-hero-search__placeholder[b-h3pc49a700] { font-size: var(--os-font-size-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .category-page__active-filters[b-h3pc49a700] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border-radius: var(--os-radius-lg); } .category-page__active-filters-label[b-h3pc49a700] { color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); margin-right: var(--os-space-xs); } .category-page__filter-chip[b-h3pc49a700] { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border: 1px solid var(--os-border); border-radius: var(--os-radius-full); background: var(--os-surface); color: var(--os-text-primary); font-size: var(--os-font-size-sm); text-decoration: none; } .category-page__filter-chip:hover[b-h3pc49a700] { border-color: var(--os-primary); color: var(--os-primary); } .category-page__filter-clear[b-h3pc49a700] { margin-left: auto; color: var(--os-primary); font-size: var(--os-font-size-sm); text-decoration: underline; } .category-page__mood-grid[b-h3pc49a700] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: var(--os-space-md); } .category-page__mood-grid[b-h3pc49a700] .category-card__art { display: block; aspect-ratio: 3 / 2; border-radius: var(--os-radius-md); overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--os-primary) 18%, transparent), color-mix(in srgb, var(--os-primary) 4%, transparent)); } .category-page__mood-grid[b-h3pc49a700] .category-card__art img { width: 100%; height: 100%; object-fit: cover; } .category-page__sorts[b-h3pc49a700] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-xs); } .category-page__filter-sheet-open[b-h3pc49a700] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); background: var(--os-surface); color: var(--os-text-secondary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); cursor: pointer; } .category-page__filter-sheet-open:hover[b-h3pc49a700], .category-page__filter-sheet-open:focus-visible[b-h3pc49a700] { border-color: var(--os-primary); color: var(--os-text-primary); } @media (min-width: 768px) { .category-page__filter-sheet-open[b-h3pc49a700] { display: none; } } .category-page__filter-sheet-sorts[b-h3pc49a700] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); margin-bottom: var(--os-space-md); } .search-page[b-a0kcxj2l4u] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding-bottom: var(--os-space-xxl); } .search-page__sr-title[b-a0kcxj2l4u] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .search-page__bar[b-a0kcxj2l4u] { position: sticky; top: 0; z-index: 5; background: var(--os-background); padding: var(--os-space-xs) 0; } .search-input-wrap[b-a0kcxj2l4u] { position: relative; display: flex; align-items: center; } .search-input-wrap__icon[b-a0kcxj2l4u] { position: absolute; left: var(--os-space-md); display: flex; align-items: center; color: var(--os-text-tertiary); pointer-events: none; z-index: 1; } .search-input-wrap__icon svg[b-a0kcxj2l4u] { width: 18px; height: 18px; } .search-input-wrap__input[b-a0kcxj2l4u] { width: 100%; padding-left: calc(var(--os-space-md) + 18px + var(--os-space-sm)); padding-right: calc(var(--os-space-md) + 24px + var(--os-space-sm)); height: 48px; font-size: var(--os-font-size-md); } .search-input-wrap__input[b-a0kcxj2l4u]::-webkit-search-cancel-button { display: none; } .search-input-wrap__clear[b-a0kcxj2l4u] { position: absolute; right: var(--os-space-md); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: none; background: var(--os-surface-variant); border-radius: var(--os-radius-full); color: var(--os-text-secondary); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } .search-input-wrap__clear:hover[b-a0kcxj2l4u] { background: var(--os-border); color: var(--os-text-primary); } .search-input-wrap__clear svg[b-a0kcxj2l4u] { width: 14px; height: 14px; } .search-page__section-title[b-a0kcxj2l4u] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; display: flex; align-items: center; gap: var(--os-space-xs); } .search-page__results-count[b-a0kcxj2l4u] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-normal); color: var(--os-text-secondary); } .search-page__recents[b-a0kcxj2l4u] { display: flex; flex-direction: column; gap: var(--os-space-md); } .search-page__recent-list[b-a0kcxj2l4u] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; } .search-page__recent-item[b-a0kcxj2l4u] { display: block; } .search-page__recent-btn[b-a0kcxj2l4u] { display: flex; align-items: center; gap: var(--os-space-md); width: 100%; padding: var(--os-space-md); background: none; border: none; border-radius: var(--os-radius-md); cursor: pointer; text-align: left; transition: background-color var(--os-transition-fast); } .search-page__recent-btn:hover[b-a0kcxj2l4u], .search-page__recent-btn:focus-visible[b-a0kcxj2l4u] { background: var(--os-surface); outline: none; } .search-page__recent-icon[b-a0kcxj2l4u] { display: flex; align-items: center; color: var(--os-text-tertiary); flex-shrink: 0; } .search-page__recent-icon svg[b-a0kcxj2l4u] { width: 18px; height: 18px; } .search-page__recent-text[b-a0kcxj2l4u] { flex: 1; font-size: var(--os-font-size-md); color: var(--os-text-primary); font-weight: var(--os-font-weight-medium); } .search-page__recent-arrow[b-a0kcxj2l4u] { display: flex; align-items: center; color: var(--os-text-tertiary); flex-shrink: 0; } .search-page__recent-arrow svg[b-a0kcxj2l4u] { width: 16px; height: 16px; } .search-page__results[b-a0kcxj2l4u] { display: flex; flex-direction: column; gap: var(--os-space-md); } .search-page__grid[b-a0kcxj2l4u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .search-page__grid[b-a0kcxj2l4u] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .search-page__grid[b-a0kcxj2l4u] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .search-page__section-header[b-a0kcxj2l4u] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); } .search-page__loading[b-a0kcxj2l4u] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 3rem 1rem; color: var(--os-text-secondary); } .search-page__loading p[b-a0kcxj2l4u] { margin: 0; font-size: var(--os-font-size-sm); } .search-page__result-group[b-a0kcxj2l4u] { margin-bottom: var(--os-space-lg); } .search-page__group-title[b-a0kcxj2l4u] { font-size: var(--os-font-size-xs, 0.8125rem); font-weight: var(--os-font-weight-semibold, 600); color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 var(--os-space-sm) 0; padding-bottom: var(--os-space-xs); border-bottom: 1px solid var(--os-border); } .search-page__author-list[b-a0kcxj2l4u] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .search-page__author-item[b-a0kcxj2l4u] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); border: none; background: var(--os-surface); border-radius: var(--os-radius-md); cursor: pointer; width: 100%; text-align: left; transition: background-color var(--os-transition-fast); } .search-page__author-item:hover[b-a0kcxj2l4u] { background: var(--os-surface-variant); } .search-page__author-avatar[b-a0kcxj2l4u] { width: 40px; height: 40px; border-radius: var(--os-radius-full); object-fit: cover; flex-shrink: 0; } .search-page__author-info[b-a0kcxj2l4u] { flex: 1; min-width: 0; display: flex; flex-direction: column; } .search-page__author-name[b-a0kcxj2l4u] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold, 600); color: var(--os-text-primary); } .search-page__author-role[b-a0kcxj2l4u] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .search-page__author-stories[b-a0kcxj2l4u] { font-size: var(--os-font-size-xs, 0.75rem); color: var(--os-text-tertiary); flex-shrink: 0; } .search-page__category-list[b-a0kcxj2l4u] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .search-page__category-chip[b-a0kcxj2l4u] { cursor: pointer; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); border: 1px solid var(--os-border); background: var(--os-surface); border-radius: var(--os-radius-full); transition: background-color var(--os-transition-fast), border-color var(--os-transition-fast); display: flex; align-items: center; gap: var(--os-space-xs); } .search-page__category-chip:hover[b-a0kcxj2l4u] { background: var(--os-surface-variant); border-color: var(--os-primary); } .search-page__category-count[b-a0kcxj2l4u] { font-size: var(--os-font-size-xs, 0.75rem); color: var(--os-text-tertiary); } .search-page__empty[b-a0kcxj2l4u] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-md); padding: var(--os-space-xl); text-align: center; color: var(--os-text-secondary); font-size: var(--os-font-size-md); } .search-page__empty svg[b-a0kcxj2l4u] { color: var(--os-text-tertiary); opacity: 0.5; } .contest-page[b-p7vgxzp49l] { max-width: 1100px; margin: 0 auto; padding: 0 var(--os-space-md) var(--os-space-2xl); display: flex; flex-direction: column; gap: var(--os-space-xl); } .contest-page__topbar[b-p7vgxzp49l] { padding: var(--os-space-md) 0 0; } .contest-page__back-btn[b-p7vgxzp49l] { display: inline-flex; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-xs) var(--os-space-sm) var(--os-space-xs) 4px; background: transparent; border: 1px solid var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-secondary); cursor: pointer; font-size: var(--os-font-size-sm); transition: background var(--os-transition-fast), color var(--os-transition-fast); } .contest-page__back-btn:hover[b-p7vgxzp49l] { background: var(--os-surface-variant); color: var(--os-text-primary); } .contest-page__loading[b-p7vgxzp49l], .contest-page__notfound[b-p7vgxzp49l] { margin: 0; padding: var(--os-space-2xl) var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; color: var(--os-text-secondary); } .contest-page__hero[b-p7vgxzp49l] { position: relative; min-height: 320px; border-radius: var(--os-radius-lg); overflow: hidden; background-color: color-mix(in srgb, var(--os-primary) 18%, var(--os-surface-variant)); background-position: center; background-size: cover; background-repeat: no-repeat; } .contest-page__hero-shade[b-p7vgxzp49l] { min-height: 320px; padding: var(--os-space-xl) var(--os-space-xl) var(--os-space-lg); display: flex; flex-direction: column; justify-content: flex-end; gap: var(--os-space-sm); background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.55) 100%); color: white; } .contest-page__hero-meta[b-p7vgxzp49l] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .contest-page__hero-status[b-p7vgxzp49l] { font-size: 11px; font-weight: var(--os-font-weight-bold); text-transform: uppercase; letter-spacing: 0.4px; padding: 4px 10px; border-radius: var(--os-radius-full); background: rgba(255, 255, 255, 0.18); backdrop-filter: blur(6px); } .contest-page__hero-status[data-status="Running"][b-p7vgxzp49l] { background: rgba(34, 197, 94, 0.92); } .contest-page__hero-status[data-status="Upcoming"][b-p7vgxzp49l] { background: rgba(217, 119, 6, 0.92); } .contest-page__hero-status[data-status="Finished"][b-p7vgxzp49l] { background: rgba(115, 115, 115, 0.85); } .contest-page__sample-badge[b-p7vgxzp49l] { padding: 4px 10px; background: rgba(220, 38, 38, 0.95); color: white; font-size: 11px; font-weight: var(--os-font-weight-bold); letter-spacing: 1px; text-transform: uppercase; border-radius: var(--os-radius-sm); } .contest-page__title[b-p7vgxzp49l] { font-size: var(--os-font-size-3xl); font-weight: var(--os-font-weight-bold); margin: 0; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } .contest-page__subtitle[b-p7vgxzp49l] { font-size: var(--os-font-size-lg); margin: 0; color: rgba(255, 255, 255, 0.92); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); } .contest-page__schedule[b-p7vgxzp49l] { margin: 0; font-size: var(--os-font-size-sm); color: rgba(255, 255, 255, 0.85); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .contest-page__schedule--judging[b-p7vgxzp49l] { margin-top: 0; color: rgba(255, 255, 255, 0.7); } .contest-page__hero--v2[b-p7vgxzp49l] { min-height: 360px; } .contest-page__hero-shade--v2[b-p7vgxzp49l] { min-height: 360px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.50) 35%, rgba(0, 0, 0, 0.80) 100%); } .contest-page__sample-banner[b-p7vgxzp49l] { display: flex; flex-direction: column; gap: 4px; padding: var(--os-space-md) var(--os-space-lg); background: color-mix(in srgb, #dc2626 8%, var(--os-surface)); border: 1px solid color-mix(in srgb, #dc2626 35%, transparent); border-radius: var(--os-radius-md); color: var(--os-text-primary); } .contest-page__sample-banner strong[b-p7vgxzp49l] { color: #b91c1c; letter-spacing: 1px; font-size: 12px; font-weight: var(--os-font-weight-bold); } .contest-page__sample-banner span[b-p7vgxzp49l] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; } .contest-page__body[b-p7vgxzp49l] { padding: var(--os-space-xl) var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); color: var(--os-text-primary); line-height: 1.7; } .contest-page__body h2[b-p7vgxzp49l], .contest-page__body h3[b-p7vgxzp49l] { margin-top: var(--os-space-xl); color: var(--os-text-primary); } .contest-page__body h2:first-child[b-p7vgxzp49l], .contest-page__body h3:first-child[b-p7vgxzp49l] { margin-top: 0; } html[data-ui="v2"] .contest-page__title[b-p7vgxzp49l] { overflow-wrap: anywhere; } .contest-page__body p[b-p7vgxzp49l], .contest-page__body ul[b-p7vgxzp49l], .contest-page__body ol[b-p7vgxzp49l] { margin-top: var(--os-space-md); color: var(--os-text-secondary); } .contest-page__body code[b-p7vgxzp49l] { padding: 1px 6px; background: var(--os-surface-variant); border-radius: var(--os-radius-sm); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; } .contest-page__panel[b-p7vgxzp49l] { padding: var(--os-space-lg) var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .contest-page__panel-title[b-p7vgxzp49l] { margin: 0 0 var(--os-space-sm); font-size: var(--os-font-size-lg); color: var(--os-text-primary); padding-bottom: var(--os-space-xs); border-bottom: 2px solid var(--os-primary); align-self: flex-start; display: inline-block; } .contest-page__panel-body[b-p7vgxzp49l] { margin: var(--os-space-sm) 0 0; font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.7; } .contest-page__panel-body code[b-p7vgxzp49l] { padding: 1px 6px; background: var(--os-surface-variant); border-radius: var(--os-radius-sm); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; } .contest-page__panel-cta[b-p7vgxzp49l] { display: inline-block; margin-top: var(--os-space-md); color: var(--os-primary); font-weight: var(--os-font-weight-semibold); text-decoration: none; } .contest-page__panel-cta:hover[b-p7vgxzp49l] { text-decoration: underline; } .contest-page__jury[b-p7vgxzp49l] { padding: var(--os-space-lg) var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .contest-page__jury-grid[b-p7vgxzp49l] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-lg); margin-top: var(--os-space-md); } @media (min-width: 640px) { .contest-page__jury-grid[b-p7vgxzp49l] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 960px) { .contest-page__jury-grid[b-p7vgxzp49l] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .contest-page__juror[b-p7vgxzp49l] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--os-space-xs); padding: var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } .contest-page__juror-photo-wrap[b-p7vgxzp49l] { width: 96px; height: 96px; border-radius: var(--os-radius-full); overflow: hidden; background: var(--os-surface); border: 2px solid var(--os-primary); } .contest-page__juror-photo[b-p7vgxzp49l] { width: 100%; height: 100%; object-fit: cover; display: block; } .contest-page__juror-photo-fallback[b-p7vgxzp49l] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: var(--os-font-weight-bold); color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 12%, transparent); } .contest-page__juror-name[b-p7vgxzp49l] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .contest-page__juror-bio[b-p7vgxzp49l] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; } .contest-page__juror-links[b-p7vgxzp49l] { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--os-space-xs); flex-wrap: wrap; justify-content: center; } .contest-page__juror-links a[b-p7vgxzp49l] { font-size: 12px; text-transform: lowercase; padding: 2px 8px; border: 1px solid var(--os-border); border-radius: var(--os-radius-full); color: var(--os-primary); text-decoration: none; background: var(--os-surface); } .contest-page__juror-links a:hover[b-p7vgxzp49l] { background: color-mix(in srgb, var(--os-primary) 8%, var(--os-surface)); } .contests-page[b-n6gfqf1ck7] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-xl) var(--os-space-md) var(--os-space-2xl); display: flex; flex-direction: column; gap: var(--os-space-2xl); } .contests-page__header[b-n6gfqf1ck7] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .contests-page__title[b-n6gfqf1ck7] { font-size: var(--os-font-size-3xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .contests-page__subtitle[b-n6gfqf1ck7] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; } .contests-page__loading[b-n6gfqf1ck7], .contests-page__empty[b-n6gfqf1ck7] { margin: 0; padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; color: var(--os-text-secondary); } .contests-page__section[b-n6gfqf1ck7] { display: flex; flex-direction: column; gap: var(--os-space-md); } .contests-page__section-title[b-n6gfqf1ck7] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0 0 var(--os-space-xs); padding-bottom: var(--os-space-xs); border-bottom: 2px solid var(--os-primary); align-self: flex-start; } .contests-page__section-empty[b-n6gfqf1ck7] { margin: 0; color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .contests-page__grid[b-n6gfqf1ck7] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-lg); } @media (min-width: 640px) { .contests-page__grid[b-n6gfqf1ck7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 960px) { .contests-page__grid[b-n6gfqf1ck7] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .contests-page__card[b-n6gfqf1ck7] { display: flex; flex-direction: column; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; text-decoration: none; color: inherit; transition: transform var(--os-transition-fast), box-shadow var(--os-transition-fast); } .contests-page__card:hover[b-n6gfqf1ck7] { transform: translateY(-2px); box-shadow: var(--os-shadow-md); } .contests-page__card-image-wrap[b-n6gfqf1ck7] { position: relative; aspect-ratio: 4 / 3; background: var(--os-surface-variant); overflow: hidden; } .contests-page__card-image[b-n6gfqf1ck7] { width: 100%; height: 100%; object-fit: cover; display: block; } .contests-page__card-image-fallback[b-n6gfqf1ck7] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--os-text-tertiary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 56px; font-weight: var(--os-font-weight-bold); } .contests-page__sample-badge[b-n6gfqf1ck7] { position: absolute; top: var(--os-space-sm); right: var(--os-space-sm); padding: 4px 10px; background: rgba(220, 38, 38, 0.92); color: white; font-size: 11px; font-weight: var(--os-font-weight-bold); letter-spacing: 1px; text-transform: uppercase; border-radius: var(--os-radius-sm); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18); } .contests-page__card-body[b-n6gfqf1ck7] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); } .contests-page__card-meta[b-n6gfqf1ck7] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .contests-page__card-status[b-n6gfqf1ck7] { font-size: 11px; font-weight: var(--os-font-weight-bold); text-transform: uppercase; letter-spacing: 0.4px; padding: 2px 8px; border-radius: var(--os-radius-full); background: color-mix(in srgb, var(--os-primary) 14%, transparent); color: var(--os-primary); } .contests-page__card-status[data-status="Running"][b-n6gfqf1ck7] { background: color-mix(in srgb, #16a34a 16%, transparent); color: #15803d; } .contests-page__card-status[data-status="Upcoming"][b-n6gfqf1ck7] { background: color-mix(in srgb, #d97706 16%, transparent); color: #b45309; } .contests-page__card-status[data-status="Finished"][b-n6gfqf1ck7] { background: var(--os-surface-variant); color: var(--os-text-tertiary); } .contests-page__card-dates[b-n6gfqf1ck7] { font-size: 12px; color: var(--os-text-tertiary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .contests-page__card-title[b-n6gfqf1ck7] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; line-height: 1.3; } .contests-page__card-subtitle[b-n6gfqf1ck7] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; line-height: 1.5; } .developer-claims[b-b7mbhpgqfn] { width: 100%; border-collapse: collapse; font-family: var(--os-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: var(--os-font-size-sm, 0.875rem); } .developer-claims th[b-b7mbhpgqfn], .developer-claims td[b-b7mbhpgqfn] { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--os-border); vertical-align: top; word-break: break-all; } .developer-claims th[b-b7mbhpgqfn] { color: var(--os-text-secondary); font-weight: 600; background: var(--os-surface-muted, rgba(0,0,0,0.02)); } .developer-claims--summary[b-b7mbhpgqfn] { margin-bottom: var(--os-space-lg); } .developer-claims--summary th[b-b7mbhpgqfn] { width: 240px; } .developer-claims__anon[b-b7mbhpgqfn] { padding: var(--os-space-md); border: 1px dashed var(--os-border); border-radius: var(--os-radius-sm, 6px); color: var(--os-text-secondary); text-align: center; } html[data-ui="v2"] .developer-claims th[b-b7mbhpgqfn], html[data-ui="v2"] .developer-claims td[b-b7mbhpgqfn] { padding: var(--os-space-sm) var(--os-space-md); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .developer-claims th[b-b7mbhpgqfn] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .developer-claims__anon[b-b7mbhpgqfn] { border-style: solid; border-radius: var(--os-radius-md); background: var(--os-surface-variant); } .developer-claims[b-9ham3p0q4o] { width: 100%; border-collapse: collapse; font-family: var(--os-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: var(--os-font-size-sm, 0.875rem); } .developer-claims th[b-9ham3p0q4o], .developer-claims td[b-9ham3p0q4o] { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--os-border); vertical-align: top; word-break: break-all; } .developer-claims th[b-9ham3p0q4o] { width: 240px; color: var(--os-text-secondary); font-weight: 600; background: var(--os-surface-muted, rgba(0,0,0,0.02)); } .developer-claims__anon[b-9ham3p0q4o] { padding: var(--os-space-md); border: 1px dashed var(--os-border); border-radius: var(--os-radius-sm, 6px); color: var(--os-text-secondary); text-align: center; } .developer-claims__token[b-9ham3p0q4o] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-ui="v2"] .developer-claims th[b-9ham3p0q4o], html[data-ui="v2"] .developer-claims td[b-9ham3p0q4o] { padding: var(--os-space-sm) var(--os-space-md); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .developer-claims th[b-9ham3p0q4o] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .developer-claims__anon[b-9ham3p0q4o] { border-style: solid; border-radius: var(--os-radius-md); background: var(--os-surface-variant); } .developer-form[b-4ahd9enal2] { display: flex; flex-direction: column; gap: var(--os-space-md); } .developer-form__field[b-4ahd9enal2] { display: flex; flex-direction: column; gap: var(--os-space-xxs, 4px); } .developer-form__label[b-4ahd9enal2] { font-weight: 600; color: var(--os-text); font-size: var(--os-font-size-sm, 0.875rem); } .developer-form__actions[b-4ahd9enal2] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .developer-form__danger[b-4ahd9enal2] { color: var(--os-danger, #d33); border-color: var(--os-danger, #d33); } .developer-form__result[b-4ahd9enal2] { padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-sm, 6px); border: 1px solid var(--os-border); } .developer-form__result--ok[b-4ahd9enal2] { border-color: var(--os-success, #2e7d32); color: var(--os-success, #2e7d32); background: rgba(46, 125, 50, 0.08); } .developer-form__result--error[b-4ahd9enal2] { border-color: var(--os-danger, #d33); color: var(--os-danger, #d33); background: rgba(211, 51, 51, 0.08); } html[data-ui="v2"] .developer-form[b-4ahd9enal2] { gap: var(--os-space-lg); } html[data-ui="v2"] .developer-form__label[b-4ahd9enal2] { font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); } html[data-ui="v2"] .developer-form__danger[b-4ahd9enal2] { color: var(--os-error); border-color: var(--os-error); } html[data-ui="v2"] .developer-form__result[b-4ahd9enal2] { border-radius: var(--os-radius-md); padding: var(--os-space-md); } html[data-ui="v2"] .developer-form__result--ok[b-4ahd9enal2] { border-color: var(--os-success); color: var(--os-success); background: var(--os-success-light); } html[data-ui="v2"] .developer-form__result--error[b-4ahd9enal2] { border-color: var(--os-error); color: var(--os-error); background: var(--os-error-light); } .developer-claims[b-uqdoyvdf1d] { width: 100%; border-collapse: collapse; font-family: var(--os-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size: var(--os-font-size-sm, 0.875rem); } .developer-claims th[b-uqdoyvdf1d], .developer-claims td[b-uqdoyvdf1d] { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--os-border); vertical-align: top; word-break: break-all; } .developer-claims th[b-uqdoyvdf1d] { width: 240px; color: var(--os-text-secondary); font-weight: 600; background: var(--os-surface-muted, rgba(0,0,0,0.02)); } html[data-ui="v2"] .developer-claims th[b-uqdoyvdf1d], html[data-ui="v2"] .developer-claims td[b-uqdoyvdf1d] { padding: var(--os-space-sm) var(--os-space-md); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .developer-claims th[b-uqdoyvdf1d] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); } .test-feedback-page[b-rvhmw8kx3e] { max-width: 1100px; } .test-feedback-page__count[b-rvhmw8kx3e] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .test-feedback-page__count strong[b-rvhmw8kx3e] { color: var(--os-text-primary); } .test-feedback-page__version[b-rvhmw8kx3e] { display: flex; flex-direction: column; gap: var(--os-space-md); } .test-feedback-page__version-title[b-rvhmw8kx3e] { display: flex; align-items: center; gap: var(--os-space-md); margin: 0 0 var(--os-space-xs); font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); padding-bottom: var(--os-space-xs); border-bottom: 2px solid var(--os-primary); } .test-feedback-page__version-tag[b-rvhmw8kx3e] { display: inline-block; padding: 2px 10px; background: var(--os-primary); color: white; border-radius: var(--os-radius-full); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .test-feedback-page__version-count[b-rvhmw8kx3e] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-normal); color: var(--os-text-secondary); } .test-feedback-page__challenge[b-rvhmw8kx3e] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .test-feedback-page__challenge-head[b-rvhmw8kx3e] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); padding-bottom: var(--os-space-sm); border-bottom: 1px dashed var(--os-border); } .test-feedback-page__category-pill[b-rvhmw8kx3e] { display: inline-block; padding: 2px 8px; background: color-mix(in srgb, var(--os-primary) 12%, transparent); color: var(--os-primary); font-size: 11px; font-weight: var(--os-font-weight-semibold); text-transform: uppercase; border-radius: var(--os-radius-full); } .test-feedback-page__challenge-title[b-rvhmw8kx3e] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .test-feedback-page__challenge-code[b-rvhmw8kx3e] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: var(--os-text-tertiary); } .test-feedback-page__challenge-count[b-rvhmw8kx3e] { margin-left: auto; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .test-feedback-page__attempt[b-rvhmw8kx3e] { border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface-variant); overflow: hidden; } .test-feedback-page__attempt[open][b-rvhmw8kx3e] { background: var(--os-surface); } .test-feedback-page__attempt-summary[b-rvhmw8kx3e] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); cursor: pointer; font-size: var(--os-font-size-sm); } .test-feedback-page__attempt-summary[b-rvhmw8kx3e]::-webkit-details-marker { display: none; } .test-feedback-page__attempt-summary[b-rvhmw8kx3e]::before { content: "▶"; color: var(--os-text-tertiary); font-size: 10px; transition: transform var(--os-transition-fast); } .test-feedback-page__attempt[open] .test-feedback-page__attempt-summary[b-rvhmw8kx3e]::before { transform: rotate(90deg); } .test-feedback-page__attempt-name[b-rvhmw8kx3e] { font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .test-feedback-page__attempt-email[b-rvhmw8kx3e] { color: var(--os-primary); text-decoration: none; } .test-feedback-page__attempt-email:hover[b-rvhmw8kx3e] { text-decoration: underline; } .test-feedback-page__attempt-platforms[b-rvhmw8kx3e] { display: inline-flex; gap: var(--os-space-xs); } .test-feedback-page__platform-pill[b-rvhmw8kx3e] { display: inline-block; padding: 1px 8px; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); font-size: 11px; color: var(--os-text-secondary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .test-feedback-page__attempt-time[b-rvhmw8kx3e] { margin-left: auto; font-size: 12px; color: var(--os-text-tertiary); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .test-feedback-page__attempt-body[b-rvhmw8kx3e] { padding: var(--os-space-md) var(--os-space-md) var(--os-space-md); border-top: 1px solid var(--os-border); display: flex; flex-direction: column; gap: var(--os-space-md); } .test-feedback-page__feedback h4[b-rvhmw8kx3e] { margin: 0 0 var(--os-space-xs); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .test-feedback-page__feedback-text[b-rvhmw8kx3e] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-primary); font-family: inherit; font-size: var(--os-font-size-sm); line-height: 1.6; white-space: pre-wrap; word-break: break-word; } .test-feedback-page__no-feedback[b-rvhmw8kx3e] { margin: 0; color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .test-feedback-page__machine[b-rvhmw8kx3e] { display: grid; grid-template-columns: max-content 1fr; gap: 4px var(--os-space-md); margin: 0; font-size: 13px; } .test-feedback-page__machine dt[b-rvhmw8kx3e] { color: var(--os-text-tertiary); text-transform: uppercase; letter-spacing: 0.4px; font-size: 11px; font-weight: var(--os-font-weight-semibold); align-self: center; } .test-feedback-page__machine dd[b-rvhmw8kx3e] { margin: 0; color: var(--os-text-primary); } .test-feedback-page__machine code[b-rvhmw8kx3e] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; } .test-feedback-page__ua[b-rvhmw8kx3e] { word-break: break-all; } .test-feedback-page__extra[b-rvhmw8kx3e] { border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); } .test-feedback-page__extra summary[b-rvhmw8kx3e] { padding: var(--os-space-xs) var(--os-space-md); cursor: pointer; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .test-feedback-page__extra-json[b-rvhmw8kx3e] { margin: 0; padding: var(--os-space-md); background: var(--os-surface-variant); border-top: 1px solid var(--os-border); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 1.5; color: var(--os-text-primary); white-space: pre-wrap; word-break: break-word; } html[data-ui="v2"] .test-feedback-page[b-rvhmw8kx3e] { min-width: 0; gap: var(--os-space-lg); } html[data-ui="v2"] .test-feedback-page__count[b-rvhmw8kx3e] { color: var(--os-text-tertiary); } html[data-ui="v2"] .test-feedback-page__version-title[b-rvhmw8kx3e] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .test-feedback-page__version-tag[b-rvhmw8kx3e] { background: var(--os-primary-light); color: var(--os-primary); } html[data-ui="v2"] .test-feedback-page__challenge[b-rvhmw8kx3e] { background: var(--os-surface-variant); border-color: var(--os-border-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .test-feedback-page__challenge-head[b-rvhmw8kx3e] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .test-feedback-page__category-pill[b-rvhmw8kx3e] { background: color-mix(in srgb, var(--os-primary) 14%, transparent); } html[data-ui="v2"] .test-feedback-page__attempt[b-rvhmw8kx3e] { border-color: var(--os-border-light); border-radius: var(--os-radius-md); } html[data-ui="v2"] .test-feedback-page__attempt[open][b-rvhmw8kx3e] { background: var(--os-surface); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .test-feedback-page__platform-pill[b-rvhmw8kx3e] { background: var(--os-surface-variant); border-color: var(--os-border-light); } html[data-ui="v2"] .test-feedback-page__feedback-text[b-rvhmw8kx3e] { background: var(--os-surface-variant); border-color: var(--os-border-light); border-radius: var(--os-radius-md); } html[data-ui="v2"] .test-feedback-page__extra[b-rvhmw8kx3e] { border-color: var(--os-border-light); border-radius: var(--os-radius-md); } html[data-ui="v2"] .test-feedback-page__machine[b-rvhmw8kx3e] { grid-template-columns: max-content minmax(0, 1fr); min-width: 0; overflow-x: auto; } html[data-ui="v2"] .test-feedback-page__machine dd[b-rvhmw8kx3e], html[data-ui="v2"] .test-feedback-page__machine code[b-rvhmw8kx3e] { min-width: 0; overflow-wrap: anywhere; } html[data-ui="v2"] .test-feedback-page__extra-json[b-rvhmw8kx3e] { background: var(--os-surface-variant); } .ticket-detail-page[b-9sy0rhgj9o] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .ticket-detail-page__breadcrumb[b-9sy0rhgj9o] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary); } .ticket-detail-page__breadcrumb a[b-9sy0rhgj9o] { color: var(--os-primary); text-decoration: none; } .ticket-detail-page__header h1[b-9sy0rhgj9o] { margin: 0 0 var(--os-space-xs) 0; } .ticket-detail-page__invalid[b-9sy0rhgj9o] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); } .ticket-detail-page__invalid h2[b-9sy0rhgj9o] { margin: 0; } .ticket-detail-page__invalid p[b-9sy0rhgj9o] { margin: 0; color: var(--os-text-secondary); } .ticket-detail-page__invalid a[b-9sy0rhgj9o] { color: var(--os-primary); } .ticket-detail-page__meta[b-9sy0rhgj9o] { display: flex; gap: var(--os-space-sm); align-items: center; } .ticket-detail-page__ref[b-9sy0rhgj9o] { font-family: monospace; font-size: 0.75rem; color: var(--os-text-tertiary); } .ticket-detail-page__topic[b-9sy0rhgj9o] { font-size: 0.75rem; color: var(--os-text-secondary); text-transform: capitalize; } .ticket-detail-page__status[b-9sy0rhgj9o] { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 12px; text-transform: uppercase; } .ticket-detail-page__status--awaiting-staff[b-9sy0rhgj9o] { background: #fef3c7; color: #92400e; } .ticket-detail-page__status--awaiting-user[b-9sy0rhgj9o] { background: #dbeafe; color: #1e40af; } .ticket-detail-page__status--resolved[b-9sy0rhgj9o] { background: #d1fae5; color: #065f46; } .ticket-detail-page__status--closed[b-9sy0rhgj9o] { background: #e5e7eb; color: #374151; } .ticket-detail-page__messages[b-9sy0rhgj9o] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .ticket-detail-page__message[b-9sy0rhgj9o] { display: flex; } .ticket-detail-page__message--staff[b-9sy0rhgj9o] { justify-content: flex-start; } .ticket-detail-page__message--user[b-9sy0rhgj9o] { justify-content: flex-end; } .ticket-detail-page__bubble[b-9sy0rhgj9o] { padding: var(--os-space-sm) var(--os-space-md); max-width: 80%; } .ticket-detail-page__message--user .ticket-detail-page__bubble[b-9sy0rhgj9o] { background: var(--os-surface-variant); } .ticket-detail-page__bubble-head[b-9sy0rhgj9o] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--os-space-md); margin-bottom: 4px; } .ticket-detail-page__bubble-head small[b-9sy0rhgj9o] { color: var(--os-text-tertiary); font-size: 0.75rem; } .ticket-detail-page__body :global(p)[b-9sy0rhgj9o] { margin: 4px 0; } .ticket-detail-page__body :global(ul)[b-9sy0rhgj9o], .ticket-detail-page__body :global(ol)[b-9sy0rhgj9o] { padding-left: 1.5rem; } .ticket-detail-page__reply[b-9sy0rhgj9o] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); } .ticket-detail-page__reply label[b-9sy0rhgj9o] { font-weight: 600; } .ticket-detail-page__reply textarea[b-9sy0rhgj9o] { padding: var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); font-family: inherit; font-size: 1rem; resize: vertical; } .ticket-detail-page__reply small[b-9sy0rhgj9o] { color: var(--os-text-tertiary); font-size: 0.75rem; } .ticket-detail-page__reply button[b-9sy0rhgj9o] { align-self: flex-start; padding: var(--os-space-xs) var(--os-space-md); border: none; border-radius: var(--os-radius-md); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .ticket-detail-page__reply button:disabled[b-9sy0rhgj9o] { opacity: 0.6; cursor: not-allowed; } .ticket-detail-page__error[b-9sy0rhgj9o] { margin: 0; color: var(--os-error); } .ticket-detail-page__closed[b-9sy0rhgj9o] { color: var(--os-text-secondary); } .ticket-detail-page__closed a[b-9sy0rhgj9o] { color: var(--os-primary); } .help-article-page[b-l1xsnuy8ep] { max-width: 760px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .help-article-page__breadcrumb[b-l1xsnuy8ep] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary); } .help-article-page__breadcrumb a[b-l1xsnuy8ep] { color: var(--os-primary); text-decoration: none; } .help-article-page__header[b-l1xsnuy8ep] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .help-article-page__header h1[b-l1xsnuy8ep] { margin: 0; font-size: 1.875rem; } .help-article-page__summary[b-l1xsnuy8ep] { margin: 0; color: var(--os-text-secondary); font-size: 1rem; } .help-article-page__updated[b-l1xsnuy8ep] { color: var(--os-text-tertiary); font-size: 0.75rem; } .help-article-page__body[b-l1xsnuy8ep] { line-height: 1.6; } .help-article-page__body :global(h2)[b-l1xsnuy8ep] { margin-top: var(--os-space-lg); } .help-article-page__body :global(h3)[b-l1xsnuy8ep] { margin-top: var(--os-space-md); } .help-article-page__body :global(p)[b-l1xsnuy8ep] { margin: var(--os-space-sm) 0; } .help-article-page__body :global(ul)[b-l1xsnuy8ep], .help-article-page__body :global(ol)[b-l1xsnuy8ep] { padding-left: 1.5rem; } .help-article-page__body :global(code)[b-l1xsnuy8ep] { background: var(--os-surface-variant); padding: 2px 6px; border-radius: 4px; font-size: 0.875em; } .help-article-page__body :global(pre)[b-l1xsnuy8ep] { background: var(--os-surface-variant); padding: var(--os-space-sm); border-radius: var(--os-radius-md); overflow-x: auto; } .help-article-page__body :global(blockquote)[b-l1xsnuy8ep] { border-left: 4px solid var(--os-border); padding-left: var(--os-space-md); margin: var(--os-space-md) 0; color: var(--os-text-secondary); } .help-article-page__footer[b-l1xsnuy8ep] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); margin-top: var(--os-space-lg); } .help-article-page__footer p[b-l1xsnuy8ep] { margin: 0; color: var(--os-text-secondary); } .help-article-page__cta[b-l1xsnuy8ep] { align-self: flex-start; margin-top: var(--os-space-xs); padding: var(--os-space-xs) var(--os-space-md); border-radius: var(--os-radius-md); background: var(--os-primary); color: #fff; text-decoration: none; font-weight: 600; } .help-category-page[b-mnioawmaeb] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .help-category-page__breadcrumb[b-mnioawmaeb] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary); } .help-category-page__breadcrumb a[b-mnioawmaeb] { color: var(--os-primary); text-decoration: none; } .help-category-page__header h1[b-mnioawmaeb] { margin: 0 0 var(--os-space-xs) 0; } .help-category-page__header p[b-mnioawmaeb] { margin: 0; color: var(--os-text-secondary); } .help-category-page__articles[b-mnioawmaeb] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .help-category-page__article[b-mnioawmaeb] { display: flex; flex-direction: column; gap: 4px; padding: var(--os-space-md); text-decoration: none; color: inherit; } .help-category-page__article strong[b-mnioawmaeb] { font-size: 1rem; font-weight: 700; } .help-category-page__article span[b-mnioawmaeb] { color: var(--os-text-secondary); font-size: 0.875rem; } .help-category-page__article small[b-mnioawmaeb] { color: var(--os-text-tertiary); font-size: 0.75rem; } .help-category-page__audience-badge[b-mnioawmaeb] { display: inline-block; margin-left: var(--os-space-sm); padding: 2px 8px; background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-sm); font-size: 0.7em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; vertical-align: middle; } .contact-page[b-at5tdglete] { max-width: 720px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .contact-page__breadcrumb[b-at5tdglete] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary); } .contact-page__breadcrumb a[b-at5tdglete] { color: var(--os-primary); text-decoration: none; } .contact-page__header h1[b-at5tdglete] { margin: 0 0 var(--os-space-xs) 0; } .contact-page__header p[b-at5tdglete] { margin: 0; color: var(--os-text-secondary); } .contact-page__header a[b-at5tdglete] { color: var(--os-primary); } .contact-page__intro[b-at5tdglete] { margin: 0; color: var(--os-text-secondary); } .contact-page__intro a[b-at5tdglete] { color: var(--os-primary); } .contact-page__form[b-at5tdglete] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-md); } .contact-page__field[b-at5tdglete] { display: flex; flex-direction: column; gap: 4px; } .contact-page__field label[b-at5tdglete] { font-weight: 600; font-size: 0.875rem; } .contact-page__field input[b-at5tdglete], .contact-page__field select[b-at5tdglete], .contact-page__field textarea[b-at5tdglete] { padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); font-size: 1rem; font-family: inherit; } .contact-page__field textarea[b-at5tdglete] { resize: vertical; min-height: 160px; } .contact-page__field small[b-at5tdglete] { color: var(--os-text-tertiary); font-size: 0.75rem; } .contact-page__submit[b-at5tdglete] { align-self: flex-start; padding: var(--os-space-sm) var(--os-space-lg); border: none; border-radius: var(--os-radius-md); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; font-size: 1rem; } .contact-page__submit:disabled[b-at5tdglete] { opacity: 0.6; cursor: not-allowed; } .contact-page__error[b-at5tdglete] { margin: 0; color: var(--os-error); } .contact-page__success[b-at5tdglete] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); } .contact-page__success h2[b-at5tdglete] { margin: 0; } .contact-page__success p[b-at5tdglete] { margin: 0; } .contact-page__success a[b-at5tdglete] { color: var(--os-primary); } .contact-page__ref code[b-at5tdglete] { display: inline-block; padding: 2px 8px; background: var(--os-surface-variant); border-radius: 4px; font-size: 1rem; } .faq-page[b-shwf9ujeps] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-lg); } .faq-page__breadcrumb[b-shwf9ujeps] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary); } .faq-page__breadcrumb a[b-shwf9ujeps] { color: var(--os-primary); text-decoration: none; } .faq-page__header h1[b-shwf9ujeps] { margin: 0 0 var(--os-space-xs) 0; } .faq-page__header p[b-shwf9ujeps] { margin: 0; color: var(--os-text-secondary); } .faq-page__header a[b-shwf9ujeps] { color: var(--os-primary); } .faq-page__intro[b-shwf9ujeps] { margin: 0; color: var(--os-text-secondary); } .faq-page__intro a[b-shwf9ujeps] { color: var(--os-primary); } .faq-page__category[b-shwf9ujeps] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .faq-page__category-title[b-shwf9ujeps] { margin: 0; font-size: 1.25rem; font-weight: 700; } .faq-page__category-desc[b-shwf9ujeps] { margin: 0; color: var(--os-text-secondary); } .faq-page__list[b-shwf9ujeps] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .faq-page__item[b-shwf9ujeps] { padding: 0; } .faq-page__item details[b-shwf9ujeps] { width: 100%; } .faq-page__item summary[b-shwf9ujeps] { cursor: pointer; padding: var(--os-space-md); font-weight: 600; list-style: none; } .faq-page__item summary[b-shwf9ujeps]::-webkit-details-marker { display: none; } .faq-page__item summary[b-shwf9ujeps]::after { content: "+"; float: right; font-size: 1.25rem; line-height: 1; } .faq-page__item details[open] summary[b-shwf9ujeps]::after { content: "−"; } .faq-page__answer[b-shwf9ujeps] { padding: 0 var(--os-space-md) var(--os-space-md) var(--os-space-md); line-height: 1.6; } .faq-page__answer :global(p)[b-shwf9ujeps] { margin: var(--os-space-xs) 0; } .faq-page__answer :global(ul)[b-shwf9ujeps], .faq-page__answer :global(ol)[b-shwf9ujeps] { padding-left: 1.5rem; } .help-access-denied[b-0kh3akj66d] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-xl); max-width: 600px; margin: var(--os-space-xl) auto; text-align: center; } .help-access-denied__title[b-0kh3akj66d] { margin: 0 0 var(--os-space-md); color: var(--os-text-primary); font-size: 1.5rem; } .help-access-denied__body[b-0kh3akj66d] { color: var(--os-text-secondary); margin: 0 0 var(--os-space-lg); line-height: 1.5; } .help-access-denied__back[b-0kh3akj66d] { display: inline-block; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-primary); color: #fff; border-radius: var(--os-radius-md); text-decoration: none; font-weight: 600; } .help-access-denied__back:hover[b-0kh3akj66d] { opacity: 0.9; } .help-page[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: var(--os-space-xl); max-width: 960px; margin: 0 auto; padding: var(--os-space-md); } .help-page__header[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: var(--os-space-md); text-align: center; padding: var(--os-space-xl) 0; } .help-page__title[b-lu9g6zenjh] { margin: 0; font-size: 2rem; font-weight: 700; } .help-page__subtitle[b-lu9g6zenjh] { margin: 0; color: var(--os-text-secondary); max-width: 560px; margin-inline: auto; } .help-page__search[b-lu9g6zenjh] { display: flex; gap: var(--os-space-xs); max-width: 520px; width: 100%; margin-inline: auto; } .help-page__search-input[b-lu9g6zenjh] { flex: 1; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); font-size: 1rem; } .help-page__search-btn[b-lu9g6zenjh] { padding: var(--os-space-sm) var(--os-space-md); border: none; border-radius: var(--os-radius-md); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .help-page__section[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: var(--os-space-md); } .help-page__section-title[b-lu9g6zenjh] { margin: 0; font-size: 1.25rem; font-weight: 700; } .help-page__article-list[b-lu9g6zenjh] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .help-page__article-link[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: 4px; padding: var(--os-space-md); text-decoration: none; color: inherit; } .help-page__article-summary[b-lu9g6zenjh] { color: var(--os-text-secondary); font-size: 0.875rem; } .help-page__clear[b-lu9g6zenjh] { align-self: flex-start; padding: 0; background: none; border: 0; color: var(--os-primary); cursor: pointer; text-decoration: underline; } .help-page__category-grid[b-lu9g6zenjh] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--os-space-md); } .help-page__category-card[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: 6px; padding: var(--os-space-md); text-decoration: none; color: inherit; transition: transform 0.15s ease; } .help-page__category-card:hover[b-lu9g6zenjh] { transform: translateY(-2px); } .help-page__category-name[b-lu9g6zenjh] { font-size: 1rem; font-weight: 700; } .help-page__category-desc[b-lu9g6zenjh] { color: var(--os-text-secondary); font-size: 0.875rem; } .help-page__category-count[b-lu9g6zenjh] { margin-top: auto; color: var(--os-text-tertiary); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .help-page__cta-section[b-lu9g6zenjh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--os-space-md); } .help-page__cta[b-lu9g6zenjh] { display: flex; flex-direction: column; gap: 6px; padding: var(--os-space-md); text-decoration: none; color: inherit; } .help-page__cta strong[b-lu9g6zenjh] { font-size: 1rem; font-weight: 700; } .help-page__cta span[b-lu9g6zenjh] { color: var(--os-text-secondary); font-size: 0.875rem; } .help-page__empty[b-lu9g6zenjh] { color: var(--os-text-secondary); margin: 0; } .staff-help-band[b-5a2ppdg30r] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); margin-top: var(--os-space-2xl); overflow: hidden; } .staff-help-band__header[b-5a2ppdg30r] { padding: var(--os-space-lg); border-bottom: 1px solid var(--os-border); background: var(--os-surface-variant); } .staff-help-band__title[b-5a2ppdg30r] { margin: 0 0 var(--os-space-xs); font-size: 1.25rem; color: var(--os-text-primary); } .staff-help-band__subtitle[b-5a2ppdg30r] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; } .staff-help-band__section[b-5a2ppdg30r] { padding: var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .staff-help-band__section:last-child[b-5a2ppdg30r] { border-bottom: none; } .staff-help-band__section-title[b-5a2ppdg30r] { margin: 0 0 var(--os-space-md); font-size: 1rem; color: var(--os-text-primary); text-transform: uppercase; letter-spacing: 0.04em; } .staff-help-band__grid[b-5a2ppdg30r] { display: grid; gap: var(--os-space-md); grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .staff-help-band__card[b-5a2ppdg30r] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); text-decoration: none; color: var(--os-text-primary); transition: border-color 120ms ease, transform 120ms ease; } .staff-help-band__card:hover[b-5a2ppdg30r] { border-color: var(--os-primary); transform: translateY(-1px); } .staff-help-band__desc[b-5a2ppdg30r] { color: var(--os-text-secondary); font-size: 0.875rem; } .staff-help-band__count[b-5a2ppdg30r] { color: var(--os-text-tertiary); font-size: 0.8rem; margin-top: auto; } .author-detail-page[b-ja0ftkeprf] { display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-xxl); } .author-detail-page__not-found[b-ja0ftkeprf] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xl); text-align: center; color: var(--os-text-secondary); } .author-termination-banner[b-ja0ftkeprf] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); font-size: 0.9rem; line-height: 1.4; } .author-hero[b-ja0ftkeprf] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xl) var(--os-space-md); background: var(--os-surface); border-radius: var(--os-radius-xl); box-shadow: var(--os-shadow-md); } .author-hero__avatar-wrap[b-ja0ftkeprf] { width: 100px; height: 100px; border-radius: var(--os-radius-full); overflow: hidden; border: 3px solid var(--os-primary); box-shadow: var(--os-shadow-md); flex-shrink: 0; } .author-hero__avatar[b-ja0ftkeprf] { width: 100%; height: 100%; object-fit: cover; } .author-hero__name[b-ja0ftkeprf] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; text-align: center; } .author-hero__role-badge[b-ja0ftkeprf] { display: inline-flex; align-items: center; background: var(--os-primary); color: #ffffff; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); padding: 3px var(--os-space-sm); border-radius: var(--os-radius-full); text-transform: uppercase; letter-spacing: 0.06em; } .author-hero__report-action[b-ja0ftkeprf] { display: flex; justify-content: center; margin-top: var(--os-space-xs); } .author-hero__languages[b-ja0ftkeprf] { display: flex; gap: 0.375rem; justify-content: center; margin-top: 0.25rem; } .author-hero__flag[b-ja0ftkeprf] { font-size: 1.25rem; line-height: 1; } .author-hero__stats[b-ja0ftkeprf] { display: flex; align-items: center; gap: var(--os-space-lg); margin-top: var(--os-space-xs); } .author-hero__stat[b-ja0ftkeprf] { display: flex; flex-direction: column; align-items: center; gap: 2px; } .author-hero__stat-value[b-ja0ftkeprf] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); } .author-hero__stat-label[b-ja0ftkeprf] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); font-weight: var(--os-font-weight-medium); } .author-hero__stat-divider[b-ja0ftkeprf] { width: 1px; height: 32px; background: var(--os-border); } .author-hero__follow-btn[b-ja0ftkeprf] { display: inline-flex; align-items: center; gap: var(--os-space-sm); margin-top: var(--os-space-xs); padding: 10px var(--os-space-xl); border-radius: var(--os-radius-full); border: 2px solid var(--os-primary); background: var(--os-primary); color: #ffffff; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); cursor: pointer; transition: all var(--os-transition-fast); } .author-hero__follow-btn:hover[b-ja0ftkeprf] { opacity: 0.88; } .author-hero__follow-btn--following[b-ja0ftkeprf] { background: transparent; color: var(--os-primary); } .author-hero__follow-btn--following:hover[b-ja0ftkeprf] { background: var(--os-primary-light); opacity: 1; } .author-detail-page__section[b-ja0ftkeprf] { display: flex; flex-direction: column; gap: var(--os-space-md); } .author-detail-page__section-title[b-ja0ftkeprf] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-xs); border-bottom: 2px solid var(--os-border); } .author-detail-page__bio[b-ja0ftkeprf] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .author-detail-page__empty[b-ja0ftkeprf] { font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); margin: 0; } .author-detail-page__stories-grid[b-ja0ftkeprf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .author-detail-page__stories-grid[b-ja0ftkeprf] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .author-detail-page__stories-grid[b-ja0ftkeprf] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .author-hero--v2[b-ja0ftkeprf] { position: relative; overflow: hidden; display: block; padding: 0; background: none; box-shadow: none; min-height: clamp(320px, 42vh, 460px); } .author-hero--v2 .author-hero__backdrop[b-ja0ftkeprf] { position: absolute; inset: 0; background: radial-gradient(120% 100% at 80% 0%, color-mix(in srgb, var(--os-primary) 35%, transparent), transparent 60%), var(--os-gradient); } .author-hero--v2 .author-hero__scrim[b-ja0ftkeprf] { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(6, 5, 12, 0.20) 0%, rgba(6, 5, 12, 0.45) 35%, rgba(6, 5, 12, 0.72) 100% ); } .author-hero--v2 .author-hero__content[b-ja0ftkeprf] { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-sm); width: 100%; min-height: clamp(320px, 42vh, 460px); padding: var(--os-space-xl) var(--os-space-md); text-align: center; } .author-hero--v2 .author-hero__avatar-wrap[b-ja0ftkeprf] { width: auto; height: auto; border: none; box-shadow: none; border-radius: 0; overflow: visible; } .author-hero--v2 .author-hero__avatar-wrap[b-ja0ftkeprf] .author-avatar { border: 3px solid var(--os-primary); box-shadow: var(--os-shadow-md); } .author-hero--v2 .author-hero__name[b-ja0ftkeprf], .author-hero--v2 .author-hero__stat-value[b-ja0ftkeprf] { color: var(--os-text-on-dark); } .author-hero--v2 .author-hero__stat-label[b-ja0ftkeprf] { color: rgba(255, 255, 255, 0.75); } .author-hero--v2 .author-hero__stat-divider[b-ja0ftkeprf] { background: rgba(255, 255, 255, 0.35); } .author-hero--v2 .author-hero__report-action[b-ja0ftkeprf] .report-btn--icon { color: rgba(255, 255, 255, 0.85); } .author-hero--v2 .author-hero__report-action[b-ja0ftkeprf] .report-btn--icon:hover { color: #ffffff; background: rgba(255, 255, 255, 0.14); } .author-hero--v2 .author-hero__follow-btn--following[b-ja0ftkeprf] { background: transparent; color: var(--os-text-on-dark); border-color: rgba(255, 255, 255, 0.55); } .author-hero--v2 .author-hero__follow-btn--following:hover[b-ja0ftkeprf] { background: rgba(255, 255, 255, 0.14); color: var(--os-text-on-dark); opacity: 1; } .author-detail-page__bio--v2[b-ja0ftkeprf] { max-width: 65ch; margin-inline: auto; } .author-detail-page__cover-banner[b-ja0ftkeprf] { width: 100%; height: clamp(120px, 22vh, 220px); border-radius: var(--os-radius-xl); overflow: hidden; } .author-detail-page__cover-image[b-ja0ftkeprf] { width: 100%; height: 100%; object-fit: cover; } .author-hero__pronouns[b-ja0ftkeprf] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-medium); color: rgba(255, 255, 255, 0.75); margin-inline-start: var(--os-space-xs); } .author-hero__headline[b-ja0ftkeprf] { font-size: var(--os-font-size-md); color: var(--os-text-on-dark); margin: 0; max-width: 50ch; text-align: center; } .author-hero__edit-profile-btn[b-ja0ftkeprf] { display: inline-flex; align-items: center; gap: var(--os-space-sm); margin-top: var(--os-space-xs); padding: 10px var(--os-space-xl); border-radius: var(--os-radius-full); border: 2px solid rgba(255, 255, 255, 0.55); background: transparent; color: var(--os-text-on-dark); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); text-decoration: none; transition: all var(--os-transition-fast); } .author-hero__edit-profile-btn:hover[b-ja0ftkeprf] { background: rgba(255, 255, 255, 0.14); } .author-detail-page__section-header[b-ja0ftkeprf] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--os-space-md); } .author-detail-page__see-all[b-ja0ftkeprf] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-primary); white-space: nowrap; } .author-detail-page__intro-card[b-ja0ftkeprf] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .author-detail-page__intro-about[b-ja0ftkeprf] { margin: 0; color: var(--os-text-secondary); line-height: 1.6; } .author-detail-page__intro-row[b-ja0ftkeprf] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .author-detail-page__intro-icon[b-ja0ftkeprf] { font-size: 1rem; line-height: 1; flex-shrink: 0; } .author-detail-page__intro-row a[b-ja0ftkeprf], .author-detail-page__intro-social a[b-ja0ftkeprf] { color: var(--os-primary); font-weight: var(--os-font-weight-semibold); text-decoration: none; } .author-detail-page__intro-row a:hover[b-ja0ftkeprf], .author-detail-page__intro-social a:hover[b-ja0ftkeprf] { text-decoration: underline; } .author-detail-page__intro-social[b-ja0ftkeprf] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .author-detail-page__social-link[b-ja0ftkeprf] { padding: 4px var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); font-size: var(--os-font-size-xs); } .author-detail-page__intro-interests[b-ja0ftkeprf] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); } .author-detail-page__interest-chip[b-ja0ftkeprf] { padding: 4px var(--os-space-sm); background: var(--os-surface-variant); border-radius: var(--os-radius-full); font-size: var(--os-font-size-xs); color: var(--os-text-secondary); } .author-detail-page__featured-grid[b-ja0ftkeprf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .author-detail-page__featured-grid[b-ja0ftkeprf] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .author-detail-page__featured-grid[b-ja0ftkeprf] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .author-detail-page__following-grid[b-ja0ftkeprf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .author-detail-page__following-grid[b-ja0ftkeprf] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 768px) { .author-detail-page__following-grid[b-ja0ftkeprf] { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .author-detail-page__following-item[b-ja0ftkeprf] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-sm); color: var(--os-text-primary); text-decoration: none; text-align: center; border-radius: var(--os-radius-md); transition: background var(--os-transition-fast); } .author-detail-page__following-item:hover[b-ja0ftkeprf] { background: var(--os-surface-variant); } .author-detail-page__following-name[b-ja0ftkeprf] { font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .authors-page[b-2u6vmzc9ej] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding-bottom: var(--os-space-xxl); min-width: 0; } .authors-page__header[b-2u6vmzc9ej] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .authors-page__eyebrow[b-2u6vmzc9ej] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); margin: 0; } .authors-page__title[b-2u6vmzc9ej] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .authors-page__tabs[b-2u6vmzc9ej] { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; width: 100%; } .authors-page__tabs[b-2u6vmzc9ej]::-webkit-scrollbar { display: none; } .authors-page__list[b-2u6vmzc9ej] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .authors-page__empty[b-2u6vmzc9ej] { padding: var(--os-space-xl); text-align: center; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .author-row[b-2u6vmzc9ej] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); cursor: pointer; width: 100%; text-align: left; transition: background-color var(--os-transition-fast), box-shadow var(--os-transition-fast); box-shadow: var(--os-shadow-sm); } .author-row:hover[b-2u6vmzc9ej], .author-row:focus-visible[b-2u6vmzc9ej] { background: var(--os-surface-variant); box-shadow: var(--os-shadow-md); outline: none; } .author-row__avatar-wrap[b-2u6vmzc9ej] { width: 56px; height: 56px; border-radius: var(--os-radius-full); overflow: hidden; flex-shrink: 0; background: var(--os-surface-variant); border: 2px solid var(--os-border); } .author-row__avatar[b-2u6vmzc9ej] { width: 100%; height: 100%; object-fit: cover; } .author-row__info[b-2u6vmzc9ej] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .author-row__name[b-2u6vmzc9ej] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .author-row__role[b-2u6vmzc9ej] { font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); color: var(--os-primary); margin: 0; } .author-row__bio[b-2u6vmzc9ej] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); margin: 0 0 var(--os-space-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .author-row__stats[b-2u6vmzc9ej] { display: flex; gap: var(--os-space-md); flex-wrap: wrap; } .author-row__stat[b-2u6vmzc9ej] { display: flex; align-items: center; gap: 4px; font-size: 11px; color: var(--os-text-tertiary); } .author-row__languages[b-2u6vmzc9ej] { display: flex; gap: 0.25rem; margin-top: 0.25rem; } .author-row__flag[b-2u6vmzc9ej] { font-size: 1rem; line-height: 1; cursor: default; } .author-row__chevron[b-2u6vmzc9ej] { flex-shrink: 0; width: 20px; height: 20px; color: var(--os-text-tertiary); } .author-row__chevron svg[b-2u6vmzc9ej] { width: 100%; height: 100%; } @media (min-width: 768px) { .authors-page__list[b-2u6vmzc9ej] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .authors-page__controls[b-2u6vmzc9ej] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); align-items: center; margin-bottom: var(--os-space-md); } .authors-page__search[b-2u6vmzc9ej] { flex: 1 1 220px; min-width: 0; } .authors-page__order[b-2u6vmzc9ej] { display: inline-flex; border: 1px solid var(--os-border); border-radius: var(--os-radius-full); overflow: hidden; } .authors-page__order-btn[b-2u6vmzc9ej] { padding: var(--os-space-xs) var(--os-space-md); background: var(--os-surface); color: var(--os-text-secondary); border: none; cursor: pointer; } .authors-page__order-btn.is-active[b-2u6vmzc9ej] { background: var(--os-primary); color: #fff; } .author-row--v2[b-2u6vmzc9ej] { position: relative; } .author-row--v2 .author-row__link[b-2u6vmzc9ej] { position: absolute; inset: 0; border-radius: var(--os-radius-lg); } .author-row--v2 .author-row__avatar-wrap[b-2u6vmzc9ej] { width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; } .author-row--v2:focus-within[b-2u6vmzc9ej] { background: var(--os-surface-variant); box-shadow: var(--os-shadow-md); } .authors-page__list-ad[b-2u6vmzc9ej] { grid-column: 1 / -1; min-width: 0; } .home-page[b-80gsudzvvi] { display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-xxl); min-width: 0; } .home-page__promo[b-80gsudzvvi] { margin: 0 calc(-1 * var(--os-space-md)); } .home-page__sr-title[b-80gsudzvvi] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .home-page__hero-skeleton[b-80gsudzvvi] { min-height: clamp(320px, 45vw, 460px); border-radius: var(--os-radius-lg); } .home-page__section[b-80gsudzvvi] { display: flex; flex-direction: column; gap: var(--os-space-md); } .home-page__category-empty[b-80gsudzvvi] { padding: var(--os-space-lg); border: 1px dashed var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); text-align: center; } .home-page__offline-subtitle[b-80gsudzvvi] { margin: 0 0 var(--os-space-md); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .home-page__section--continue[b-80gsudzvvi] { padding-top: var(--os-space-sm); } .continue-card[b-80gsudzvvi] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); box-shadow: var(--os-shadow-sm); transition: box-shadow var(--os-transition-fast); } .continue-card:hover[b-80gsudzvvi] { box-shadow: var(--os-shadow-md); } .continue-card__cover[b-80gsudzvvi] { width: 52px; height: 72px; object-fit: cover; border-radius: var(--os-radius-sm); flex-shrink: 0; } .continue-card__info[b-80gsudzvvi] { flex: 1; min-width: 0; } .continue-card__title[b-80gsudzvvi] { font-size: var(--os-font-size-base); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .continue-card__author[b-80gsudzvvi] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0 0 var(--os-space-xs); } .continue-card__meta[b-80gsudzvvi] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; } .continue-card__category[b-80gsudzvvi] { font-size: 11px; color: var(--os-primary); font-weight: var(--os-font-weight-medium); } .continue-card__chapters[b-80gsudzvvi] { font-size: 11px; color: var(--os-text-tertiary); } .continue-card__progress[b-80gsudzvvi] { width: 100%; height: 4px; background-color: var(--os-border); border-radius: var(--os-radius-sm); overflow: hidden; margin-top: var(--os-space-xs); } .continue-card__progress-fill[b-80gsudzvvi] { height: 100%; background-color: var(--os-primary); transition: width var(--os-transition-fast); } .continue-card__progress-text[b-80gsudzvvi] { font-size: 10px; color: var(--os-text-tertiary); margin: 2px 0 0; font-weight: var(--os-font-weight-medium); } .continue-card__cta[b-80gsudzvvi] { display: flex; align-items: center; gap: 4px; padding: 6px 14px; background: var(--os-primary); color: #ffffff; border-radius: var(--os-radius-full); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: opacity var(--os-transition-fast); } .continue-card__cta:hover[b-80gsudzvvi] { opacity: 0.88; text-decoration: none; color: #ffffff; } @media (min-width: 768px) { .home-page__promo[b-80gsudzvvi] { margin: 0; border-radius: var(--os-radius-lg); overflow: hidden; } } .home-page--v2 .home-page__quick-filters[b-80gsudzvvi] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); margin-block: var(--os-space-md); } .home-page--v2 .home-page__section + .home-page__section[b-80gsudzvvi] { margin-top: var(--os-space-xl); } .home-page--v2 .continue-card[b-80gsudzvvi] { border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-1, var(--os-shadow-sm)); } .home-page--v2 .continue-card__cover[b-80gsudzvvi] { border-radius: var(--os-radius-md); } .home-page--v2 .continue-card__progress[b-80gsudzvvi] { background-color: var(--os-surface-variant); } .home-page--v2 .continue-card__progress-fill[b-80gsudzvvi] { background: var(--os-gradient, var(--os-primary)); } .legal-page[b-amcrej0uin] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-amcrej0uin] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__back-btn[b-amcrej0uin] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .legal-page__back-btn:hover[b-amcrej0uin] { background: var(--os-surface-variant); } .legal-page__back-btn:focus-visible[b-amcrej0uin] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .legal-page__header-text[b-amcrej0uin] { display: flex; flex-direction: column; gap: 2px; } .legal-page__title[b-amcrej0uin] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-amcrej0uin] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__content[b-amcrej0uin] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__section[b-amcrej0uin] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .legal-page__section-heading[b-amcrej0uin] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; align-self: flex-start; } .legal-page__body-text[b-amcrej0uin] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .legal-page__list[b-amcrej0uin] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__list li[b-amcrej0uin] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__list li strong[b-amcrej0uin] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__link[b-amcrej0uin] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-amcrej0uin] { opacity: 0.8; } html[data-ui="v2"] .legal-page__hero[b-amcrej0uin] { border-radius: var(--os-radius-xl); box-shadow: var(--os-shadow-md); } html[data-ui="v2"] .legal-page__section[b-amcrej0uin] { border-radius: var(--os-radius-xl); } .legal-page[b-0t8bmd29e8] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-page__header[b-0t8bmd29e8] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); } .legal-page__header-text[b-0t8bmd29e8] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .legal-page__title[b-0t8bmd29e8] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-page__subtitle[b-0t8bmd29e8] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .legal-page__hero[b-0t8bmd29e8] { width: 100%; height: auto; display: block; border-radius: var(--os-radius-lg); } .legal-page__content[b-0t8bmd29e8] { display: flex; flex-direction: column; gap: var(--os-space-2xl); } .legal-page__link[b-0t8bmd29e8] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__link:hover[b-0t8bmd29e8] { opacity: 0.8; } .legal-page__document[b-0t8bmd29e8] { padding: var(--os-space-xl); background: var(--os-surface); color: var(--os-text-secondary); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-wrap: break-word; } .legal-page__document :global(> *:first-child)[b-0t8bmd29e8] { margin-top: 0; } .legal-page__document :global(> *:last-child)[b-0t8bmd29e8] { margin-bottom: 0; } .legal-page__document :global(h2)[b-0t8bmd29e8] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: var(--os-space-2xl) 0 var(--os-space-md); padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); display: inline-block; } .legal-page__document :global(h3)[b-0t8bmd29e8] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: var(--os-space-xl) 0 var(--os-space-sm); } .legal-page__document :global(p)[b-0t8bmd29e8] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: var(--os-space-sm) 0; } .legal-page__document :global(ul)[b-0t8bmd29e8], .legal-page__document :global(ol)[b-0t8bmd29e8] { margin: var(--os-space-sm) 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); } .legal-page__document :global(li)[b-0t8bmd29e8] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; } .legal-page__document :global(strong)[b-0t8bmd29e8] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .legal-page__document :global(a)[b-0t8bmd29e8] { color: var(--os-primary); text-decoration: underline; font-weight: var(--os-font-weight-medium); } .legal-page__document :global(a:hover)[b-0t8bmd29e8] { opacity: 0.8; } .legal-page__document :global(blockquote)[b-0t8bmd29e8] { border-left: 4px solid var(--os-primary); padding-left: var(--os-space-md); margin: var(--os-space-md) 0; color: var(--os-text-secondary); } .legal-page__document :global(table)[b-0t8bmd29e8] { width: 100%; border-collapse: collapse; margin: var(--os-space-md) 0; font-size: var(--os-font-size-sm); } .legal-page__document :global(th)[b-0t8bmd29e8], .legal-page__document :global(td)[b-0t8bmd29e8] { border: 1px solid var(--os-border); padding: var(--os-space-sm); text-align: left; color: var(--os-text-secondary); line-height: 1.6; } .legal-page__document :global(th)[b-0t8bmd29e8] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); background: var(--os-surface-variant); } .legal-page__document :global(img)[b-0t8bmd29e8], .legal-page__document :global(pre)[b-0t8bmd29e8] { max-width: 100%; } .legal-page__document :global(pre)[b-0t8bmd29e8] { overflow-x: auto; } html[data-ui="v2"] .legal-page__hero[b-0t8bmd29e8] { border-radius: var(--os-radius-xl); box-shadow: var(--os-shadow-md); } html[data-ui="v2"] .legal-page__document[b-0t8bmd29e8] { border-radius: var(--os-radius-xl); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .legal-page__document :global(h2)[b-0t8bmd29e8] { font-family: var(--os-font-display, inherit); border-bottom-color: var(--os-accent, var(--os-primary)); } html[data-ui="v2"] .legal-page__document :global(h3)[b-0t8bmd29e8] { font-family: var(--os-font-display, inherit); } html[data-ui="v2"] .legal-page__document :global(a)[b-0t8bmd29e8] { color: var(--os-accent, var(--os-primary)); } html[data-ui="v2"] .legal-page__document :global(blockquote)[b-0t8bmd29e8] { border-left-color: var(--os-accent, var(--os-primary)); } .legal-index[b-6afhf2fgdo] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-index__header[b-6afhf2fgdo] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding-top: var(--os-space-lg); } .legal-index__title[b-6afhf2fgdo] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .legal-index__subtitle[b-6afhf2fgdo] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; } .legal-index__grid[b-6afhf2fgdo] { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: var(--os-space-md); } @media (min-width: 420px) { .legal-index__grid[b-6afhf2fgdo] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .legal-index__grid[b-6afhf2fgdo] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .legal-index__card[b-6afhf2fgdo] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-decoration: none; color: inherit; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast), background var(--os-transition-fast); } .legal-index__card:hover[b-6afhf2fgdo], .legal-index__card:focus-visible[b-6afhf2fgdo] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); background: var(--os-surface-variant); outline: none; text-decoration: none; color: inherit; } .legal-index__card-icon[b-6afhf2fgdo] { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-md); color: var(--os-primary); flex-shrink: 0; transition: background var(--os-transition-fast); } .legal-index__card:hover .legal-index__card-icon[b-6afhf2fgdo] { background: color-mix(in srgb, var(--os-primary) 20%, transparent); } .legal-index__card-body[b-6afhf2fgdo] { display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; } .legal-index__card-title[b-6afhf2fgdo] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; overflow-wrap: anywhere; } .legal-index__card-description[b-6afhf2fgdo] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; } .legal-index__card-chevron[b-6afhf2fgdo] { color: var(--os-text-tertiary); flex-shrink: 0; align-self: flex-end; transition: color var(--os-transition-fast), transform var(--os-transition-fast); } .legal-index__card:hover .legal-index__card-chevron[b-6afhf2fgdo] { color: var(--os-primary); transform: translateX(2px); } .legal-index-v2[b-6afhf2fgdo] { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .legal-index-v2__grid[b-6afhf2fgdo] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--os-space-md); } .legal-index-v2__card[b-6afhf2fgdo] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-lg); text-decoration: none; color: inherit; min-width: 0; transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast), background var(--os-transition-fast); } .legal-index-v2__card:hover[b-6afhf2fgdo], .legal-index-v2__card:focus-visible[b-6afhf2fgdo] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); background: var(--os-surface-variant); outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; text-decoration: none; color: inherit; } .legal-index-v2__card-icon[b-6afhf2fgdo] { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--os-primary) 12%, transparent); border-radius: var(--os-radius-md); color: var(--os-primary); flex-shrink: 0; transition: background var(--os-transition-fast); } .legal-index-v2__card:hover .legal-index-v2__card-icon[b-6afhf2fgdo] { background: color-mix(in srgb, var(--os-primary) 20%, transparent); } .legal-index-v2__card-body[b-6afhf2fgdo] { display: flex; flex-direction: column; gap: var(--os-space-xs); flex: 1; min-width: 0; } .legal-index-v2__card-title[b-6afhf2fgdo] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); line-height: 1.3; overflow-wrap: anywhere; } .legal-index-v2__card-description[b-6afhf2fgdo] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; } .legal-index-v2__card-chevron[b-6afhf2fgdo] { color: var(--os-text-tertiary); flex-shrink: 0; align-self: flex-end; transition: color var(--os-transition-fast), transform var(--os-transition-fast); } .legal-index-v2__card:hover .legal-index-v2__card-chevron[b-6afhf2fgdo] { color: var(--os-primary); transform: translateX(2px); } html[data-ui="v2"] .reconciliation-admin__loading[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__empty[b-d88n4vdeua] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-d88n4vdeua] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-d88n4vdeua] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-d88n4vdeua] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-d88n4vdeua] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__table td[b-d88n4vdeua] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-d88n4vdeua] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-d88n4vdeua] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-d88n4vdeua] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-d88n4vdeua] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-d88n4vdeua] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__timestamp[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-d88n4vdeua] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-d88n4vdeua], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-d88n4vdeua] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .reconciliation-admin__loading[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__empty[b-fassqulyfz] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-fassqulyfz] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-fassqulyfz] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-fassqulyfz] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-fassqulyfz] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__table td[b-fassqulyfz] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-fassqulyfz] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-fassqulyfz] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-fassqulyfz] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-fassqulyfz] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-fassqulyfz] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__timestamp[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-fassqulyfz] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-fassqulyfz], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-fassqulyfz] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .ads-admin-page[b-uzvikr89p5] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-lg); } .ads-admin-page__head h1[b-uzvikr89p5] { margin: 0 0 var(--os-space-xs) 0; color: var(--os-text-primary); } .ads-admin-page__lede[b-uzvikr89p5] { margin: 0; color: var(--os-text-secondary); line-height: 1.5; } .ads-admin-page__status[b-uzvikr89p5] { color: var(--os-text-secondary); padding: var(--os-space-md); text-align: center; } .ads-admin-page__status--error[b-uzvikr89p5] { color: var(--os-danger, #c0392b); } .ads-admin-page__section[b-uzvikr89p5] { padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .ads-admin-page__section-head h2[b-uzvikr89p5] { margin: 0 0 var(--os-space-xs) 0; font-size: 1.1rem; color: var(--os-text-primary); } .ads-admin-page__section-lede[b-uzvikr89p5] { margin: 0; color: var(--os-text-secondary); font-size: 0.95rem; } .ads-admin-page__note[b-uzvikr89p5] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border-left: 3px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-size: 0.9rem; } .ads-admin-page__choices[b-uzvikr89p5] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); overflow: hidden; } .ads-admin-page__choice[b-uzvikr89p5] { border-bottom: 1px solid var(--os-border); } .ads-admin-page__choice:last-child[b-uzvikr89p5] { border-bottom: none; } .ads-admin-page__choice label[b-uzvikr89p5] { display: flex; align-items: baseline; gap: var(--os-space-sm); padding: var(--os-space-md); cursor: pointer; transition: background-color 120ms ease; } .ads-admin-page__choice label:hover[b-uzvikr89p5] { background: var(--os-surface-variant); } .ads-admin-page__choice input[type="radio"][b-uzvikr89p5] { margin: 0; flex: 0 0 auto; } .ads-admin-page__choice-label[b-uzvikr89p5] { flex: 1; color: var(--os-text-primary); font-weight: 500; } .ads-admin-page__choice-meta[b-uzvikr89p5] { color: var(--os-text-tertiary); font-size: 0.85rem; } .ads-admin-page__toggle[b-uzvikr89p5] { display: flex; align-items: flex-start; gap: var(--os-space-sm); padding: var(--os-space-md); background: var(--os-surface-variant); border-radius: var(--os-radius-md); cursor: pointer; } .ads-admin-page__toggle input[type="checkbox"][b-uzvikr89p5] { margin-top: 0.2rem; flex: 0 0 auto; } .ads-admin-page__toggle span[b-uzvikr89p5] { display: flex; flex-direction: column; gap: 2px; } .ads-admin-page__toggle small[b-uzvikr89p5] { color: var(--os-text-secondary); font-size: 0.85rem; } .ads-admin-page__actions[b-uzvikr89p5] { flex-direction: column; gap: var(--os-space-md); } .ads-admin-page__revenue-note[b-uzvikr89p5] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border-left: 3px solid var(--os-primary, #4a90e2); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-size: 0.9rem; line-height: 1.45; } .ads-admin-page__action-row[b-uzvikr89p5] { display: flex; align-items: center; gap: var(--os-space-md); } .ads-admin-page__save-status[b-uzvikr89p5] { color: var(--os-text-secondary); font-size: 0.95rem; } .ads-admin-page__sellers[b-uzvikr89p5] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .ads-admin-page__seller[b-uzvikr89p5] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .ads-admin-page__seller:last-child[b-uzvikr89p5] { border-bottom: none; } .ads-admin-page__seller-grid[b-uzvikr89p5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (max-width: 640px) { .ads-admin-page__seller-grid[b-uzvikr89p5] { grid-template-columns: minmax(0, 1fr); } } .ads-admin-page__field[b-uzvikr89p5] { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--os-text-primary); font-size: 0.9rem; } .ads-admin-page__field > span[b-uzvikr89p5] { font-weight: 500; } .ads-admin-page__field small[b-uzvikr89p5] { color: var(--os-text-tertiary); font-size: 0.8rem; } .ads-admin-page__seller-key[b-uzvikr89p5] { padding: var(--os-space-xs) var(--os-space-sm); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; align-self: flex-start; max-width: 100%; overflow-wrap: anywhere; } .ads-admin-page__records[b-uzvikr89p5] { width: 100%; max-width: 100%; font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; line-height: 1.4; white-space: pre; overflow-x: auto; resize: vertical; } .ads-admin-page__seller-notes[b-uzvikr89p5] { margin: 0; color: var(--os-text-tertiary); font-size: 0.85rem; line-height: 1.4; } .ads-admin-page__zones[b-uzvikr89p5] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .ads-admin-page__zone[b-uzvikr89p5] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .ads-admin-page__zone:last-child[b-uzvikr89p5] { border-bottom: none; } .ads-admin-page__zone-grid[b-uzvikr89p5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (max-width: 640px) { .ads-admin-page__zone-grid[b-uzvikr89p5] { grid-template-columns: minmax(0, 1fr); } } .ads-admin-page__zone-key[b-uzvikr89p5] { padding: var(--os-space-xs) var(--os-space-sm); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; align-self: flex-start; max-width: 100%; overflow-wrap: anywhere; } .ads-admin-page__zone-description[b-uzvikr89p5] { width: 100%; max-width: 100%; line-height: 1.45; resize: vertical; } .ads-admin-page__snippet[b-uzvikr89p5] { width: 100%; max-width: 100%; font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; line-height: 1.4; white-space: pre; overflow-x: auto; resize: vertical; } .ads-admin-page__warning[b-uzvikr89p5] { margin: 0; padding: var(--os-space-md); border-radius: var(--os-radius-md); border-left: 3px solid var(--os-border); background: var(--os-surface-variant); color: var(--os-text-primary); font-size: 0.9rem; line-height: 1.45; display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .ads-admin-page__warning ul[b-uzvikr89p5] { margin: 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: 4px; } .ads-admin-page__warning p[b-uzvikr89p5], .ads-admin-page__warning-zones[b-uzvikr89p5] { margin: 0; } .ads-admin-page__warning small[b-uzvikr89p5] { color: var(--os-text-secondary); font-size: 0.85rem; } .ads-admin-page__warning-zones[b-uzvikr89p5] { color: var(--os-text-secondary); font-size: 0.85rem; overflow-wrap: anywhere; } html[data-ui="v2"] .ads-admin-page[b-uzvikr89p5] { gap: var(--os-space-xl); padding: var(--os-space-lg) var(--os-space-md); } html[data-ui="v2"] .ads-admin-page__head h1[b-uzvikr89p5] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .ads-admin-page__section[b-uzvikr89p5] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); } html[data-ui="v2"] .ads-admin-page__section-head h2[b-uzvikr89p5] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .ads-admin-page__note[b-uzvikr89p5] { border-left-color: var(--os-info); background: color-mix(in srgb, var(--os-info) 10%, var(--os-surface-variant)); } html[data-ui="v2"] .ads-admin-page__choice label[b-uzvikr89p5] { transition: background-color 120ms ease, box-shadow 120ms ease; } html[data-ui="v2"] .ads-admin-page__choice label:has(input:focus-visible)[b-uzvikr89p5] { outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; border-radius: var(--os-radius-sm); } html[data-ui="v2"] .ads-admin-page__choice-label[b-uzvikr89p5] { font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .ads-admin-page__toggle[b-uzvikr89p5] { border: 1px solid var(--os-border-light); } html[data-ui="v2"] .ads-admin-page__toggle:has(input:focus-visible)[b-uzvikr89p5] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .ads-admin-page__revenue-note[b-uzvikr89p5] { border-left-color: var(--os-primary); background: var(--os-primary-light); color: var(--os-text-primary); } html[data-ui="v2"] .ads-admin-page__status--error[b-uzvikr89p5] { color: var(--os-error); } html[data-ui="v2"] .ads-admin-page__warning--collision[b-uzvikr89p5] { border-left-color: var(--os-warning); background: color-mix(in srgb, var(--os-warning) 12%, var(--os-surface-variant)); } html[data-ui="v2"] .ads-admin-page__warning--policy[b-uzvikr89p5] { border-left-color: var(--os-error); background: color-mix(in srgb, var(--os-error) 10%, var(--os-surface-variant)); } .ads-admin-page__subhead[b-uzvikr89p5] { margin: var(--os-space-lg) 0 var(--os-space-xs); font-size: 1.05rem; font-weight: 600; color: var(--os-text-primary); } .ads-admin-page__slot-summary[b-uzvikr89p5] { margin: 0 0 var(--os-space-sm); color: var(--os-text-secondary); font-size: 0.9rem; } .ads-admin-page__slots[b-uzvikr89p5] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .ads-admin-page__slot[b-uzvikr89p5] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .ads-admin-page__slot:last-child[b-uzvikr89p5] { border-bottom: none; } .ads-admin-page__slot-head[b-uzvikr89p5] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; min-width: 0; } .ads-admin-page__slot-key[b-uzvikr89p5] { padding: var(--os-space-xs) var(--os-space-sm); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; max-width: 100%; overflow-wrap: anywhere; } .ads-admin-page__slot-badge[b-uzvikr89p5] { padding: 2px var(--os-space-sm); border-radius: var(--os-radius-full); border: 1px solid var(--os-border); font-size: 0.75rem; font-weight: 600; white-space: nowrap; } .ads-admin-page__slot-badge--unset[b-uzvikr89p5] { color: var(--os-text-secondary); background: var(--os-surface-variant); } .ads-admin-page__slot-badge--set[b-uzvikr89p5] { color: var(--os-text-primary); background: var(--os-surface-variant); } .ads-admin-page__slot-description[b-uzvikr89p5] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; line-height: 1.45; } .ads-admin-page__slot-input[b-uzvikr89p5] { width: 100%; max-width: 22rem; font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; } html[data-ui="v2"] .ads-admin-page__slot-badge--unset[b-uzvikr89p5] { border-color: var(--os-warning); background: color-mix(in srgb, var(--os-warning) 12%, var(--os-surface-variant)); color: var(--os-text-primary); } html[data-ui="v2"] .ads-admin-page__slot-badge--set[b-uzvikr89p5] { border-color: var(--os-success); background: color-mix(in srgb, var(--os-success) 12%, var(--os-surface-variant)); color: var(--os-text-primary); } .ads-admin-page__warning--buildtime[b-uzvikr89p5] { border-left-color: var(--os-info); background: var(--os-surface-variant); } html[data-ui="v2"] .ads-admin-page__warning--buildtime[b-uzvikr89p5] { border-left-color: var(--os-info); background: color-mix(in srgb, var(--os-info) 10%, var(--os-surface-variant)); } .ads-admin-page__appid-grid[b-uzvikr89p5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); margin-bottom: var(--os-space-md); } @media (max-width: 720px) { .ads-admin-page__appid-grid[b-uzvikr89p5] { grid-template-columns: minmax(0, 1fr); } } .ads-admin-page__platform[b-uzvikr89p5] { margin-bottom: var(--os-space-lg); min-width: 0; } .ads-admin-page__platform:last-child[b-uzvikr89p5] { margin-bottom: 0; } .ads-admin-page__platform-head[b-uzvikr89p5] { margin: 0 0 var(--os-space-xs); font-size: 0.95rem; font-weight: 600; color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.04em; } .ads-admin-page__tagurl[b-uzvikr89p5] { width: 100%; min-width: 0; resize: vertical; font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace; font-size: 0.85rem; line-height: 1.45; word-break: break-all; } .ads-admin-page__requirements[b-uzvikr89p5] { margin: var(--os-space-sm) 0 0; padding-left: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-xs); color: var(--os-text-secondary); font-size: 0.85rem; } .ads-admin-page__requirements li[b-uzvikr89p5] { min-width: 0; overflow-wrap: anywhere; } .os-collapsible .ads-admin-page__section[b-uzvikr89p5] { background: none; border: none; border-radius: 0; box-shadow: none; padding: 0; margin: 0; } .ads-admin-page__section-head--in-collapsible[b-uzvikr89p5] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .ads-admin-page__jump[b-uzvikr89p5] { position: sticky; top: 0; z-index: 2; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-sm); min-width: 0; } .ads-admin-page__jump-list[b-uzvikr89p5] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--os-space-xs); min-width: 0; } .ads-admin-page__jump-link[b-uzvikr89p5] { display: inline-flex; align-items: baseline; gap: var(--os-space-xs); padding: 0.25rem var(--os-space-sm); border-radius: var(--os-radius-full); text-decoration: none; color: var(--os-text-primary); background: var(--os-surface-variant); font-size: 0.8125rem; min-width: 0; } .ads-admin-page__jump-link:hover[b-uzvikr89p5], .ads-admin-page__jump-link:focus-visible[b-uzvikr89p5] { text-decoration: underline; } .ads-admin-page__jump-title[b-uzvikr89p5] { font-weight: 600; } .ads-admin-page__jump-chip[b-uzvikr89p5] { color: var(--os-text-tertiary); font-size: 0.75rem; min-width: 0; } .ads-admin-page__jump-chip--active[b-uzvikr89p5] { color: var(--os-text-secondary); } .ads-admin-page__jump-chip--warning[b-uzvikr89p5] { color: #b8860b; font-weight: 600; } @media (max-height: 600px) { .ads-admin-page__jump[b-uzvikr89p5] { position: static; } } @media print { .ads-admin-page__jump[b-uzvikr89p5] { display: none; } } .ads-admin-page__stats[b-uzvikr89p5] { width: 100%; border-collapse: collapse; margin-top: var(--os-space-sm); font-size: 0.875rem; display: block; overflow-x: auto; min-width: 0; } .ads-admin-page__stats th[b-uzvikr89p5], .ads-admin-page__stats td[b-uzvikr89p5] { text-align: left; padding: var(--os-space-xs) var(--os-space-sm); border-bottom: 1px solid var(--os-border); white-space: nowrap; } .ads-admin-page__stats thead th[b-uzvikr89p5] { color: var(--os-text-secondary); font-weight: 600; font-size: 0.8125rem; } .ads-admin-page__stats tbody th[b-uzvikr89p5] { font-weight: 600; color: var(--os-text-primary); } .ads-admin-page__stats td[b-uzvikr89p5] { color: var(--os-text-secondary); font-variant-numeric: tabular-nums; } .ads-admin-page__stats-off[b-uzvikr89p5] { margin-left: var(--os-space-xs); font-size: 0.75rem; font-weight: 400; color: var(--os-text-tertiary); } .analytics-page[b-cxwsu00urk] { padding: var(--os-space-lg, 1.5rem); max-width: 1100px; margin: 0 auto; } .analytics-page__header[b-cxwsu00urk] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--os-space-lg, 1.5rem); gap: var(--os-space-md, 1rem); flex-wrap: wrap; } .analytics-page__title[b-cxwsu00urk] { margin: 0; font-size: 1.75rem; color: var(--os-text-primary, #1a1a1a); } .analytics-page__range select[b-cxwsu00urk] { min-width: 160px; } .analytics-page__loading[b-cxwsu00urk] { color: var(--os-text-muted, #666); font-style: italic; } .analytics-tiles[b-cxwsu00urk] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--os-space-md, 1rem); margin-bottom: var(--os-space-xl, 2rem); } .analytics-tile[b-cxwsu00urk] { background: var(--os-surface, #fff); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 0.5rem); padding: var(--os-space-md, 1rem); box-shadow: var(--os-shadow-sm, 0 1px 2px rgba(0,0,0,0.05)); } .analytics-tile__label[b-cxwsu00urk] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--os-text-muted, #6b7280); margin-bottom: 0.25rem; } .analytics-tile__value[b-cxwsu00urk] { font-size: 1.75rem; font-weight: 700; color: var(--os-primary, #4663ac); } .analytics-chart[b-cxwsu00urk] { background: var(--os-surface, #fff); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 0.5rem); padding: var(--os-space-lg, 1.5rem); margin-bottom: var(--os-space-lg, 1.5rem); } .analytics-chart__title[b-cxwsu00urk] { margin: 0 0 var(--os-space-md, 1rem) 0; font-size: 1.125rem; color: var(--os-text-primary, #1a1a1a); } .analytics-chart__empty[b-cxwsu00urk] { color: var(--os-text-muted, #6b7280); font-style: italic; margin: 0; } .analytics-table[b-cxwsu00urk] { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .analytics-table th[b-cxwsu00urk], .analytics-table td[b-cxwsu00urk] { text-align: left; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--os-border, #e5e7eb); } .analytics-table th[b-cxwsu00urk] { background: var(--os-surface-muted, #f9fafb); color: var(--os-text-muted, #6b7280); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; } .analytics-table a[b-cxwsu00urk] { color: var(--os-primary, #4663ac); text-decoration: none; } .analytics-table a:hover[b-cxwsu00urk] { text-decoration: underline; } html[data-ui="v2"] .analytics-page[b-cxwsu00urk] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-cxwsu00urk] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-cxwsu00urk] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__loading[b-cxwsu00urk] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-page__error-strip[b-cxwsu00urk] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-cxwsu00urk] { color: var(--os-error); } html[data-ui="v2"] .analytics-tiles[b-cxwsu00urk] { gap: var(--os-space-md); } html[data-ui="v2"] .analytics-tile[b-cxwsu00urk] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-tile__label[b-cxwsu00urk] { color: var(--os-text-tertiary); font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .analytics-tile__value[b-cxwsu00urk] { font-family: var(--os-font-display); color: var(--os-primary); } html[data-ui="v2"] .analytics-chart[b-cxwsu00urk] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-chart__title[b-cxwsu00urk] { color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-chart__empty[b-cxwsu00urk] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-table th[b-cxwsu00urk] { background: var(--os-surface-variant); color: var(--os-text-tertiary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-table th[b-cxwsu00urk], html[data-ui="v2"] .analytics-table td[b-cxwsu00urk] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .analytics-table a[b-cxwsu00urk] { color: var(--os-primary); } .analytics-audience__grid[b-tpm979dsem] { display: grid; gap: var(--os-space-lg); } .analytics-audience__geo-empty[b-tpm979dsem] { margin: var(--os-space-sm) 0 0; color: var(--os-text-secondary); font-size: 0.875rem; } html[data-ui="v2"] .analytics-page[b-tpm979dsem] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-tpm979dsem] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-tpm979dsem] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__error-strip[b-tpm979dsem] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-tpm979dsem] { color: var(--os-error); } html[data-ui="v2"] .analytics-audience__geo-empty[b-tpm979dsem] { color: var(--os-text-tertiary); } .analytics-audio__grid[b-o1lycizydw] { display: grid; gap: var(--os-space-lg); } .removed-voices[b-o1lycizydw] { margin-top: var(--os-space-xl); } .removed-voices__title[b-o1lycizydw] { font-size: 1.25rem; margin: 0 0 var(--os-space-md); color: var(--os-text-primary); } .removed-voices__empty[b-o1lycizydw] { color: var(--os-text-secondary); margin: 0; } .removed-voices__list[b-o1lycizydw] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .removed-voices__head[b-o1lycizydw], .removed-voices__item[b-o1lycizydw] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--os-space-md); align-items: center; padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .removed-voices__item:last-child[b-o1lycizydw] { border-bottom: none; } .removed-voices__head[b-o1lycizydw] { background: var(--os-surface-variant); font-weight: 600; color: var(--os-text-secondary); font-size: 0.875rem; } .removed-voices__col-id[b-o1lycizydw] { min-width: 0; word-break: break-all; color: var(--os-text-primary); } .removed-voices__col-date[b-o1lycizydw], .removed-voices__col-count[b-o1lycizydw] { min-width: 0; color: var(--os-text-secondary); } html[data-ui="v2"] .analytics-page[b-o1lycizydw] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-o1lycizydw] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-o1lycizydw] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__error-strip[b-o1lycizydw] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-o1lycizydw] { color: var(--os-error); } html[data-ui="v2"] .removed-voices__list[b-o1lycizydw] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .removed-voices__head[b-o1lycizydw], html[data-ui="v2"] .removed-voices__item[b-o1lycizydw] { border-bottom-color: var(--os-border-light); padding: var(--os-space-md) var(--os-space-lg); } html[data-ui="v2"] .removed-voices__title[b-o1lycizydw] { font-family: var(--os-font-display); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .audio-regen[b-o1lycizydw] { margin-top: var(--os-space-xl); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .audio-regen__title[b-o1lycizydw] { margin: 0 0 var(--os-space-sm); font-family: var(--os-font-display); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } html[data-ui="v2"] .audio-regen__desc[b-o1lycizydw] { margin: 0 0 var(--os-space-md); color: var(--os-text-secondary); font-size: 0.875rem; } html[data-ui="v2"] .audio-regen__form[b-o1lycizydw] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); } html[data-ui="v2"] .audio-regen__label[b-o1lycizydw] { color: var(--os-text-secondary); font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .audio-regen__input[b-o1lycizydw] { max-width: 200px; } html[data-ui="v2"] .audio-regen__result[b-o1lycizydw] { margin: var(--os-space-md) 0 0; font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .audio-regen__result--ok[b-o1lycizydw] { color: var(--os-success); } html[data-ui="v2"] .audio-regen__result--err[b-o1lycizydw] { color: var(--os-error); } .orphans-page[b-37c8oxw0mr] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding: var(--os-space-xl) 0; } .orphans-page__head h1[b-37c8oxw0mr] { margin: 0 0 var(--os-space-xs) 0; color: var(--os-text-primary); } .orphans-page__lede[b-37c8oxw0mr] { margin: 0; color: var(--os-text-secondary); max-width: 70ch; } .orphans-page__tabs[b-37c8oxw0mr] { display: flex; gap: var(--os-space-xs); border-bottom: 1px solid var(--os-border); } .orphans-page__tab[b-37c8oxw0mr] { appearance: none; background: transparent; border: none; border-bottom: 2px solid transparent; padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-secondary); cursor: pointer; font-size: 1rem; } .orphans-page__tab--active[b-37c8oxw0mr] { color: var(--os-text-primary); border-bottom-color: var(--os-primary); } .orphans-page__empty[b-37c8oxw0mr] { color: var(--os-text-tertiary); padding: var(--os-space-lg); text-align: center; } .orphans-table-wrap[b-37c8oxw0mr] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .orphans-table[b-37c8oxw0mr] { width: 100%; border-collapse: collapse; } .orphans-table th[b-37c8oxw0mr], .orphans-table td[b-37c8oxw0mr] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .orphans-table tbody tr:last-child td[b-37c8oxw0mr] { border-bottom: none; } .orphans-table th[b-37c8oxw0mr] { color: var(--os-text-secondary); font-weight: 600; background: var(--os-surface-variant); } .orphans-table__error[b-37c8oxw0mr] { max-width: 32ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--os-text-tertiary); } .orphans-table__actions[b-37c8oxw0mr] { display: flex; gap: var(--os-space-xs); } .orphans-toast[b-37c8oxw0mr] { position: fixed; bottom: var(--os-space-lg); right: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); box-shadow: var(--os-shadow-sm); padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); } html[data-ui="v2"] .orphans-page__tabs[b-37c8oxw0mr] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .orphans-page__tab[b-37c8oxw0mr] { font-weight: var(--os-font-weight-medium); border-radius: var(--os-radius-sm) var(--os-radius-sm) 0 0; } html[data-ui="v2"] .orphans-page__tab:focus-visible[b-37c8oxw0mr] { outline: 2px solid var(--os-focus-ring-color); outline-offset: -2px; } html[data-ui="v2"] .orphans-page__tab--active[b-37c8oxw0mr] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .orphans-table-wrap[b-37c8oxw0mr] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .orphans-table th[b-37c8oxw0mr], html[data-ui="v2"] .orphans-table td[b-37c8oxw0mr] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .orphans-table th[b-37c8oxw0mr] { font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.04em; } html[data-ui="v2"] .orphans-table tbody tr:hover[b-37c8oxw0mr] { background: var(--os-surface-variant); } html[data-ui="v2"] .orphans-table__actions button:focus-visible[b-37c8oxw0mr] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 1px; } html[data-ui="v2"] .orphans-toast[b-37c8oxw0mr] { box-shadow: var(--os-shadow-md); border-radius: var(--os-radius-lg); } .blg-page__status[b-wu8wwwl0pm] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .blg-page__status--error[b-wu8wwwl0pm] { color: var(--os-error); } .blg-page__status--warning[b-wu8wwwl0pm] { color: var(--os-warning); } .blg-page__error[b-wu8wwwl0pm] { color: var(--os-text-primary); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); margin-bottom: var(--os-space-md); } .blg-page__autopilot[b-wu8wwwl0pm] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); margin-bottom: var(--os-space-md); min-width: 0; } .blg-page__autopilot-label[b-wu8wwwl0pm] { margin: 0; font-weight: 600; color: var(--os-text-primary); } .blg-page__autopilot-control[b-wu8wwwl0pm] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; min-width: 0; } .blg-page__autopilot-seg[b-wu8wwwl0pm] { padding: var(--os-space-xs) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); color: var(--os-text-secondary); font: inherit; cursor: pointer; } .blg-page__autopilot-seg:disabled[b-wu8wwwl0pm] { cursor: default; opacity: 0.6; } .blg-page__autopilot-seg--active[b-wu8wwwl0pm] { background: var(--os-surface-variant); color: var(--os-text-primary); font-weight: 600; } .blg-page__autopilot-hint[b-wu8wwwl0pm] { margin: 0; color: var(--os-text-secondary); font-size: 0.85rem; overflow-wrap: break-word; } .blg-page__autopilot-error[b-wu8wwwl0pm] { margin: 0; color: var(--os-error); font-size: 0.85rem; } .blg-page__translation[b-wu8wwwl0pm] { min-width: 0; } .blg-page__translation h3[b-wu8wwwl0pm] { margin: 0 0 var(--os-space-sm); } .blg-page__filters[b-wu8wwwl0pm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--os-space-md); align-items: end; padding: var(--os-space-md); margin-bottom: var(--os-space-md); } .blg-page__filter-field[b-wu8wwwl0pm] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .blg-page__filter-field span[b-wu8wwwl0pm] { color: var(--os-text-secondary); font-size: 0.85rem; } @media (max-width: 640px) { .blg-page__filters[b-wu8wwwl0pm] { grid-template-columns: minmax(0, 1fr); } } .blg-page__table-wrap[b-wu8wwwl0pm] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; margin-bottom: var(--os-space-md); } .blg-page__table[b-wu8wwwl0pm] { width: 100%; border-collapse: collapse; font-size: 0.9rem; color: var(--os-text-primary); } .blg-page__table thead th[b-wu8wwwl0pm] { text-align: left; font-weight: 600; color: var(--os-text-secondary); padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); white-space: nowrap; } .blg-page__table tbody td[b-wu8wwwl0pm] { padding: var(--os-space-sm) var(--os-space-md); vertical-align: middle; } .blg-page__row[b-wu8wwwl0pm] { border-bottom: 1px solid var(--os-border); } .blg-page__row:last-child[b-wu8wwwl0pm] { border-bottom: none; } .blg-page__pager[b-wu8wwwl0pm] { display: flex; align-items: center; gap: var(--os-space-sm); margin-bottom: var(--os-space-lg); } .blg-page__pager-status[b-wu8wwwl0pm] { color: var(--os-text-secondary); font-size: 0.85rem; } .blg-page__badge[b-wu8wwwl0pm] { display: inline-block; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); font-size: 0.8rem; font-weight: 600; white-space: nowrap; } .blg-page__badge--blocking[b-wu8wwwl0pm] { color: var(--os-error); background: var(--os-error-light); } .blg-page__badge--warning[b-wu8wwwl0pm] { color: var(--os-warning); background: var(--os-warning-light); } .blg-page__badge--clean[b-wu8wwwl0pm] { color: var(--os-success); background: var(--os-success-light); } .blg-page__badge--not-evaluated[b-wu8wwwl0pm] { color: var(--os-text-secondary); background: var(--os-surface-variant); } .blg-page__detail[b-wu8wwwl0pm] { padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); min-width: 0; } .blg-page__detail-head h2[b-wu8wwwl0pm] { margin: 0 0 var(--os-space-xs); } .blg-page__detail-meta[b-wu8wwwl0pm] { color: var(--os-text-secondary); margin: 0; font-size: 0.9rem; } .blg-page__meta-grid[b-wu8wwwl0pm] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--os-space-xs) var(--os-space-md); margin: 0; } .blg-page__meta-grid dt[b-wu8wwwl0pm] { color: var(--os-text-secondary); font-weight: 600; } .blg-page__meta-grid dd[b-wu8wwwl0pm] { margin: 0; color: var(--os-text-primary); min-width: 0; overflow-wrap: break-word; } @media (max-width: 640px) { .blg-page__meta-grid[b-wu8wwwl0pm] { grid-template-columns: minmax(0, 1fr); } } .blg-page__findings[b-wu8wwwl0pm] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .blg-page__finding[b-wu8wwwl0pm] { border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); min-width: 0; } .blg-page__finding--blocking[b-wu8wwwl0pm] { border-left: 3px solid var(--os-error); } .blg-page__finding--warning[b-wu8wwwl0pm] { border-left: 3px solid var(--os-warning); } .blg-page__finding-head[b-wu8wwwl0pm] { display: flex; align-items: center; gap: var(--os-space-sm); font-size: 0.85rem; } .blg-page__finding-severity[b-wu8wwwl0pm] { font-weight: 600; text-transform: uppercase; font-size: 0.75rem; color: var(--os-text-secondary); } .blg-page__finding-detail[b-wu8wwwl0pm] { margin: var(--os-space-xs) 0 0; color: var(--os-text-primary); overflow-wrap: break-word; } .blg-page__finding-override[b-wu8wwwl0pm] { margin: var(--os-space-xs) 0 0; color: var(--os-text-secondary); font-size: 0.85rem; overflow-wrap: break-word; } .blg-page__override-btn[b-wu8wwwl0pm] { margin-top: var(--os-space-sm); font-size: 0.85rem; } .blg-page__approve-blocked[b-wu8wwwl0pm] { color: var(--os-error); background: var(--os-error-light); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); margin: 0; overflow-wrap: break-word; } .blg-page__preview-wrap[b-wu8wwwl0pm] { border: 1px solid var(--os-border); border-radius: var(--os-radius-md); overflow: hidden; min-width: 0; } .blg-page__preview-frame[b-wu8wwwl0pm] { width: 100%; min-width: 0; height: min(70vh, 640px); border: 0; display: block; background: #fff; } .blg-page__decision-row[b-wu8wwwl0pm] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; } .blg-page__publish[b-wu8wwwl0pm] { min-width: 0; } .blg-page__publish h3[b-wu8wwwl0pm] { margin: 0 0 var(--os-space-sm); } .blg-page__publish a[b-wu8wwwl0pm] { overflow-wrap: break-word; } .blg-page__dialog[b-wu8wwwl0pm] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); color: var(--os-text-primary); padding: var(--os-space-lg); width: min(480px, calc(100vw - var(--os-space-lg) * 2)); box-shadow: var(--os-shadow-sm); } .blg-page__dialog[b-wu8wwwl0pm]::backdrop { background: rgba(0, 0, 0, 0.5); } .blg-page__dialog-title[b-wu8wwwl0pm] { margin: 0 0 var(--os-space-sm); font-size: 1.1rem; font-weight: 600; } .blg-page__dialog-body[b-wu8wwwl0pm] { color: var(--os-text-secondary); margin: 0 0 var(--os-space-md); font-size: 0.9rem; } .blg-page__dialog-reason[b-wu8wwwl0pm] { width: 100%; box-sizing: border-box; margin-bottom: var(--os-space-md); resize: vertical; } .blg-page__dialog-error[b-wu8wwwl0pm] { color: var(--os-error); margin: 0 0 var(--os-space-md); font-size: 0.85rem; } .blg-page__dialog-actions[b-wu8wwwl0pm] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; } .audience-group-fields[b-erkw2t3r8b] { display: flex; flex-direction: column; gap: var(--os-space-md); } .audience-group-fields__field[b-erkw2t3r8b] { display: flex; flex-direction: column; gap: 4px; flex: 1; } .audience-group-fields__row[b-erkw2t3r8b] { display: flex; gap: var(--os-space-md); flex-wrap: wrap; } .audience-group-fields__label[b-erkw2t3r8b] { font-weight: 600; font-size: 0.8125rem; color: var(--os-text-secondary); } .audience-group-fields__check[b-erkw2t3r8b] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-primary); font-size: 0.875rem; cursor: pointer; } .audience-group-fields__subgroup-title[b-erkw2t3r8b] { margin: var(--os-space-sm) 0 0; font-size: 0.8125rem; font-weight: 700; color: var(--os-text-tertiary); text-transform: uppercase; letter-spacing: 0.02em; } .block-editor[b-a052jvhuuc] { display: flex; flex-direction: column; gap: var(--os-space-md); } .block-editor__greeting-note[b-a052jvhuuc] { margin: 0; font-size: 0.8125rem; color: var(--os-text-secondary); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .block-editor__palette[b-a052jvhuuc] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .block-editor__add[b-a052jvhuuc] { font-size: 0.8125rem; cursor: grab; } .block-editor__add:active[b-a052jvhuuc] { cursor: grabbing; } .block-editor__add.is-dragging[b-a052jvhuuc] { opacity: 0.5; } .block-editor__palette-hint[b-a052jvhuuc] { margin: 0; font-size: 0.75rem; color: var(--os-text-tertiary); } .block-editor__canvas--empty[b-a052jvhuuc] { border: 1px dashed var(--os-border); border-radius: var(--os-radius-lg); } .block-editor__canvas--empty.is-drop-target[b-a052jvhuuc] { border-color: var(--os-primary); box-shadow: 0 0 0 2px var(--os-primary) inset; } .block-editor__empty[b-a052jvhuuc] { color: var(--os-text-tertiary); font-size: 0.875rem; text-align: center; padding: var(--os-space-lg); border: 1px dashed var(--os-border); border-radius: var(--os-radius-lg); margin: 0; } .block-editor__canvas[b-a052jvhuuc] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .block-card[b-a052jvhuuc] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); overflow: hidden; } .block-card.is-dragging[b-a052jvhuuc] { opacity: 0.5; } .block-card.is-drop-target[b-a052jvhuuc] { border-color: var(--os-primary); box-shadow: 0 0 0 2px var(--os-primary) inset; } .block-card__bar[b-a052jvhuuc] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-sm); background: var(--os-surface-variant); border-bottom: 1px solid var(--os-border); } .block-card__handle[b-a052jvhuuc] { cursor: grab; color: var(--os-text-tertiary); font-size: 1rem; user-select: none; padding: 0 var(--os-space-xs); } .block-card__handle:active[b-a052jvhuuc] { cursor: grabbing; } .block-card__collapse-toggle[b-a052jvhuuc] { border: none; background: transparent; cursor: pointer; color: var(--os-text-tertiary); font-size: 0.75rem; padding: 0 2px; line-height: 1; } .block-card__kind[b-a052jvhuuc] { font-weight: 600; font-size: 0.8125rem; color: var(--os-text-secondary); } .block-card__summary[b-a052jvhuuc] { flex: 1; font-size: 0.8125rem; color: var(--os-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .block-card:not(.is-collapsed) .block-card__kind[b-a052jvhuuc] { flex: 1; } .block-card__bar-actions[b-a052jvhuuc] { display: flex; gap: var(--os-space-xs); } .block-card__icon-btn[b-a052jvhuuc] { border: 1px solid var(--os-border); background: var(--os-surface); border-radius: var(--os-radius-sm); cursor: pointer; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; color: var(--os-text-secondary); font-size: 0.75rem; } .block-card__icon-btn:disabled[b-a052jvhuuc] { opacity: 0.4; cursor: default; } .block-card__icon-btn--danger[b-a052jvhuuc] { color: #b91c1c; } .block-card__body[b-a052jvhuuc] { padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .block-card__row[b-a052jvhuuc] { display: flex; gap: var(--os-space-md); flex-wrap: wrap; } .block-card__field[b-a052jvhuuc] { display: flex; flex-direction: column; gap: 4px; } .block-card__field--grow[b-a052jvhuuc] { flex: 1; } .block-card__label[b-a052jvhuuc] { font-weight: 600; font-size: 0.75rem; color: var(--os-text-secondary); } .block-card__textarea[b-a052jvhuuc] { font-family: inherit; resize: vertical; min-height: 110px; } .block-card__num[b-a052jvhuuc] { max-width: 120px; } .block-card__toolbar[b-a052jvhuuc] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .block-card__tool-btn[b-a052jvhuuc] { font-size: 0.8125rem; align-self: flex-start; } .block-card__chips[b-a052jvhuuc] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; } .block-card__chip[b-a052jvhuuc] { border: 1px solid var(--os-border); background: var(--os-surface-variant); border-radius: var(--os-radius-full); padding: 2px var(--os-space-sm); font-size: 0.75rem; cursor: pointer; color: var(--os-text-secondary); } .block-card__chip:hover[b-a052jvhuuc] { color: var(--os-primary); border-color: var(--os-primary); } .block-card__static[b-a052jvhuuc] { margin: 0; color: var(--os-text-tertiary); font-size: 0.8125rem; } .block-card__upload[b-a052jvhuuc] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .block-card__upload-hint[b-a052jvhuuc] { font-size: 0.75rem; color: var(--os-text-tertiary); } .block-card__upload-error[b-a052jvhuuc] { font-size: 0.8125rem; color: #b91c1c; } .block-card__image-thumb[b-a052jvhuuc] { max-width: 200px; max-height: 120px; object-fit: contain; border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); align-self: flex-start; background: var(--os-surface-variant); } .block-card__story[b-a052jvhuuc] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .block-card__story-cover[b-a052jvhuuc] { width: 48px; height: 64px; object-fit: cover; border-radius: var(--os-radius-sm); } .block-card__story-meta[b-a052jvhuuc] { display: flex; flex-direction: column; flex: 1; min-width: 140px; } .block-card__story-title[b-a052jvhuuc] { font-weight: 600; color: var(--os-text-primary); } .block-card__story-author[b-a052jvhuuc] { font-size: 0.8125rem; color: var(--os-text-secondary); } .story-picker-native[b-a052jvhuuc] { border: none; border-radius: var(--os-radius-lg); padding: 0; width: min(520px, 92vw); max-height: 80vh; background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.25)); } .story-picker-native[b-a052jvhuuc]::backdrop { background: rgba(0, 0, 0, 0.45); } .story-picker[b-a052jvhuuc] { display: flex; flex-direction: column; max-height: 80vh; } .story-picker__header[b-a052jvhuuc] { display: flex; align-items: center; justify-content: space-between; padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .story-picker__title[b-a052jvhuuc] { margin: 0; font-size: 1rem; } .story-picker__close[b-a052jvhuuc] { border: none; background: transparent; font-size: 1.5rem; line-height: 1; cursor: pointer; color: var(--os-text-secondary); } .story-picker__body[b-a052jvhuuc] { padding: var(--os-space-md) var(--os-space-lg); overflow-y: auto; display: flex; flex-direction: column; gap: var(--os-space-sm); } .story-picker__hint[b-a052jvhuuc] { margin: 0; color: var(--os-text-secondary); font-size: 0.875rem; } .story-picker__list[b-a052jvhuuc] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .story-picker__item[b-a052jvhuuc] { border-bottom: 1px solid var(--os-border); } .story-picker__item:last-child[b-a052jvhuuc] { border-bottom: none; } .story-picker__pick[b-a052jvhuuc] { display: flex; align-items: center; gap: var(--os-space-md); width: 100%; text-align: left; border: none; background: transparent; cursor: pointer; padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); } .story-picker__pick:hover[b-a052jvhuuc] { background: var(--os-surface-variant); } .story-picker__cover[b-a052jvhuuc] { width: 36px; height: 48px; object-fit: cover; border-radius: var(--os-radius-sm); } .story-picker__meta[b-a052jvhuuc] { display: flex; flex-direction: column; } .story-picker__name[b-a052jvhuuc] { font-weight: 600; font-size: 0.875rem; } .story-picker__author[b-a052jvhuuc] { font-size: 0.75rem; color: var(--os-text-secondary); } .link-picker-native[b-ikax1uuyzl] { border: none; border-radius: var(--os-radius-lg); padding: 0; width: min(560px, 92vw); max-height: 80vh; background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-lg, 0 10px 40px rgba(0, 0, 0, 0.25)); } .link-picker-native[b-ikax1uuyzl]::backdrop { background: rgba(0, 0, 0, 0.45); } .link-picker[b-ikax1uuyzl] { display: flex; flex-direction: column; max-height: 80vh; } .link-picker__header[b-ikax1uuyzl] { display: flex; align-items: center; justify-content: space-between; padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .link-picker__title[b-ikax1uuyzl] { margin: 0; font-size: 1rem; color: var(--os-text-primary); } .link-picker__close[b-ikax1uuyzl] { border: none; background: transparent; font-size: 1.5rem; line-height: 1; cursor: pointer; color: var(--os-text-secondary); padding: 0 var(--os-space-xs); } .link-picker__tabs[b-ikax1uuyzl] { display: flex; gap: var(--os-space-xs); padding: var(--os-space-sm) var(--os-space-lg) 0; border-bottom: 1px solid var(--os-border); flex-wrap: wrap; } .link-picker__tab[b-ikax1uuyzl] { border: none; background: transparent; padding: var(--os-space-sm) var(--os-space-md); cursor: pointer; color: var(--os-text-secondary); font-size: 0.875rem; border-bottom: 2px solid transparent; } .link-picker__tab.is-active[b-ikax1uuyzl] { color: var(--os-primary); border-bottom-color: var(--os-primary); font-weight: 600; } .link-picker__body[b-ikax1uuyzl] { overflow-y: auto; padding: var(--os-space-md) var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); } .link-picker__list[b-ikax1uuyzl] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .link-picker__item[b-ikax1uuyzl] { border-bottom: 1px solid var(--os-border); } .link-picker__item:last-child[b-ikax1uuyzl] { border-bottom: none; } .link-picker__pick[b-ikax1uuyzl] { display: flex; flex-direction: column; gap: 2px; width: 100%; text-align: left; border: none; background: transparent; cursor: pointer; padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); } .link-picker__pick:hover[b-ikax1uuyzl] { background: var(--os-surface-variant); } .link-picker__pick-label[b-ikax1uuyzl] { font-weight: 600; font-size: 0.875rem; } .link-picker__pick-url[b-ikax1uuyzl] { font-size: 0.75rem; color: var(--os-text-tertiary); } .link-picker__hint[b-ikax1uuyzl] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0; } .link-picker__search[b-ikax1uuyzl] { width: 100%; } .link-picker__search-btn[b-ikax1uuyzl] { align-self: flex-start; } .rich-text-editor[b-k2ia75gh4u] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .rich-text-editor__toolbar[b-k2ia75gh4u] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; } .rich-text-editor__tool[b-k2ia75gh4u] { min-width: 2rem; padding: 2px var(--os-space-sm); border: 1px solid var(--os-border); background: var(--os-surface-variant); color: var(--os-text-secondary); border-radius: var(--os-radius-sm); font-size: 0.875rem; line-height: 1.4; cursor: pointer; } .rich-text-editor__tool:hover[b-k2ia75gh4u] { color: var(--os-primary); border-color: var(--os-primary); } .rich-text-editor__surface[b-k2ia75gh4u] { min-height: 110px; padding: var(--os-space-sm) var(--os-space-md); overflow-y: auto; line-height: 1.5; cursor: text; } .rich-text-editor__surface:focus[b-k2ia75gh4u] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-primary) 25%, transparent); } .rich-text-editor__surface:empty[b-k2ia75gh4u]::before { content: attr(data-placeholder); color: var(--os-text-tertiary); pointer-events: none; } .rich-text-editor__surface a[b-k2ia75gh4u] { color: var(--os-primary); text-decoration: underline; } .campaign-detail[b-v4i87krgmu] { max-width: 1000px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-detail__header[b-v4i87krgmu] { display: flex; align-items: center; gap: var(--os-space-sm); } .campaign-detail__title[b-v4i87krgmu] { margin: 0; } .campaign-detail__notice[b-v4i87krgmu] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; color: var(--os-text-secondary); } .campaign-detail__notice-title[b-v4i87krgmu] { margin: 0; color: var(--os-text-primary); } .campaign-detail__loading[b-v4i87krgmu] { color: var(--os-text-secondary); } .campaign-detail__summary[b-v4i87krgmu] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-detail__summary-head[b-v4i87krgmu] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-detail__meta[b-v4i87krgmu] { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--os-space-md); } .campaign-detail__meta dt[b-v4i87krgmu] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--os-text-tertiary); margin-bottom: 2px; } .campaign-detail__meta dd[b-v4i87krgmu] { margin: 0; color: var(--os-text-primary); font-weight: 600; } .campaign-detail__badge[b-v4i87krgmu] { display: inline-block; padding: 2px 10px; border-radius: var(--os-radius-full); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; background: var(--os-surface-variant); color: var(--os-text-secondary); } .campaign-detail__badge--draft[b-v4i87krgmu] { background: #e0e7ff; color: #3730a3; } .campaign-detail__badge--scheduled[b-v4i87krgmu] { background: #fef3c7; color: #92400e; } .campaign-detail__badge--sending[b-v4i87krgmu] { background: #dbeafe; color: #1e40af; } .campaign-detail__badge--sent[b-v4i87krgmu] { background: #d1fae5; color: #065f46; } .campaign-detail__badge--failed[b-v4i87krgmu] { background: #fee2e2; color: #991b1b; } .campaign-detail__badge--cancelled[b-v4i87krgmu] { background: #f3f4f6; color: #6b7280; } .campaign-detail__scheduled[b-v4i87krgmu] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); flex-wrap: wrap; background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-md); } .campaign-detail__scheduled-label[b-v4i87krgmu] { font-weight: 600; color: var(--os-text-primary); } .campaign-detail__scheduled-actions[b-v4i87krgmu] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-edit__message[b-v4i87krgmu] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-md); font-size: 0.875rem; } .campaign-edit__message.err[b-v4i87krgmu] { background: #fee2e2; color: #991b1b; } .campaign-detail__stats-section[b-v4i87krgmu] { display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-detail__stats-heading[b-v4i87krgmu] { margin: 0; font-size: 1rem; color: var(--os-text-primary); } .campaign-detail__tiles[b-v4i87krgmu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--os-space-md); } .campaign-detail__tile[b-v4i87krgmu] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-md); display: flex; flex-direction: column; gap: 4px; } .campaign-detail__tile-label[b-v4i87krgmu] { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--os-text-tertiary); } .campaign-detail__tile-value[b-v4i87krgmu] { font-size: 1.5rem; font-weight: 700; color: var(--os-text-primary); } .campaign-detail__links-section[b-v4i87krgmu], .campaign-detail__recipients-section[b-v4i87krgmu] { display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-detail__section-head[b-v4i87krgmu] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-detail__section-heading[b-v4i87krgmu] { margin: 0; font-size: 1rem; color: var(--os-text-primary); } .campaign-detail__empty[b-v4i87krgmu] { margin: 0; color: var(--os-text-secondary); } .campaign-detail__recip-filter[b-v4i87krgmu] { flex-shrink: 0; } .campaign-detail__table-wrap[b-v4i87krgmu] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .campaign-detail__table[b-v4i87krgmu] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .campaign-detail__table th[b-v4i87krgmu], .campaign-detail__table td[b-v4i87krgmu] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .campaign-detail__table tbody tr:last-child td[b-v4i87krgmu] { border-bottom: none; } .campaign-detail__table th[b-v4i87krgmu] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .campaign-detail__num-col[b-v4i87krgmu] { text-align: right; white-space: nowrap; } .campaign-detail__url-cell[b-v4i87krgmu] { max-width: 520px; } .campaign-detail__url-link[b-v4i87krgmu] { color: var(--os-primary); text-decoration: none; word-break: break-all; } .campaign-detail__url-link:hover[b-v4i87krgmu] { text-decoration: underline; } .campaign-detail__badge--pending[b-v4i87krgmu] { background: #fef3c7; color: #92400e; } .campaign-detail__badge--suppressed[b-v4i87krgmu] { background: #f3f4f6; color: #6b7280; } .campaign-detail__pager[b-v4i87krgmu] { display: flex; align-items: center; justify-content: center; gap: var(--os-space-md); flex-wrap: wrap; } .campaign-detail__pager-label[b-v4i87krgmu] { color: var(--os-text-secondary); font-size: 0.875rem; } .campaign-edit[b-q28f81n26f] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__header[b-q28f81n26f] { display: flex; align-items: center; gap: var(--os-space-sm); } .campaign-edit__title[b-q28f81n26f] { margin: 0; } .campaign-edit__notice[b-q28f81n26f] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; color: var(--os-text-secondary); } .campaign-edit__notice-title[b-q28f81n26f] { margin: 0; color: var(--os-text-primary); } .campaign-edit__loading[b-q28f81n26f] { color: var(--os-text-secondary); } .campaign-edit__form[b-q28f81n26f] { display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__section[b-q28f81n26f] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__section-title[b-q28f81n26f] { margin: 0; font-size: 1rem; color: var(--os-text-primary); } .campaign-edit__field[b-q28f81n26f] { display: flex; flex-direction: column; gap: 4px; flex: 1; } .campaign-edit__row[b-q28f81n26f] { display: flex; gap: var(--os-space-md); flex-wrap: wrap; } .campaign-edit__label[b-q28f81n26f] { font-weight: 600; font-size: 0.8125rem; color: var(--os-text-secondary); } .campaign-edit__hint[b-q28f81n26f] { font-size: 0.75rem; color: var(--os-text-tertiary); } .campaign-edit__textarea[b-q28f81n26f] { font-family: inherit; resize: vertical; min-height: 180px; } .campaign-edit__saved-row[b-q28f81n26f] { display: flex; align-items: flex-end; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-edit__saved-select[b-q28f81n26f] { flex: 1; min-width: 200px; } .campaign-edit__saved-delete[b-q28f81n26f] { display: inline-flex; align-items: center; justify-content: center; } .campaign-edit__subsection-title[b-q28f81n26f] { margin: var(--os-space-sm) 0 0; font-size: 0.875rem; font-weight: 700; color: var(--os-text-secondary); } .campaign-edit__subgroup[b-q28f81n26f] { display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__subgroup-title[b-q28f81n26f] { margin: var(--os-space-sm) 0 0; font-size: 0.8125rem; font-weight: 700; color: var(--os-text-tertiary); text-transform: uppercase; letter-spacing: 0.02em; } .campaign-edit__subgroup.is-disabled[b-q28f81n26f] { opacity: 0.5; } .campaign-edit__or-groups[b-q28f81n26f] { display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__or-groups.is-disabled[b-q28f81n26f] { opacity: 0.5; } .campaign-edit__or-divider[b-q28f81n26f] { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.08em; color: var(--os-text-tertiary); text-transform: uppercase; } .campaign-edit__or-group[b-q28f81n26f] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaign-edit__or-group-head[b-q28f81n26f] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-edit__or-group-label[b-q28f81n26f] { font-weight: 700; font-size: 0.875rem; color: var(--os-text-primary); } .campaign-edit__or-add[b-q28f81n26f] { align-self: flex-start; } .campaign-edit__check[b-q28f81n26f] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-primary); font-size: 0.875rem; cursor: pointer; } .campaign-edit__count-row[b-q28f81n26f] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .campaign-edit__count[b-q28f81n26f] { font-weight: 600; color: var(--os-text-primary); } .campaign-edit__count--err[b-q28f81n26f] { color: #b91c1c; } .campaign-edit__message[b-q28f81n26f] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-md); font-size: 0.875rem; } .campaign-edit__message.ok[b-q28f81n26f] { background: #d1fae5; color: #065f46; } .campaign-edit__message.err[b-q28f81n26f] { background: #fee2e2; color: #991b1b; } .campaign-edit__actions[b-q28f81n26f] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; } .campaign-edit__preview-modes[b-q28f81n26f] { display: inline-flex; gap: var(--os-space-xs); margin-right: auto; } .campaign-edit__preview-modes .os-btn-active[b-q28f81n26f] { border-color: var(--os-primary); color: var(--os-primary); font-weight: 600; } .campaign-edit__preview-wrap[b-q28f81n26f] { display: flex; justify-content: center; width: 100%; } .campaign-edit__preview-wrap.is-desktop .campaign-edit__preview-frame[b-q28f81n26f] { width: 100%; max-width: 640px; } .campaign-edit__preview-wrap.is-mobile .campaign-edit__preview-frame[b-q28f81n26f] { width: 380px; max-width: 100%; } .campaign-edit__preview-frame[b-q28f81n26f] { width: 100%; height: 640px; border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: #ffffff; } .campaigns[b-qcvl3ikoj2] { max-width: 1200px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .campaigns__header[b-qcvl3ikoj2] { display: flex; align-items: center; gap: var(--os-space-sm); } .campaigns__title[b-qcvl3ikoj2] { margin: 0; flex: 1; } .campaigns__new[b-qcvl3ikoj2] { flex-shrink: 0; } .campaigns__disabled[b-qcvl3ikoj2] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); text-align: center; } .campaigns__disabled-title[b-qcvl3ikoj2] { margin: 0 0 var(--os-space-sm); color: var(--os-text-primary); } .campaigns__disabled-body[b-qcvl3ikoj2] { margin: 0; color: var(--os-text-secondary); } .campaigns__loading[b-qcvl3ikoj2], .campaigns__empty[b-qcvl3ikoj2] { color: var(--os-text-secondary); } .campaigns__error[b-qcvl3ikoj2] { display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; color: var(--os-text-secondary); } .campaigns__table-wrap[b-qcvl3ikoj2] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .campaigns__table[b-qcvl3ikoj2] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .campaigns__table th[b-qcvl3ikoj2], .campaigns__table td[b-qcvl3ikoj2] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .campaigns__table tbody tr:last-child td[b-qcvl3ikoj2] { border-bottom: none; } .campaigns__table th[b-qcvl3ikoj2] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .campaigns__name-link[b-qcvl3ikoj2] { font-weight: 600; color: var(--os-text-primary); text-decoration: none; } .campaigns__name-link:hover[b-qcvl3ikoj2] { color: var(--os-primary); text-decoration: underline; } .campaigns__subject[b-qcvl3ikoj2] { color: var(--os-text-tertiary); font-size: 0.75rem; margin-top: 2px; } .campaigns__action[b-qcvl3ikoj2] { color: var(--os-primary); text-decoration: none; margin-right: var(--os-space-sm); font-weight: 600; } .campaigns__action:hover[b-qcvl3ikoj2] { text-decoration: underline; } .campaigns__badge[b-qcvl3ikoj2] { display: inline-block; padding: 1px 8px; border-radius: var(--os-radius-full); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; background: var(--os-surface-variant); color: var(--os-text-secondary); border: 1px solid var(--os-border); } .campaigns__badge--draft[b-qcvl3ikoj2] { background: #e0e7ff; color: #3730a3; border-color: transparent; } .campaigns__badge--scheduled[b-qcvl3ikoj2] { background: #fef3c7; color: #92400e; border-color: transparent; } .campaigns__badge--sending[b-qcvl3ikoj2] { background: #dbeafe; color: #1e40af; border-color: transparent; } .campaigns__badge--sent[b-qcvl3ikoj2] { background: #d1fae5; color: #065f46; border-color: transparent; } .campaigns__badge--failed[b-qcvl3ikoj2] { background: #fee2e2; color: #991b1b; border-color: transparent; } .campaigns__badge--cancelled[b-qcvl3ikoj2] { background: #f3f4f6; color: #6b7280; border-color: transparent; } .leads[b-w6pymc4ind] { max-width: 1200px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .leads__header[b-w6pymc4ind] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .leads__title[b-w6pymc4ind] { margin: 0; flex: 1; } .leads__manage-cats[b-w6pymc4ind], .leads__new[b-w6pymc4ind] { flex-shrink: 0; } .leads__disabled[b-w6pymc4ind] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); text-align: center; } .leads__disabled-title[b-w6pymc4ind] { margin: 0 0 var(--os-space-sm); color: var(--os-text-primary); } .leads__disabled-body[b-w6pymc4ind] { margin: 0; color: var(--os-text-secondary); } .leads__loading[b-w6pymc4ind], .leads__empty[b-w6pymc4ind] { color: var(--os-text-secondary); } .leads__error[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; color: var(--os-text-secondary); } .leads__filters[b-w6pymc4ind] { display: flex; align-items: flex-end; gap: var(--os-space-sm); flex-wrap: wrap; } .leads__filter[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 180px; } .leads__filter--grow[b-w6pymc4ind] { flex: 1; min-width: 220px; } .leads__filter-btn[b-w6pymc4ind] { flex-shrink: 0; } .leads__form[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); } .leads__form-title[b-w6pymc4ind] { margin: 0; color: var(--os-text-primary); } .leads__form-grid[b-w6pymc4ind] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (max-width: 640px) { .leads__form-grid[b-w6pymc4ind] { grid-template-columns: minmax(0, 1fr); } } .leads__field[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .leads__field--full[b-w6pymc4ind] { width: 100%; } .leads__label[b-w6pymc4ind] { font-size: 0.8rem; font-weight: 600; color: var(--os-text-secondary); } .leads__hint[b-w6pymc4ind] { font-size: 0.75rem; color: var(--os-text-tertiary); } .leads__hint--warn[b-w6pymc4ind] { color: #92400e; font-weight: 600; } .leads__form-actions[b-w6pymc4ind] { display: flex; gap: var(--os-space-sm); } .leads__message[b-w6pymc4ind] { margin: 0; font-size: 0.875rem; } .leads__message.ok[b-w6pymc4ind] { color: #065f46; } .leads__message.err[b-w6pymc4ind] { color: #991b1b; } .leads__table-wrap[b-w6pymc4ind] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .leads__table[b-w6pymc4ind] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .leads__table th[b-w6pymc4ind], .leads__table td[b-w6pymc4ind] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .leads__table tbody tr:last-child td[b-w6pymc4ind] { border-bottom: none; } .leads__table th[b-w6pymc4ind] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .leads__email[b-w6pymc4ind] { font-weight: 600; color: var(--os-text-primary); } .leads__actions[b-w6pymc4ind] { white-space: nowrap; } .leads__action[b-w6pymc4ind] { background: none; border: none; cursor: pointer; padding: 0; color: var(--os-primary); font-weight: 600; margin-right: var(--os-space-sm); font-size: 0.875rem; } .leads__action:hover[b-w6pymc4ind] { text-decoration: underline; } .leads__action--danger[b-w6pymc4ind] { color: #991b1b; } .leads__status[b-w6pymc4ind] { display: inline-block; padding: 1px 8px; border-radius: var(--os-radius-full); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; } .leads__status--sub[b-w6pymc4ind] { background: #d1fae5; color: #065f46; } .leads__status--unsub[b-w6pymc4ind] { background: #f3f4f6; color: #6b7280; } .leads__badge[b-w6pymc4ind] { display: inline-block; padding: 1px 8px; border-radius: var(--os-radius-full); font-size: 0.7rem; font-weight: 700; background: var(--os-surface-variant); color: var(--os-text-secondary); border: 1px solid var(--os-border); } .leads__badge--unknown[b-w6pymc4ind] { background: #fee2e2; color: #991b1b; border-color: transparent; } .leads__badge--doubleoptin[b-w6pymc4ind] { background: #d1fae5; color: #065f46; border-color: transparent; } .leads__badge--existingcustomer[b-w6pymc4ind] { background: #dbeafe; color: #1e40af; border-color: transparent; } .leads__badge--b2blegitimateinterest[b-w6pymc4ind] { background: #e0e7ff; color: #3730a3; border-color: transparent; } .leads__badge--manualconsent[b-w6pymc4ind] { background: #fef3c7; color: #92400e; border-color: transparent; } .confirm-dialog-overlay[b-w6pymc4ind] { position: fixed; inset: 0; background-color: var(--os-overlay); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: var(--os-space-md); } .confirm-dialog[b-w6pymc4ind] { background-color: var(--os-surface); border-radius: var(--os-radius-lg); padding: var(--os-space-xl); width: 100%; max-width: 360px; box-shadow: var(--os-shadow-lg); } .confirm-dialog__title[b-w6pymc4ind] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-sm); } .confirm-dialog__message[b-w6pymc4ind] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0 0 var(--os-space-md); line-height: 1.5; } .confirm-dialog__actions[b-w6pymc4ind] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; margin-top: var(--os-space-md); } .leads__cat-dialog[b-w6pymc4ind] { max-width: 640px; width: 100%; display: flex; flex-direction: column; gap: var(--os-space-md); } .leads__cat-header[b-w6pymc4ind] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); } .leads__cat-add[b-w6pymc4ind] { display: flex; gap: var(--os-space-sm); align-items: center; } .leads__cat-add .os-input[b-w6pymc4ind] { flex: 1; } .leads__import-dialog[b-w6pymc4ind] { max-width: 760px; width: 100%; display: flex; flex-direction: column; gap: var(--os-space-md); max-height: 90vh; overflow-y: auto; } .leads__import-step[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .leads__import-step-title[b-w6pymc4ind] { margin: 0; font-size: var(--os-font-size-md); color: var(--os-text-primary); } .leads__import-rows[b-w6pymc4ind] { margin: 0; font-weight: 600; color: var(--os-text-primary); } .leads__import-preview-wrap[b-w6pymc4ind] { max-height: 220px; overflow-y: auto; } .leads__import-stats[b-w6pymc4ind] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--os-space-sm); } @media (max-width: 640px) { .leads__import-stats[b-w6pymc4ind] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .leads__import-stat[b-w6pymc4ind] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); text-align: center; } .leads__import-stat-num[b-w6pymc4ind] { font-size: 1.5rem; font-weight: 700; color: var(--os-text-primary); } .leads__import-stat-label[b-w6pymc4ind] { font-size: 0.75rem; color: var(--os-text-secondary); } .leads__import-messages[b-w6pymc4ind] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .leads__import-msg-list[b-w6pymc4ind] { margin: 0; padding-left: var(--os-space-lg); font-size: 0.8rem; color: var(--os-text-secondary); display: flex; flex-direction: column; gap: 2px; } .bluesky-modal[b-rc3w4nyepn] { border: none; border-radius: var(--os-radius-lg); padding: var(--os-space-lg); background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-lg); max-width: 28rem; width: 90vw; } .bluesky-modal label[b-rc3w4nyepn] { display: block; margin-bottom: var(--os-space-md); } .bluesky-modal input[b-rc3w4nyepn] { display: block; width: 100%; margin-top: var(--os-space-xs); } .bluesky-modal__error[b-rc3w4nyepn] { color: var(--os-error); } .bluesky-modal__actions[b-rc3w4nyepn] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); margin-top: var(--os-space-lg); } html[data-ui="v2"] .bluesky-modal[b-rc3w4nyepn] { border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .bluesky-modal[b-rc3w4nyepn]::backdrop { background: var(--os-overlay); } html[data-ui="v2"] .bluesky-modal h2[b-rc3w4nyepn] { margin: 0 0 var(--os-space-xs); font-size: 1.1rem; font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .bluesky-modal input[b-rc3w4nyepn] { padding: 10px var(--os-space-md); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-sm); background: var(--os-surface); color: var(--os-text-primary); } html[data-ui="v2"] .bluesky-modal__error[b-rc3w4nyepn] { background: var(--os-error-light); border-radius: var(--os-radius-sm); padding: var(--os-space-sm) var(--os-space-md); } .social-history__table-wrap[b-7eovs1lpws] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .social-history[b-7eovs1lpws] { width: 100%; border-collapse: collapse; } .social-history th[b-7eovs1lpws], .social-history td[b-7eovs1lpws] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .social-history tr:last-child td[b-7eovs1lpws] { border-bottom: none; } .social-history__status--posted[b-7eovs1lpws] { color: var(--os-success); } .social-history__status--failed[b-7eovs1lpws] { color: var(--os-error); } .social-history__status--skipped[b-7eovs1lpws] { color: var(--os-text-tertiary); } .social-history__empty[b-7eovs1lpws] { text-align: center; color: var(--os-text-tertiary); padding: var(--os-space-lg) !important; } html[data-ui="v2"] .social-page__section[b-7eovs1lpws] { margin-bottom: 0; min-width: 0; } html[data-ui="v2"] .social-page__section h2[b-7eovs1lpws] { margin: 0 0 var(--os-space-sm); font-size: 1.05rem; font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .social-history__table-wrap[b-7eovs1lpws] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .social-history th[b-7eovs1lpws] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .social-history tbody tr:not(:last-child) td[b-7eovs1lpws] { border-bottom: 1px solid var(--os-border-light); } html[data-ui="v2"] .social-history tbody tr:hover[b-7eovs1lpws] { background: var(--os-surface-variant); } html[data-ui="v2"] .social-history__link[b-7eovs1lpws] { font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .reconciliation-admin__loading[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__empty[b-8eaq5a4xn9] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-8eaq5a4xn9] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-8eaq5a4xn9] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-8eaq5a4xn9] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-8eaq5a4xn9] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__table td[b-8eaq5a4xn9] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-8eaq5a4xn9] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-8eaq5a4xn9] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-8eaq5a4xn9] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-8eaq5a4xn9] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-8eaq5a4xn9] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__timestamp[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-8eaq5a4xn9] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-8eaq5a4xn9], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-8eaq5a4xn9] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .os-page__details[b-8eaq5a4xn9] { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); column-gap: var(--os-space-lg); row-gap: var(--os-space-md); margin: 0; padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .os-page__details dt[b-8eaq5a4xn9] { color: var(--os-text-secondary); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .os-page__details dd[b-8eaq5a4xn9] { margin: 0; color: var(--os-text-primary); overflow-wrap: anywhere; } html[data-ui="v2"] .reconciliation-admin__loading[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__empty[b-bdpfky5w3d] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-bdpfky5w3d] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-bdpfky5w3d] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-bdpfky5w3d] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-bdpfky5w3d] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__table td[b-bdpfky5w3d] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-bdpfky5w3d] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-bdpfky5w3d] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-bdpfky5w3d] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-bdpfky5w3d] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-bdpfky5w3d] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__timestamp[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-bdpfky5w3d] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-bdpfky5w3d], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-bdpfky5w3d] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .analytics-engagement__grid[b-dj9jh40fga] { display: grid; gap: var(--os-space-lg); } .analytics-engagement__table-wrap[b-dj9jh40fga] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .analytics-engagement__table[b-dj9jh40fga] { width: 100%; border-collapse: collapse; } .analytics-engagement__table th[b-dj9jh40fga], .analytics-engagement__table td[b-dj9jh40fga] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .analytics-engagement__table tr:last-child td[b-dj9jh40fga] { border-bottom: none; } .analytics-engagement__empty[b-dj9jh40fga] { color: var(--os-text-tertiary); text-align: center; } html[data-ui="v2"] .analytics-page[b-dj9jh40fga] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-dj9jh40fga] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-dj9jh40fga] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__error-strip[b-dj9jh40fga] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-dj9jh40fga] { color: var(--os-error); } html[data-ui="v2"] .analytics-engagement__table-wrap[b-dj9jh40fga] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-engagement__table th[b-dj9jh40fga] { background: var(--os-surface-variant); color: var(--os-text-tertiary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-engagement__table th[b-dj9jh40fga], html[data-ui="v2"] .analytics-engagement__table td[b-dj9jh40fga] { border-bottom-color: var(--os-border-light); } .analytics-explorer__crumbs[b-vokk31mgib] { display: flex; gap: var(--os-space-xs); align-items: center; flex-wrap: wrap; margin: var(--os-space-md) 0; } .analytics-explorer__crumb[b-vokk31mgib] { color: var(--os-primary); text-decoration: none; } .analytics-explorer__crumb--current[b-vokk31mgib] { color: var(--os-text-primary); font-weight: 600; } .analytics-explorer__crumb-sep[b-vokk31mgib] { color: var(--os-text-tertiary); } .analytics-explorer__cards[b-vokk31mgib] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--os-space-md); margin-bottom: var(--os-space-lg); } .analytics-explorer__card[b-vokk31mgib] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .analytics-explorer__card span[b-vokk31mgib] { color: var(--os-text-secondary); font-size: 0.875rem; } .analytics-explorer__card strong[b-vokk31mgib] { color: var(--os-text-primary); font-size: 1.75rem; } .analytics-explorer__children-title[b-vokk31mgib] { margin: var(--os-space-lg) 0 var(--os-space-sm); } .analytics-explorer__table-wrap[b-vokk31mgib] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .analytics-explorer__table[b-vokk31mgib] { width: 100%; border-collapse: collapse; } .analytics-explorer__table th[b-vokk31mgib], .analytics-explorer__table td[b-vokk31mgib] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .analytics-explorer__table tr:last-child td[b-vokk31mgib] { border-bottom: none; } .analytics-explorer__empty[b-vokk31mgib] { color: var(--os-text-tertiary); text-align: center; } html[data-ui="v2"] .analytics-page[b-vokk31mgib] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-vokk31mgib] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-vokk31mgib] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__error-strip[b-vokk31mgib] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-vokk31mgib] { color: var(--os-error); } html[data-ui="v2"] .analytics-explorer__crumb[b-vokk31mgib] { font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .analytics-explorer__card[b-vokk31mgib] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-explorer__card strong[b-vokk31mgib] { font-family: var(--os-font-display); color: var(--os-primary); } html[data-ui="v2"] .analytics-explorer__children-title[b-vokk31mgib] { font-family: var(--os-font-display); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-explorer__table-wrap[b-vokk31mgib] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-explorer__table th[b-vokk31mgib] { background: var(--os-surface-variant); color: var(--os-text-tertiary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-explorer__table th[b-vokk31mgib], html[data-ui="v2"] .analytics-explorer__table td[b-vokk31mgib] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__loading[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__empty[b-rr9awet6k2] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-rr9awet6k2] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-rr9awet6k2] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-rr9awet6k2] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-rr9awet6k2] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__table td[b-rr9awet6k2] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-rr9awet6k2] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-rr9awet6k2] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-rr9awet6k2] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-rr9awet6k2] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-rr9awet6k2] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__timestamp[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-rr9awet6k2] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-rr9awet6k2], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-rr9awet6k2] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .reconciliation-admin__loading[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__empty[b-m65hize0jf] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-m65hize0jf] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-m65hize0jf] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-m65hize0jf] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-m65hize0jf] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__table td[b-m65hize0jf] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-m65hize0jf] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-m65hize0jf] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-m65hize0jf] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-m65hize0jf] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-m65hize0jf] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__timestamp[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-m65hize0jf] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-m65hize0jf], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-m65hize0jf] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .os-page__details[b-m65hize0jf] { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); column-gap: var(--os-space-lg); row-gap: var(--os-space-md); margin: 0; padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .os-page__details dt[b-m65hize0jf] { color: var(--os-text-secondary); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .os-page__details dd[b-m65hize0jf] { margin: 0; color: var(--os-text-primary); overflow-wrap: anywhere; } .analytics-funnel[b-1jfokplkmv] { background: var(--os-surface, #fff); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 0.5rem); padding: var(--os-space-lg, 1.5rem); margin-bottom: var(--os-space-lg, 1.5rem); display: flex; flex-direction: column; gap: var(--os-space-md, 1rem); } .analytics-funnel__row[b-1jfokplkmv] { display: grid; grid-template-columns: minmax(200px, 1fr) 3fr minmax(80px, auto); align-items: center; gap: var(--os-space-md, 1rem); } .analytics-funnel__label[b-1jfokplkmv] { font-weight: 500; color: var(--os-text-primary, #1a1a1a); } .analytics-funnel__bar-wrap[b-1jfokplkmv] { background: var(--os-surface-muted, #f3f4f6); height: 28px; border-radius: 4px; overflow: hidden; } .analytics-funnel__bar[b-1jfokplkmv] { height: 100%; border-radius: 4px; transition: width 200ms ease; } .analytics-funnel__count[b-1jfokplkmv] { font-variant-numeric: tabular-nums; color: var(--os-text-muted, #6b7280); text-align: right; min-width: 80px; } .analytics-page__caption[b-1jfokplkmv] { color: var(--os-text-muted, #6b7280); font-size: 0.875rem; margin-bottom: var(--os-space-lg, 1.5rem); } html[data-ui="v2"] .analytics-page[b-1jfokplkmv] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__loading[b-1jfokplkmv] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-page__error-strip[b-1jfokplkmv] { background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip .os-page__section-heading[b-1jfokplkmv] { color: var(--os-error); } html[data-ui="v2"] .analytics-page__caption[b-1jfokplkmv] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-funnel[b-1jfokplkmv] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-funnel__label[b-1jfokplkmv] { color: var(--os-text-primary); font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .analytics-funnel__bar-wrap[b-1jfokplkmv] { background: var(--os-surface-variant); } html[data-ui="v2"] .analytics-funnel__count[b-1jfokplkmv] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-chart[b-1jfokplkmv] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-chart__empty[b-1jfokplkmv] { color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-table th[b-1jfokplkmv] { background: var(--os-surface-variant); color: var(--os-text-tertiary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .analytics-table th[b-1jfokplkmv], html[data-ui="v2"] .analytics-table td[b-1jfokplkmv] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__loading[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__empty[b-zrcojfawtd] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-zrcojfawtd] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-zrcojfawtd] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-zrcojfawtd] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-zrcojfawtd] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__table td[b-zrcojfawtd] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-zrcojfawtd] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-zrcojfawtd] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-zrcojfawtd] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-zrcojfawtd] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-zrcojfawtd] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__timestamp[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-zrcojfawtd] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-zrcojfawtd], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-zrcojfawtd] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .newsletters-admin__range[b-1871pm3ozu] { display: flex; align-items: center; } html[data-ui="v2"] .newsletters-admin__range label[b-1871pm3ozu] { display: flex; align-items: center; gap: var(--os-space-xs); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .newsletters-admin__error-strip[b-1871pm3ozu] { border: 1px solid var(--os-error); background: var(--os-error-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .newsletters-admin__section-intro[b-1871pm3ozu] { color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); line-height: 1.5; max-width: 60ch; } html[data-ui="v2"] .newsletters-admin__section-title[b-1871pm3ozu] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .newsletters-admin__send-test-controls[b-1871pm3ozu] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); min-width: 0; } html[data-ui="v2"] .newsletters-admin__send-test-result[b-1871pm3ozu] { font-size: var(--os-font-size-sm); border-radius: var(--os-radius-md); padding: var(--os-space-xs) var(--os-space-sm); display: inline-block; } html[data-ui="v2"] .newsletters-admin__send-test-result.ok[b-1871pm3ozu] { color: var(--os-success); background: var(--os-success-light); } html[data-ui="v2"] .newsletters-admin__send-test-result.err[b-1871pm3ozu] { color: var(--os-error); background: var(--os-error-light); } html[data-ui="v2"] .newsletters-admin__loading[b-1871pm3ozu], html[data-ui="v2"] .newsletters-admin__empty[b-1871pm3ozu] { color: var(--os-text-tertiary); padding: var(--os-space-lg) 0; } html[data-ui="v2"] .newsletters-admin__tiles-grid[b-1871pm3ozu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: var(--os-space-md); min-width: 0; } html[data-ui="v2"] .newsletters-admin__tile[b-1871pm3ozu] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); padding: var(--os-space-md); display: flex; flex-direction: column; gap: 2px; min-width: 0; } html[data-ui="v2"] .newsletters-admin__tile-label[b-1871pm3ozu] { color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.03em; font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .newsletters-admin__tile-value[b-1871pm3ozu] { color: var(--os-text-primary); font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); overflow-wrap: anywhere; } html[data-ui="v2"] .newsletters-admin__tile-sub[b-1871pm3ozu] { color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); } html[data-ui="v2"] .newsletters-admin__chart[b-1871pm3ozu] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); padding: var(--os-space-md); overflow-x: auto; min-width: 0; } html[data-ui="v2"] .newsletters-admin__svg[b-1871pm3ozu] { display: block; width: 100%; height: auto; } html[data-ui="v2"] .newsletters-admin__legend[b-1871pm3ozu] { display: flex; flex-wrap: wrap; gap: var(--os-space-md); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); margin-top: var(--os-space-sm); } html[data-ui="v2"] .newsletters-admin__chip[b-1871pm3ozu] { display: inline-block; width: 10px; height: 10px; border-radius: var(--os-radius-full); margin-inline-end: 4px; vertical-align: middle; } html[data-ui="v2"] .newsletters-admin__axis[b-1871pm3ozu] { display: flex; justify-content: space-between; color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); margin-top: var(--os-space-xs); } html[data-ui="v2"] .newsletters-admin__table[b-1871pm3ozu] { width: 100%; border-collapse: collapse; font-size: var(--os-font-size-sm); } html[data-ui="v2"] .newsletters-admin__table th[b-1871pm3ozu], html[data-ui="v2"] .newsletters-admin__table td[b-1871pm3ozu] { text-align: left; padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border-light); white-space: nowrap; } html[data-ui="v2"] .newsletters-admin__table th[b-1871pm3ozu] { color: var(--os-text-tertiary); font-weight: var(--os-font-weight-semibold); font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .newsletters-admin__table tbody tr:last-child td[b-1871pm3ozu] { border-bottom: none; } html[data-ui="v2"] .newsletters-admin__bar-cell[b-1871pm3ozu] { min-width: 120px; } html[data-ui="v2"] .newsletters-admin__bar[b-1871pm3ozu] { height: 6px; border-radius: var(--os-radius-full); background: var(--os-primary); } html[data-ui="v2"] .newsletters-admin__delivery[b-1871pm3ozu] { display: flex; flex-direction: column; gap: var(--os-space-md); } html[data-ui="v2"] .newsletters-admin__delivery-kind[b-1871pm3ozu] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); font-size: var(--os-font-size-sm); margin: var(--os-space-sm) 0 0; } html[data-ui="v2"] .reconciliation-admin__loading[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__empty[b-8cid3pr5gj] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-8cid3pr5gj] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-8cid3pr5gj] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-8cid3pr5gj] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-8cid3pr5gj] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__table td[b-8cid3pr5gj] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-8cid3pr5gj] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-8cid3pr5gj] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-8cid3pr5gj] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-8cid3pr5gj] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-8cid3pr5gj] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__timestamp[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-8cid3pr5gj] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-8cid3pr5gj], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-8cid3pr5gj] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .platform-audit-log__moderator-note[b-hl7bp0rg77] { color: var(--os-text-secondary); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .platform-audit-log__filter-grid[b-hl7bp0rg77] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--os-space-sm) var(--os-space-md); } .platform-audit-log__filter-grid label[b-hl7bp0rg77] { display: flex; flex-direction: column; gap: 4px; font-size: 0.8125rem; color: var(--os-text-secondary); } .platform-audit-log__filter-actions[b-hl7bp0rg77] { display: flex; gap: var(--os-space-sm); margin-top: var(--os-space-md); } .platform-audit-log__error-strip[b-hl7bp0rg77] { color: var(--os-text-primary); } .platform-audit-log__loading[b-hl7bp0rg77], .platform-audit-log__empty[b-hl7bp0rg77] { color: var(--os-text-secondary); } .platform-audit-log__table-wrap[b-hl7bp0rg77] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .platform-audit-log__table[b-hl7bp0rg77] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .platform-audit-log__table th[b-hl7bp0rg77], .platform-audit-log__table td[b-hl7bp0rg77] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); vertical-align: middle; } .platform-audit-log__table tbody tr:last-child td[b-hl7bp0rg77] { border-bottom: none; } .platform-audit-log__table th[b-hl7bp0rg77] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; } .platform-audit-log__table tbody tr:hover[b-hl7bp0rg77] { background: var(--os-surface-variant); } .platform-audit-log__role-badge[b-hl7bp0rg77], .platform-audit-log__e2e-badge[b-hl7bp0rg77] { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: var(--os-radius-full); font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; border: 1px solid var(--os-border); color: var(--os-text-secondary); } .platform-audit-log__e2e-badge[b-hl7bp0rg77] { color: var(--os-primary); border-color: var(--os-primary); } .platform-audit-log__details-btn[b-hl7bp0rg77] { padding: 2px 10px; font-size: 0.75rem; } .platform-audit-log__details-row td[b-hl7bp0rg77] { background: var(--os-surface-variant); } .platform-audit-log__metadata[b-hl7bp0rg77] { margin: 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.8125rem; color: var(--os-text-primary); } .platform-audit-log__load-more[b-hl7bp0rg77] { display: flex; justify-content: center; margin-top: var(--os-space-md); } html[data-ui="v2"] .platform-audit-log__moderator-note[b-hl7bp0rg77] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .platform-audit-log__filter-grid[b-hl7bp0rg77] { gap: var(--os-space-md) var(--os-space-lg); } html[data-ui="v2"] .platform-audit-log__filter-grid label[b-hl7bp0rg77] { font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .platform-audit-log__table-wrap[b-hl7bp0rg77] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .platform-audit-log__table th[b-hl7bp0rg77], html[data-ui="v2"] .platform-audit-log__table td[b-hl7bp0rg77] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .platform-audit-log__table th[b-hl7bp0rg77] { letter-spacing: 0.06em; } html[data-ui="v2"] .platform-audit-log__role-badge[b-hl7bp0rg77], html[data-ui="v2"] .platform-audit-log__e2e-badge[b-hl7bp0rg77] { border-color: var(--os-border-light); } html[data-ui="v2"] .platform-audit-log__e2e-badge[b-hl7bp0rg77] { background: var(--os-primary-light); border-color: var(--os-primary-light); } html[data-ui="v2"] .platform-audit-log__details-btn:focus-visible[b-hl7bp0rg77], html[data-ui="v2"] .platform-audit-log__load-more button:focus-visible[b-hl7bp0rg77], html[data-ui="v2"] .platform-audit-log__filter-actions button:focus-visible[b-hl7bp0rg77] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 1px; } html[data-ui="v2"] .platform-audit-log__metadata[b-hl7bp0rg77] { background: var(--os-surface); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .promo-admin__loading[b-ntl2xmnwfu], .promo-admin__empty[b-ntl2xmnwfu] { color: var(--os-text-secondary); padding: var(--os-space-md) 0; } .promo-admin__list-header[b-ntl2xmnwfu] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--os-space-md); margin-bottom: var(--os-space-md); min-width: 0; } .promo-admin__list-header .os-page__section-heading[b-ntl2xmnwfu] { margin: 0; } .promo-admin__table-wrap[b-ntl2xmnwfu] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .promo-admin__table[b-ntl2xmnwfu] { width: 100%; border-collapse: collapse; } .promo-admin__table th[b-ntl2xmnwfu], .promo-admin__table td[b-ntl2xmnwfu] { text-align: left; padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); white-space: nowrap; color: var(--os-text-primary); } .promo-admin__table tbody tr:last-child td[b-ntl2xmnwfu] { border-bottom: none; } .promo-admin__table th[b-ntl2xmnwfu] { color: var(--os-text-secondary); font-weight: 600; } .promo-admin__code[b-ntl2xmnwfu] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 600; } .promo-admin__badge[b-ntl2xmnwfu] { display: inline-flex; align-items: center; padding: 2px var(--os-space-sm); border-radius: var(--os-radius-full); border: 1px solid var(--os-border); background: var(--os-surface-variant); color: var(--os-text-secondary); font-size: 0.8rem; font-weight: 600; white-space: nowrap; } .promo-admin__badge--synced[b-ntl2xmnwfu] { color: var(--os-primary); border-color: var(--os-primary); } .promo-admin__badge--disabled[b-ntl2xmnwfu], .promo-admin__badge--expired[b-ntl2xmnwfu] { color: var(--os-text-tertiary); } .promo-admin__dialog[b-ntl2xmnwfu] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); color: var(--os-text-primary); padding: 0; width: min(34rem, calc(100vw - 2 * var(--os-space-lg))); } .promo-admin__dialog[b-ntl2xmnwfu]::backdrop { background: rgba(0, 0, 0, 0.5); } .promo-admin__dialog-body[b-ntl2xmnwfu] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-lg); min-width: 0; } .promo-admin__dialog-body h2[b-ntl2xmnwfu] { margin: 0 0 var(--os-space-sm); } .promo-admin__dialog-subject[b-ntl2xmnwfu] { margin: 0 0 var(--os-space-sm); color: var(--os-text-secondary); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .promo-admin__field[b-ntl2xmnwfu] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; flex: 1 1 10rem; } .promo-admin__field label[b-ntl2xmnwfu] { font-weight: 600; color: var(--os-text-primary); } .promo-admin__field-row[b-ntl2xmnwfu] { display: flex; flex-wrap: wrap; gap: var(--os-space-md); min-width: 0; } .promo-admin__switch[b-ntl2xmnwfu] { display: inline-flex; align-items: center; gap: var(--os-space-sm); cursor: pointer; color: var(--os-text-primary); } .promo-admin__error[b-ntl2xmnwfu] { color: var(--os-error, #c0392b); margin: 0; font-size: 0.9rem; } .promo-admin__dialog-actions[b-ntl2xmnwfu] { display: flex; justify-content: flex-end; gap: var(--os-space-md); margin-top: var(--os-space-sm); } .analytics-reading__grid[b-8rsmt3szcj] { display: grid; gap: var(--os-space-lg); } .analytics-reading__kpi[b-8rsmt3szcj] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .analytics-reading__kpi-label[b-8rsmt3szcj] { color: var(--os-text-secondary); font-size: 0.875rem; } .analytics-reading__kpi-value[b-8rsmt3szcj] { color: var(--os-text-primary); font-size: 2rem; font-weight: 700; } .analytics-reading__kpi-value small[b-8rsmt3szcj] { font-size: 0.875rem; font-weight: 400; color: var(--os-text-tertiary); } html[data-ui="v2"] .analytics-page[b-8rsmt3szcj] { padding: var(--os-space-xl) var(--os-space-lg); } html[data-ui="v2"] .analytics-page__header[b-8rsmt3szcj] { margin-bottom: var(--os-space-xl); } html[data-ui="v2"] .analytics-page__title[b-8rsmt3szcj] { font-family: var(--os-font-display); font-size: var(--os-text-display-sm); font-weight: var(--os-font-weight-semibold); letter-spacing: -0.01em; } html[data-ui="v2"] .analytics-page__error-strip[b-8rsmt3szcj] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); background: var(--os-error-light); border: 1px solid var(--os-error); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .analytics-page__error-strip strong[b-8rsmt3szcj] { color: var(--os-error); } html[data-ui="v2"] .analytics-reading__kpi[b-8rsmt3szcj] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .analytics-reading__kpi-value[b-8rsmt3szcj] { font-family: var(--os-font-display); } .reconciliation-admin__loading[b-takmyfenhp], .reconciliation-admin__empty[b-takmyfenhp] { color: var(--os-text-secondary, #555); padding: var(--os-space-lg, 16px) 0; } .reconciliation-admin__error-strip[b-takmyfenhp] { background: var(--os-status-error-bg, #fce8e6); border-left: 4px solid var(--os-status-error, #a50e0e); padding: var(--os-space-md, 12px) var(--os-space-lg, 16px); } .reconciliation-admin__range[b-takmyfenhp] { margin-left: auto; } .reconciliation-admin__tiles-grid[b-takmyfenhp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--os-space-md, 12px); margin-top: var(--os-space-md, 12px); } .reconciliation-admin__tile[b-takmyfenhp] { background: var(--os-surface, #fff); border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-lg, 16px); } .reconciliation-admin__tile-label[b-takmyfenhp] { font-size: 0.85rem; color: var(--os-text-secondary, #555); margin-bottom: var(--os-space-xs, 4px); } .reconciliation-admin__tile-value[b-takmyfenhp] { font-size: 1.5rem; font-weight: bold; font-variant-numeric: tabular-nums; } .reconciliation-admin__tile-value--negative[b-takmyfenhp] { color: var(--os-status-error, #a50e0e); } .reconciliation-admin__tile-sub[b-takmyfenhp] { font-size: 0.8rem; color: var(--os-text-tertiary, #777); margin-top: var(--os-space-xs, 4px); } .reconciliation-admin__table[b-takmyfenhp] { width: 100%; border-collapse: collapse; margin-top: var(--os-space-md, 12px); font-size: 0.95rem; } .reconciliation-admin__table th[b-takmyfenhp], .reconciliation-admin__table td[b-takmyfenhp] { padding: var(--os-space-sm, 8px) var(--os-space-md, 12px); text-align: left; border-bottom: 1px solid var(--os-border, #eee); } .reconciliation-admin__table th[b-takmyfenhp] { background: var(--os-surface-muted, #f5f5f5); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; } .reconciliation-admin__numeric[b-takmyfenhp] { text-align: right; font-variant-numeric: tabular-nums; } .reconciliation-admin__numeric--variance[b-takmyfenhp] { font-weight: 600; } .reconciliation-admin__timestamp[b-takmyfenhp] { font-variant-numeric: tabular-nums; color: var(--os-text-secondary, #555); font-size: 0.9rem; } .reconciliation-admin__batch-id[b-takmyfenhp] { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.85rem; color: var(--os-text-secondary, #555); cursor: help; } .reconciliation-admin__badge[b-takmyfenhp] { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 0.8rem; font-weight: 600; } .reconciliation-admin__badge--locked[b-takmyfenhp] { background: var(--os-status-success-bg, #e6f4ea); color: var(--os-status-success, #137333); } .reconciliation-admin__badge--pending[b-takmyfenhp] { background: var(--os-status-warning-bg, #fef7e0); color: var(--os-status-warning, #7d6105); } .reconciliation-admin__download[b-takmyfenhp] { font-size: 0.85rem; padding: 4px 12px; } html[data-ui="v2"] .reconciliation-admin__loading[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__empty[b-takmyfenhp] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__error-strip[b-takmyfenhp] { background: var(--os-error-light); border-left-color: var(--os-error); border-radius: var(--os-radius-md); } html[data-ui="v2"] .reconciliation-admin__tile[b-takmyfenhp] { border-color: var(--os-border-light); box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .reconciliation-admin__tile-value--negative[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__numeric--variance[b-takmyfenhp] { color: var(--os-error); } html[data-ui="v2"] section:has(> .reconciliation-admin__table)[b-takmyfenhp] { overflow-x: auto; } html[data-ui="v2"] .reconciliation-admin__table th[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__table td[b-takmyfenhp] { padding: var(--os-space-md) var(--os-space-lg); border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .reconciliation-admin__table th[b-takmyfenhp] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__table tbody tr:hover[b-takmyfenhp] { background: var(--os-surface-variant); } html[data-ui="v2"] .reconciliation-admin__badge[b-takmyfenhp] { border-radius: var(--os-radius-full); padding: 3px 10px; } html[data-ui="v2"] .reconciliation-admin__badge--locked[b-takmyfenhp] { background: var(--os-success-light); color: var(--os-success); } html[data-ui="v2"] .reconciliation-admin__badge--pending[b-takmyfenhp] { background: var(--os-warning-light); color: var(--os-warning); } html[data-ui="v2"] .reconciliation-admin__batch-id[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__timestamp[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__failure-reason[b-takmyfenhp] { color: var(--os-text-secondary); } html[data-ui="v2"] .reconciliation-admin__download:focus-visible[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__range select:focus-visible[b-takmyfenhp], html[data-ui="v2"] .reconciliation-admin__range input:focus-visible[b-takmyfenhp] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .release-admin__loading[b-yelpsimmn0], .release-admin__empty[b-yelpsimmn0] { color: var(--os-text-secondary); padding: var(--os-space-md) 0; } .release-admin__section-intro[b-yelpsimmn0] { color: var(--os-text-secondary); margin: 0 0 var(--os-space-md); } .release-admin__field[b-yelpsimmn0] { display: flex; flex-direction: column; gap: var(--os-space-xs); margin-bottom: var(--os-space-md); min-width: 0; } .release-admin__field label[b-yelpsimmn0] { font-weight: 600; color: var(--os-text-primary); } .release-admin__switch[b-yelpsimmn0] { display: inline-flex; align-items: center; gap: var(--os-space-sm); margin-bottom: var(--os-space-md); cursor: pointer; color: var(--os-text-primary); } .release-admin__actions[b-yelpsimmn0] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--os-space-md); } .release-admin__msg[b-yelpsimmn0] { font-size: 0.9rem; } .release-admin__msg.ok[b-yelpsimmn0] { color: var(--os-primary); } .release-admin__msg.err[b-yelpsimmn0] { color: #c0392b; } .release-admin__list[b-yelpsimmn0] { list-style: none; padding: 0; margin: 0 0 var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .release-admin__list-item[b-yelpsimmn0] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--os-space-md); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); } .release-admin__list-item:last-child[b-yelpsimmn0] { border-bottom: none; } .release-admin__recipient-main[b-yelpsimmn0] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; flex: 1 1 14rem; } .release-admin__recipient-email[b-yelpsimmn0] { color: var(--os-text-secondary); font-size: 0.9rem; overflow-wrap: anywhere; } .release-admin__recipient-controls[b-yelpsimmn0] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .release-admin__recipient-controls .release-admin__switch[b-yelpsimmn0] { margin-bottom: 0; } .release-admin__add[b-yelpsimmn0] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); align-items: center; } .release-admin__add .os-input[b-yelpsimmn0] { flex: 1 1 12rem; min-width: 0; } .release-admin__table-wrap[b-yelpsimmn0] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .release-admin__table[b-yelpsimmn0] { width: 100%; border-collapse: collapse; } .release-admin__table th[b-yelpsimmn0], .release-admin__table td[b-yelpsimmn0] { text-align: left; padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); white-space: nowrap; } .release-admin__table tbody tr:last-child td[b-yelpsimmn0] { border-bottom: none; } .release-admin__table th[b-yelpsimmn0] { color: var(--os-text-secondary); font-weight: 600; } html[data-ui="v2"] .release-admin__loading[b-yelpsimmn0], html[data-ui="v2"] .release-admin__empty[b-yelpsimmn0] { padding: var(--os-space-lg) 0; } html[data-ui="v2"] .release-admin__section-intro[b-yelpsimmn0] { color: var(--os-text-tertiary); } html[data-ui="v2"] .release-admin__field label[b-yelpsimmn0] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .release-admin__msg.ok[b-yelpsimmn0] { color: var(--os-success); } html[data-ui="v2"] .release-admin__msg.err[b-yelpsimmn0] { color: var(--os-error); } html[data-ui="v2"] .release-admin__list[b-yelpsimmn0] { border-radius: var(--os-radius-lg); } html[data-ui="v2"] .release-admin__list-item[b-yelpsimmn0] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .release-admin__list-item:hover[b-yelpsimmn0] { background: var(--os-surface-variant); } html[data-ui="v2"] .release-admin__recipient-email[b-yelpsimmn0] { color: var(--os-text-tertiary); } html[data-ui="v2"] .release-admin__add[b-yelpsimmn0] { padding: var(--os-space-md); background: var(--os-surface-variant); border-radius: var(--os-radius-md); } html[data-ui="v2"] .release-admin__table-wrap[b-yelpsimmn0] { border-radius: var(--os-radius-lg); background: var(--os-surface); } html[data-ui="v2"] .release-admin__table th[b-yelpsimmn0] { background: var(--os-surface-variant); font-weight: var(--os-font-weight-semibold); font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .release-admin__table tbody tr:not(:last-child) td[b-yelpsimmn0] { border-bottom-color: var(--os-border-light); } .rohtext-dlq[b-79hhvfjvp9] { max-width: 900px; } .rohtext-dlq__header[b-79hhvfjvp9] { display: flex; align-items: center; gap: var(--os-space-md); margin-bottom: var(--os-space-xl); } .rohtext-dlq__header h1[b-79hhvfjvp9] { margin: 0; color: var(--os-text-primary); } .rohtext-dlq__empty[b-79hhvfjvp9] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .rohtext-dlq__list[b-79hhvfjvp9] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .rohtext-dlq__item[b-79hhvfjvp9] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md) var(--os-space-lg); } .rohtext-dlq__item:last-child[b-79hhvfjvp9] { border-bottom: none; } .rohtext-dlq__row-main[b-79hhvfjvp9] { display: flex; align-items: center; gap: var(--os-space-md); justify-content: space-between; } .rohtext-dlq__meta[b-79hhvfjvp9] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; font-size: 0.9rem; color: var(--os-text-secondary); } .rohtext-dlq__msg-id[b-79hhvfjvp9] { font-family: monospace; color: var(--os-text-primary); font-size: 0.85rem; } .rohtext-dlq__reason[b-79hhvfjvp9] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); padding: 2px 8px; font-size: 0.8rem; color: var(--os-text-primary); } .rohtext-dlq__enqueued[b-79hhvfjvp9] { color: var(--os-text-tertiary); font-size: 0.8rem; } .rohtext-dlq__book-id[b-79hhvfjvp9] { font-family: monospace; font-size: 0.8rem; color: var(--os-text-tertiary); } .rohtext-dlq__row-error[b-79hhvfjvp9] { margin-top: var(--os-space-xs); font-size: 0.85rem; color: var(--os-danger, #c0392b); } .rohtext-dlq__actions[b-79hhvfjvp9] { flex-shrink: 0; } .rohtext-failures[b-vgucs2n0a4] { max-width: 900px; } .rohtext-failures__header[b-vgucs2n0a4] { display: flex; align-items: center; gap: var(--os-space-md); margin-bottom: var(--os-space-xl); } .rohtext-failures__header h1[b-vgucs2n0a4] { margin: 0; color: var(--os-text-primary); } .rohtext-failures__empty[b-vgucs2n0a4] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .rohtext-failures__list[b-vgucs2n0a4] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .rohtext-failures__item[b-vgucs2n0a4] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md) var(--os-space-lg); } .rohtext-failures__item:last-child[b-vgucs2n0a4] { border-bottom: none; } .rohtext-failures__row-main[b-vgucs2n0a4] { display: flex; align-items: center; gap: var(--os-space-md); justify-content: space-between; } .rohtext-failures__meta[b-vgucs2n0a4] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; color: var(--os-text-secondary); font-size: 0.9rem; } .rohtext-failures__book-id[b-vgucs2n0a4] { font-family: monospace; color: var(--os-text-primary); font-size: 0.85rem; } .rohtext-failures__call-type[b-vgucs2n0a4] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); padding: 2px 8px; font-size: 0.8rem; color: var(--os-text-primary); } .rohtext-failures__attempts[b-vgucs2n0a4] { color: var(--os-text-tertiary); font-size: 0.8rem; } .rohtext-failures__last-attempt[b-vgucs2n0a4] { color: var(--os-text-tertiary); font-size: 0.8rem; } .rohtext-failures__error[b-vgucs2n0a4] { margin-top: var(--os-space-xs); font-size: 0.8rem; color: var(--os-text-tertiary); font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rohtext-failures__row-error[b-vgucs2n0a4] { margin-top: var(--os-space-xs); font-size: 0.85rem; color: var(--os-danger, #c0392b); } .rohtext-failures__actions[b-vgucs2n0a4] { flex-shrink: 0; } .rohtext-management[b-puu9fcc9kd] { max-width: 900px; } .rohtext-management__header[b-puu9fcc9kd] { margin-bottom: var(--os-space-xl); } .rohtext-management__header h1[b-puu9fcc9kd] { color: var(--os-text-primary); margin: 0 0 var(--os-space-xs) 0; } .rohtext-management__lede[b-puu9fcc9kd] { color: var(--os-text-secondary); margin: 0; } .rohtext-management__loading[b-puu9fcc9kd], .rohtext-management__error[b-puu9fcc9kd] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .rohtext-management__grid[b-puu9fcc9kd] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--os-space-md); margin-bottom: var(--os-space-xl); } .rohtext-management__card[b-puu9fcc9kd] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); text-align: center; } .rohtext-management__metric[b-puu9fcc9kd] { font-size: 2.25rem; font-weight: 700; color: var(--os-text-primary); line-height: 1; margin-bottom: var(--os-space-xs); } .rohtext-management__label[b-puu9fcc9kd] { font-size: 0.85rem; color: var(--os-text-secondary); } .rohtext-management__nav[b-puu9fcc9kd] { display: flex; flex-direction: column; gap: var(--os-space-sm); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .rohtext-management__nav-link[b-puu9fcc9kd] { display: block; padding: var(--os-space-md) var(--os-space-lg); color: var(--os-text-primary); text-decoration: none; border-bottom: 1px solid var(--os-border); transition: background 0.15s; } .rohtext-management__nav-link:last-child[b-puu9fcc9kd] { border-bottom: none; } .rohtext-management__nav-link:hover[b-puu9fcc9kd] { background: var(--os-surface-variant); } .svr-page__loading[b-nna8p8f6pj], .svr-page__empty[b-nna8p8f6pj] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .svr-page__error[b-nna8p8f6pj] { color: var(--os-text-primary); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); margin-bottom: var(--os-space-md); } .svr-page__table-wrap[b-nna8p8f6pj] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .svr-page__table[b-nna8p8f6pj] { width: 100%; border-collapse: collapse; font-size: 0.9rem; color: var(--os-text-primary); } .svr-page__table thead th[b-nna8p8f6pj] { text-align: left; font-weight: 600; color: var(--os-text-secondary); padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); white-space: nowrap; } .svr-page__table tbody td[b-nna8p8f6pj] { padding: var(--os-space-sm) var(--os-space-md); vertical-align: middle; } .svr-page__row[b-nna8p8f6pj] { border-bottom: 1px solid var(--os-border); } .svr-page__row:last-child[b-nna8p8f6pj] { border-bottom: none; } .svr-page__demo-badge[b-nna8p8f6pj] { display: inline-block; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); font-size: 0.8rem; font-weight: 500; white-space: nowrap; } .svr-page__demo-badge--available[b-nna8p8f6pj] { color: var(--os-text-primary); background: var(--os-surface-variant); border: 1px solid var(--os-border); } .svr-page__demo-badge--none[b-nna8p8f6pj] { color: var(--os-text-tertiary); background: transparent; border: 1px solid var(--os-border); } .svr-page__demo-audio[b-nna8p8f6pj] { height: 36px; max-width: 240px; min-width: 0; vertical-align: middle; } .svr-page__actions[b-nna8p8f6pj] { white-space: nowrap; } .svr-page__action-btn[b-nna8p8f6pj] { margin-inline-end: var(--os-space-xs); font-size: 0.85rem; } .svr-page__action-btn--danger[b-nna8p8f6pj] { color: var(--os-text-primary); } .svr-page__dialog[b-nna8p8f6pj] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); background: var(--os-surface); color: var(--os-text-primary); padding: var(--os-space-lg); width: min(480px, calc(100vw - var(--os-space-lg) * 2)); box-shadow: var(--os-shadow-sm); } .svr-page__dialog[b-nna8p8f6pj]::backdrop { background: rgba(0, 0, 0, 0.5); } .svr-page__dialog-title[b-nna8p8f6pj] { margin: 0 0 var(--os-space-sm); font-size: 1.1rem; font-weight: 600; } .svr-page__dialog-body[b-nna8p8f6pj] { color: var(--os-text-secondary); margin: 0 0 var(--os-space-md); font-size: 0.9rem; } .svr-page__dialog-reason[b-nna8p8f6pj] { width: 100%; box-sizing: border-box; margin-bottom: var(--os-space-md); resize: vertical; } .svr-page__dialog-actions[b-nna8p8f6pj] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; } html[data-ui="v2"] .svr-page__loading[b-nna8p8f6pj], html[data-ui="v2"] .svr-page__empty[b-nna8p8f6pj] { padding: var(--os-space-xl) 0; text-align: center; } html[data-ui="v2"] .svr-page__error[b-nna8p8f6pj] { background: var(--os-error-light); border-color: var(--os-error); color: var(--os-error); } html[data-ui="v2"] .svr-page__table-wrap[b-nna8p8f6pj] { border-radius: var(--os-radius-lg); } html[data-ui="v2"] .svr-page__table thead th[b-nna8p8f6pj] { background: var(--os-surface-variant); font-weight: var(--os-font-weight-semibold); font-size: var(--os-font-size-xs); text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .svr-page__row[b-nna8p8f6pj] { border-bottom-color: var(--os-border-light); } html[data-ui="v2"] .svr-page__row:hover[b-nna8p8f6pj] { background: var(--os-surface-variant); } html[data-ui="v2"] .svr-page__demo-badge--available[b-nna8p8f6pj] { background: color-mix(in srgb, var(--os-success) 16%, transparent); color: var(--os-success); border-color: transparent; } html[data-ui="v2"] .svr-page__demo-badge--none[b-nna8p8f6pj] { background: var(--os-surface-variant); } html[data-ui="v2"] .svr-page__action-btn--danger[b-nna8p8f6pj] { color: var(--os-error); border-color: var(--os-error); } html[data-ui="v2"] .svr-page__dialog[b-nna8p8f6pj] { border-color: var(--os-border); box-shadow: var(--os-shadow-lg); } html[data-ui="v2"] .svr-page__dialog[b-nna8p8f6pj]::backdrop { background: var(--os-overlay); } html[data-ui="v2"] .svr-page__dialog-title[b-nna8p8f6pj] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .svr-page__dialog-reason:focus-visible[b-nna8p8f6pj] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .social-page__head[b-8ro13nb8tm] { margin-bottom: var(--os-space-lg); } .social-page__lede[b-8ro13nb8tm] { color: var(--os-text-secondary); } .social-page__section[b-8ro13nb8tm] { margin-bottom: var(--os-space-xl); } .social-connections__table-wrap[b-8ro13nb8tm] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .social-connections[b-8ro13nb8tm] { width: 100%; border-collapse: collapse; } .social-connections th[b-8ro13nb8tm], .social-connections td[b-8ro13nb8tm] { padding: var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .social-connections tr:last-child td[b-8ro13nb8tm] { border-bottom: none; } .social-status[b-8ro13nb8tm] { display: inline-flex; align-items: center; gap: 0.4em; font-size: 0.875rem; } .social-status[b-8ro13nb8tm]::before { content: ''; width: 0.5em; height: 0.5em; border-radius: 50%; background: var(--os-text-tertiary); } .social-status--connected[b-8ro13nb8tm]::before { background: var(--os-success); } .social-status--error[b-8ro13nb8tm]::before { background: var(--os-error); } .social-actions[b-8ro13nb8tm] { display: flex; gap: var(--os-space-sm); } .social-callback[b-8ro13nb8tm] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--os-space-md); min-width: 0; margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-left: 3px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-primary); font-size: var(--os-font-size-sm); } .social-callback--success[b-8ro13nb8tm] { border-left-color: var(--os-success); } .social-callback--error[b-8ro13nb8tm] { border-left-color: var(--os-error); } .social-callback__text[b-8ro13nb8tm] { min-width: 0; } .social-callback__dismiss[b-8ro13nb8tm] { flex: none; border: none; background: transparent; color: var(--os-text-secondary); font-size: 1.125rem; line-height: 1; cursor: pointer; padding: 0 var(--os-space-xs); } .social-callback__dismiss:hover[b-8ro13nb8tm] { color: var(--os-text-primary); } .social-toast[b-8ro13nb8tm] { position: fixed; bottom: var(--os-space-lg); right: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-md) var(--os-space-lg); box-shadow: var(--os-shadow-sm); z-index: 1000; } html[data-ui="v2"] .social-page[b-8ro13nb8tm] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 1100px; margin: 0 auto; } html[data-ui="v2"] .social-page__head[b-8ro13nb8tm] { margin-bottom: 0; } html[data-ui="v2"] .social-page__lede[b-8ro13nb8tm] { color: var(--os-text-tertiary); } html[data-ui="v2"] .social-page__section[b-8ro13nb8tm] { margin-bottom: 0; min-width: 0; } html[data-ui="v2"] .social-page__section h2[b-8ro13nb8tm] { margin: 0 0 var(--os-space-sm); font-size: 1.05rem; font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .social-connections__table-wrap[b-8ro13nb8tm] { box-shadow: var(--os-shadow-sm); } html[data-ui="v2"] .social-connections th[b-8ro13nb8tm] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; } html[data-ui="v2"] .social-connections tbody tr:not(:last-child) td[b-8ro13nb8tm] { border-bottom: 1px solid var(--os-border-light); } html[data-ui="v2"] .social-connections tbody tr:hover[b-8ro13nb8tm] { background: var(--os-surface-variant); } html[data-ui="v2"] .social-status[b-8ro13nb8tm] { font-weight: var(--os-font-weight-medium); } html[data-ui="v2"] .social-toast[b-8ro13nb8tm] { border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-md); } html[data-ui="v2"] .story-deletion-settings-page__error-strip[b-b6396hvswm] { border: 1px solid var(--os-error); background: var(--os-error-light); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .story-deletion-settings-page__loading[b-b6396hvswm] { color: var(--os-text-tertiary); padding: var(--os-space-lg) 0; } html[data-ui="v2"] .story-deletion-settings-page__form[b-b6396hvswm] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--os-space-lg); min-width: 0; } html[data-ui="v2"] .story-deletion-settings-page__field[b-b6396hvswm] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; max-width: 24rem; width: 100%; } html[data-ui="v2"] .story-deletion-settings-page__field-label[b-b6396hvswm] { color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .story-deletion-settings-page__field-hint[b-b6396hvswm] { color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); } .moderation-page[b-w9j601npjt] { padding: var(--os-space-lg); max-width: 1200px; margin: 0 auto; } .moderation-page__title[b-w9j601npjt] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-md); } .moderation-page__filters[b-w9j601npjt] { display: flex; gap: var(--os-space-md); margin-bottom: var(--os-space-md); flex-wrap: wrap; } .moderation-page__filters label[b-w9j601npjt] { display: flex; flex-direction: column; font-size: var(--os-font-size-sm); gap: var(--os-space-xs); color: var(--os-text-secondary); } .moderation-page__loading[b-w9j601npjt], .moderation-page__empty[b-w9j601npjt] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .moderation-table[b-w9j601npjt] { width: 100%; border-collapse: collapse; font-size: var(--os-font-size-sm); background-color: var(--os-surface); border-radius: var(--os-radius-md); overflow: hidden; } .moderation-table th[b-w9j601npjt], .moderation-table td[b-w9j601npjt] { padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); text-align: left; vertical-align: top; } .moderation-table th[b-w9j601npjt] { background-color: var(--os-surface-elevated, var(--os-surface)); font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); text-transform: uppercase; font-size: var(--os-font-size-xs); letter-spacing: 0.04em; } .moderation-table small[b-w9j601npjt] { color: var(--os-text-tertiary); } .moderation-table__actions[b-w9j601npjt] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .moderation-table__comment-row td[b-w9j601npjt] { padding-top: 0; color: var(--os-text-secondary); background-color: var(--os-surface-elevated, var(--os-surface)); } .moderation-page__pager[b-w9j601npjt] { display: flex; align-items: center; justify-content: center; gap: var(--os-space-md); margin-top: var(--os-space-lg); } html[data-ui="v2"] .moderation-page[b-w9j601npjt] { padding: var(--os-space-lg) var(--os-space-md); } html[data-ui="v2"] .moderation-page__filters[b-w9j601npjt] { padding: var(--os-space-sm) var(--os-space-md); gap: var(--os-space-lg); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } html[data-ui="v2"] .moderation-page__filters label[b-w9j601npjt] { gap: 4px; } html[data-ui="v2"] .moderation-page__loading[b-w9j601npjt], html[data-ui="v2"] .moderation-page__empty[b-w9j601npjt] { padding: var(--os-space-xl) 0; text-align: center; } html[data-ui="v2"] .moderation-table[b-w9j601npjt] { border: 1px solid var(--os-border); overflow-x: auto; } html[data-ui="v2"] .moderation-table th[b-w9j601npjt] { font-weight: var(--os-font-weight-semibold); letter-spacing: 0.03em; } html[data-ui="v2"] .moderation-table__actions[b-w9j601npjt] { gap: 6px; } html[data-ui="v2"] .moderation-table__comment-row td[b-w9j601npjt] { font-style: italic; } html[data-ui="v2"] .moderation-page__pager[b-w9j601npjt] { padding-top: var(--os-space-md); margin-top: var(--os-space-md); border-top: 1px solid var(--os-border); } .moderation-page__cs-surface[b-3kc6auc590] { margin-bottom: var(--os-space-xl); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .moderation-page__cs-surface:last-child[b-3kc6auc590] { margin-bottom: 0; } .moderation-page__cs-surface-heading[b-3kc6auc590] { margin: 0 0 var(--os-space-xs) 0; font-size: 1.05rem; font-weight: 600; color: var(--os-text-primary); } .moderation-page__cs-surface-desc[b-3kc6auc590] { margin: 0 0 var(--os-space-md) 0; color: var(--os-text-secondary); font-size: 0.875rem; line-height: 1.5; } .moderation-page__cs-disabled-hint[b-3kc6auc590] { display: block; margin-top: var(--os-space-xs); font-size: 0.75rem; color: var(--os-text-tertiary); font-style: italic; } html[data-ui="v2"] .moderation-page__loading[b-3kc6auc590] { padding: var(--os-space-xl) 0; text-align: center; } html[data-ui="v2"] .moderation-table[b-3kc6auc590] { border: 1px solid var(--os-border); overflow-x: auto; border-collapse: collapse; background-color: var(--os-surface); } html[data-ui="v2"] .moderation-table th[b-3kc6auc590], html[data-ui="v2"] .moderation-table td[b-3kc6auc590] { padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border-light); text-align: left; } html[data-ui="v2"] .moderation-table th[b-3kc6auc590] { font-weight: var(--os-font-weight-semibold); letter-spacing: 0.03em; } html[data-ui="v2"] .moderation-page__cs-surface[b-3kc6auc590] { padding: var(--os-space-md) var(--os-space-lg); } html[data-ui="v2"] .moderation-page__cs-surface-heading[b-3kc6auc590] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .moderation-page__cs-surface-desc[b-3kc6auc590], html[data-ui="v2"] .moderation-page__cs-disabled-hint[b-3kc6auc590] { color: var(--os-text-tertiary); } .mod-ticket-detail[b-lo2u7yopt1] { max-width: 900px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .mod-ticket-detail__breadcrumb[b-lo2u7yopt1] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary, #6b7280); } .mod-ticket-detail__breadcrumb a[b-lo2u7yopt1] { color: var(--os-primary); text-decoration: none; } .mod-ticket-detail__header h1[b-lo2u7yopt1] { margin: 0 0 var(--os-space-xs) 0; } .mod-ticket-detail__meta[b-lo2u7yopt1] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); font-size: 0.875rem; color: var(--os-text-secondary, #6b7280); } .mod-ticket-detail__controls[b-lo2u7yopt1] { display: flex; gap: var(--os-space-md); margin-top: var(--os-space-sm); flex-wrap: wrap; } .mod-ticket-detail__controls label[b-lo2u7yopt1] { display: flex; align-items: center; gap: 6px; font-size: 0.875rem; font-weight: 600; } .mod-ticket-detail__controls select[b-lo2u7yopt1] { padding: 4px 8px; border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 6px); font-size: 0.875rem; } .mod-ticket-detail__messages[b-lo2u7yopt1] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .mod-ticket-detail__message--user .mod-ticket-detail__bubble[b-lo2u7yopt1] { background: var(--os-surface-2, #f3f4f6); } .mod-ticket-detail__message--internal .mod-ticket-detail__bubble[b-lo2u7yopt1] { background: #fef9c3; border-left: 4px solid #ca8a04; } .mod-ticket-detail__bubble[b-lo2u7yopt1] { padding: var(--os-space-sm) var(--os-space-md); } .mod-ticket-detail__bubble header[b-lo2u7yopt1] { display: flex; gap: var(--os-space-sm); align-items: baseline; margin-bottom: 4px; } .mod-ticket-detail__bubble header small[b-lo2u7yopt1] { margin-left: auto; color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .mod-ticket-detail__internal-tag[b-lo2u7yopt1] { font-size: 0.7rem; background: #fde68a; color: #78350f; padding: 1px 6px; border-radius: 4px; text-transform: uppercase; font-weight: 700; } .mod-ticket-detail__reply[b-lo2u7yopt1] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); } .mod-ticket-detail__reply textarea[b-lo2u7yopt1] { padding: var(--os-space-sm); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); font-family: inherit; font-size: 1rem; resize: vertical; } .mod-ticket-detail__internal-toggle[b-lo2u7yopt1] { display: flex; align-items: center; gap: 6px; font-size: 0.875rem; } .mod-ticket-detail__reply button[b-lo2u7yopt1] { align-self: flex-start; padding: var(--os-space-xs) var(--os-space-md); border: none; border-radius: var(--os-radius-md, 8px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .mod-ticket-detail__reply button:disabled[b-lo2u7yopt1] { opacity: 0.6; } .mod-ticket-detail__error[b-lo2u7yopt1] { color: var(--os-error, #dc2626); margin: 0; } html[data-ui="v2"] .mod-ticket-detail[b-lo2u7yopt1] { padding: var(--os-space-lg) var(--os-space-md); } html[data-ui="v2"] .mod-ticket-detail__breadcrumb[b-lo2u7yopt1], html[data-ui="v2"] .mod-ticket-detail__meta[b-lo2u7yopt1] { color: var(--os-text-tertiary); } html[data-ui="v2"] .mod-ticket-detail__controls select[b-lo2u7yopt1] { border-radius: var(--os-radius-md); border-color: var(--os-border); } html[data-ui="v2"] .mod-ticket-detail__messages[b-lo2u7yopt1] { gap: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } html[data-ui="v2"] .mod-ticket-detail__messages > li[b-lo2u7yopt1] { border-bottom: 1px solid var(--os-border); } html[data-ui="v2"] .mod-ticket-detail__messages > li:last-child[b-lo2u7yopt1] { border-bottom: none; } html[data-ui="v2"] .mod-ticket-detail__bubble[b-lo2u7yopt1] { padding: var(--os-space-md); } html[data-ui="v2"] .mod-ticket-detail__message--user .mod-ticket-detail__bubble[b-lo2u7yopt1] { background: var(--os-surface-variant); } html[data-ui="v2"] .mod-ticket-detail__message--internal .mod-ticket-detail__bubble[b-lo2u7yopt1] { background: color-mix(in srgb, var(--os-warning) 12%, var(--os-surface)); border-left: 4px solid var(--os-warning); } html[data-ui="v2"] .mod-ticket-detail__internal-tag[b-lo2u7yopt1] { background: color-mix(in srgb, var(--os-warning) 22%, transparent); color: var(--os-warning); } html[data-ui="v2"] .mod-ticket-detail__reply[b-lo2u7yopt1] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } html[data-ui="v2"] .mod-ticket-detail__reply textarea[b-lo2u7yopt1] { border-radius: var(--os-radius-md); border-color: var(--os-border); } html[data-ui="v2"] .mod-ticket-detail__reply button[b-lo2u7yopt1] { border-radius: var(--os-radius-full); color: var(--os-text-on-primary); } html[data-ui="v2"] .mod-ticket-detail__error[b-lo2u7yopt1] { color: var(--os-error); } .mod-tickets[b-wvshtnezt9] { max-width: 1100px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .mod-tickets__header[b-wvshtnezt9] { display: flex; align-items: center; gap: var(--os-space-sm); } .mod-tickets__header h1[b-wvshtnezt9] { margin: 0; } .mod-tickets__count[b-wvshtnezt9] { margin: 0; color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } .mod-tickets__filters[b-wvshtnezt9] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; } .mod-tickets__filter[b-wvshtnezt9] { padding: 6px 14px; border: 1px solid var(--os-border, #e5e7eb); border-radius: 999px; background: transparent; cursor: pointer; font-size: 0.875rem; } .mod-tickets__filter--active[b-wvshtnezt9] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .mod-tickets__empty[b-wvshtnezt9] { color: var(--os-text-secondary, #6b7280); } .mod-tickets__table-wrap[b-wvshtnezt9] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; overflow-x: auto; } .mod-tickets__table[b-wvshtnezt9] { border-collapse: collapse; width: 100%; } .mod-tickets__table th[b-wvshtnezt9], .mod-tickets__table td[b-wvshtnezt9] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); font-size: 0.875rem; vertical-align: top; } .mod-tickets__table tbody tr:last-child td[b-wvshtnezt9] { border-bottom: none; } .mod-tickets__table th[b-wvshtnezt9] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .mod-tickets__row[b-wvshtnezt9] { cursor: pointer; } .mod-tickets__row:hover[b-wvshtnezt9] { background: var(--os-surface-variant); } .mod-tickets__table td small[b-wvshtnezt9] { display: block; color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .mod-tickets__table code[b-wvshtnezt9] { font-size: 0.75rem; color: var(--os-text-tertiary, #9ca3af); } .mod-tickets__status[b-wvshtnezt9], .mod-tickets__priority[b-wvshtnezt9] { font-size: 0.7rem; font-weight: 700; padding: 2px 8px; border-radius: 12px; text-transform: uppercase; } .mod-tickets__status--awaiting-staff[b-wvshtnezt9] { background: #fef3c7; color: #92400e; } .mod-tickets__status--awaiting-user[b-wvshtnezt9] { background: #dbeafe; color: #1e40af; } .mod-tickets__status--resolved[b-wvshtnezt9] { background: #d1fae5; color: #065f46; } .mod-tickets__status--closed[b-wvshtnezt9] { background: #e5e7eb; color: #374151; } .mod-tickets__priority--low[b-wvshtnezt9] { background: #f3f4f6; color: #4b5563; } .mod-tickets__priority--normal[b-wvshtnezt9] { background: #e0f2fe; color: #075985; } .mod-tickets__priority--high[b-wvshtnezt9] { background: #fef3c7; color: #92400e; } .mod-tickets__priority--urgent[b-wvshtnezt9] { background: #fee2e2; color: #991b1b; } html[data-ui="v2"] .mod-tickets[b-wvshtnezt9] { padding: var(--os-space-lg) var(--os-space-md); gap: var(--os-space-lg); } html[data-ui="v2"] .mod-tickets__count[b-wvshtnezt9] { color: var(--os-text-tertiary); } html[data-ui="v2"] .mod-tickets__filter[b-wvshtnezt9] { border-radius: var(--os-radius-full); color: var(--os-text-secondary); } html[data-ui="v2"] .mod-tickets__filter--active[b-wvshtnezt9] { background: var(--os-primary-light); color: var(--os-primary); border-color: var(--os-primary); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .mod-tickets__empty[b-wvshtnezt9] { padding: var(--os-space-xl) 0; text-align: center; } html[data-ui="v2"] .mod-tickets__table th[b-wvshtnezt9] { font-weight: var(--os-font-weight-semibold); letter-spacing: 0.03em; } html[data-ui="v2"] .mod-tickets__table tbody tr:not(:last-child) td[b-wvshtnezt9] { border-bottom: 1px solid var(--os-border-light); } html[data-ui="v2"] .mod-tickets__status--awaiting-staff[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-warning) 16%, transparent); color: var(--os-warning); } html[data-ui="v2"] .mod-tickets__status--awaiting-user[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-info) 16%, transparent); color: var(--os-info); } html[data-ui="v2"] .mod-tickets__status--resolved[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-success) 16%, transparent); color: var(--os-success); } html[data-ui="v2"] .mod-tickets__status--closed[b-wvshtnezt9] { background: var(--os-surface-variant); color: var(--os-text-secondary); } html[data-ui="v2"] .mod-tickets__priority--low[b-wvshtnezt9] { background: var(--os-surface-variant); color: var(--os-text-secondary); } html[data-ui="v2"] .mod-tickets__priority--normal[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-info) 16%, transparent); color: var(--os-info); } html[data-ui="v2"] .mod-tickets__priority--high[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-warning) 16%, transparent); color: var(--os-warning); } html[data-ui="v2"] .mod-tickets__priority--urgent[b-wvshtnezt9] { background: color-mix(in srgb, var(--os-error) 16%, transparent); color: var(--os-error); } .shared-narration-page[b-r1jjna8xv4] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 640px; margin: 0 auto; padding: var(--os-space-xl) var(--os-space-md); } .shared-narration-page__title[b-r1jjna8xv4] { color: var(--os-text-primary); margin: 0; } .shared-narration-page__subtitle[b-r1jjna8xv4] { color: var(--os-text-secondary); margin: 0; } .shared-narration-page__tracks[b-r1jjna8xv4] { display: flex; flex-direction: column; gap: var(--os-space-md); } .shared-narration-page__track[b-r1jjna8xv4] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); min-width: 0; } .shared-narration-page__track-label[b-r1jjna8xv4] { color: var(--os-text-primary); font-weight: 600; } .shared-narration-page__track audio[b-r1jjna8xv4] { width: 100%; max-width: 100%; } .not-found-v2[b-slworpfb1f] { display: flex; justify-content: center; padding: var(--os-space-2xl) var(--os-space-md); } .not-found-v2[b-slworpfb1f] .page-hero { max-width: 640px; flex-direction: column; align-items: center; text-align: center; } .not-found-v2[b-slworpfb1f] .page-hero__content { align-items: center; } .not-found-v2[b-slworpfb1f] .page-hero__actions { justify-content: center; } .notification-center[b-vc5n13vpjy] { display: flex; flex-direction: column; gap: var(--os-space-md); max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); } .notification-center__item--unread[b-vc5n13vpjy] { background: var(--os-surface-hover, rgba(5, 39, 103, 0.04)); border-left: 3px solid var(--os-primary); } .notification-center__unread-dot[b-vc5n13vpjy] { display: inline-block; width: 0.5rem; height: 0.5rem; margin-left: 0.4rem; border-radius: 50%; background: var(--os-primary); vertical-align: middle; } .notification-center__header[b-vc5n13vpjy] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); } .notification-center__title[b-vc5n13vpjy] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .notification-center__mark-all[b-vc5n13vpjy] { background: transparent; border: 1px solid var(--os-border); border-radius: var(--os-radius-full); color: var(--os-text-secondary); cursor: pointer; padding: var(--os-space-xs) var(--os-space-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); transition: all var(--os-transition-fast); } .notification-center__mark-all:hover:not(:disabled)[b-vc5n13vpjy] { border-color: var(--os-primary); color: var(--os-primary); } .notification-center__mark-all:disabled[b-vc5n13vpjy] { opacity: 0.5; cursor: progress; } .notification-center__tabs[b-vc5n13vpjy] { display: flex; gap: var(--os-space-xs); overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: var(--os-space-xs); } .notification-center__tabs[b-vc5n13vpjy]::-webkit-scrollbar { display: none; } .notification-center__tab[b-vc5n13vpjy] { flex-shrink: 0; padding: var(--os-space-xs) var(--os-space-md); border: 1.5px solid var(--os-border); border-radius: var(--os-radius-full); background: var(--os-surface); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); cursor: pointer; white-space: nowrap; transition: all var(--os-transition-fast); } .notification-center__tab:hover[b-vc5n13vpjy] { border-color: var(--os-primary); color: var(--os-primary); } .notification-center__tab--active[b-vc5n13vpjy] { background: var(--os-primary); border-color: var(--os-primary); color: #ffffff; box-shadow: var(--os-shadow-sm); } .notification-center__tab--active:hover[b-vc5n13vpjy] { color: #ffffff; } .notification-center__empty[b-vc5n13vpjy] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xxl); text-align: center; color: var(--os-text-secondary); font-size: var(--os-font-size-md); } .notification-center__empty svg[b-vc5n13vpjy] { color: var(--os-text-tertiary); opacity: 0.5; } .notification-center__empty-text[b-vc5n13vpjy] { margin: 0; } .notification-center__empty-link[b-vc5n13vpjy] { display: inline-flex; align-items: center; gap: var(--os-space-xs); color: var(--os-primary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); text-decoration: none; } .notification-center__empty-link:hover[b-vc5n13vpjy], .notification-center__empty-link:focus-visible[b-vc5n13vpjy] { text-decoration: underline; outline: none; } .notification-center__section[b-vc5n13vpjy] { display: flex; flex-direction: column; gap: var(--os-space-sm); margin-bottom: var(--os-space-md); } .notification-center__group-title[b-vc5n13vpjy] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-tertiary); text-transform: uppercase; letter-spacing: 0.05em; margin: 0; } .notification-center__list[b-vc5n13vpjy] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .notification-center__item[b-vc5n13vpjy] { display: flex; align-items: flex-start; gap: var(--os-space-sm); padding: var(--os-space-md); cursor: pointer; transition: background var(--os-transition-fast); border-bottom: 1px solid var(--os-border); } .notification-center__item:last-child[b-vc5n13vpjy] { border-bottom: none; } .notification-center__item:hover[b-vc5n13vpjy], .notification-center__item:focus-visible[b-vc5n13vpjy] { background: var(--os-surface-variant); outline: none; } .notification-center__item-type[b-vc5n13vpjy] { flex-shrink: 0; padding-top: 6px; } .notification-center__type-dot[b-vc5n13vpjy] { display: block; width: 8px; height: 8px; border-radius: var(--os-radius-full); background: var(--os-text-tertiary); } .notification-center__type-dot--promo[b-vc5n13vpjy] { background: #f59e0b; } .notification-center__type-dot--system[b-vc5n13vpjy] { background: var(--os-success); } .notification-center__type-dot--comment[b-vc5n13vpjy] { background: var(--os-primary); } .notification-center__type-dot--follow[b-vc5n13vpjy] { background: #8b5cf6; } .notification-center__item-content[b-vc5n13vpjy] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .notification-center__item-title[b-vc5n13vpjy] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notification-center__item-preview[b-vc5n13vpjy] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); margin: 0; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .notification-center__item-date[b-vc5n13vpjy] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); margin-top: 2px; } .notification-center__item-badge[b-vc5n13vpjy] { flex-shrink: 0; align-self: center; font-size: 10px; } .notification-center__chevron[b-vc5n13vpjy] { color: var(--os-text-tertiary); flex-shrink: 0; margin-top: 2px; align-self: center; } html[data-ui="v2"] .notification-center__empty-link:focus-visible[b-vc5n13vpjy], html[data-ui="v2"] .notification-center__item:focus-visible[b-vc5n13vpjy] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .promo-detail-page[b-ncfwp52rik] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 640px; margin: 0 auto; } .promo-detail-page__header[b-ncfwp52rik] { display: flex; align-items: center; gap: var(--os-space-md); } .promo-detail-page__back-btn[b-ncfwp52rik] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .promo-detail-page__back-btn:hover[b-ncfwp52rik] { background: var(--os-surface-variant); } .promo-detail-page__title[b-ncfwp52rik] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .promo-detail-page__not-found[b-ncfwp52rik] { text-align: center; padding: var(--os-space-2xl) var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); align-items: center; color: var(--os-text-secondary); } .promo-detail-page__banner[b-ncfwp52rik] { background: var(--os-gradient); border-radius: var(--os-radius-lg); overflow: hidden; min-height: 160px; } .promo-detail-page__banner-content[b-ncfwp52rik] { display: flex; align-items: stretch; min-height: 160px; } .promo-detail-page__banner-text[b-ncfwp52rik] { flex: 1; padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); justify-content: center; } .promo-detail-page__banner-subtitle[b-ncfwp52rik] { font-size: var(--os-font-size-xs); color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 0.06em; margin: 0; } .promo-detail-page__banner-title[b-ncfwp52rik] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: white; margin: 0; line-height: 1.2; } .promo-detail-page__banner-cta[b-ncfwp52rik] { width: fit-content; margin-top: var(--os-space-xs); background: white; color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold); } .promo-detail-page__banner-cta:hover[b-ncfwp52rik] { background: rgba(255, 255, 255, 0.9); } .promo-detail-page__banner-image[b-ncfwp52rik] { width: 140px; flex-shrink: 0; overflow: hidden; position: relative; } .promo-detail-page__banner-image img[b-ncfwp52rik] { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.6; } .promo-detail-page__article[b-ncfwp52rik] { display: flex; flex-direction: column; gap: var(--os-space-md); } .promo-detail-page__article-title[b-ncfwp52rik] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .promo-detail-page__article-body[b-ncfwp52rik] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } @media (max-width: 480px) { .promo-detail-page__banner-image[b-ncfwp52rik] { width: 100px; } .promo-detail-page__banner-title[b-ncfwp52rik] { font-size: var(--os-font-size-xl); } } .onboarding-page[b-5fd94gxwo1] { display: flex; flex-direction: column; min-height: 70vh; padding: 0; overflow: hidden; } .about-title[b-5fd94gxwo1] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .onboarding-header[b-5fd94gxwo1] { display: flex; align-items: center; justify-content: space-between; padding: var(--os-space-md) var(--os-space-lg); flex-shrink: 0; } .header-spacer[b-5fd94gxwo1] { width: 48px; } .skip-btn[b-5fd94gxwo1] { background: none; border: none; color: var(--os-text-secondary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); cursor: pointer; padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-sm); transition: color var(--os-transition-fast), background var(--os-transition-fast); } .skip-btn:hover[b-5fd94gxwo1] { color: var(--os-text-primary); background: var(--os-surface-variant); } .carousel-wrapper[b-5fd94gxwo1] { flex: 1; overflow: hidden; position: relative; } .slides-track[b-5fd94gxwo1] { display: flex; height: 100%; transition: transform var(--os-transition-slow) cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } .slide[b-5fd94gxwo1] { min-width: 100%; display: flex; flex-direction: column; gap: var(--os-space-xl); padding: var(--os-space-lg); } .slide-illustration[b-5fd94gxwo1] { position: relative; border-radius: var(--os-radius-xl); display: flex; align-items: center; justify-content: center; flex: 1; min-height: 240px; max-height: 340px; overflow: hidden; } .slide-emoji[b-5fd94gxwo1] { font-size: 80px; line-height: 1; z-index: 1; filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.15)); animation: floatEmoji-b-5fd94gxwo1 3s ease-in-out infinite; } @keyframes floatEmoji-b-5fd94gxwo1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .slide-text[b-5fd94gxwo1] { flex-shrink: 0; } .slide-title[b-5fd94gxwo1] { margin: 0 0 var(--os-space-sm); font-size: clamp(1.375rem, 5vw, 1.75rem); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); line-height: 1.25; } .slide-description[b-5fd94gxwo1] { margin: 0; font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.6; } .onboarding-footer[b-5fd94gxwo1] { flex-shrink: 0; display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); padding-bottom: max(var(--os-space-xl), env(safe-area-inset-bottom, var(--os-space-xl))); } .continue-btn[b-5fd94gxwo1] { min-height: 54px; } .signin-link-text[b-5fd94gxwo1] { margin: 0; text-align: center; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .link-btn[b-5fd94gxwo1] { background: none; border: none; color: var(--os-primary); font-family: var(--os-font-family); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); cursor: pointer; padding: 0; text-decoration: underline; } .link-btn:hover[b-5fd94gxwo1] { color: var(--os-primary-hover); } .onboarding-v2[b-5fd94gxwo1] { display: flex; flex-direction: column; min-height: 70vh; padding: 0; overflow: hidden; } .onboarding-v2__header[b-5fd94gxwo1] { display: flex; align-items: center; padding: var(--os-space-md) var(--os-space-lg); flex-shrink: 0; } .onboarding-v2__title[b-5fd94gxwo1] { font-family: var(--os-font-display, var(--os-font-family)); font-size: var(--os-text-display-sm, var(--os-font-size-xl)); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); overflow-wrap: anywhere; margin: 0; } .onboarding-v2__carousel[b-5fd94gxwo1] { flex: 1; overflow: hidden; position: relative; } .onboarding-v2__track[b-5fd94gxwo1] { display: flex; height: 100%; transition: transform var(--os-motion-slow, var(--os-transition-slow)) var(--os-ease-emphasized, cubic-bezier(0.4, 0, 0.2, 1)); will-change: transform; } .onboarding-v2__slide[b-5fd94gxwo1] { min-width: 100%; display: flex; flex-direction: column; gap: var(--os-space-xl); padding: var(--os-space-lg); } .onboarding-v2__art[b-5fd94gxwo1] { position: relative; border-radius: var(--os-radius-xl, var(--os-radius-lg)); display: flex; align-items: center; justify-content: center; flex: 1; min-height: 240px; max-height: 340px; overflow: hidden; } .onboarding-v2__art img[b-5fd94gxwo1] { max-width: 70%; max-height: 70%; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.18)); } .onboarding-v2__text[b-5fd94gxwo1] { flex-shrink: 0; } .onboarding-v2__slide-title[b-5fd94gxwo1] { margin: 0 0 var(--os-space-sm); font-family: var(--os-font-display, var(--os-font-family)); font-size: clamp(1.375rem, 5vw, 1.75rem); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); line-height: 1.25; overflow-wrap: anywhere; } .onboarding-v2__slide-description[b-5fd94gxwo1] { margin: 0; font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.6; } .onboarding-v2__footer[b-5fd94gxwo1] { flex-shrink: 0; display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); padding-bottom: max(var(--os-space-xl), env(safe-area-inset-bottom, var(--os-space-xl))); } .onboarding-v2__continue[b-5fd94gxwo1] { min-height: 54px; } @media (prefers-reduced-motion: reduce) { .onboarding-v2__track[b-5fd94gxwo1] { transition: none; } } .splash-screen[b-hlb4lixku1] { position: fixed; inset: 0; background: var(--os-gradient); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-lg); z-index: 1000; animation: splashFadeIn-b-hlb4lixku1 0.5s ease forwards; } @keyframes splashFadeIn-b-hlb4lixku1 { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .splash-content[b-hlb4lixku1] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); } .splash-logo[b-hlb4lixku1] { animation: logoPulse-b-hlb4lixku1 1.5s ease-in-out infinite; } @keyframes logoPulse-b-hlb4lixku1 { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3)); } 50% { transform: scale(1.05); filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.5)); } } .splash-title[b-hlb4lixku1] { margin: 0; font-size: clamp(2rem, 8vw, 2.75rem); font-weight: var(--os-font-weight-bold); color: #ffffff; letter-spacing: -0.02em; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); } .splash-tagline[b-hlb4lixku1] { margin: 0; font-size: var(--os-font-size-md); color: rgba(255, 255, 255, 0.75); font-weight: var(--os-font-weight-normal); letter-spacing: 0.02em; } .splash-loader[b-hlb4lixku1] { position: absolute; bottom: var(--os-space-2xl); left: 50%; transform: translateX(-50%); width: 120px; height: 3px; background: rgba(255, 255, 255, 0.2); border-radius: var(--os-radius-full); overflow: hidden; } .loader-bar[b-hlb4lixku1] { height: 100%; background: rgba(255, 255, 255, 0.9); border-radius: var(--os-radius-full); animation: loaderFill-b-hlb4lixku1 2s ease forwards; } @keyframes loaderFill-b-hlb4lixku1 { from { width: 0%; } to { width: 100%; } } .splash-v2[b-hlb4lixku1] { position: fixed; inset: 0; background: var(--os-gradient); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--os-space-lg); z-index: 1000; animation: splashFadeInV2-b-hlb4lixku1 var(--os-motion-cinematic, 600ms) var(--os-ease-emphasized, ease) forwards; } @keyframes splashFadeInV2-b-hlb4lixku1 { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } .splash-v2__content[b-hlb4lixku1] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); } .splash-v2__logo[b-hlb4lixku1] { animation: logoPulseV2-b-hlb4lixku1 1.5s var(--os-ease-emphasized, ease-in-out) infinite; } @keyframes logoPulseV2-b-hlb4lixku1 { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 16px var(--os-primary)); } 50% { transform: scale(1.05); filter: drop-shadow(0 0 28px var(--os-primary)); } } .splash-v2__title[b-hlb4lixku1] { margin: 0; font-family: var(--os-font-display, var(--os-font-family)); font-size: clamp(2rem, 8vw, 2.75rem); font-weight: var(--os-font-weight-bold); overflow-wrap: anywhere; color: var(--os-text-on-dark, #ffffff); letter-spacing: -0.02em; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); } .splash-v2__tagline[b-hlb4lixku1] { margin: 0; font-size: var(--os-font-size-md); color: var(--os-text-on-dark, rgba(255, 255, 255, 0.75)); opacity: 0.75; font-weight: var(--os-font-weight-normal); letter-spacing: 0.02em; } .splash-v2__loader[b-hlb4lixku1] { position: absolute; bottom: var(--os-space-2xl); left: 50%; transform: translateX(-50%); width: 120px; height: 3px; background: rgba(255, 255, 255, 0.2); border-radius: var(--os-radius-full); overflow: hidden; } .splash-v2__loader-bar[b-hlb4lixku1] { height: 100%; background: rgba(255, 255, 255, 0.9); border-radius: var(--os-radius-full); animation: loaderFillV2-b-hlb4lixku1 2s var(--os-ease-standard, ease) forwards; } @keyframes loaderFillV2-b-hlb4lixku1 { from { width: 0%; } to { width: 100%; } } @media (prefers-reduced-motion: reduce) { .splash-v2[b-hlb4lixku1], .splash-v2__logo[b-hlb4lixku1], .splash-v2__loader-bar[b-hlb4lixku1] { animation: none; } } .ai-content-page__desc[b-mknmp46dot] { margin: 0 0 var(--os-space-md) 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; } .ai-content-page__toggle-row[b-mknmp46dot] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); padding: var(--os-space-md) 0; border-top: 1px solid var(--os-border); cursor: pointer; } .ai-content-page__toggle-label[b-mknmp46dot] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .ai-content-page__saved[b-mknmp46dot] { margin: var(--os-space-sm) 0 0 0; font-size: var(--os-font-size-xs); color: var(--os-text-success, #1f8f3d); font-weight: var(--os-font-weight-medium); } .reconciliation-admin__table-wrap-v2[b-1tu6gprw9n] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .reconciliation-admin__table-wrap-v2 > .reconciliation-admin__table[b-1tu6gprw9n] { width: 100%; border-collapse: collapse; } .reconciliation-admin__table-wrap-v2 .reconciliation-admin__table th[b-1tu6gprw9n], .reconciliation-admin__table-wrap-v2 .reconciliation-admin__table td[b-1tu6gprw9n] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .downloads-page[b-5wrrn10ind] { display: flex; flex-direction: column; gap: var(--os-space-md); max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); } .downloads-page__unauthenticated[b-5wrrn10ind], .downloads-page__upsell[b-5wrrn10ind] { padding: var(--os-space-xl) 0; display: flex; justify-content: center; } .downloads-page__status[b-5wrrn10ind] { padding: var(--os-space-xl) var(--os-space-md); text-align: center; color: var(--os-text-secondary); } .downloads-page__storage[b-5wrrn10ind] { flex-shrink: 0; } .downloads-page__list[b-5wrrn10ind] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--os-border); border-radius: var(--os-radius-md); overflow: hidden; background: var(--os-surface); } .downloads-page__row[b-5wrrn10ind] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); } .downloads-page__row:last-child[b-5wrrn10ind] { border-bottom: none; } .downloads-page__cover-link[b-5wrrn10ind] { flex-shrink: 0; display: block; line-height: 0; } .downloads-page__cover[b-5wrrn10ind] { width: 44px; height: 62px; object-fit: cover; border-radius: var(--os-radius-sm); background: var(--os-surface-variant); } .downloads-page__cover--placeholder[b-5wrrn10ind] { display: inline-block; background: var(--os-surface-variant); } .downloads-page__meta[b-5wrrn10ind] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .downloads-page__title[b-5wrrn10ind] { font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .downloads-page__title:hover[b-5wrrn10ind] { text-decoration: underline; } .downloads-page__submeta[b-5wrrn10ind] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .downloads-page__remove[b-5wrrn10ind] { flex-shrink: 0; } .earnings__caption[b-z1wh685u6y] { color: var(--os-text-secondary, #555); margin: 0 0 var(--os-space-md, 12px) 0; font-size: 0.95rem; } .earnings__loading[b-z1wh685u6y], .earnings__empty[b-z1wh685u6y] { color: var(--os-text-secondary, #555); padding: var(--os-space-lg, 16px) 0; } .earnings__error-strip[b-z1wh685u6y] { background: var(--os-status-error-bg, #fce8e6); border-left: 4px solid var(--os-status-error, #a50e0e); padding: var(--os-space-md, 12px) var(--os-space-lg, 16px); } .earnings__negative-banner[b-z1wh685u6y] { background: var(--os-status-warning-bg, #fef7e0); border-left: 4px solid var(--os-status-warning, #f9ab00); padding: var(--os-space-md, 12px) var(--os-space-lg, 16px); } .earnings__tiles-grid[b-z1wh685u6y] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--os-space-md, 12px); margin-top: var(--os-space-md, 12px); } .earnings__tile[b-z1wh685u6y] { background: var(--os-surface, #fff); border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-lg, 16px); } .earnings__tile-label[b-z1wh685u6y] { font-size: 0.85rem; color: var(--os-text-secondary, #555); margin-bottom: var(--os-space-xs, 4px); } .earnings__tile-value[b-z1wh685u6y] { font-size: 1.5rem; font-weight: bold; font-variant-numeric: tabular-nums; } .earnings__tile-value--negative[b-z1wh685u6y] { color: var(--os-status-error, #a50e0e); } .earnings__tile-sub[b-z1wh685u6y] { font-size: 0.8rem; color: var(--os-text-tertiary, #777); margin-top: var(--os-space-xs, 4px); } .earnings__tiles-note[b-z1wh685u6y] { margin-top: var(--os-space-sm, 8px); margin-bottom: 0; } .earnings__table-wrap[b-z1wh685u6y] { border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-lg, 12px); overflow-x: auto; margin-top: var(--os-space-md, 12px); } .earnings__table-wrap > .earnings__table[b-z1wh685u6y] { margin-top: 0; } .earnings__table[b-z1wh685u6y] { width: 100%; border-collapse: collapse; margin-top: var(--os-space-md, 12px); font-size: 0.95rem; } .earnings__table th[b-z1wh685u6y], .earnings__table td[b-z1wh685u6y] { padding: var(--os-space-sm, 8px) var(--os-space-md, 12px); text-align: left; border-bottom: 1px solid var(--os-border, #eee); } .earnings__table th[b-z1wh685u6y] { background: var(--os-surface-muted, #f5f5f5); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; } .earnings__table td:nth-child(2)[b-z1wh685u6y], .earnings__table td:nth-child(3)[b-z1wh685u6y], .earnings__table td:nth-child(4)[b-z1wh685u6y], .earnings__table td:nth-child(5)[b-z1wh685u6y] { font-variant-numeric: tabular-nums; text-align: right; } .earnings__badge[b-z1wh685u6y] { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 0.8rem; font-weight: 600; } .earnings__badge--clean[b-z1wh685u6y] { background: var(--os-status-success-bg, #e6f4ea); color: var(--os-status-success, #137333); } .earnings__badge--amended[b-z1wh685u6y] { background: var(--os-status-warning-bg, #fef7e0); color: var(--os-status-warning, #7d6105); cursor: help; } .earnings__download[b-z1wh685u6y] { font-size: 0.85rem; padding: 4px 12px; } .earnings__table [data-testid="earnings-statement-ad"][b-z1wh685u6y], .earnings__table [data-testid="earnings-statement-premium"][b-z1wh685u6y], .earnings__table [data-testid="earnings-statement-other"][b-z1wh685u6y], .earnings__table [data-testid="earnings-statement-delta"][b-z1wh685u6y] { font-variant-numeric: tabular-nums; text-align: right; } .earnings__delta--positive[b-z1wh685u6y] { color: var(--os-success, #137333); } .earnings__delta--negative[b-z1wh685u6y] { color: var(--os-error, #b3261e); } .earnings__details-btn[b-z1wh685u6y] { font-size: 0.85rem; padding: 4px 12px; } .earnings__detail-row td[b-z1wh685u6y] { background: var(--os-surface-variant, #f5f5f5); padding: var(--os-space-lg, 16px); } .earnings__detail-panel[b-z1wh685u6y] { display: flex; flex-direction: column; gap: var(--os-space-lg, 16px); min-width: 0; } .earnings__detail-block[b-z1wh685u6y] { min-width: 0; } .earnings__detail-heading[b-z1wh685u6y] { margin: 0 0 var(--os-space-sm, 8px) 0; font-size: 1rem; } .earnings__detail-list[b-z1wh685u6y] { display: grid; grid-template-columns: max-content 1fr; gap: 4px var(--os-space-lg, 16px); margin: 0; } .earnings__detail-list dt[b-z1wh685u6y] { color: var(--os-text-secondary, #555); font-weight: 600; } .earnings__detail-list dd[b-z1wh685u6y] { margin: 0; } .earnings__detail-exclusions-list[b-z1wh685u6y] { margin: 0; padding-left: 1.2em; color: var(--os-text-secondary, #555); } .earnings__detail-exclusions-list li[b-z1wh685u6y] { margin-bottom: 4px; } .earnings__detail-empty[b-z1wh685u6y] { color: var(--os-text-secondary, #555); margin: 0; } .payout-setup__header[b-z1wh685u6y] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md, 12px); flex-wrap: wrap; } .payout-setup__status[b-z1wh685u6y] { font-size: 0.85rem; font-weight: 600; padding: 4px 12px; border-radius: 999px; background: var(--os-surface-muted, #f0f0f0); color: var(--os-text-secondary, #555); } .payout-setup__status--active[b-z1wh685u6y] { background: var(--os-status-success-bg, #e8f5e9); color: var(--os-status-success, #1b5e20); } .payout-setup__status--actionrequired[b-z1wh685u6y] { background: var(--os-status-warning-bg, #fef7e0); color: var(--os-status-warning, #7d6105); } .payout-setup__status--revoked[b-z1wh685u6y] { background: var(--os-status-danger-bg, #fdecea); color: var(--os-status-danger, #b3261e); } .payout-setup__body[b-z1wh685u6y] { color: var(--os-text-secondary, #555); line-height: 1.55; margin: var(--os-space-sm, 8px) 0 var(--os-space-md, 12px) 0; } .payout-setup__error[b-z1wh685u6y] { color: var(--os-status-danger, #b3261e); background: var(--os-status-danger-bg, #fdecea); padding: var(--os-space-sm, 8px) var(--os-space-md, 12px); border-radius: var(--os-radius-sm, 4px); margin: 0 0 var(--os-space-md, 12px) 0; } .payout-setup__form[b-z1wh685u6y] { display: grid; gap: var(--os-space-md, 12px); margin-top: var(--os-space-sm, 8px); } .payout-setup__field[b-z1wh685u6y] { display: flex; flex-direction: column; gap: 4px; max-width: 480px; } .payout-setup__field-label[b-z1wh685u6y] { font-weight: 600; font-size: 0.95rem; } .payout-setup__field-hint[b-z1wh685u6y] { color: var(--os-text-secondary, #555); font-size: 0.85rem; } .payout-setup__field select[b-z1wh685u6y] { padding: 8px 10px; border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-sm, 4px); background: var(--os-surface, #fff); font-size: 0.95rem; } .payout-setup__cta[b-z1wh685u6y] { align-self: flex-start; margin-top: var(--os-space-sm, 8px); } .payout-setup__summary[b-z1wh685u6y] { display: grid; grid-template-columns: max-content 1fr; gap: 6px var(--os-space-lg, 16px); margin: 0 0 var(--os-space-md, 12px) 0; font-size: 0.95rem; } .payout-setup__summary dt[b-z1wh685u6y] { color: var(--os-text-secondary, #555); font-weight: 600; } .payout-setup__summary dd[b-z1wh685u6y] { margin: 0; word-break: break-word; } .payout-setup__past-due[b-z1wh685u6y], .payout-setup__disabled-reason[b-z1wh685u6y] { color: var(--os-status-danger, #b3261e); } .payout-setup__last-synced[b-z1wh685u6y] { color: var(--os-text-secondary, #555); font-variant-numeric: tabular-nums; } .payout-setup__notice[b-z1wh685u6y] { background: var(--os-status-warning-bg, #fef7e0); color: var(--os-status-warning, #7d6105); padding: var(--os-space-sm, 8px) var(--os-space-md, 12px); border-radius: var(--os-radius-sm, 4px); margin: var(--os-space-sm, 8px) 0; } .payout-setup__notice--sanctions[b-z1wh685u6y] { background: var(--os-status-danger-bg, #fdecea); color: var(--os-status-danger, #b3261e); } .payout-setup__actions[b-z1wh685u6y] { display: flex; gap: var(--os-space-sm, 8px); flex-wrap: wrap; margin-top: var(--os-space-md, 12px); } .favorites-page[b-egpfac67z2] { display: flex; flex-direction: column; gap: var(--os-space-md); max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); } .favorites-page__unauthenticated[b-egpfac67z2] { padding: var(--os-space-xl) 0; display: flex; justify-content: center; } .favorites-page__header[b-egpfac67z2] { display: flex; align-items: center; gap: var(--os-space-sm); } .favorites-page__back-btn[b-egpfac67z2] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .favorites-page__back-btn:hover[b-egpfac67z2] { background: var(--os-surface-variant); } .favorites-page__title[b-egpfac67z2] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; flex: 1; } .favorites-page__count[b-egpfac67z2] { flex-shrink: 0; } .favorites-page__empty[b-egpfac67z2] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-xxl) var(--os-space-md); text-align: center; } .favorites-page__empty svg[b-egpfac67z2] { color: var(--os-text-tertiary); opacity: 0.4; } .favorites-page__empty-text[b-egpfac67z2] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .favorites-page__grid[b-egpfac67z2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 480px) { .favorites-page__grid[b-egpfac67z2] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .favorites-page__grid[b-egpfac67z2] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .profile-index-page[b-t0sbdqvawv] { display: flex; flex-direction: column; gap: var(--os-space-md); max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); } .profile-index-page__unauthenticated[b-t0sbdqvawv] { padding: var(--os-space-xl) 0; display: flex; justify-content: center; } .profile-index-page__hero[b-t0sbdqvawv] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface); border-radius: var(--os-radius-lg); border: 1px solid var(--os-border); } .profile-index-page__avatar-wrap[b-t0sbdqvawv] { flex-shrink: 0; } .profile-index-page__avatar[b-t0sbdqvawv] { width: 64px; height: 64px; border-radius: var(--os-radius-full); object-fit: cover; display: block; border: 2px solid var(--os-border); } .profile-index-page__user-info[b-t0sbdqvawv] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .profile-index-page__user-name[b-t0sbdqvawv] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-index-page__user-email[b-t0sbdqvawv] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-index-page__premium-badge[b-t0sbdqvawv] { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 2px 8px; background: linear-gradient(135deg, #f59e0b, #d97706); color: #ffffff; font-size: 10px; font-weight: var(--os-font-weight-bold); border-radius: var(--os-radius-full); text-transform: uppercase; letter-spacing: 0.05em; align-self: flex-start; } .profile-index-page__logout-btn[b-t0sbdqvawv] { background: none; border: none; cursor: pointer; color: var(--os-error); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); padding: var(--os-space-xs) var(--os-space-sm); border-radius: var(--os-radius-sm); transition: background var(--os-transition-fast); flex-shrink: 0; } .profile-index-page__logout-btn:hover[b-t0sbdqvawv] { background: var(--os-error-light); } .profile-index-page__menu[b-t0sbdqvawv] { list-style: none; margin: 0; padding: 0; background: var(--os-surface); border-radius: var(--os-radius-lg); border: 1px solid var(--os-border); overflow: hidden; } .profile-index-page__menu-item[b-t0sbdqvawv] { border-bottom: 1px solid var(--os-border); } .profile-index-page__menu-item:last-child[b-t0sbdqvawv] { border-bottom: none; } @media (min-width: 769px) { .profile-index-page__menu-item--mobile-only[b-t0sbdqvawv] { display: none; } } .profile-index-page__menu-btn[b-t0sbdqvawv] { width: 100%; display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); background: none; border: none; cursor: pointer; text-align: left; transition: background var(--os-transition-fast); } .profile-index-page__menu-btn:hover[b-t0sbdqvawv], .profile-index-page__menu-btn:focus-visible[b-t0sbdqvawv] { background: var(--os-surface-variant); outline: none; } .profile-index-page__menu-icon[b-t0sbdqvawv] { width: 36px; height: 36px; border-radius: var(--os-radius-md); background: var(--os-surface-variant); display: flex; align-items: center; justify-content: center; color: var(--os-primary); flex-shrink: 0; } .profile-index-page__menu-label[b-t0sbdqvawv] { flex: 1; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .profile-index-page__chevron[b-t0sbdqvawv] { color: var(--os-text-tertiary); flex-shrink: 0; } .profile-index-page__sync[b-t0sbdqvawv] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .profile-index-page__sync-header[b-t0sbdqvawv] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-primary); } .profile-index-page__sync-title[b-t0sbdqvawv] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .profile-index-page__sync-message[b-t0sbdqvawv] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.4; } .profile-hub-v2[b-t0sbdqvawv] { display: flex; flex-direction: column; gap: var(--os-space-md); max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); } .profile-hub-v2__title[b-t0sbdqvawv] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .profile-hub-v2__guest-prompt[b-t0sbdqvawv] { padding: var(--os-space-xl) 0; display: flex; justify-content: center; } .profile-hub-v2__identity[b-t0sbdqvawv] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md); background: var(--os-surface); border-radius: var(--os-radius-lg); border: 1px solid var(--os-border); } .profile-hub-v2__identity-info[b-t0sbdqvawv] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .profile-hub-v2__identity-name[b-t0sbdqvawv] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-hub-v2__identity-roles[b-t0sbdqvawv] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-hub-v2__premium-badge[b-t0sbdqvawv] { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 2px 8px; background: linear-gradient(135deg, #f59e0b, #d97706); color: #ffffff; font-size: 10px; font-weight: var(--os-font-weight-bold); border-radius: var(--os-radius-full); text-transform: uppercase; letter-spacing: 0.05em; align-self: flex-start; } .profile-hub-v2__logout-btn[b-t0sbdqvawv] { background: none; border: none; cursor: pointer; color: var(--os-error); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); padding: var(--os-space-xs) var(--os-space-sm); border-radius: var(--os-radius-sm); transition: background var(--os-transition-fast); flex-shrink: 0; } .profile-hub-v2__logout-btn:hover[b-t0sbdqvawv] { background: var(--os-error-light); } .profile-hub-v2__group[b-t0sbdqvawv] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .profile-hub-v2__group + .profile-hub-v2__group[b-t0sbdqvawv] { margin-top: var(--os-space-lg); } .profile-hub-v2__group-title[b-t0sbdqvawv] { margin: 0; padding: 0 var(--os-space-xs); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); text-transform: uppercase; letter-spacing: 0.04em; } .profile-hub-v2__group-list[b-t0sbdqvawv] { list-style: none; margin: 0; padding: 0; background: var(--os-surface); border-radius: var(--os-radius-lg); border: 1px solid var(--os-border); overflow: hidden; } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__group-item { border-bottom: 1px solid var(--os-border); } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__group-item:last-child { border-bottom: none; } @media (min-width: 769px) { .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__group-item--mobile-only { display: none; } } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row { width: 100%; display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); background: none; border: none; cursor: pointer; text-align: left; text-decoration: none; color: inherit; transition: background var(--os-transition-fast); } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row:hover, .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row:focus-visible { background: var(--os-surface-variant); outline: none; } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row-icon { width: 36px; height: 36px; border-radius: var(--os-radius-md); background: var(--os-surface-variant); display: flex; align-items: center; justify-content: center; color: var(--os-primary); flex-shrink: 0; } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row-label { flex: 1; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__chevron { color: var(--os-text-tertiary); flex-shrink: 0; } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row--danger { color: var(--os-error); } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row--danger .profile-hub-v2__row-icon { color: var(--os-error); } .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row--danger:hover, .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row--danger:focus-visible { background: var(--os-error-light); } html[data-ui="v2"] .profile-hub-v2__group-list[b-t0sbdqvawv] .profile-hub-v2__row:focus-visible { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .analytics-page[b-6a7x7i1gs6] { padding: var(--os-space-lg, 1.5rem); max-width: 1100px; margin: 0 auto; } .analytics-page__empty[b-6a7x7i1gs6] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-2xl) var(--os-space-lg); text-align: center; } .analytics-page__empty-title[b-6a7x7i1gs6] { margin: 0 0 var(--os-space-sm); font-size: 1.25rem; color: var(--os-text-primary); } .analytics-page__empty-body[b-6a7x7i1gs6] { margin: 0 auto; max-width: 52ch; color: var(--os-text-secondary); line-height: 1.6; } .analytics-page__header[b-6a7x7i1gs6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--os-space-lg, 1.5rem); gap: var(--os-space-md, 1rem); flex-wrap: wrap; } .analytics-page__title[b-6a7x7i1gs6] { margin: 0; font-size: 1.75rem; color: var(--os-text-primary); } .profile-insights-page__unauthenticated[b-6a7x7i1gs6] { padding: var(--os-space-xl) 0; } .analytics-explorer__crumbs[b-6a7x7i1gs6] { display: flex; gap: var(--os-space-xs); align-items: center; flex-wrap: wrap; margin: var(--os-space-md) 0; } .analytics-explorer__crumb[b-6a7x7i1gs6] { color: var(--os-primary); text-decoration: none; } .analytics-explorer__crumb--current[b-6a7x7i1gs6] { color: var(--os-text-primary); font-weight: 600; } .analytics-explorer__crumb-sep[b-6a7x7i1gs6] { color: var(--os-text-tertiary); } .analytics-explorer__cards[b-6a7x7i1gs6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--os-space-md); margin-bottom: var(--os-space-lg); } .analytics-explorer__card[b-6a7x7i1gs6] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .analytics-explorer__card span[b-6a7x7i1gs6] { color: var(--os-text-secondary); font-size: 0.875rem; } .analytics-explorer__card strong[b-6a7x7i1gs6] { color: var(--os-text-primary); font-size: 1.75rem; } .profile-insights__grid[b-6a7x7i1gs6] { display: grid; gap: var(--os-space-lg); } .analytics-explorer__children-title[b-6a7x7i1gs6] { margin: var(--os-space-lg) 0 var(--os-space-sm); } .analytics-explorer__table-wrap[b-6a7x7i1gs6] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .analytics-explorer__table[b-6a7x7i1gs6] { width: 100%; border-collapse: collapse; } .analytics-explorer__table th[b-6a7x7i1gs6], .analytics-explorer__table td[b-6a7x7i1gs6] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .analytics-explorer__table tr:last-child td[b-6a7x7i1gs6] { border-bottom: none; } .analytics-explorer__empty[b-6a7x7i1gs6] { color: var(--os-text-tertiary); text-align: center; } .my-account-page[b-l7uxhewpk9] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 480px; margin: 0 auto; } .my-account-page__loading[b-l7uxhewpk9] { display: flex; justify-content: center; padding: var(--os-space-2xl) 0; } .my-account-page__header[b-l7uxhewpk9] { display: flex; align-items: center; gap: var(--os-space-md); } .my-account-page__back-btn[b-l7uxhewpk9] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .my-account-page__back-btn:hover[b-l7uxhewpk9] { background: var(--os-surface-variant); } .my-account-page__title[b-l7uxhewpk9] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .my-account-page__avatar-section[b-l7uxhewpk9] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-md) 0; } .my-account-page__avatar-wrap[b-l7uxhewpk9] { position: relative; display: inline-block; } .my-account-page__avatar[b-l7uxhewpk9] { width: 96px; height: 96px; border-radius: var(--os-radius-full); object-fit: cover; display: block; border: 3px solid var(--os-border); } .my-account-page__avatar-overlay[b-l7uxhewpk9] { position: absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: var(--os-primary); border-radius: var(--os-radius-full); display: flex; align-items: center; justify-content: center; color: white; border: 2px solid var(--os-surface); } .my-account-page__change-pic[b-l7uxhewpk9] { font-size: var(--os-font-size-sm); color: var(--os-primary); } .my-account-page__form[b-l7uxhewpk9] { display: flex; flex-direction: column; gap: var(--os-space-md); } .my-account-page__field[b-l7uxhewpk9] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .my-account-page__field-hint[b-l7uxhewpk9] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); } .my-account-page__field-error[b-l7uxhewpk9] { font-size: var(--os-font-size-xs); color: var(--os-error); font-weight: var(--os-font-weight-medium); display: block; margin-top: var(--os-space-xs); } .my-account-page__field-ok[b-l7uxhewpk9] { font-size: var(--os-font-size-xs); color: var(--os-success); font-weight: var(--os-font-weight-medium); display: block; margin-top: var(--os-space-xs); } .my-account-page__slug-row[b-l7uxhewpk9] { display: flex; align-items: stretch; gap: 0; } .my-account-page__slug-prefix[b-l7uxhewpk9] { display: inline-flex; align-items: center; padding: 0 var(--os-space-sm); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-right: none; border-radius: var(--os-radius-md) 0 0 var(--os-radius-md); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); white-space: nowrap; } .my-account-page__slug-input[b-l7uxhewpk9] { flex: 1 1 auto; border-top-left-radius: 0; border-bottom-left-radius: 0; font-family: var(--os-font-family-mono, monospace); } .my-account-page__password-wrap[b-l7uxhewpk9] { position: relative; display: flex; align-items: center; } .my-account-page__password-input[b-l7uxhewpk9] { padding-right: calc(var(--os-space-md) + 32px); flex: 1; } .my-account-page__password-toggle[b-l7uxhewpk9] { position: absolute; right: var(--os-space-sm); background: none; border: none; cursor: pointer; color: var(--os-text-tertiary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: color var(--os-transition-fast); } .my-account-page__password-toggle:hover[b-l7uxhewpk9] { color: var(--os-text-primary); } .my-account-page__save-btn[b-l7uxhewpk9] { margin-top: var(--os-space-sm); } .my-account-page__danger-zone[b-l7uxhewpk9] { margin-top: 2rem; padding-top: 1.5rem; border-top: 2px solid var(--os-error, #dc3545); } .my-account-page__danger-title[b-l7uxhewpk9] { font-size: 0.875rem; font-weight: 600; color: var(--os-error, #dc3545); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 1rem 0; } .my-account-page__delete-btn[b-l7uxhewpk9] { width: 100%; } .my-account-page__deletion-banner[b-l7uxhewpk9] { display: flex; gap: 0.75rem; padding: 1rem; background: var(--os-warning-bg, #fff3cd); border-radius: var(--os-radius, 0.75rem); color: var(--os-warning-text, #856404); } .my-account-page__deletion-banner p[b-l7uxhewpk9] { margin: 0 0 0.5rem 0; font-size: 0.875rem; } .narration-voice-page[b-s7c5mpgxs8] { display: flex; flex-direction: column; min-width: 0; gap: var(--os-space-lg); padding: var(--os-space-md); max-width: 640px; margin: 0 auto; } .narration-voice-page__not-available[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); color: var(--os-text-secondary); } .narration-voice-page__consent[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .narration-voice-page__recorder[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-md); } .narration-voice-page__script[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); line-height: 1.6; } .narration-voice-page__instructions[b-s7c5mpgxs8] { margin: 0; color: var(--os-text-secondary); font-size: 0.9375rem; line-height: 1.5; } .narration-voice-page__script[b-s7c5mpgxs8] { background: var(--os-surface-variant); border: 1px solid var(--os-border); border-left: 4px solid var(--os-primary); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-sm); } .narration-voice-page__script-label[b-s7c5mpgxs8] { margin: 0; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--os-primary); } .narration-voice-page__script-text[b-s7c5mpgxs8] { margin: 0; color: var(--os-text-primary); font-size: 1.0625rem; line-height: 1.7; white-space: pre-line; } .narration-voice-page__device[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-xs); color: var(--os-text-secondary); font-size: 0.9375rem; } .narration-voice-page--recording[b-s7c5mpgxs8] { padding-bottom: calc(var(--os-space-2xl) + 48px); } .narration-voice-page__levelbar[b-s7c5mpgxs8] { position: fixed; left: var(--os-space-md); right: var(--os-space-md); bottom: calc(var(--os-bottom-nav-height, 0px) + env(safe-area-inset-bottom, 0px) + var(--os-space-sm)); z-index: 39; max-width: 640px; margin: 0 auto; display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.15)); } .narration-voice-page__levelbar-track[b-s7c5mpgxs8] { flex: 1; min-width: 0; height: 10px; background: var(--os-surface-variant); border-radius: var(--os-radius-full); overflow: hidden; } .narration-voice-page__levelbar-fill[b-s7c5mpgxs8] { height: 100%; background: var(--os-primary); border-radius: var(--os-radius-full); transition: width 0.1s ease; min-width: 2px; } .narration-voice-page__levelbar-fill.is-clipping[b-s7c5mpgxs8] { background: var(--os-error); } .narration-voice-page__levelbar-hint[b-s7c5mpgxs8] { font-size: 0.8125rem; color: var(--os-text-secondary); white-space: nowrap; } .narration-voice-page__levelbar-hint.is-clipping[b-s7c5mpgxs8] { color: var(--os-error); } .narration-voice-page__levelbar-hint.is-quiet[b-s7c5mpgxs8] { color: var(--os-warning); } .narration-voice-page__controls[b-s7c5mpgxs8] { display: flex; gap: var(--os-space-sm); } .narration-voice-page__error[b-s7c5mpgxs8] { color: var(--os-error); font-size: 0.875rem; } .narration-voice-page__status[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-secondary); } .narration-voice-page__ready[b-s7c5mpgxs8] { color: var(--os-success); font-weight: 500; } .narration-voice-page__rejection[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .narration-voice-page__reasons[b-s7c5mpgxs8] { margin: 0; padding-left: var(--os-space-lg); color: var(--os-text-secondary); font-size: 0.875rem; } .narration-voice-page__reasons li[b-s7c5mpgxs8] { margin-bottom: var(--os-space-xs); } .narration-voice-page__list-section[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-md); min-width: 0; } .narration-voice-page__section-heading[b-s7c5mpgxs8] { font-size: 1.0625rem; font-weight: 600; color: var(--os-text-primary); margin: 0; } .narration-voice-page__empty[b-s7c5mpgxs8] { color: var(--os-text-secondary); font-size: 0.9375rem; } .narration-voice-page__voice-list[b-s7c5mpgxs8] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .narration-voice-page__voice-item[b-s7c5mpgxs8] { border-bottom: 1px solid var(--os-border); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .narration-voice-page__voice-item:last-child[b-s7c5mpgxs8] { border-bottom: none; } .narration-voice-page__voice-header[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; min-width: 0; } .narration-voice-page__voice-name[b-s7c5mpgxs8] { font-weight: 500; color: var(--os-text-primary); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .narration-voice-page__voice-badges[b-s7c5mpgxs8] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; align-items: center; margin-left: auto; } .narration-voice-page__status-badge[b-s7c5mpgxs8] { font-size: 0.75rem; font-weight: 600; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); background: var(--os-surface-variant); color: var(--os-text-secondary); } .narration-voice-page__status-badge--ready[b-s7c5mpgxs8] { background: var(--os-success-light); color: var(--os-success); } .narration-voice-page__status-badge--cloning[b-s7c5mpgxs8] { background: var(--os-warning-light); color: var(--os-warning); } .narration-voice-page__status-badge--failed[b-s7c5mpgxs8] { background: var(--os-error-light); color: var(--os-error); } .narration-voice-page__default-badge[b-s7c5mpgxs8] { font-size: 0.75rem; font-weight: 600; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); background: var(--os-primary); color: #fff; } .narration-voice-page__delete-dialog[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); max-width: 380px; width: calc(100% - var(--os-space-2xl)); display: flex; flex-direction: column; gap: var(--os-space-md); } .narration-voice-page__delete-dialog[b-s7c5mpgxs8]::backdrop { background: rgba(0, 0, 0, 0.4); } .narration-voice-page__delete-dialog-msg[b-s7c5mpgxs8] { margin: 0; color: var(--os-text-primary); font-size: 0.9375rem; line-height: 1.5; } .narration-voice-page__delete-dialog-actions[b-s7c5mpgxs8] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; flex-wrap: wrap; } .narration-voice-page__voice-actions[b-s7c5mpgxs8] { display: flex; gap: var(--os-space-xs); flex-wrap: wrap; align-items: center; } .narration-voice-page__rename-input[b-s7c5mpgxs8] { flex: 1; min-width: 0; } .narration-voice-page__demo-area[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; min-width: 0; } .narration-voice-page__demo-area audio[b-s7c5mpgxs8] { width: 100%; min-width: 0; } .narration-voice-page__rerecord-area[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .narration-voice-page__rerecord-pending[b-s7c5mpgxs8], .narration-voice-page__rerecord-denied[b-s7c5mpgxs8] { font-size: 0.875rem; color: var(--os-text-secondary); margin: 0; } .narration-voice-page__add-area[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .narration-voice-page__info[b-s7c5mpgxs8] { color: var(--os-text-secondary); font-size: 0.9375rem; margin: 0; } .narration-voice-page__credits-gate[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-sm); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-md); } .narration-voice-page__name-field[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .narration-voice-page__name-label[b-s7c5mpgxs8] { font-size: 0.9375rem; font-weight: 500; color: var(--os-text-primary); } .narration-voice-page__ready-heading[b-s7c5mpgxs8] { font-size: 1rem; font-weight: 600; color: var(--os-text-primary); margin: 0; } .narration-voice-page__share-area[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; padding-top: var(--os-space-xs); border-top: 1px solid var(--os-border); margin-top: var(--os-space-xs); } .narration-voice-page__listing-status[b-s7c5mpgxs8] { display: flex; align-items: center; gap: var(--os-space-xs); flex-wrap: wrap; flex: 1; min-width: 0; } .narration-voice-page__listing-status-badge[b-s7c5mpgxs8] { font-size: 0.75rem; font-weight: 600; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); background: var(--os-surface-variant); color: var(--os-text-secondary); white-space: nowrap; } .narration-voice-page__listing-status-badge--listed[b-s7c5mpgxs8] { background: var(--os-success-light); color: var(--os-success); } .narration-voice-page__listing-status-badge--pending[b-s7c5mpgxs8] { background: var(--os-warning-light); color: var(--os-warning); } .narration-voice-page__listing-status-badge--suspended[b-s7c5mpgxs8], .narration-voice-page__listing-status-badge--rejected[b-s7c5mpgxs8] { background: var(--os-error-light); color: var(--os-error); } .narration-voice-page__listing-rejection-reason[b-s7c5mpgxs8] { font-size: 0.8125rem; color: var(--os-text-secondary); min-width: 0; overflow-wrap: break-word; } .narration-voice-page__earnings[b-s7c5mpgxs8] { font-size: 0.875rem; color: var(--os-text-secondary); margin: 0; } .narration-voice-page__share-dialog[b-s7c5mpgxs8] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); max-width: 400px; width: calc(100% - var(--os-space-2xl)); display: flex; flex-direction: column; gap: var(--os-space-md); } .narration-voice-page__share-dialog[b-s7c5mpgxs8]::backdrop { background: rgba(0, 0, 0, 0.4); } .narration-voice-page__share-dialog-heading[b-s7c5mpgxs8] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--os-text-primary); } .narration-voice-page__share-dialog-msg[b-s7c5mpgxs8] { margin: 0; color: var(--os-text-primary); font-size: 0.9375rem; line-height: 1.5; } .narration-voice-page__share-dialog-actions[b-s7c5mpgxs8] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; flex-wrap: wrap; } .narration-voice-page__upload-area[b-s7c5mpgxs8] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding-top: var(--os-space-sm); border-top: 1px solid var(--os-border); margin-top: var(--os-space-xs); } .narration-voice-page__upload-hint[b-s7c5mpgxs8] { margin: 0; color: var(--os-text-secondary); font-size: 0.875rem; } .narration-voice-page__upload-label[b-s7c5mpgxs8] { align-self: flex-start; cursor: pointer; position: relative; } .narration-voice-page__upload-input[b-s7c5mpgxs8] { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .pen-names-page[b-bxtker4n7g] { max-width: 760px; margin: 0 auto; padding: var(--os-space-md); } .pen-names-page__loading[b-bxtker4n7g] { display: flex; justify-content: center; align-items: center; padding: var(--os-space-xl); } .pen-names-page__legal-gate[b-bxtker4n7g] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); margin-top: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .pen-names-page__legal-gate-title[b-bxtker4n7g] { font-size: 1.1rem; font-weight: 600; color: var(--os-text-primary); margin: 0; } .pen-names-page__legal-gate-body[b-bxtker4n7g] { color: var(--os-text-secondary); margin: 0; } .pen-names-page__toolbar[b-bxtker4n7g] { display: flex; justify-content: flex-end; margin-bottom: var(--os-space-md); } .pen-names-page__error[b-bxtker4n7g] { color: var(--os-danger, #c00); background: var(--os-surface); border: 1px solid var(--os-danger, #c00); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); margin-bottom: var(--os-space-sm); } .pen-names-page__empty[b-bxtker4n7g] { text-align: center; padding: var(--os-space-xl); color: var(--os-text-secondary); } .pen-names-page__empty-title[b-bxtker4n7g] { font-weight: 600; color: var(--os-text-primary); margin-bottom: var(--os-space-xs); } .pen-names-page__empty-body[b-bxtker4n7g] { color: var(--os-text-secondary); margin: 0; } .pen-names-page__list[b-bxtker4n7g] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .pen-names-page__item[b-bxtker4n7g] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .pen-names-page__item:last-child[b-bxtker4n7g] { border-bottom: none; } .pen-names-page__avatar-wrap[b-bxtker4n7g] { flex-shrink: 0; } .pen-names-page__info[b-bxtker4n7g] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .pen-names-page__name[b-bxtker4n7g] { font-weight: 600; color: var(--os-text-primary); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pen-names-page__name:hover[b-bxtker4n7g] { text-decoration: underline; } .pen-names-page__slug[b-bxtker4n7g] { font-size: 0.85rem; color: var(--os-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pen-names-page__counts[b-bxtker4n7g] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); font-size: 0.85rem; color: var(--os-text-secondary); } .pen-names-page__deletion-banner[b-bxtker4n7g] { font-size: 0.85rem; color: var(--os-warning, #a06000); display: flex; flex-direction: column; gap: 2px; } .pen-names-page__actions[b-bxtker4n7g] { flex-shrink: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .pen-names-page__edit-btn[b-bxtker4n7g] { font-size: 0.875rem; } .pen-names-page__delete-btn[b-bxtker4n7g] { font-size: 0.875rem; color: var(--os-danger, #c00); border-color: var(--os-danger, #c00); } .pen-names-page__restore-btn[b-bxtker4n7g] { font-size: 0.875rem; } .pen-names-editor-dialog[b-bxtker4n7g] { border: none; border-radius: var(--os-radius-lg); padding: 0; background: var(--os-surface); box-shadow: 0 8px 32px rgba(0, 0, 0, .2); width: min(580px, 90vw); max-height: 90vh; overflow-y: auto; } .pen-names-editor-dialog[b-bxtker4n7g]::backdrop { background: rgba(0, 0, 0, .45); } .pen-names-editor-dialog__body[b-bxtker4n7g] { padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .pen-names-editor-dialog__title[b-bxtker4n7g] { font-size: 1.2rem; font-weight: 600; margin: 0; color: var(--os-text-primary); } .pen-names-editor-dialog__error[b-bxtker4n7g] { color: var(--os-danger, #c00); font-size: 0.9rem; margin: 0; } .pen-names-editor-dialog__field[b-bxtker4n7g] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .pen-names-editor-dialog__label[b-bxtker4n7g] { font-size: 0.9rem; font-weight: 500; color: var(--os-text-secondary); } .pen-names-editor-dialog__input[b-bxtker4n7g], .pen-names-editor-dialog__textarea[b-bxtker4n7g] { width: 100%; box-sizing: border-box; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); font-size: 1rem; font-family: inherit; resize: vertical; } .pen-names-editor-dialog__input:focus[b-bxtker4n7g], .pen-names-editor-dialog__textarea:focus[b-bxtker4n7g] { outline: 2px solid var(--os-primary); outline-offset: 1px; border-color: transparent; } .pen-names-editor-dialog__avatar-row[b-bxtker4n7g] { display: flex; align-items: center; gap: var(--os-space-md); flex-wrap: wrap; } .pen-names-editor-dialog__avatar-btn[b-bxtker4n7g] { position: relative; cursor: pointer; font-size: 0.875rem; } .pen-names-editor-dialog__avatar-upload[b-bxtker4n7g] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .pen-names-editor-dialog__actions[b-bxtker4n7g] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); padding-top: var(--os-space-sm); } .pen-names-delete-dialog[b-bxtker4n7g] { border: none; border-radius: var(--os-radius-lg); padding: 0; background: var(--os-surface); box-shadow: 0 8px 32px rgba(0, 0, 0, .2); width: min(460px, 90vw); } .pen-names-delete-dialog[b-bxtker4n7g]::backdrop { background: rgba(0, 0, 0, .45); } .pen-names-delete-dialog__body[b-bxtker4n7g] { padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .pen-names-delete-dialog__title[b-bxtker4n7g] { font-size: 1.1rem; font-weight: 600; margin: 0; color: var(--os-text-primary); } .pen-names-delete-dialog__body-text[b-bxtker4n7g] { color: var(--os-text-secondary); margin: 0; } .pen-names-delete-dialog__actions[b-bxtker4n7g] { display: flex; justify-content: flex-end; gap: var(--os-space-sm); } @media (max-width: 500px) { .pen-names-page__item[b-bxtker4n7g] { flex-wrap: wrap; } .pen-names-page__actions[b-bxtker4n7g] { flex-direction: row; flex-wrap: wrap; width: 100%; } } .privacy-page[b-p7l97lmzm5] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 560px; margin: 0 auto; } .privacy-page__header[b-p7l97lmzm5] { display: flex; align-items: center; gap: var(--os-space-md); } .privacy-page__back-btn[b-p7l97lmzm5] { background: none; border: none; cursor: pointer; color: var(--os-text-primary); padding: var(--os-space-xs); border-radius: var(--os-radius-sm); display: flex; align-items: center; justify-content: center; transition: background var(--os-transition-fast); flex-shrink: 0; } .privacy-page__back-btn:hover[b-p7l97lmzm5] { background: var(--os-surface-variant); } .privacy-page__title[b-p7l97lmzm5] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .privacy-page__intro[b-p7l97lmzm5] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; margin: 0; } .privacy-page__signin[b-p7l97lmzm5] { padding: var(--os-space-lg); color: var(--os-text-secondary); } .privacy-page__section[b-p7l97lmzm5] { padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .privacy-page__section--danger[b-p7l97lmzm5] { border-color: var(--os-danger-border, var(--os-border)); } .privacy-page__section-title[b-p7l97lmzm5] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; } .privacy-page__section-desc[b-p7l97lmzm5] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.5; margin: 0; } .privacy-page__section-desc--soft[b-p7l97lmzm5] { color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); } .privacy-page__section-desc[b-p7l97lmzm5] a { color: var(--os-link, var(--os-primary)); text-decoration: underline; text-decoration-thickness: 0.08em; text-underline-offset: 0.15em; } .privacy-page__section-desc[b-p7l97lmzm5] a:hover, .privacy-page__section-desc[b-p7l97lmzm5] a:focus-visible { text-decoration-thickness: 0.12em; } .privacy-page__deletion-banner[b-p7l97lmzm5] { background: var(--os-surface-variant); border-left: 4px solid var(--os-danger, #c0392b); padding: var(--os-space-md); margin-bottom: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); } .privacy-page__deletion-banner-title[b-p7l97lmzm5] { margin: 0; color: var(--os-danger, var(--os-text-primary)); font-size: var(--os-font-size-md); } .privacy-page__deletion-banner p[b-p7l97lmzm5] { margin: 0; color: var(--os-text-primary); font-size: var(--os-font-size-sm); line-height: 1.5; } .privacy-page__deletion-banner-choice[b-p7l97lmzm5] { font-style: italic; } .privacy-page__deletion-banner-cancel[b-p7l97lmzm5] { color: var(--os-text-secondary); font-size: var(--os-font-size-xs); } .privacy-page__status[b-p7l97lmzm5] { font-size: var(--os-font-size-sm); margin: 0; } .privacy-page__status--ok[b-p7l97lmzm5] { color: var(--os-success, var(--os-text-primary)); } .privacy-page__status--error[b-p7l97lmzm5] { color: var(--os-danger, var(--os-text-primary)); } .pvc-page[b-4gkxeiqug5] { max-width: 680px; margin: 0 auto; padding: var(--os-space-lg); } .pvc-page__step[b-4gkxeiqug5] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-md); } .pvc-page__not-available[b-4gkxeiqug5] { padding: var(--os-space-lg); color: var(--os-text-secondary); } .pvc-page__progress[b-4gkxeiqug5] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .pvc-page__progress-bar[b-4gkxeiqug5] { background: var(--os-surface-variant); border-radius: var(--os-radius-full); height: 8px; overflow: hidden; } .pvc-page__progress-fill[b-4gkxeiqug5] { background: var(--os-primary); height: 100%; border-radius: var(--os-radius-full); transition: width 0.3s ease; } .pvc-page__progress-label[b-4gkxeiqug5] { font-size: 0.875rem; color: var(--os-text-secondary); } .pvc-page__sample-list[b-4gkxeiqug5] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .pvc-page__sample-item[b-4gkxeiqug5] { display: flex; align-items: center; justify-content: space-between; min-width: 0; padding: var(--os-space-sm) var(--os-space-md); border-bottom: 1px solid var(--os-border); } .pvc-page__sample-item:last-child[b-4gkxeiqug5] { border-bottom: none; } .pvc-page__upload-area[b-4gkxeiqug5] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .pvc-page__upload-input[b-4gkxeiqug5] { display: none; } .pvc-page__controls[b-4gkxeiqug5] { display: flex; gap: var(--os-space-sm); flex-wrap: wrap; min-width: 0; } .pvc-page__submit-area[b-4gkxeiqug5] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .pvc-page__hint[b-4gkxeiqug5] { font-size: 0.875rem; color: var(--os-text-secondary); } .pvc-page__error[b-4gkxeiqug5] { color: var(--os-danger, #dc3545); font-size: 0.875rem; } .pvc-page__rejection[b-4gkxeiqug5] { background: var(--os-surface-variant); border-radius: var(--os-radius-md); padding: var(--os-space-md); } .pvc-page__price[b-4gkxeiqug5] { font-size: 1.125rem; font-weight: 600; color: var(--os-text-primary); } .pvc-page__captcha[b-4gkxeiqug5] { max-width: 100%; border-radius: var(--os-radius-md); border: 1px solid var(--os-border); } .pvc-page__credits-gate[b-4gkxeiqug5] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .pvc-page__status[b-4gkxeiqug5] { display: flex; align-items: center; gap: var(--os-space-sm); color: var(--os-text-secondary); } .public-profile-page[b-4gpr1ecssz] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 640px; margin: 0 auto; } .public-profile-page__loading[b-4gpr1ecssz] { display: flex; justify-content: center; padding: var(--os-space-2xl) 0; } .public-profile-page__auth-gate[b-4gpr1ecssz] { padding: var(--os-space-lg) 0; } .public-profile-page__toast[b-4gpr1ecssz] { background: var(--os-surface-variant); color: var(--os-text-primary); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .public-profile-page__section-title[b-4gpr1ecssz] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-xs) 0; } .public-profile-page__section-note[b-4gpr1ecssz] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); margin: 0 0 var(--os-space-sm) 0; } .public-profile-page__section-header[b-4gpr1ecssz] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--os-space-sm); } .public-profile-page__field[b-4gpr1ecssz] { display: flex; flex-direction: column; gap: var(--os-space-xs); margin-bottom: var(--os-space-md); } .public-profile-page__field-row[b-4gpr1ecssz] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, auto); gap: var(--os-space-sm); align-items: center; } @media (max-width: 480px) { .public-profile-page__field-row[b-4gpr1ecssz] { grid-template-columns: minmax(0, 1fr); } } .public-profile-page__textarea[b-4gpr1ecssz] { resize: vertical; min-height: 5rem; } .public-profile-page__readonly-value[b-4gpr1ecssz] { color: var(--os-text-secondary); padding: var(--os-space-xs) 0; } .public-profile-page__field-error[b-4gpr1ecssz] { color: var(--os-danger, #d33); font-size: var(--os-font-size-sm); } .public-profile-page__field-hint[b-4gpr1ecssz] { color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .public-profile-page__cover-wrap[b-4gpr1ecssz] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .public-profile-page__cover-preview[b-4gpr1ecssz] { width: 100%; max-height: 200px; object-fit: cover; border-radius: var(--os-radius-md); border: 1px solid var(--os-border); } .public-profile-page__cover-actions[b-4gpr1ecssz] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .public-profile-page__list-row[b-4gpr1ecssz] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) 0; border-bottom: 1px solid var(--os-border); } .public-profile-page__list-row-label[b-4gpr1ecssz] { font-weight: var(--os-font-weight-medium, 500); min-width: 0; overflow-wrap: anywhere; } .public-profile-page__list-row-value[b-4gpr1ecssz] { color: var(--os-text-secondary); min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; } .public-profile-page__highlight-cover[b-4gpr1ecssz] { width: 40px; height: 40px; object-fit: cover; border-radius: var(--os-radius-sm); flex-shrink: 0; } .public-profile-page__add-row[b-4gpr1ecssz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--os-space-sm); margin-top: var(--os-space-sm); } @media (max-width: 480px) { .public-profile-page__add-row[b-4gpr1ecssz] { grid-template-columns: minmax(0, 1fr); } } .public-profile-page__save-btn[b-4gpr1ecssz] { margin-top: var(--os-space-md); } .reader-settings-page[b-yfr7bqxank] { max-width: 720px; margin: 0 auto; padding: var(--os-space-lg) var(--os-space-md); } .reader-settings-page__header[b-yfr7bqxank] { display: flex; align-items: center; gap: var(--os-space-sm); margin-bottom: var(--os-space-lg); } .reader-settings-page__back-btn[b-yfr7bqxank] { width: 36px; height: 36px; border-radius: var(--os-radius-md); border: none; background-color: transparent; color: var(--os-text-primary); cursor: pointer; display: flex; align-items: center; justify-content: center; } .reader-settings-page__back-btn:hover[b-yfr7bqxank] { background-color: var(--os-surface-variant); } .reader-settings-page__title[b-yfr7bqxank] { margin: 0; font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .reader-settings-page__body[b-yfr7bqxank] { display: flex; flex-direction: column; gap: var(--os-space-xl); } .reader-settings-page__preview[b-yfr7bqxank] { background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); } .reader-settings-page__preview-title[b-yfr7bqxank] { margin: 0 0 var(--os-space-sm) 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); text-transform: uppercase; letter-spacing: 0.08em; } .reader-settings-page__preview-text[b-yfr7bqxank] { margin: 0; color: var(--os-text-primary); } .security-page[b-j9wvcxw5ru] { max-width: 760px; margin: 0 auto; padding: var(--os-space-md); } .security-page__loading[b-j9wvcxw5ru] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xl); color: var(--os-text-secondary); } .security-page__section-heading[b-j9wvcxw5ru] { font-size: 1.1rem; font-weight: 600; color: var(--os-text-primary); margin: 0 0 var(--os-space-sm) 0; } .security-page__error[b-j9wvcxw5ru], .security-page__exempt[b-j9wvcxw5ru], .security-page__status[b-j9wvcxw5ru], .security-page__methods[b-j9wvcxw5ru], .security-page__recovery[b-j9wvcxw5ru] { margin-bottom: var(--os-space-md); } .security-page__error-text[b-j9wvcxw5ru] { color: var(--os-danger); margin: var(--os-space-sm) 0 0 0; } .security-page__actions[b-j9wvcxw5ru] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); margin-top: var(--os-space-md); } .security-page__method-list[b-j9wvcxw5ru] { list-style: none; margin: 0; padding: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .security-page__method-item[b-j9wvcxw5ru] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); border-bottom: 1px solid var(--os-border); } .security-page__method-item:last-child[b-j9wvcxw5ru] { border-bottom: none; } .security-page__method-info[b-j9wvcxw5ru] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .security-page__method-name[b-j9wvcxw5ru] { font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .security-page__method-meta[b-j9wvcxw5ru] { font-size: var(--os-font-size-sm, 0.85rem); color: var(--os-text-tertiary); } .security-page__method-remove[b-j9wvcxw5ru] { flex-shrink: 0; } .security-page__methods-empty[b-j9wvcxw5ru] { color: var(--os-text-secondary); } .security-page__recovery-reveal[b-j9wvcxw5ru] { display: flex; flex-direction: column; gap: var(--os-space-sm); background: var(--os-surface-variant); border-radius: var(--os-radius-md); padding: var(--os-space-md); margin-top: var(--os-space-sm); } .security-page__recovery-reveal-title[b-j9wvcxw5ru] { font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); margin: 0; } .security-page__recovery-code-value[b-j9wvcxw5ru] { display: inline-block; font-size: 1.1rem; letter-spacing: 0.05em; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); padding: var(--os-space-sm) var(--os-space-md); word-break: break-all; } .security-page__recovery-reveal-body[b-j9wvcxw5ru] { color: var(--os-text-secondary); margin: 0; } .tester-page[b-gy0zum6dbc] { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .tester-page__intro[b-gy0zum6dbc] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .tester-page__version[b-gy0zum6dbc] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .tester-page__version strong[b-gy0zum6dbc] { color: var(--os-text-primary); margin-right: var(--os-space-xs); } .tester-page__version-tag[b-gy0zum6dbc] { display: inline-block; padding: 2px 8px; background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: var(--os-text-primary); } .tester-page__loading[b-gy0zum6dbc], .tester-page__empty[b-gy0zum6dbc] { margin: 0; padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; color: var(--os-text-secondary); } .tester-page__category[b-gy0zum6dbc] { display: flex; flex-direction: column; gap: var(--os-space-md); } .tester-page__category > summary[b-gy0zum6dbc] { list-style: none; } .tester-page__category > summary[b-gy0zum6dbc]::-webkit-details-marker { display: none; } .tester-page__category-summary[b-gy0zum6dbc] { display: flex; align-items: center; gap: var(--os-space-sm); cursor: pointer; padding: var(--os-space-sm) var(--os-space-xs); margin: 0; user-select: none; border-bottom: 2px solid var(--os-primary); } .tester-page__category-summary:hover[b-gy0zum6dbc] { background: var(--os-surface-variant); } .tester-page__category-summary:focus-visible[b-gy0zum6dbc] { outline: 2px solid var(--os-primary); outline-offset: 2px; border-radius: var(--os-radius-sm); } .tester-page__category-chevron[b-gy0zum6dbc] { display: inline-flex; align-items: center; justify-content: center; color: var(--os-text-secondary); transition: transform var(--os-transition-fast); flex-shrink: 0; } .tester-page__category[open] > .tester-page__category-summary .tester-page__category-chevron[b-gy0zum6dbc] { transform: rotate(90deg); } .tester-page__category-title[b-gy0zum6dbc] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; flex: 1 1 auto; } .tester-page__category-progress[b-gy0zum6dbc] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); font-variant-numeric: tabular-nums; background: var(--os-surface-variant); padding: 2px var(--os-space-sm); border-radius: var(--os-radius-full); flex-shrink: 0; } .tester-page__category[open][b-gy0zum6dbc] { gap: var(--os-space-md); } .tester-page__card[b-gy0zum6dbc] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .tester-page__card--done[b-gy0zum6dbc] { border-color: color-mix(in srgb, var(--os-primary) 35%, transparent); background: color-mix(in srgb, var(--os-primary) 4%, var(--os-surface)); } .tester-page__card-head[b-gy0zum6dbc] { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--os-space-md); } .tester-page__card-titleblock[b-gy0zum6dbc] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); } .tester-page__card-title[b-gy0zum6dbc] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; line-height: 1.3; } .tester-page__role-badge[b-gy0zum6dbc] { display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: var(--os-font-weight-semibold); text-transform: uppercase; letter-spacing: 0.4px; border-radius: var(--os-radius-full); background: color-mix(in srgb, var(--os-primary) 14%, transparent); color: var(--os-primary); } .tester-page__role-badge[data-role="developer"][b-gy0zum6dbc] { background: color-mix(in srgb, #6c5ce7 18%, transparent); color: #6c5ce7; } .tester-page__role-badge[data-role="admin"][b-gy0zum6dbc] { background: color-mix(in srgb, #e84393 18%, transparent); color: #c2185b; } .tester-page__role-badge[data-role="moderator"][b-gy0zum6dbc] { background: color-mix(in srgb, #00b894 18%, transparent); color: #00897b; } .tester-page__done-pill[b-gy0zum6dbc] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--os-radius-full); background: var(--os-primary); color: white; flex-shrink: 0; } .tester-page__card-desc[b-gy0zum6dbc] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.6; margin: 0; } .tester-page__open-page[b-gy0zum6dbc] { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--os-space-xs); padding: var(--os-space-xs) var(--os-space-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 8%, transparent); border: 1px solid color-mix(in srgb, var(--os-primary) 35%, transparent); border-radius: var(--os-radius-md); text-decoration: none; transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } .tester-page__open-page:hover[b-gy0zum6dbc] { background: color-mix(in srgb, var(--os-primary) 16%, transparent); border-color: color-mix(in srgb, var(--os-primary) 55%, transparent); } .tester-page__open-page:focus-visible[b-gy0zum6dbc] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .tester-page__platforms[b-gy0zum6dbc] { border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-md); margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .tester-page__platforms-label[b-gy0zum6dbc] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); padding: 0 var(--os-space-xs); } .tester-page__platforms-hint[b-gy0zum6dbc] { margin: 0 0 var(--os-space-sm); font-size: 12px; color: var(--os-text-tertiary); } .tester-page__platforms-grid[b-gy0zum6dbc] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-xs); } @media (min-width: 540px) { .tester-page__platforms-grid[b-gy0zum6dbc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 800px) { .tester-page__platforms-grid[b-gy0zum6dbc] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .tester-page__platform[b-gy0zum6dbc] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); cursor: pointer; font-size: var(--os-font-size-sm); color: var(--os-text-primary); transition: background var(--os-transition-fast), border-color var(--os-transition-fast); } .tester-page__platform:hover[b-gy0zum6dbc] { background: var(--os-surface-variant); border-color: color-mix(in srgb, var(--os-primary) 40%, var(--os-border)); } .tester-page__platform:has(input:checked)[b-gy0zum6dbc] { background: color-mix(in srgb, var(--os-primary) 8%, var(--os-surface)); border-color: var(--os-primary); } .tester-page__platform input[type="checkbox"][b-gy0zum6dbc] { accent-color: var(--os-primary); } .tester-page__row[b-gy0zum6dbc] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 600px) { .tester-page__row[b-gy0zum6dbc] { grid-template-columns: 1fr 1fr; } } .tester-page__field[b-gy0zum6dbc] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .tester-page__label[b-gy0zum6dbc] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .tester-page__input[b-gy0zum6dbc], .tester-page__textarea[b-gy0zum6dbc] { width: 100%; box-sizing: border-box; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); font-family: inherit; color: var(--os-text-primary); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); transition: border-color var(--os-transition-fast), box-shadow var(--os-transition-fast); } .tester-page__textarea[b-gy0zum6dbc] { resize: vertical; min-height: 80px; line-height: 1.6; } .tester-page__input:focus[b-gy0zum6dbc], .tester-page__textarea:focus[b-gy0zum6dbc] { outline: none; border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-primary) 18%, transparent); } .tester-page__error[b-gy0zum6dbc] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); color: #b3261e; background: color-mix(in srgb, #b3261e 8%, transparent); border: 1px solid color-mix(in srgb, #b3261e 25%, transparent); border-radius: var(--os-radius-md); } .tester-page__saved[b-gy0zum6dbc] { margin: 0; padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 10%, transparent); border: 1px solid color-mix(in srgb, var(--os-primary) 30%, transparent); border-radius: var(--os-radius-md); } .tester-page__submit[b-gy0zum6dbc] { align-self: flex-start; padding: var(--os-space-sm) var(--os-space-xl); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: white; background: var(--os-primary); border: none; border-radius: var(--os-radius-md); cursor: pointer; transition: background var(--os-transition-fast); } .tester-page__submit:hover:not(:disabled)[b-gy0zum6dbc] { background: color-mix(in srgb, var(--os-primary) 88%, black); } .tester-page__submit:focus-visible[b-gy0zum6dbc] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .tester-page__submit:disabled[b-gy0zum6dbc] { opacity: 0.6; cursor: not-allowed; } .theme-picker__mode-row[b-gu40pnf6ww] { display: inline-flex; background: var(--os-surface-variant); border-radius: var(--os-radius-md); padding: 4px; gap: 2px; align-self: flex-start; } .theme-picker__mode-btn[b-gu40pnf6ww] { border: none; background: transparent; padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); cursor: pointer; transition: background var(--os-transition-fast), color var(--os-transition-fast); } .theme-picker__mode-btn:hover[b-gu40pnf6ww] { color: var(--os-text-primary); } .theme-picker__mode-btn.is-active[b-gu40pnf6ww] { background: var(--os-surface); color: var(--os-text-primary); box-shadow: var(--os-shadow-sm); } .theme-studio__grid[b-gu40pnf6ww] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--os-space-md); } @media (min-width: 480px) { .theme-studio__grid[b-gu40pnf6ww] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .theme-studio__grid[b-gu40pnf6ww] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px) { .theme-studio__grid[b-gu40pnf6ww] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .theme-studio__tile-wrap[b-gu40pnf6ww] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .theme-studio__tile-name[b-gu40pnf6ww] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); text-align: center; } .theme-studio__seasonal-badge[b-gu40pnf6ww] { display: inline-block; margin-left: var(--os-space-xs); padding: 2px var(--os-space-sm); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); color: var(--os-primary); background: var(--os-primary-light); border-radius: var(--os-radius-full); white-space: nowrap; } .ticket-detail-page[b-v6dtj8abax] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .ticket-detail-page__breadcrumb[b-v6dtj8abax] { display: flex; gap: var(--os-space-xs); font-size: 0.875rem; color: var(--os-text-secondary, #6b7280); } .ticket-detail-page__breadcrumb a[b-v6dtj8abax] { color: var(--os-primary); text-decoration: none; } .ticket-detail-page__header h1[b-v6dtj8abax] { margin: 0 0 var(--os-space-xs) 0; } .ticket-detail-page__meta[b-v6dtj8abax] { display: flex; gap: var(--os-space-sm); align-items: center; } .ticket-detail-page__ref[b-v6dtj8abax] { font-family: monospace; font-size: 0.75rem; color: var(--os-text-tertiary, #9ca3af); } .ticket-detail-page__topic[b-v6dtj8abax] { font-size: 0.75rem; color: var(--os-text-secondary, #6b7280); text-transform: capitalize; } .ticket-detail-page__status[b-v6dtj8abax] { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 12px; text-transform: uppercase; } .ticket-detail-page__status--awaiting-staff[b-v6dtj8abax] { background: #fef3c7; color: #92400e; } .ticket-detail-page__status--awaiting-user[b-v6dtj8abax] { background: #dbeafe; color: #1e40af; } .ticket-detail-page__status--resolved[b-v6dtj8abax] { background: #d1fae5; color: #065f46; } .ticket-detail-page__status--closed[b-v6dtj8abax] { background: #e5e7eb; color: #374151; } .ticket-detail-page__messages[b-v6dtj8abax] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .ticket-detail-page__message[b-v6dtj8abax] { display: flex; } .ticket-detail-page__message--staff[b-v6dtj8abax] { justify-content: flex-start; } .ticket-detail-page__message--user[b-v6dtj8abax] { justify-content: flex-end; } .ticket-detail-page__bubble[b-v6dtj8abax] { padding: var(--os-space-sm) var(--os-space-md); max-width: 80%; } .ticket-detail-page__message--user .ticket-detail-page__bubble[b-v6dtj8abax] { background: var(--os-surface-2, #f3f4f6); } .ticket-detail-page__bubble-head[b-v6dtj8abax] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--os-space-md); margin-bottom: 4px; } .ticket-detail-page__bubble-head small[b-v6dtj8abax] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .ticket-detail-page__body :global(p)[b-v6dtj8abax] { margin: 4px 0; } .ticket-detail-page__body :global(ul)[b-v6dtj8abax], .ticket-detail-page__body :global(ol)[b-v6dtj8abax] { padding-left: 1.5rem; } .ticket-detail-page__reply[b-v6dtj8abax] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); } .ticket-detail-page__reply label[b-v6dtj8abax] { font-weight: 600; } .ticket-detail-page__reply textarea[b-v6dtj8abax] { padding: var(--os-space-sm); border: 1px solid var(--os-border, #e5e7eb); border-radius: var(--os-radius-md, 8px); font-family: inherit; font-size: 1rem; resize: vertical; } .ticket-detail-page__reply small[b-v6dtj8abax] { color: var(--os-text-tertiary, #9ca3af); font-size: 0.75rem; } .ticket-detail-page__reply button[b-v6dtj8abax] { align-self: flex-start; padding: var(--os-space-xs) var(--os-space-md); border: none; border-radius: var(--os-radius-md, 8px); background: var(--os-primary); color: #fff; font-weight: 600; cursor: pointer; } .ticket-detail-page__reply button:disabled[b-v6dtj8abax] { opacity: 0.6; cursor: not-allowed; } .ticket-detail-page__error[b-v6dtj8abax] { margin: 0; color: var(--os-error, #dc2626); } .ticket-detail-page__closed[b-v6dtj8abax] { color: var(--os-text-secondary, #6b7280); } .ticket-detail-page__closed a[b-v6dtj8abax] { color: var(--os-primary); } .my-tickets-page[b-86wxod6u13] { max-width: 800px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-md); } .my-tickets-page__header[b-86wxod6u13] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-md); } .my-tickets-page__header h1[b-86wxod6u13] { margin: 0; } .my-tickets-page__new-btn[b-86wxod6u13] { padding: var(--os-space-xs) var(--os-space-md); border-radius: var(--os-radius-md, 8px); background: var(--os-primary); color: #fff; text-decoration: none; font-weight: 600; } .my-tickets-page__list[b-86wxod6u13] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .my-tickets-page__item[b-86wxod6u13] { border-bottom: 1px solid var(--os-border); } .my-tickets-page__item:last-child[b-86wxod6u13] { border-bottom: none; } .my-tickets-page__item-link[b-86wxod6u13] { display: flex; flex-direction: column; gap: 4px; padding: var(--os-space-md) var(--os-space-lg); text-decoration: none; color: inherit; transition: background var(--os-transition-fast); } .my-tickets-page__item-link:hover[b-86wxod6u13], .my-tickets-page__item-link:focus-visible[b-86wxod6u13] { background: var(--os-surface-variant); outline: none; } .my-tickets-page__item-head[b-86wxod6u13] { display: flex; justify-content: space-between; align-items: center; gap: var(--os-space-sm); } .my-tickets-page__ref[b-86wxod6u13] { font-family: monospace; font-size: 0.75rem; color: var(--os-text-tertiary, #9ca3af); } .my-tickets-page__status[b-86wxod6u13] { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 12px; text-transform: uppercase; } .my-tickets-page__status--awaiting-staff[b-86wxod6u13] { background: #fef3c7; color: #92400e; } .my-tickets-page__status--awaiting-user[b-86wxod6u13] { background: #dbeafe; color: #1e40af; } .my-tickets-page__status--resolved[b-86wxod6u13] { background: #d1fae5; color: #065f46; } .my-tickets-page__status--closed[b-86wxod6u13] { background: #e5e7eb; color: #374151; } .my-tickets-page__subject[b-86wxod6u13] { font-weight: 600; font-size: 1rem; } .my-tickets-page__meta[b-86wxod6u13] { color: var(--os-text-secondary, #6b7280); font-size: 0.875rem; } html[data-ui="v2"] .my-tickets-page__item-link:focus-visible[b-86wxod6u13] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .trophies-page[b-zjjtqg8kqo] { max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .trophies-page__loading[b-zjjtqg8kqo] { margin: 0; padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; color: var(--os-text-secondary); } .trophies-page__header[b-zjjtqg8kqo] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .trophies-page__progress-label[b-zjjtqg8kqo] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); font-variant-numeric: tabular-nums; } .trophies-page__progress-bar[b-zjjtqg8kqo] { width: 100%; height: 10px; background: var(--os-surface-variant); border-radius: var(--os-radius-full); overflow: hidden; } .trophies-page__progress-fill[b-zjjtqg8kqo] { height: 100%; background: var(--os-primary); border-radius: var(--os-radius-full); transition: width var(--os-transition-fast, 200ms ease); } .trophies-page__filters[b-zjjtqg8kqo] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .trophies-page__filter-chip[b-zjjtqg8kqo] { padding: var(--os-space-xs) var(--os-space-lg); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); cursor: pointer; transition: background var(--os-transition-fast), border-color var(--os-transition-fast), color var(--os-transition-fast); } .trophies-page__filter-chip:hover[b-zjjtqg8kqo] { background: var(--os-surface-variant); } .trophies-page__filter-chip:focus-visible[b-zjjtqg8kqo] { outline: 2px solid var(--os-primary); outline-offset: 2px; } .trophies-page__filter-chip--active[b-zjjtqg8kqo] { color: white; background: var(--os-primary); border-color: var(--os-primary); } .trophies-page__filter-empty[b-zjjtqg8kqo] { margin: 0; padding: var(--os-space-lg); text-align: center; color: var(--os-text-secondary); } .trophies-page__category[b-zjjtqg8kqo] { display: flex; flex-direction: column; gap: var(--os-space-md); } .trophies-page__category-title[b-zjjtqg8kqo] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; padding-bottom: var(--os-space-sm); border-bottom: 2px solid var(--os-primary); } .trophies-page__grid[b-zjjtqg8kqo] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-md); } @media (min-width: 540px) { .trophies-page__grid[b-zjjtqg8kqo] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 860px) { .trophies-page__grid[b-zjjtqg8kqo] { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .trophies-page__tile[b-zjjtqg8kqo] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--os-space-xs); padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); min-width: 0; } .trophies-page__tile[b-zjjtqg8kqo] { border-top: 3px solid var(--os-border); } .trophies-page__tile--earned.trophies-page__tile--common[b-zjjtqg8kqo] { border-top-color: #9aa0ac; } .trophies-page__tile--earned.trophies-page__tile--uncommon[b-zjjtqg8kqo] { border-top-color: #4caf50; } .trophies-page__tile--earned.trophies-page__tile--rare[b-zjjtqg8kqo] { border-top-color: #2196f3; } .trophies-page__tile--earned.trophies-page__tile--epic[b-zjjtqg8kqo] { border-top-color: #9c27b0; } .trophies-page__tile--earned.trophies-page__tile--legendary[b-zjjtqg8kqo] { border-top-color: #f0a020; } .trophies-page__tile--earned.trophies-page__tile--special[b-zjjtqg8kqo] { border-top-color: #e91e8c; } .trophies-page__tile-image[b-zjjtqg8kqo] { width: 64px; height: 64px; object-fit: contain; } .trophies-page__tile-image.trophy--locked[b-zjjtqg8kqo] { filter: grayscale(1) opacity(0.45); } .trophies-page__tile-name[b-zjjtqg8kqo] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0; } .trophies-page__tile-description[b-zjjtqg8kqo] { font-size: 12px; color: var(--os-text-tertiary); margin: 0; line-height: 1.5; } .trophies-page__tile-earned-date[b-zjjtqg8kqo] { font-size: 12px; color: var(--os-text-secondary); margin: 0; } .trophies-page__tile-credits[b-zjjtqg8kqo] { font-size: 12px; font-weight: var(--os-font-weight-semibold); color: var(--os-primary); margin: 0; } .language-page[b-7c8wxid3z1] { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-lg); } .language-page__header[b-7c8wxid3z1] { display: flex; align-items: center; gap: var(--os-space-md); } .language-page__back[b-7c8wxid3z1] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; border-radius: var(--os-radius-sm); background: transparent; color: var(--os-text-primary); cursor: pointer; flex-shrink: 0; } .language-page__back:hover[b-7c8wxid3z1] { background: var(--os-surface-variant); } .language-page__title[b-7c8wxid3z1] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .language-page__subtitle[b-7c8wxid3z1] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .language-page__list[b-7c8wxid3z1] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .language-page__item[b-7c8wxid3z1] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); background: var(--os-surface); border: 2px solid var(--os-border); border-radius: var(--os-radius-md); cursor: pointer; transition: all var(--os-transition-fast); } .language-page__item:hover[b-7c8wxid3z1] { border-color: var(--os-primary); background: var(--os-surface-variant); } .language-page__item--active[b-7c8wxid3z1] { border-color: var(--os-primary); background: var(--os-primary-light); } .language-page__flag[b-7c8wxid3z1] { font-size: 1.75rem; line-height: 1; flex-shrink: 0; } .language-page__info[b-7c8wxid3z1] { flex: 1; display: flex; flex-direction: column; gap: 2px; } .language-page__name[b-7c8wxid3z1] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .language-page__native[b-7c8wxid3z1] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .language-page__check[b-7c8wxid3z1] { color: var(--os-primary); flex-shrink: 0; } .notif-prefs-page[b-v58g7u1680] { max-width: 640px; margin: 0 auto; padding-bottom: var(--os-space-xxl); display: flex; flex-direction: column; gap: var(--os-space-lg); } .notif-prefs-page__header[b-v58g7u1680] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .notif-prefs-page__title[b-v58g7u1680] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .notif-prefs-page__intro[b-v58g7u1680] { color: var(--os-text-secondary); margin: 0; } .notif-prefs-page__table[b-v58g7u1680] { width: 100%; border-collapse: collapse; background: var(--os-surface); border-radius: var(--os-radius-md); box-shadow: var(--os-shadow-sm); overflow: hidden; } .notif-prefs-page__table th[b-v58g7u1680], .notif-prefs-page__table td[b-v58g7u1680] { padding: var(--os-space-sm) var(--os-space-md); text-align: left; border-bottom: 1px solid var(--os-border); } .notif-prefs-page__table thead th[b-v58g7u1680] { background: var(--os-surface-hover, rgba(5, 39, 103, 0.04)); font-weight: var(--os-font-weight-medium); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .notif-prefs-page__col-toggle[b-v58g7u1680] { width: 5rem; text-align: center; } .notif-prefs-page__col-toggle input[type="checkbox"][b-v58g7u1680] { width: 1.2rem; height: 1.2rem; cursor: pointer; } .notif-prefs-page__event-label[b-v58g7u1680] { font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .notif-prefs-page__event-hint[b-v58g7u1680] { display: block; margin-top: var(--os-space-xs); font-weight: var(--os-font-weight-regular, 400); font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); } .notif-prefs-page__section-title[b-v58g7u1680] { background: var(--os-surface-variant); color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold, 600); font-size: var(--os-font-size-sm); text-transform: uppercase; letter-spacing: 0.04em; } .notif-prefs-page__actions[b-v58g7u1680] { display: flex; justify-content: flex-end; gap: var(--os-space-md); } .notif-prefs-page__status--ok[b-v58g7u1680] { color: var(--os-text-success, #1f8f3d); } .notif-prefs-page__status--error[b-v58g7u1680] { color: var(--os-text-error, #c62828); } .notif-prefs-page__push-status[b-v58g7u1680] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); margin-bottom: var(--os-space-md); } .notif-prefs-page__push-title[b-v58g7u1680] { margin: 0; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .notif-prefs-page__push-message[b-v58g7u1680] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); line-height: 1.4; } .notif-prefs-page__push-status[data-push-status="granted"][b-v58g7u1680] { border-color: var(--os-success, #1f8f3d); } .notif-prefs-page__push-status[data-push-status="denied"][b-v58g7u1680] { border-color: var(--os-warning, #c6891d); } .speaker-offer-page[b-4bglezunjm] { display: flex; flex-direction: column; gap: var(--os-space-lg); min-width: 0; } .speaker-offer-page__header[b-4bglezunjm] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--os-space-sm); min-width: 0; } .speaker-offer-page__title[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); } .speaker-offer-page__status[b-4bglezunjm] { color: var(--os-text-secondary); font-weight: var(--os-font-weight-semibold); } .speaker-offer-page__section[b-4bglezunjm] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .speaker-offer-page__section.os-card[b-4bglezunjm] { padding: var(--os-space-md); } .speaker-offer-page__section-title[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); font-size: 1.1rem; } .speaker-offer-page__brief[b-4bglezunjm] { margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .speaker-offer-page__brief-row[b-4bglezunjm] { display: flex; gap: var(--os-space-sm); min-width: 0; } .speaker-offer-page__brief-row dt[b-4bglezunjm] { color: var(--os-text-tertiary); flex: 0 0 auto; font-size: 0.85rem; } .speaker-offer-page__brief-row dd[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); min-width: 0; } .speaker-offer-page__quote[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); font-size: 1.25rem; font-weight: var(--os-font-weight-bold); } .speaker-offer-page__quote-hint[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); } .speaker-offer-page__quote-form[b-4bglezunjm] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); min-width: 0; } .speaker-offer-page__quote-form input[b-4bglezunjm] { min-width: 0; max-width: 160px; } .speaker-offer-page__quote-label[b-4bglezunjm] { color: var(--os-text-secondary); } .speaker-offer-page__decline[b-4bglezunjm] { display: flex; } .speaker-offer-page__actions[b-4bglezunjm] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .speaker-offer-page__messages[b-4bglezunjm] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .speaker-offer-page__message[b-4bglezunjm] { display: flex; flex-direction: column; gap: 2px; padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .speaker-offer-page__message:last-child[b-4bglezunjm] { border-bottom: none; } .speaker-offer-page__message-role[b-4bglezunjm] { color: var(--os-text-tertiary); font-size: 0.8rem; font-weight: var(--os-font-weight-semibold); } .speaker-offer-page__message-body[b-4bglezunjm] { color: var(--os-text-primary); min-width: 0; overflow-wrap: anywhere; } .speaker-offer-page__message-time[b-4bglezunjm] { color: var(--os-text-tertiary); font-size: 0.75rem; } .speaker-offer-page__composer[b-4bglezunjm] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .speaker-offer-page__composer textarea[b-4bglezunjm] { min-width: 0; } .speaker-offer-page__not-found[b-4bglezunjm], .speaker-offer-page__unavailable[b-4bglezunjm] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; } .speaker-offer-page__not-found-title[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); } .speaker-offer-page__not-found-body[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); } .speaker-offer-page__deliver-body[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); } .speaker-offer-page__deliver-hint[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; } .speaker-offer-page__deliver-list[b-4bglezunjm] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .speaker-offer-page__deliver-row[b-4bglezunjm] { display: flex; flex-direction: column; gap: 4px; min-width: 0; background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .speaker-offer-page__deliver-label[b-4bglezunjm] { color: var(--os-text-secondary); font-size: 0.85rem; font-weight: var(--os-font-weight-medium); } .speaker-offer-page__deliver-input[b-4bglezunjm] { min-width: 0; color: var(--os-text-primary); } .speaker-offer-page__deliver-notes-label[b-4bglezunjm] { color: var(--os-text-secondary); font-size: 0.9rem; } .speaker-offer-page__deliver-warning[b-4bglezunjm] { margin: 0; color: var(--os-warning); font-size: 0.9rem; font-weight: var(--os-font-weight-medium); } .speaker-offer-page__deliver-error[b-4bglezunjm] { margin: 0; color: var(--os-error); font-size: 0.9rem; font-weight: var(--os-font-weight-semibold); } .speaker-offer-page__revision-note[b-4bglezunjm] { margin: 0; color: var(--os-text-primary); background: var(--os-surface-variant); border-left: 3px solid var(--os-warning); border-radius: var(--os-radius-sm); padding: var(--os-space-sm) var(--os-space-md); overflow-wrap: anywhere; min-width: 0; } .speaker-offer-page__prior-version[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; } .speaker-offer-page__prior-notes[b-4bglezunjm] { margin: 0; color: var(--os-text-secondary); overflow-wrap: anywhere; min-width: 0; } .speaker-offer-page__status--v2[b-4bglezunjm] { display: inline-flex; align-items: center; } .speaker-inbox__list--v2[b-fowaq67api] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .speaker-inbox__item--v2[b-fowaq67api] { border-bottom: 1px solid var(--os-border); } .speaker-inbox__item--v2:last-child[b-fowaq67api] { border-bottom: none; } .speaker-inbox__link--v2[b-fowaq67api] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-sm); min-width: 0; min-height: 44px; padding: var(--os-space-md); color: inherit; text-decoration: none; } .speaker-inbox__link--v2:hover[b-fowaq67api], .speaker-inbox__link--v2:focus-visible[b-fowaq67api] { background: var(--os-surface-variant); } .speaker-inbox__link--v2 .speaker-inbox__story[b-fowaq67api] { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; } .speaker-detail-page[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-lg); min-width: 0; } .speaker-detail-page__back[b-1lkyyxqyzw] { align-self: flex-start; } .speaker-detail-page__header[b-1lkyyxqyzw] { display: flex; gap: var(--os-space-md); align-items: center; min-width: 0; } .speaker-detail-page__photo[b-1lkyyxqyzw] { width: 96px; height: 96px; border-radius: var(--os-radius-full); object-fit: cover; flex: 0 0 auto; } .speaker-detail-page__id[b-1lkyyxqyzw] { min-width: 0; } .speaker-detail-page__name[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); } .speaker-detail-page__headline[b-1lkyyxqyzw] { margin: var(--os-space-xs) 0 0; color: var(--os-text-secondary); } .speaker-detail-page__rate[b-1lkyyxqyzw] { margin: var(--os-space-xs) 0 0; color: var(--os-text-primary); font-weight: 600; } .speaker-detail-page__meta[b-1lkyyxqyzw] { margin: 0; display: flex; flex-wrap: wrap; gap: var(--os-space-md); } .speaker-detail-page__meta-row[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .speaker-detail-page__meta-row dt[b-1lkyyxqyzw] { color: var(--os-text-tertiary); font-size: 0.8rem; } .speaker-detail-page__meta-row dd[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); } .speaker-detail-page__section[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .speaker-detail-page__section-title[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); font-size: 1.1rem; } .speaker-detail-page__bio[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-secondary); line-height: 1.6; } .speaker-detail-page__samples[b-1lkyyxqyzw] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .speaker-detail-page__sample[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .speaker-detail-page__sample:last-child[b-1lkyyxqyzw] { border-bottom: none; } .speaker-detail-page__sample-title[b-1lkyyxqyzw] { color: var(--os-text-primary); font-weight: 600; } .speaker-detail-page__sample-audio[b-1lkyyxqyzw] { width: 100%; min-width: 0; } .speaker-detail-page__request[b-1lkyyxqyzw] { padding: var(--os-space-md); } .speaker-detail-page__field[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-xs); color: var(--os-text-secondary); min-width: 0; } .speaker-detail-page__field textarea[b-1lkyyxqyzw], .speaker-detail-page__field input[b-1lkyyxqyzw] { min-width: 0; } .speaker-detail-page__error[b-1lkyyxqyzw] { margin: 0; color: var(--os-danger, #c0392b); } .speaker-detail-page__not-found[b-1lkyyxqyzw], .speaker-detail-page__unavailable[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; } .speaker-detail-page__not-found-title[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); } .speaker-detail-page__not-found-body[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-secondary); } .speaker-detail-v2__photo[b-1lkyyxqyzw] { width: 96px; height: 96px; border-radius: var(--os-radius-full); object-fit: cover; } .speaker-detail-v2__rate[b-1lkyyxqyzw] { margin: var(--os-space-sm) 0 0; color: var(--os-text-primary); font-weight: 600; } .speaker-detail-v2__meta[b-1lkyyxqyzw] { margin: var(--os-space-sm) 0 0; display: flex; flex-wrap: wrap; gap: var(--os-space-md); } .speaker-detail-v2__meta-row[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .speaker-detail-v2__meta-row dt[b-1lkyyxqyzw] { color: var(--os-text-tertiary); font-size: 0.8rem; } .speaker-detail-v2__meta-row dd[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); } .speaker-detail-v2__bio[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-secondary); line-height: 1.6; } .speaker-detail-v2__samples[b-1lkyyxqyzw] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .speaker-detail-v2__sample[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .speaker-detail-v2__sample:last-child[b-1lkyyxqyzw] { border-bottom: none; } .speaker-detail-v2__sample-title[b-1lkyyxqyzw] { color: var(--os-text-primary); font-weight: 600; overflow-wrap: anywhere; } .speaker-detail-v2__sample-audio[b-1lkyyxqyzw] { width: 100%; min-width: 0; } .speaker-detail-v2__field[b-1lkyyxqyzw] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .speaker-detail-v2__field textarea[b-1lkyyxqyzw], .speaker-detail-v2__field input[b-1lkyyxqyzw] { min-width: 0; } .speaker-detail-v2__error[b-1lkyyxqyzw] { margin: 0; color: var(--os-error); } .speaker-detail-v2__commissioning-heading[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); font-size: 1rem; } .speaker-detail-v2__commissioning[b-1lkyyxqyzw] { margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); min-width: 0; } .speaker-detail-v2__commissioning-row[b-1lkyyxqyzw] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); min-width: 0; } .speaker-detail-v2__commissioning-row dt[b-1lkyyxqyzw] { color: var(--os-text-tertiary); flex: 0 0 auto; font-size: 0.85rem; } .speaker-detail-v2__commissioning-row dd[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-primary); min-width: 0; overflow-wrap: anywhere; } .speaker-detail-v2__commissioning-hint[b-1lkyyxqyzw] { margin: 0; color: var(--os-text-secondary); font-size: 0.85rem; } .speakers-page[b-p1xld9eunn] { display: flex; flex-direction: column; gap: var(--os-space-lg); min-width: 0; } .speakers-page__header[b-p1xld9eunn] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .speakers-page__title[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); } .speakers-page__subtitle[b-p1xld9eunn] { margin: 0; color: var(--os-text-secondary); } .speakers-page__loading[b-p1xld9eunn], .speakers-page__empty[b-p1xld9eunn] { color: var(--os-text-secondary); } .speakers-page__grid[b-p1xld9eunn] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--os-space-md); } @media (max-width: 960px) { .speakers-page__grid[b-p1xld9eunn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .speakers-page__grid[b-p1xld9eunn] { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .speakers-page__card[b-p1xld9eunn] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; padding: var(--os-space-md); } .speakers-page__card-head[b-p1xld9eunn] { display: flex; gap: var(--os-space-sm); align-items: center; min-width: 0; } .speakers-page__photo[b-p1xld9eunn] { width: 56px; height: 56px; border-radius: var(--os-radius-full); object-fit: cover; flex: 0 0 auto; } .speakers-page__card-id[b-p1xld9eunn] { min-width: 0; } .speakers-page__name[b-p1xld9eunn] { margin: 0; font-size: 1.05rem; color: var(--os-text-primary); } .speakers-page__headline[b-p1xld9eunn] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; } .speakers-page__meta[b-p1xld9eunn] { margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .speakers-page__meta-row[b-p1xld9eunn] { display: flex; gap: var(--os-space-xs); min-width: 0; } .speakers-page__meta-row dt[b-p1xld9eunn] { color: var(--os-text-tertiary); font-size: 0.8rem; flex: 0 0 auto; } .speakers-page__meta-row dd[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); font-size: 0.85rem; min-width: 0; } .speakers-page__rate[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); font-weight: 600; } .speakers-page__actions[b-p1xld9eunn] { margin-top: auto; } .speakers-page__unavailable[b-p1xld9eunn] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; } .speakers-page__unavailable-title[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); } .speakers-page__unavailable-body[b-p1xld9eunn] { margin: 0; color: var(--os-text-secondary); } .speakers-v2__grid[b-p1xld9eunn] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--os-space-md); } @media (max-width: 960px) { .speakers-v2__grid[b-p1xld9eunn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .speakers-v2__grid[b-p1xld9eunn] { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .speakers-v2__card[b-p1xld9eunn] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .speakers-v2__card-head[b-p1xld9eunn] { display: flex; gap: var(--os-space-sm); align-items: center; min-width: 0; } .speakers-v2__photo[b-p1xld9eunn] { width: 56px; height: 56px; border-radius: var(--os-radius-full); object-fit: cover; flex: 0 0 auto; } .speakers-v2__card-id[b-p1xld9eunn] { min-width: 0; } .speakers-v2__name[b-p1xld9eunn] { margin: 0; font-size: 1.05rem; color: var(--os-text-primary); overflow-wrap: anywhere; } .speakers-v2__headline[b-p1xld9eunn] { margin: 0; color: var(--os-text-secondary); font-size: 0.9rem; overflow-wrap: anywhere; } .speakers-v2__meta[b-p1xld9eunn] { margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .speakers-v2__meta-row[b-p1xld9eunn] { display: flex; gap: var(--os-space-xs); min-width: 0; } .speakers-v2__meta-row dt[b-p1xld9eunn] { color: var(--os-text-tertiary); font-size: 0.8rem; flex: 0 0 auto; } .speakers-v2__meta-row dd[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); font-size: 0.85rem; min-width: 0; } .speakers-v2__rate[b-p1xld9eunn] { margin: 0; color: var(--os-text-primary); font-weight: 600; } .speakers-v2__actions[b-p1xld9eunn] { margin-top: auto; } .add-audio-dialog-native[b-l7r99vx5jw] { border: none; border-radius: var(--os-radius-lg); padding: 0; max-width: min(560px, calc(100vw - 2 * var(--os-space-md))); width: 100%; max-height: min(720px, calc(100vh - 2 * var(--os-space-md))); box-shadow: var(--os-shadow-sm); background: var(--os-surface); } .add-audio-dialog-native[b-l7r99vx5jw]::backdrop { background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px); } .add-audio-dialog[b-l7r99vx5jw] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); max-height: 100%; } .add-audio-dialog__header[b-l7r99vx5jw] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .add-audio-dialog__title[b-l7r99vx5jw] { font-size: 1.125rem; font-weight: 600; color: var(--os-text-primary); margin: 0; } .add-audio-dialog__close[b-l7r99vx5jw] { padding: var(--os-space-xs); line-height: 1; } .add-audio-dialog__content[b-l7r99vx5jw] { overflow-y: auto; min-height: 0; } .add-audio-dialog__error[b-l7r99vx5jw] { color: var(--os-error); font-size: 0.875rem; margin: 0; flex-shrink: 0; } .add-audio-dialog__actions[b-l7r99vx5jw] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; flex-shrink: 0; } html[data-ui="v2"] .add-audio-dialog-native[b-l7r99vx5jw] { border: 1px solid var(--os-border); box-shadow: var(--os-shadow-lg); } html[data-ui="v2"] .add-audio-dialog-native[b-l7r99vx5jw]::backdrop { background: var(--os-overlay); } html[data-ui="v2"] .add-audio-dialog[b-l7r99vx5jw] { gap: var(--os-space-lg); padding: var(--os-space-xl); } html[data-ui="v2"] .add-audio-dialog__title[b-l7r99vx5jw] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .add-audio-dialog__close:focus-visible[b-l7r99vx5jw] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .add-audio-dialog__error[b-l7r99vx5jw] { background: var(--os-error-light); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } .audio-versions-panel[b-6mj20bqk0w] { margin: var(--os-space-lg) 0; display: flex; flex-direction: column; gap: var(--os-space-md); } .audio-versions-panel__header[b-6mj20bqk0w] { display: flex; flex-direction: column; gap: var(--os-space-xs); } .audio-versions-panel__heading[b-6mj20bqk0w] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .audio-versions-panel__subtitle[b-6mj20bqk0w] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .audio-versions-panel__list[b-6mj20bqk0w] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .audio-versions-panel__item[b-6mj20bqk0w] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .audio-versions-panel__item:last-child[b-6mj20bqk0w] { border-bottom: none; } .audio-versions-panel__item-main[b-6mj20bqk0w] { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .audio-versions-panel__version-label[b-6mj20bqk0w] { font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .audio-versions-panel__voice[b-6mj20bqk0w] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); overflow-wrap: anywhere; } .audio-versions-panel__created[b-6mj20bqk0w] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); } .audio-versions-panel__item-aside[b-6mj20bqk0w] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; justify-content: flex-end; } .audio-versions-panel__status[b-6mj20bqk0w] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); padding: 2px 8px; border-radius: var(--os-radius-full); background: var(--os-surface-variant); } .audio-versions-panel__status--failed[b-6mj20bqk0w] { color: #fff; background: var(--os-error, #dc2626); } .audio-versions-panel__active-badge[b-6mj20bqk0w] { font-size: 0.625rem; font-weight: var(--os-font-weight-bold); text-transform: uppercase; letter-spacing: 0.05em; color: #fff; background: var(--os-primary); padding: 2px 8px; border-radius: var(--os-radius-full); } .audio-versions-panel__actions[b-6mj20bqk0w] { display: flex; } .audio-versions-panel__create[b-6mj20bqk0w] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); } .audio-versions-panel__cost-line[b-6mj20bqk0w] { margin: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .audio-versions-panel__credits-gate[b-6mj20bqk0w] { display: flex; flex-direction: column; gap: var(--os-space-sm); align-items: flex-start; } .audio-versions-panel__error[b-6mj20bqk0w] { margin: 0; color: var(--os-error, #dc2626); font-size: var(--os-font-size-sm); } .audio-versions-panel__hint[b-6mj20bqk0w] { margin: 0; color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .audio-versions-panel__provider-tabs[b-6mj20bqk0w] { display: flex; gap: var(--os-space-xs); } .audio-versions-panel__provider-tab[b-6mj20bqk0w] { flex: 1 1 0; min-width: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface); color: var(--os-text-secondary); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); cursor: pointer; font: inherit; } .audio-versions-panel__provider-tab.is-active[b-6mj20bqk0w] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .audio-versions-panel__voice-picker[b-6mj20bqk0w] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .audio-versions-panel__voice-picker-label[b-6mj20bqk0w] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .audio-versions-panel__voice-list[b-6mj20bqk0w] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .audio-versions-panel__voice-row[b-6mj20bqk0w] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); cursor: pointer; min-width: 0; } .audio-versions-panel__voice-row:hover[b-6mj20bqk0w] { background: var(--os-surface-variant); } .audio-versions-panel__voice-row.is-selected[b-6mj20bqk0w] { border-color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 8%, var(--os-surface)); } .audio-versions-panel__voice-name[b-6mj20bqk0w] { flex: 1; min-width: 0; font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .audio-versions-panel__voice-locale[b-6mj20bqk0w] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); padding: 2px 6px; border-radius: var(--os-radius-sm); background: var(--os-surface-variant); } .audio-versions-panel__create-actions[b-6mj20bqk0w] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; } .audio-versions-panel__delete-dialog[b-6mj20bqk0w] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-lg); background: var(--os-surface); color: var(--os-text-primary); max-width: 28rem; } .audio-versions-panel__delete-dialog[b-6mj20bqk0w]::backdrop { background: rgba(0, 0, 0, 0.5); } .audio-versions-panel__delete-dialog-msg[b-6mj20bqk0w] { margin: 0 0 var(--os-space-md); color: var(--os-text-primary); } .audio-versions-panel__delete-dialog-actions[b-6mj20bqk0w] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; } html[data-ui="v2"] .audio-versions-panel[b-6mj20bqk0w] { gap: var(--os-space-sm); } html[data-ui="v2"] .audio-versions-panel__heading[b-6mj20bqk0w] { font-size: var(--os-font-size-lg); } html[data-ui="v2"] .audio-versions-panel__list[b-6mj20bqk0w], html[data-ui="v2"] .audio-versions-panel__create[b-6mj20bqk0w] { border-radius: var(--os-radius-md); box-shadow: none; } html[data-ui="v2"] .audio-versions-panel__item[b-6mj20bqk0w] { padding: var(--os-space-md) var(--os-space-lg); transition: background-color 120ms ease; } html[data-ui="v2"] .audio-versions-panel__item:hover[b-6mj20bqk0w] { background: var(--os-surface-variant); } html[data-ui="v2"] .audio-versions-panel__status[b-6mj20bqk0w] { background: transparent; border: 1px solid var(--os-border); } html[data-ui="v2"] .audio-versions-panel__status--failed[b-6mj20bqk0w] { color: var(--os-error); background: var(--os-error-light); border-color: transparent; } html[data-ui="v2"] .audio-versions-panel__active-badge[b-6mj20bqk0w] { color: var(--os-primary); background: var(--os-primary-light); } html[data-ui="v2"] .audio-versions-panel__create[b-6mj20bqk0w] { background: var(--os-surface-variant); border-color: transparent; } html[data-ui="v2"] .audio-versions-panel__error[b-6mj20bqk0w] { color: var(--os-error); } html[data-ui="v2"] .audio-versions-panel__credits-gate[b-6mj20bqk0w] { padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-md); background: var(--os-error-light); } html[data-ui="v2"] .audio-versions-panel__provider-tab[b-6mj20bqk0w], html[data-ui="v2"] .audio-versions-panel__voice-row[b-6mj20bqk0w] { transition: border-color 120ms ease, background-color 120ms ease; } html[data-ui="v2"] .audio-versions-panel__voice-row.is-selected[b-6mj20bqk0w] { background: var(--os-primary-light); } html[data-ui="v2"] .audio-versions-panel__voice-row:focus-visible[b-6mj20bqk0w], html[data-ui="v2"] .audio-versions-panel__provider-tab:focus-visible[b-6mj20bqk0w] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .audio-versions-panel__delete-dialog[b-6mj20bqk0w] { border-color: transparent; box-shadow: var(--os-shadow-lg, 0 20px 40px rgba(0, 0, 0, 0.2)); } html[data-ui="v2"] .audio-versions-panel__delete-dialog[b-6mj20bqk0w]::backdrop { background: rgba(15, 12, 25, 0.55); } .narration-options[b-51nh6t5c0h] { display: flex; flex-direction: column; gap: var(--os-space-md); min-width: 0; } .narration-options__voice-group[b-51nh6t5c0h] { margin-bottom: var(--os-space-md); } .narration-options__voice-group-title[b-51nh6t5c0h] { font-size: var(--os-font-size-sm); text-transform: uppercase; letter-spacing: 0.05em; color: var(--os-text-secondary); margin: 0 0 var(--os-space-xs); } .narration-options__voice-list[b-51nh6t5c0h] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .narration-options__voice-row[b-51nh6t5c0h] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); cursor: pointer; transition: background-color var(--os-transition-fast), border-color var(--os-transition-fast); } .narration-options__voice-row:hover[b-51nh6t5c0h] { background: var(--os-surface-variant); } .narration-options__voice-row.is-selected[b-51nh6t5c0h] { border-color: var(--os-primary); background: color-mix(in srgb, var(--os-primary) 8%, var(--os-surface)); } .narration-options__voice-name[b-51nh6t5c0h] { flex: 1; font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .narration-options__voice-locale[b-51nh6t5c0h] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); padding: 2px 6px; border-radius: var(--os-radius-sm); background: var(--os-surface-variant); } .narration-options__voice-hd[b-51nh6t5c0h] { font-size: 0.625rem; font-weight: var(--os-font-weight-bold); color: #fff; background: var(--os-primary); padding: 2px 6px; border-radius: var(--os-radius-sm); } .narration-options__voice-sample[b-51nh6t5c0h] { background: none; border: none; cursor: pointer; font-size: 1.1rem; padding: 4px 8px; border-radius: var(--os-radius-sm); } .narration-options__voice-sample:hover[b-51nh6t5c0h] { background: var(--os-surface-variant); } .narration-options__provider-tabs[b-51nh6t5c0h] { display: flex; gap: var(--os-space-xs); margin-bottom: var(--os-space-md); } .narration-options__provider-tab[b-51nh6t5c0h] { flex: 1 1 0; min-width: 0; padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface); color: var(--os-text-secondary); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); cursor: pointer; font: inherit; } .narration-options__provider-tab.is-active[b-51nh6t5c0h] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .narration-options__model-toggle[b-51nh6t5c0h] { display: flex; flex-wrap: wrap; gap: var(--os-space-xs); margin-bottom: var(--os-space-sm); } .narration-options__model-option[b-51nh6t5c0h] { padding: var(--os-space-xs) var(--os-space-md); background: var(--os-surface-variant); color: var(--os-text-secondary); border: 1px solid var(--os-border); border-radius: var(--os-radius-full); cursor: pointer; font: inherit; } .narration-options__model-option.is-active[b-51nh6t5c0h] { background: var(--os-primary); color: #fff; border-color: var(--os-primary); } .narration-options__model-hint[b-51nh6t5c0h] { margin: 0 0 var(--os-space-md); color: var(--os-text-tertiary); font-size: 0.85rem; } .narration-options__voice-empty-message[b-51nh6t5c0h] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); line-height: 1.5; margin: 0 0 var(--os-space-sm); } .narration-options__voice-ctas[b-51nh6t5c0h] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .narration-options__voice-manage-link[b-51nh6t5c0h] { display: inline-block; margin-top: var(--os-space-xs); font-size: var(--os-font-size-sm); } html[data-ui="v2"] .narration-options__voice-group[b-51nh6t5c0h] { margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .narration-options__voice-group-title[b-51nh6t5c0h] { font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); letter-spacing: 0.06em; color: var(--os-text-tertiary); margin: 0 0 var(--os-space-sm); } html[data-ui="v2"] .narration-options__voice-list[b-51nh6t5c0h] { gap: 1px; background: var(--os-border-light); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); overflow: hidden; } html[data-ui="v2"] .narration-options__voice-row[b-51nh6t5c0h] { border: none; border-radius: 0; background: var(--os-surface); padding: var(--os-space-sm) var(--os-space-md); } html[data-ui="v2"] .narration-options__voice-row:hover[b-51nh6t5c0h] { background: var(--os-surface-variant); } html[data-ui="v2"] .narration-options__voice-row.is-selected[b-51nh6t5c0h] { background: color-mix(in srgb, var(--os-primary) 6%, var(--os-surface)); box-shadow: inset 2px 0 0 var(--os-primary); } html[data-ui="v2"] .narration-options__voice-name[b-51nh6t5c0h] { font-size: var(--os-font-size-sm); } html[data-ui="v2"] .narration-options__voice-locale[b-51nh6t5c0h] { background: var(--os-surface); border: 1px solid var(--os-border-light); } html[data-ui="v2"] .narration-options__voice-sample[b-51nh6t5c0h] { color: var(--os-text-secondary); } html[data-ui="v2"] .narration-options__voice-sample:hover[b-51nh6t5c0h] { background: var(--os-surface); } html[data-ui="v2"] .narration-options__provider-tabs[b-51nh6t5c0h] { gap: 1px; background: var(--os-border-light); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: 2px; margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .narration-options__provider-tab[b-51nh6t5c0h] { border: none; border-radius: var(--os-radius-sm); background: transparent; font-size: var(--os-font-size-sm); padding: var(--os-space-xs) var(--os-space-sm); } html[data-ui="v2"] .narration-options__provider-tab:hover[b-51nh6t5c0h] { background: var(--os-surface-variant); } html[data-ui="v2"] .narration-options__provider-tab.is-active[b-51nh6t5c0h] { background: var(--os-primary); box-shadow: none; } html[data-ui="v2"] .narration-options__model-toggle[b-51nh6t5c0h] { margin-bottom: var(--os-space-md); } html[data-ui="v2"] .narration-options__model-option[b-51nh6t5c0h] { font-size: var(--os-font-size-xs); border-color: var(--os-border-light); } html[data-ui="v2"] .narration-options__model-hint[b-51nh6t5c0h] { color: var(--os-text-tertiary); } html[data-ui="v2"] .narration-options__professional-panel[b-51nh6t5c0h], html[data-ui="v2"] .narration-options__marketplace-panel[b-51nh6t5c0h] { background: var(--os-surface-variant); border: 1px solid var(--os-border-light); border-radius: var(--os-radius-md); padding: var(--os-space-md); } html[data-ui="v2"] .narration-options__professional-explainer[b-51nh6t5c0h] { margin: 0 0 var(--os-space-sm); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); line-height: 1.55; } html[data-ui="v2"] .narration-options__voice-empty-message[b-51nh6t5c0h] { margin: 0 0 var(--os-space-sm); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); line-height: 1.55; } html[data-ui="v2"] .narration-options__voice-picker[b-51nh6t5c0h] { display: flex; flex-direction: column; gap: var(--os-space-xs); margin-top: var(--os-space-sm); } html[data-ui="v2"] .narration-options__voice-picker-label[b-51nh6t5c0h] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); } .own-voice-narration-dialog-native[b-voenaa6281] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: 0; max-width: min(480px, calc(100vw - 2 * var(--os-space-md))); width: 100%; max-height: min(640px, calc(100vh - 2 * var(--os-space-md))); box-shadow: var(--os-shadow-lg); background: var(--os-surface); } .own-voice-narration-dialog-native[b-voenaa6281]::backdrop { background: var(--os-overlay); } .own-voice-narration-dialog[b-voenaa6281] { display: flex; flex-direction: column; gap: var(--os-space-lg); padding: var(--os-space-xl); max-height: 100%; } .own-voice-narration-dialog__header[b-voenaa6281] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .own-voice-narration-dialog__title[b-voenaa6281] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .own-voice-narration-dialog__close[b-voenaa6281] { padding: var(--os-space-xs); line-height: 1; } .own-voice-narration-dialog__close:focus-visible[b-voenaa6281] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .own-voice-narration-dialog__content[b-voenaa6281] { overflow-y: auto; min-height: 0; display: flex; flex-direction: column; gap: var(--os-space-md); } .own-voice-narration-dialog__voice-list[b-voenaa6281] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .own-voice-narration-dialog__voice-row[b-voenaa6281] { width: 100%; text-align: left; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); color: var(--os-text-primary); cursor: pointer; } .own-voice-narration-dialog__voice-row--selected[b-voenaa6281] { border-color: var(--os-focus-ring-color); background: var(--os-surface-variant); } .own-voice-narration-dialog__empty[b-voenaa6281] { color: var(--os-text-secondary); margin: 0; } .own-voice-narration-dialog__cost[b-voenaa6281] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0; } .own-voice-narration-dialog__error[b-voenaa6281] { color: var(--os-error); background: var(--os-error-light); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); font-size: 0.875rem; margin: 0; flex-shrink: 0; } .own-voice-narration-dialog__actions[b-voenaa6281] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; flex-shrink: 0; } .serial-confirm-dialog-native[b-3he1sd1d1d] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: 0; max-width: min(480px, calc(100vw - 2 * var(--os-space-md))); width: 100%; box-shadow: var(--os-shadow-lg); background: var(--os-surface); } .serial-confirm-dialog-native[b-3he1sd1d1d]::backdrop { background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px); } .serial-confirm-dialog[b-3he1sd1d1d] { display: flex; flex-direction: column; min-width: 0; gap: var(--os-space-md); padding: var(--os-space-lg); } .serial-confirm-dialog__title[b-3he1sd1d1d] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; min-width: 0; overflow-wrap: anywhere; } .serial-confirm-dialog__body[b-3he1sd1d1d] { font-size: var(--os-font-size-sm); line-height: 1.5; color: var(--os-text-secondary); margin: 0; min-width: 0; overflow-wrap: anywhere; } .serial-confirm-dialog__actions[b-3he1sd1d1d] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); justify-content: flex-end; } html[data-ui="v2"] .serial-confirm-dialog-native[b-3he1sd1d1d]::backdrop { background: var(--os-overlay); } html[data-ui="v2"] .serial-confirm-dialog[b-3he1sd1d1d] { gap: var(--os-space-lg); padding: var(--os-space-xl); } .serial-summary[b-facjtcfszy] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-sm) var(--os-space-md); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: var(--os-radius-md); background: rgba(255, 255, 255, 0.16); color: var(--os-text-on-dark); } .serial-summary__head[b-facjtcfszy] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; min-width: 0; } .serial-summary__badge[b-facjtcfszy] { background: rgba(255, 255, 255, 0.92); color: #1a1a2e; } .serial-summary__count[b-facjtcfszy], .serial-summary__next[b-facjtcfszy] { color: rgba(255, 255, 255, 0.85); font-size: 0.875rem; } .serial-summary__next[b-facjtcfszy] { margin: 0; } .serial-summary__subscribe[b-facjtcfszy] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--os-space-xs); min-width: 0; } .serial-summary__subscribe-hint[b-facjtcfszy] { margin: 0; color: rgba(255, 255, 255, 0.85); font-size: 0.875rem; } .serial-summary__subscribe-error[b-facjtcfszy] { margin: 0; color: #ffb4b4; font-size: 0.875rem; font-weight: var(--os-font-weight-semibold); } .serial-summary__subscribe .os-btn-outline[b-facjtcfszy] { border-color: rgba(255, 255, 255, 0.5); color: var(--os-text-on-dark); } .serial-summary__subscribe .os-btn-outline:hover[b-facjtcfszy] { border-color: rgba(255, 255, 255, 0.85); color: var(--os-text-on-dark); } .story-delete-dialog-native[b-z733jftqko] { border: none; border-radius: var(--os-radius-lg); padding: 0; max-width: min(480px, calc(100vw - 2 * var(--os-space-md))); width: 100%; box-shadow: var(--os-shadow-sm); background: var(--os-surface); } .story-delete-dialog-native[b-z733jftqko]::backdrop { background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px); } .story-delete-dialog[b-z733jftqko] { display: flex; flex-direction: column; gap: var(--os-space-md); padding: var(--os-space-lg); } .story-delete-dialog__header[b-z733jftqko] { display: flex; align-items: center; justify-content: space-between; } .story-delete-dialog__title[b-z733jftqko] { font-size: 1.125rem; font-weight: 600; color: var(--os-text-primary); margin: 0; } .story-delete-dialog__close[b-z733jftqko] { padding: var(--os-space-xs); line-height: 1; } .story-delete-dialog__story-name[b-z733jftqko] { font-weight: 600; color: var(--os-text-primary); margin: 0; } .story-delete-dialog__body[b-z733jftqko] { color: var(--os-text-secondary); margin: 0; font-size: 0.875rem; } .story-delete-dialog__error[b-z733jftqko] { color: var(--os-error); font-size: 0.875rem; margin: 0; } .story-delete-dialog__actions[b-z733jftqko] { display: flex; gap: var(--os-space-sm); justify-content: flex-end; } .story-delete-dialog__separator[b-z733jftqko] { border: none; border-top: 1px solid var(--os-border); margin: 0; } .story-delete-dialog__admin-section[b-z733jftqko] { display: flex; flex-direction: column; gap: var(--os-space-sm); background: var(--os-surface-variant); border-radius: var(--os-radius-md); padding: var(--os-space-md); } .story-delete-dialog__admin-label[b-z733jftqko] { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--os-text-tertiary); margin: 0; } .story-delete-dialog__admin-body[b-z733jftqko] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0; } .story-delete-dialog__admin-btn[b-z733jftqko] { align-self: flex-start; } html[data-ui="v2"] .story-delete-dialog-native[b-z733jftqko] { border: 1px solid var(--os-border); box-shadow: var(--os-shadow-lg); } html[data-ui="v2"] .story-delete-dialog-native[b-z733jftqko]::backdrop { background: var(--os-overlay); } html[data-ui="v2"] .story-delete-dialog[b-z733jftqko] { gap: var(--os-space-lg); padding: var(--os-space-xl); } html[data-ui="v2"] .story-delete-dialog__title[b-z733jftqko] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .story-delete-dialog__close:focus-visible[b-z733jftqko] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } html[data-ui="v2"] .story-delete-dialog__body[b-z733jftqko] { font-size: var(--os-font-size-sm); line-height: 1.5; } html[data-ui="v2"] .story-delete-dialog__error[b-z733jftqko] { background: var(--os-error-light); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); } html[data-ui="v2"] .story-delete-dialog__admin-section[b-z733jftqko] { border: 1px solid var(--os-border); } html[data-ui="v2"] .story-delete-dialog__admin-label[b-z733jftqko] { font-size: var(--os-font-size-xs); } html[data-ui="v2"] .story-delete-dialog__admin-body[b-z733jftqko] { font-size: var(--os-font-size-sm); } .story-detail-page[b-0kwtvptkqg] { display: flex; flex-direction: column; gap: 0; } .story-detail-page__last-chance[b-0kwtvptkqg] { display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem 1rem; margin: 0 var(--os-space-md, 1rem) var(--os-space-md, 1rem); background: var(--os-warning-bg, #fff3cd); color: var(--os-warning-text, #856404); border-radius: var(--os-radius-md, 0.5rem); font-size: var(--os-font-size-sm, 0.875rem); font-weight: var(--os-font-weight-medium, 500); line-height: 1.4; } .story-detail-page__last-chance svg[b-0kwtvptkqg] { flex-shrink: 0; } .story-detail-page__not-found[b-0kwtvptkqg], .story-detail-page__offline[b-0kwtvptkqg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-2xl) var(--os-space-md); text-align: center; color: var(--os-text-secondary); } .story-detail-page__offline-body[b-0kwtvptkqg] { max-width: 42ch; color: var(--os-text-tertiary); } .story-detail-page__offline-notice[b-0kwtvptkqg] { display: block; margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-secondary); font-size: var(--os-font-size-sm, 0.875rem); line-height: 1.4; } .story-detail-page__cover-section[b-0kwtvptkqg] { display: flex; justify-content: center; padding: var(--os-space-xl) var(--os-space-md) var(--os-space-lg); } .story-detail-page__cover-wrap[b-0kwtvptkqg] { position: relative; display: inline-block; } .story-detail-page__cover[b-0kwtvptkqg] { width: 180px; height: 252px; object-fit: cover; border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); display: block; } .story-detail-page__complete-badge[b-0kwtvptkqg] { position: absolute; top: var(--os-space-sm); right: var(--os-space-sm); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); } .story-detail-page__meta[b-0kwtvptkqg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); padding: 0 var(--os-space-md) var(--os-space-lg); text-align: center; } .story-detail-page__title[b-0kwtvptkqg] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; line-height: 1.25; } .story-detail-page__author-row[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-xs); } .story-detail-page__report-row[b-0kwtvptkqg] { display: flex; justify-content: center; margin-top: var(--os-space-xs); } .story-detail-page__cover-report[b-0kwtvptkqg] { position: absolute; bottom: var(--os-space-xs); right: var(--os-space-xs); background-color: var(--os-overlay-light, rgba(0, 0, 0, 0.4)); border-radius: var(--os-radius-full, 999px); padding: 2px; line-height: 0; } .story-detail-page__by[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .story-detail-page__author-link[b-0kwtvptkqg] { background: none; border: none; padding: 0; cursor: pointer; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-primary); transition: color var(--os-transition-fast); } .story-detail-page__author-link:hover[b-0kwtvptkqg], .story-detail-page__author-link:focus-visible[b-0kwtvptkqg] { color: var(--os-primary-hover); outline: none; text-decoration: underline; } .story-detail-page__chips[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; justify-content: center; } .story-detail-page__category-badge[b-0kwtvptkqg] { background-color: var(--os-primary-light); color: var(--os-primary); font-weight: var(--os-font-weight-medium); } .story-detail-page__chapters-chip[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); background-color: var(--os-surface-variant); border-radius: var(--os-radius-full); padding: 2px var(--os-space-sm); } .story-detail-page__versions[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-sm); margin: 0 0 var(--os-space-sm); } .story-detail-page__versions-label[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); font-weight: var(--os-font-weight-medium); } .story-detail-page__versions-select[b-0kwtvptkqg] { min-width: 12rem; } .story-detail-page__rating[b-0kwtvptkqg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-xs); } .story-detail-page__cumulative-rating[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); background: var(--os-surface-muted); border-radius: var(--os-radius-full); padding: 2px var(--os-space-sm); } .story-detail-page__rating-hint[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: var(--os-text-secondary); } .story-detail-page__rating-clear[b-0kwtvptkqg] { background: none; border: none; padding: 4px 10px; border-radius: var(--os-radius-full); color: var(--os-text-secondary); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } .story-detail-page__rating-clear:hover:not(:disabled)[b-0kwtvptkqg] { background-color: var(--os-surface-variant); color: var(--os-text-primary); } .story-detail-page__rating-clear:disabled[b-0kwtvptkqg] { opacity: 0.5; cursor: default; } .story-detail-page__actions[b-0kwtvptkqg] { margin-top: var(--os-space-xs); display: flex; flex-wrap: wrap; gap: var(--os-space-sm); width: 100%; max-width: 320px; } .story-detail-page__read-btn[b-0kwtvptkqg], .story-detail-page__listen-btn[b-0kwtvptkqg], .story-detail-page__favorite-btn[b-0kwtvptkqg] { flex: 1 1 0; min-width: 0; } .story-detail-page__favorite-btn[data-favorited="true"][b-0kwtvptkqg], .story-detail-page__favorite-btn[aria-pressed="true"][b-0kwtvptkqg] { color: var(--os-accent, #d33); border-color: var(--os-accent, #d33); } .story-detail-page__favorite-btn svg[b-0kwtvptkqg] { margin-right: var(--os-space-xxs, 4px); vertical-align: middle; } .story-detail-page__insights-btn[b-0kwtvptkqg] { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--os-space-xxs, 4px); margin-top: var(--os-space-sm); text-decoration: none; } .story-detail-page__resume-hint[b-0kwtvptkqg] { flex-basis: 100%; margin: 0; font-size: var(--os-font-size-sm, 0.8125rem); color: var(--os-text-secondary); } .story-detail-page__section[b-0kwtvptkqg] { padding: var(--os-space-lg) var(--os-space-md); } .story-detail-page__section-title[b-0kwtvptkqg] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-md); display: flex; align-items: center; gap: var(--os-space-xs); } .story-detail-page__comment-count[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-normal); color: var(--os-text-secondary); } .story-detail-page__description[b-0kwtvptkqg] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.7; margin: 0; } .story-detail-page__empty[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); margin: 0; } .story-detail-page__chapter-list[b-0kwtvptkqg] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .story-detail-page__chapter-item[b-0kwtvptkqg] { border-radius: var(--os-radius-md); overflow: hidden; } .story-detail-page__chapter-btn[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-md); width: 100%; padding: var(--os-space-sm) var(--os-space-md); background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); cursor: pointer; text-align: left; transition: background-color var(--os-transition-fast), border-color var(--os-transition-fast); color: var(--os-text-primary); } .story-detail-page__chapter-btn:hover[b-0kwtvptkqg], .story-detail-page__chapter-btn:focus-visible[b-0kwtvptkqg] { background-color: var(--os-surface-variant); border-color: var(--os-primary); outline: none; } .story-detail-page__chapter-index[b-0kwtvptkqg] { flex: 0 0 auto; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: var(--os-radius-full); background-color: var(--os-primary-light); color: var(--os-primary); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-bold); } .story-detail-page__chapter-title[b-0kwtvptkqg] { flex: 1; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .story-detail-page__chapter-arrow[b-0kwtvptkqg] { flex: 0 0 auto; color: var(--os-text-tertiary); } .story-detail-page__login-prompt-wrap[b-0kwtvptkqg] { margin-top: var(--os-space-md); } @media (min-width: 768px) { .story-detail-page__cover[b-0kwtvptkqg] { width: 220px; height: 308px; } .story-detail-page__actions[b-0kwtvptkqg] { max-width: 420px; } .story-detail-page__title[b-0kwtvptkqg] { font-size: calc(var(--os-font-size-2xl) * 1.15); } } .story-detail-page__audio-chip[b-0kwtvptkqg] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--os-primary) 12%, var(--os-surface)); color: var(--os-primary); border: 1px solid color-mix(in srgb, var(--os-primary) 40%, transparent); } .story-detail-page__listen-btn[b-0kwtvptkqg] { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; } .story-detail-page__dot[b-0kwtvptkqg] { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: story-detail-page__dot-pulse-b-0kwtvptkqg 1.2s ease-in-out infinite; } @keyframes story-detail-page__dot-pulse-b-0kwtvptkqg { 0%, 100% { opacity: 0.3; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1.15); } } .story-detail-page__hero-section[b-0kwtvptkqg] { padding: 0 var(--os-space-md) var(--os-space-lg); } .story-detail__hero[b-0kwtvptkqg] { position: relative; overflow: hidden; display: block; border-radius: var(--os-radius-xl); min-height: clamp(360px, 52vh, 560px); } .story-detail__backdrop[b-0kwtvptkqg] { position: absolute; inset: 0; background: radial-gradient(120% 100% at 80% 0%, color-mix(in srgb, var(--os-primary) 35%, transparent), transparent 60%), var(--os-gradient); } .story-detail__scrim[b-0kwtvptkqg] { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(6, 5, 12, 0.20) 0%, rgba(6, 5, 12, 0.45) 35%, rgba(6, 5, 12, 0.72) 100% ); } .story-detail__content[b-0kwtvptkqg] { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); width: 100%; padding: var(--os-space-xl) var(--os-space-md); text-align: center; color: var(--os-text-on-dark); } .story-detail__cover-wrap[b-0kwtvptkqg] { position: relative; display: inline-block; } .story-detail__cover[b-0kwtvptkqg] { width: 160px; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--os-radius-lg); box-shadow: var(--os-shadow-lg); display: block; } .story-detail__cover--placeholder[b-0kwtvptkqg] { background-color: var(--os-surface-variant); box-shadow: var(--os-shadow-lg); } .story-detail__complete-badge[b-0kwtvptkqg] { position: absolute; top: var(--os-space-sm); right: var(--os-space-sm); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); } .story-detail__cover-report[b-0kwtvptkqg] { position: absolute; bottom: var(--os-space-xs); right: var(--os-space-xs); background-color: var(--os-overlay-light, rgba(0, 0, 0, 0.4)); border-radius: var(--os-radius-full, 999px); padding: 2px; line-height: 0; } .story-detail__title[b-0kwtvptkqg] { margin: 0; font-family: var(--os-font-display); font-size: var(--os-text-display-lg); line-height: 1.1; letter-spacing: -0.02em; color: var(--os-text-on-dark); } .story-detail__report-row[b-0kwtvptkqg] { display: flex; justify-content: center; } .story-detail__report-row[b-0kwtvptkqg] .report-btn--icon { color: rgba(255, 255, 255, 0.85); } .story-detail__report-row[b-0kwtvptkqg] .report-btn--icon:hover { color: #ffffff; background: rgba(255, 255, 255, 0.14); } .story-detail__byline[b-0kwtvptkqg] { display: inline-flex; align-items: center; gap: var(--os-space-xs); text-decoration: none; color: var(--os-text-on-dark); } .story-detail__byline:hover .story-detail__author-name[b-0kwtvptkqg] { text-decoration: underline; } .story-detail__author-name[b-0kwtvptkqg] { font-weight: var(--os-font-weight-semibold); } .story-detail__chips[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; justify-content: center; } .story-detail__category-badge[b-0kwtvptkqg], .story-detail__age-badge[b-0kwtvptkqg] { background-color: rgba(255, 255, 255, 0.16); color: var(--os-text-on-dark); font-weight: var(--os-font-weight-medium); } .story-detail__chapters-chip[b-0kwtvptkqg], .story-detail__audio-chip[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: var(--os-text-on-dark); background-color: rgba(255, 255, 255, 0.12); border-radius: var(--os-radius-full); padding: 2px var(--os-space-sm); } .story-detail__versions[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; justify-content: center; } .story-detail__versions-label[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); color: rgba(255, 255, 255, 0.85); font-weight: var(--os-font-weight-medium); } .story-detail__versions-select[b-0kwtvptkqg] { min-width: 12rem; } .story-detail__versions-compare[b-0kwtvptkqg] { color: var(--os-text-on-dark); text-decoration: underline; font-size: var(--os-font-size-sm); } .story-detail__rating[b-0kwtvptkqg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-xs); } .story-detail__cumulative-rating[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: var(--os-text-on-dark); background: rgba(255, 255, 255, 0.16); border-radius: var(--os-radius-full); padding: 2px var(--os-space-sm); } .story-detail__rating-hint[b-0kwtvptkqg] { font-size: var(--os-font-size-xs); color: rgba(255, 255, 255, 0.85); } .story-detail__rating-clear[b-0kwtvptkqg] { background: none; border: none; padding: 4px 10px; border-radius: var(--os-radius-full); color: rgba(255, 255, 255, 0.85); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-medium); cursor: pointer; transition: background-color var(--os-transition-fast), color var(--os-transition-fast); } .story-detail__rating-clear:hover:not(:disabled)[b-0kwtvptkqg] { background-color: rgba(255, 255, 255, 0.14); color: #ffffff; } .story-detail__rating-clear:disabled[b-0kwtvptkqg] { opacity: 0.5; cursor: default; } .story-detail__hero .story-detail__rating[b-0kwtvptkqg] { --os-star-empty: rgba(242, 239, 248, 0.35); --os-star-filled: var(--os-warning, #FFB94D); } .story-detail__actions[b-0kwtvptkqg] { margin-top: var(--os-space-xs); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--os-space-sm); width: 100%; max-width: 420px; } .story-detail__cta-read[b-0kwtvptkqg], .story-detail__listen-btn[b-0kwtvptkqg], .story-detail__favorite-btn[b-0kwtvptkqg] { flex: 1 1 0; min-width: 0; } .story-detail__actions .os-btn-ghost[b-0kwtvptkqg], .story-detail__actions .os-btn-outline[b-0kwtvptkqg] { color: var(--os-text-on-dark); border-color: rgba(255, 255, 255, 0.55); background: transparent; } .story-detail__actions .os-btn-ghost:hover[b-0kwtvptkqg], .story-detail__actions .os-btn-outline:hover[b-0kwtvptkqg] { background: rgba(255, 255, 255, 0.14); color: #ffffff; } .story-detail__favorite-btn[data-favorited="true"][b-0kwtvptkqg], .story-detail__favorite-btn[aria-pressed="true"][b-0kwtvptkqg] { color: #ff6b81; border-color: #ff6b81; } .story-detail__favorite-btn svg[b-0kwtvptkqg] { margin-right: var(--os-space-xxs, 4px); vertical-align: middle; } .story-detail__resume-hint[b-0kwtvptkqg] { flex-basis: 100%; margin: 0; font-size: var(--os-font-size-sm, 0.8125rem); color: rgba(255, 255, 255, 0.85); } .story-detail__dot[b-0kwtvptkqg] { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: story-detail-page__dot-pulse-b-0kwtvptkqg 1.2s ease-in-out infinite; } .story-detail__insights-btn[b-0kwtvptkqg] { display: inline-flex; align-items: center; gap: var(--os-space-xxs, 4px); margin-top: var(--os-space-sm); text-decoration: none; } @media (min-width: 768px) { .story-detail__cover[b-0kwtvptkqg] { width: 200px; } .story-detail__title[b-0kwtvptkqg] { font-size: var(--os-text-display-xl); } } .story-detail__section[b-0kwtvptkqg] { padding: 0 var(--os-space-md); } .story-detail__section-title[b-0kwtvptkqg] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); margin: 0 0 var(--os-space-md); display: flex; align-items: center; gap: var(--os-space-xs); } .story-detail__comment-count[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-normal); color: var(--os-text-secondary); } .story-detail__description[b-0kwtvptkqg] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); line-height: 1.7; margin: 0; max-width: 65ch; } .story-detail__empty[b-0kwtvptkqg] { font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); margin: 0; } .story-detail__chapter-list[b-0kwtvptkqg] { list-style: none; margin: 0; padding: 0; background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .story-detail__chapter-item[b-0kwtvptkqg] { position: relative; border-bottom: 1px solid var(--os-border); } .story-detail__chapter-item:last-child[b-0kwtvptkqg] { border-bottom: none; } .story-detail__chapter-link[b-0kwtvptkqg] { display: flex; align-items: center; gap: var(--os-space-md); min-height: 44px; width: 100%; padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); text-decoration: none; transition: background-color var(--os-transition-fast); } .story-detail__chapter-link[b-0kwtvptkqg]::after { content: ""; position: absolute; inset: 0; } .story-detail__chapter-link:hover[b-0kwtvptkqg], .story-detail__chapter-link:focus-visible[b-0kwtvptkqg] { background-color: var(--os-surface-variant); outline: none; } .story-detail__chapter-index[b-0kwtvptkqg] { flex: 0 0 auto; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: var(--os-radius-full); background-color: var(--os-primary-light); color: var(--os-primary); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-bold); } .story-detail__chapter-title[b-0kwtvptkqg] { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .story-detail__chapter-arrow[b-0kwtvptkqg] { flex: 0 0 auto; color: var(--os-text-tertiary); } .story-detail__login-prompt-wrap[b-0kwtvptkqg] { margin-top: var(--os-space-md); } .story-detail__admin-actions[b-0kwtvptkqg] { padding: 0 var(--os-space-md); } html[data-ui="v2"] .story-detail__chapter-link:focus-visible[b-0kwtvptkqg] { outline: 2px solid var(--os-focus-ring-color); outline-offset: 2px; } .story-detail__chapter-released[b-0kwtvptkqg] { padding-left: var(--os-space-sm); color: var(--os-text-tertiary); font-size: 0.8125rem; white-space: nowrap; flex: 0 0 auto; } .story-diff-page[b-m1ccwa9gxo] { max-width: 1200px; margin: 0 auto; padding: var(--os-space-lg); display: flex; flex-direction: column; gap: var(--os-space-lg); } .story-diff-page__header[b-m1ccwa9gxo] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--os-space-md); } .story-diff-page__title[b-m1ccwa9gxo] { flex: 1; margin: 0; font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-semibold); } .story-diff-page__selectors[b-m1ccwa9gxo] { display: flex; align-items: flex-end; gap: var(--os-space-sm); flex-wrap: wrap; } .story-diff-page__selector[b-m1ccwa9gxo] { display: flex; flex-direction: column; gap: var(--os-space-xs); font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .story-diff-page__selector select[b-m1ccwa9gxo] { padding: var(--os-space-xs) var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background-color: var(--os-surface); color: var(--os-text-primary); font-size: var(--os-font-size-sm); } .story-diff-page__loading[b-m1ccwa9gxo], .story-diff-page__error[b-m1ccwa9gxo] { text-align: center; color: var(--os-text-secondary); padding: var(--os-space-xl) 0; } .story-diff-page__columns[b-m1ccwa9gxo] { display: flex; flex-direction: column; gap: var(--os-space-xl); } .story-diff-page__columns-header[b-m1ccwa9gxo] { display: grid; grid-template-columns: 40px 1fr 40px 1fr; background-color: var(--os-surface); border-radius: var(--os-radius-md); overflow: hidden; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); } .story-diff-page__column-header[b-m1ccwa9gxo] { padding: var(--os-space-xs) var(--os-space-sm); } .story-diff-page__column-header--left[b-m1ccwa9gxo] { grid-column: 1 / span 2; border-right: 1px solid var(--os-border); } .story-diff-page__column-header--right[b-m1ccwa9gxo] { grid-column: 3 / span 2; } .story-diff-page__chapter[b-m1ccwa9gxo] { background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); overflow: hidden; } .story-diff-page__chapter-heading[b-m1ccwa9gxo] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background-color: var(--os-surface-variant); border-bottom: 1px solid var(--os-border); flex-wrap: wrap; } .story-diff-page__chapter-heading h2[b-m1ccwa9gxo] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); } .story-diff-page__chapter-titles[b-m1ccwa9gxo] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .story-diff-page__chapter-badge[b-m1ccwa9gxo] { font-size: 0.6875rem; font-weight: var(--os-font-weight-semibold); padding: 0 var(--os-space-xs); border-radius: var(--os-radius-sm); text-transform: uppercase; letter-spacing: 0.04em; } .story-diff-page__chapter-badge--added[b-m1ccwa9gxo] { color: #14532d; background-color: #dcfce7; } .story-diff-page__chapter-badge--removed[b-m1ccwa9gxo] { color: #7f1d1d; background-color: #fee2e2; } .story-diff-page__no-changes[b-m1ccwa9gxo] { margin: 0; padding: var(--os-space-md); color: var(--os-text-secondary); font-style: italic; font-size: var(--os-font-size-sm); } .story-diff-page__table-wrap[b-m1ccwa9gxo] { overflow-x: auto; } .story-diff-page__table[b-m1ccwa9gxo] { width: 100%; border-collapse: collapse; font-family: var(--os-font-family-mono, ui-monospace, monospace); font-size: 0.8125rem; } .story-diff-page__table td[b-m1ccwa9gxo] { padding: 2px var(--os-space-xs); vertical-align: top; border-bottom: 1px solid var(--os-border); white-space: pre-wrap; word-break: break-word; } .story-diff-page__line-number[b-m1ccwa9gxo] { width: 40px; color: var(--os-text-secondary); text-align: right; user-select: none; background-color: var(--os-surface-variant); } .story-diff-page__cell--left[b-m1ccwa9gxo], .story-diff-page__cell--right[b-m1ccwa9gxo] { width: calc(50% - 40px); } .story-diff-page__cell--left[b-m1ccwa9gxo] { border-right: 1px solid var(--os-border); } .story-diff-page__row--inserted .story-diff-page__cell--right[b-m1ccwa9gxo] { background-color: #dcfce7; } .story-diff-page__row--deleted .story-diff-page__cell--left[b-m1ccwa9gxo] { background-color: #fee2e2; } .story-diff-page__row--modified .story-diff-page__cell--left[b-m1ccwa9gxo] { background-color: #fef3c7; } .story-diff-page__row--modified .story-diff-page__cell--right[b-m1ccwa9gxo] { background-color: #dcfce7; } .story-diff-page__row--imaginary[b-m1ccwa9gxo] { background-color: transparent; } @media (max-width: 720px) { .story-diff-page__table[b-m1ccwa9gxo] { font-size: 0.75rem; } .story-diff-page__cell--left[b-m1ccwa9gxo], .story-diff-page__cell--right[b-m1ccwa9gxo] { width: calc(50% - 32px); } } html[data-ui="v2"] .story-diff-page__chapter-badge--added[b-m1ccwa9gxo] { color: var(--os-success); background-color: var(--os-success-light); } html[data-ui="v2"] .story-diff-page__chapter-badge--removed[b-m1ccwa9gxo] { color: var(--os-error); background-color: var(--os-error-light); } html[data-ui="v2"] .story-diff-page__row--inserted .story-diff-page__cell--right[b-m1ccwa9gxo] { background-color: var(--os-success-light); } html[data-ui="v2"] .story-diff-page__row--deleted .story-diff-page__cell--left[b-m1ccwa9gxo] { background-color: var(--os-error-light); } html[data-ui="v2"] .story-diff-page__row--modified .story-diff-page__cell--left[b-m1ccwa9gxo] { background-color: var(--os-warning-light); } html[data-ui="v2"] .story-diff-page__row--modified .story-diff-page__cell--right[b-m1ccwa9gxo] { background-color: var(--os-success-light); } .story-insights__loading[b-zbivsvtgkb], .story-insights__empty[b-zbivsvtgkb] { color: var(--os-text-secondary, #555); padding: var(--os-space-md, 12px) 0; margin: 0; } .story-insights__caption[b-zbivsvtgkb] { color: var(--os-text-secondary, #555); margin: 0 0 var(--os-space-md, 12px) 0; font-size: 0.95rem; } .story-insights__tiles-grid[b-zbivsvtgkb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--os-space-md, 12px); margin-top: var(--os-space-md, 12px); } .story-insights__tile[b-zbivsvtgkb] { background: var(--os-surface-variant); border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-md, 8px); padding: var(--os-space-lg, 16px); } .story-insights__tile-label[b-zbivsvtgkb] { font-size: 0.85rem; color: var(--os-text-secondary, #555); margin-bottom: var(--os-space-xs, 4px); } .story-insights__tile-value[b-zbivsvtgkb] { font-size: 1.5rem; font-weight: bold; font-variant-numeric: tabular-nums; } .story-insights__premium-note[b-zbivsvtgkb] { color: var(--os-text-secondary, #555); font-size: 0.9rem; line-height: 1.5; margin: var(--os-space-md, 12px) 0 0 0; min-width: 0; } .story-insights__tile-sub[b-zbivsvtgkb] { font-size: 0.8rem; color: var(--os-text-tertiary, #777); margin-top: var(--os-space-xs, 4px); } .story-insights__table-wrap[b-zbivsvtgkb] { border: 1px solid var(--os-border, #ddd); border-radius: var(--os-radius-lg, 12px); overflow-x: auto; margin-top: var(--os-space-md, 12px); } .story-insights__table[b-zbivsvtgkb] { width: 100%; border-collapse: collapse; margin-top: var(--os-space-md, 12px); font-size: 0.95rem; } .story-insights__table-wrap > .story-insights__table[b-zbivsvtgkb] { margin-top: 0; } .story-insights__table th[b-zbivsvtgkb], .story-insights__table td[b-zbivsvtgkb] { padding: var(--os-space-sm, 8px) var(--os-space-md, 12px); text-align: left; border-bottom: 1px solid var(--os-border, #eee); } .story-insights__table th[b-zbivsvtgkb] { background: var(--os-surface-variant); font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; } .story-insights__table td:nth-child(2)[b-zbivsvtgkb] { font-variant-numeric: tabular-nums; text-align: right; } .story-insights__footnote[b-zbivsvtgkb] { font-size: 0.85rem; color: var(--os-text-tertiary, #777); margin: var(--os-space-md, 12px) 0 0; line-height: 1.5; } .my-renditions-page[b-onoojlf8yl] { display: flex; flex-direction: column; gap: var(--os-space-lg); max-width: 800px; margin: 0 auto; padding: var(--os-space-md); } .my-renditions-page__auth-gate[b-onoojlf8yl] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: var(--os-space-2xl) var(--os-space-md); gap: var(--os-space-md); } .my-renditions-page__header[b-onoojlf8yl] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); } .my-renditions-page__title[b-onoojlf8yl] { font-size: 1.5rem; font-weight: 700; color: var(--os-text-primary); margin: 0; } .my-renditions-page__list[b-onoojlf8yl] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .my-renditions-page__item[b-onoojlf8yl] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--os-space-md); min-width: 0; padding: var(--os-space-md); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .my-renditions-page__info[b-onoojlf8yl] { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .my-renditions-page__story-title[b-onoojlf8yl] { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--os-text-primary); overflow-wrap: anywhere; } .my-renditions-page__meta[b-onoojlf8yl] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--os-space-sm); font-size: 0.8125rem; color: var(--os-text-tertiary); } .my-renditions-page__tracks[b-onoojlf8yl] { display: flex; flex-direction: column; gap: var(--os-space-sm); margin-top: var(--os-space-xs); } .my-renditions-page__track[b-onoojlf8yl] { display: flex; flex-direction: column; gap: var(--os-space-xs); min-width: 0; } .my-renditions-page__track-label[b-onoojlf8yl] { font-size: 0.8125rem; font-weight: 600; color: var(--os-text-secondary); } .my-renditions-page__track audio[b-onoojlf8yl] { width: 100%; max-width: 100%; } .my-renditions-page__play-error[b-onoojlf8yl], .my-renditions-page__share-error[b-onoojlf8yl] { margin: 0; font-size: 0.8125rem; color: var(--os-error); } .my-renditions-page__share-row[b-onoojlf8yl] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--os-space-sm); min-width: 0; margin-top: var(--os-space-xs); } .my-renditions-page__share-link[b-onoojlf8yl] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; font-size: 0.8125rem; color: var(--os-primary); } .my-renditions-page__actions[b-onoojlf8yl] { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: var(--os-space-xs); align-items: center; } .my-stories-page[b-jw9yt4voyf] { padding: 1rem; max-width: 800px; margin: 0 auto; } .my-stories-page__auth-gate[b-jw9yt4voyf] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 3rem 1rem; gap: 1rem; } .my-stories-page__auth-icon[b-jw9yt4voyf] { opacity: 0.6; } .my-stories-page__auth-title[b-jw9yt4voyf] { font-size: 1.5rem; font-weight: 700; color: var(--os-text-primary); } .my-stories-page__header[b-jw9yt4voyf] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; gap: 1rem; } .my-stories-page__title[b-jw9yt4voyf] { font-size: 1.5rem; font-weight: 700; color: var(--os-text-primary); margin: 0; } .my-stories-page__new-btn[b-jw9yt4voyf] { display: flex; align-items: center; gap: 0.375rem; white-space: nowrap; } .my-stories-page__tabs[b-jw9yt4voyf] { display: flex; gap: 0; border-bottom: 2px solid var(--os-border); margin-bottom: 1.5rem; } .my-stories-page__tab[b-jw9yt4voyf] { flex: 1; padding: 0.75rem 1rem; border: none; background: none; font-size: 0.9375rem; font-weight: 500; color: var(--os-text-secondary); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color 0.15s, border-color 0.15s; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .my-stories-page__tab:hover[b-jw9yt4voyf] { color: var(--os-text-primary); } .my-stories-page__tab--active[b-jw9yt4voyf] { color: var(--os-primary); border-bottom-color: var(--os-primary); font-weight: 600; } .my-stories-page__tab-count[b-jw9yt4voyf] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.375rem; height: 1.375rem; padding: 0 0.375rem; border-radius: 999px; background: var(--os-surface-variant); font-size: 0.75rem; font-weight: 600; color: var(--os-text-secondary); } .my-stories-page__tab--active .my-stories-page__tab-count[b-jw9yt4voyf] { background: var(--os-primary); color: #fff; } .my-stories-page__loading[b-jw9yt4voyf] { display: flex; justify-content: center; padding: 3rem 0; } .my-stories-page__empty[b-jw9yt4voyf] { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 3rem 1rem; gap: 1rem; color: var(--os-text-secondary); } .my-stories-page__empty p[b-jw9yt4voyf] { margin: 0; font-size: 0.9375rem; } .my-stories-page__list[b-jw9yt4voyf] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; } .my-stories-page__item[b-jw9yt4voyf] { display: flex; align-items: center; gap: 1rem; padding: 0.75rem; border-radius: var(--os-radius, 0.75rem); } .my-stories-page__cover[b-jw9yt4voyf] { width: 56px; height: 75px; border-radius: 0.375rem; object-fit: cover; flex-shrink: 0; } .my-stories-page__draft-icon[b-jw9yt4voyf] { width: 56px; height: 75px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--os-surface-variant); border-radius: 0.375rem; color: var(--os-text-tertiary); } .my-stories-page__info[b-jw9yt4voyf] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.25rem; } .my-stories-page__story-title[b-jw9yt4voyf] { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--os-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my-stories-page__story-category[b-jw9yt4voyf] { margin: 0; font-size: 0.8125rem; color: var(--os-text-secondary); } .my-stories-page__story-meta[b-jw9yt4voyf] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; font-size: 0.75rem; color: var(--os-text-tertiary); } .my-stories-page__next-installment[b-jw9yt4voyf] { min-width: 0; color: var(--os-text-secondary); overflow-wrap: anywhere; } .my-stories-page__rating[b-jw9yt4voyf] { display: flex; align-items: center; gap: 0.25rem; } .my-stories-page__narration-toggle[b-jw9yt4voyf] { display: flex; align-items: center; gap: var(--os-space-xs); min-width: 0; margin-top: 0.25rem; } .my-stories-page__narration-toggle-label[b-jw9yt4voyf] { font-size: 0.75rem; color: var(--os-text-secondary); overflow: hidden; text-overflow: ellipsis; } .my-stories-page__actions[b-jw9yt4voyf] { flex-shrink: 0; display: flex; gap: var(--os-space-xs); align-items: center; } .my-stories-page__draft-version-postfix[b-jw9yt4voyf] { color: var(--os-text-muted); font-weight: 400; font-size: 0.92em; margin-left: 0.25rem; } .my-stories-page__delete-btn[b-jw9yt4voyf] { color: var(--os-danger, #d33); border-color: var(--os-danger, #d33); } .my-stories-page__delete-btn:hover:not(:disabled)[b-jw9yt4voyf] { background: var(--os-danger, #d33); color: var(--os-on-danger, #fff); } .my-stories-page__delete-btn--armed[b-jw9yt4voyf] { background: var(--os-danger, #d33); color: var(--os-on-danger, #fff); border: 1px solid var(--os-danger, #d33); } .my-stories-page__delete-blocked[b-jw9yt4voyf] { display: inline-flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-sm); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); color: var(--os-text-secondary); font-size: 0.875rem; } .my-stories-page__delete-blocked button[b-jw9yt4voyf] { color: var(--os-text-tertiary); line-height: 1; } .my-stories-page__delete-published-btn[b-jw9yt4voyf] { color: var(--os-error); border-color: var(--os-error); } .my-stories-page__delete-published-btn:hover[b-jw9yt4voyf] { background: var(--os-error); color: #fff; } .my-stories-page__restore-btn[b-jw9yt4voyf] { } @media (max-width: 767px) { .my-stories-page__new-btn[b-jw9yt4voyf], .my-stories-page__tabs[b-jw9yt4voyf], .my-stories-page__drafts-actions[b-jw9yt4voyf], .my-stories-page__audio-action[b-jw9yt4voyf], .my-stories-page__edit-action[b-jw9yt4voyf] { display: none; } .my-stories-page__header[b-jw9yt4voyf] { justify-content: flex-start; } .my-stories-page__item[b-jw9yt4voyf] { flex-wrap: wrap; } .my-stories-page__actions[b-jw9yt4voyf] { flex-basis: 100%; flex-wrap: wrap; justify-content: flex-end; } } @media (min-width: 768px) { .my-stories-page__item[b-jw9yt4voyf] { flex-wrap: wrap; } .my-stories-page__info[b-jw9yt4voyf] { flex: 1 1 18rem; } .my-stories-page__actions[b-jw9yt4voyf] { flex-wrap: wrap; margin-left: auto; } } html[data-ui="v2"] .my-stories-page[b-jw9yt4voyf] { padding: var(--os-space-md); } html[data-ui="v2"] .my-stories-page__auth-gate[b-jw9yt4voyf] { padding: var(--os-space-2xl) var(--os-space-md); gap: var(--os-space-md); } html[data-ui="v2"] .my-stories-page__auth-title[b-jw9yt4voyf], html[data-ui="v2"] .my-stories-page__title[b-jw9yt4voyf] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); } html[data-ui="v2"] .my-stories-page__header[b-jw9yt4voyf] { margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .my-stories-page__new-btn[b-jw9yt4voyf] { gap: var(--os-space-xs); } html[data-ui="v2"] .my-stories-page__tabs[b-jw9yt4voyf] { margin-bottom: var(--os-space-lg); } html[data-ui="v2"] .my-stories-page__tab[b-jw9yt4voyf] { padding: var(--os-space-sm) var(--os-space-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); gap: var(--os-space-sm); } html[data-ui="v2"] .my-stories-page__tab--active[b-jw9yt4voyf] { font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .my-stories-page__loading[b-jw9yt4voyf] { padding: var(--os-space-2xl) 0; } html[data-ui="v2"] .my-stories-page__list[b-jw9yt4voyf] { gap: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } html[data-ui="v2"] .my-stories-page__list > li[b-jw9yt4voyf] { border-bottom: 1px solid var(--os-border); } html[data-ui="v2"] .my-stories-page__list > li:last-child[b-jw9yt4voyf] { border-bottom: none; } html[data-ui="v2"] .my-stories-page__item[b-jw9yt4voyf] { padding: var(--os-space-md); border-radius: 0; gap: var(--os-space-md); } html[data-ui="v2"] .my-stories-page__cover[b-jw9yt4voyf], html[data-ui="v2"] .my-stories-page__draft-icon[b-jw9yt4voyf] { border-radius: var(--os-radius-sm); } html[data-ui="v2"] .my-stories-page__info[b-jw9yt4voyf] { gap: var(--os-space-xs); } html[data-ui="v2"] .my-stories-page__story-title[b-jw9yt4voyf] { font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); } html[data-ui="v2"] .my-stories-page__story-category[b-jw9yt4voyf] { font-size: var(--os-font-size-xs); } html[data-ui="v2"] .my-stories-page__story-meta[b-jw9yt4voyf] { gap: var(--os-space-sm); font-size: var(--os-font-size-xs); } html[data-ui="v2"] .my-stories-page__draft-version-postfix[b-jw9yt4voyf] { color: var(--os-text-tertiary); } html[data-ui="v2"] .my-stories-page__delete-btn[b-jw9yt4voyf] { color: var(--os-danger); border-color: var(--os-danger); } html[data-ui="v2"] .my-stories-page__delete-btn:hover:not(:disabled)[b-jw9yt4voyf] { background: var(--os-danger); color: #ffffff; } html[data-ui="v2"] .my-stories-page__delete-btn--armed[b-jw9yt4voyf] { background: var(--os-danger); color: #ffffff; border: 1px solid var(--os-danger); } html[data-ui="v2"] .my-stories-page__delete-blocked[b-jw9yt4voyf] { gap: var(--os-space-sm); padding: var(--os-space-xs) var(--os-space-sm); border-radius: var(--os-radius-sm); font-size: var(--os-font-size-sm); } .my-stories-page__sync-notice[b-jw9yt4voyf] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); min-width: 0; margin-bottom: var(--os-space-md); padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-left: 3px solid var(--os-danger); border-radius: var(--os-radius-md); background: var(--os-surface-variant); color: var(--os-text-primary); } .my-stories-page__sync-notice-text[b-jw9yt4voyf] { min-width: 0; font-size: var(--os-font-size-sm); } .my-stories-page__sync-notice-dismiss[b-jw9yt4voyf] { flex: none; padding: var(--os-space-xs) var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-sm); background: transparent; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); cursor: pointer; } .my-stories-page__sync-notice-dismiss:hover[b-jw9yt4voyf] { color: var(--os-text-primary); border-color: var(--os-text-tertiary); } html[data-ui="v2"] .publish-page__ai-row[b-lv014fbt0v] { gap: var(--os-space-xs); } html[data-ui="v2"] .publish-page__tone-input[b-lv014fbt0v] { font-size: var(--os-font-size-sm); } html[data-ui="v2"] .publish-page__ai-toggle[b-lv014fbt0v] { gap: var(--os-space-xs); } .publish-audio-page__switch-row[b-5l31cowenw] { display: flex; align-items: center; gap: var(--os-space-sm); cursor: pointer; } .publish-audio-page__switch-label[b-5l31cowenw] { font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .publish-audio-page__warning-banner[b-5l31cowenw] { background: color-mix(in srgb, var(--os-warning) 15%, var(--os-surface)); border: 1px solid var(--os-warning); color: var(--os-text-primary); padding: var(--os-space-sm) var(--os-space-md); border-radius: var(--os-radius-md); margin: var(--os-space-sm) 0; } .publish-audio-page__writer-terms[b-5l31cowenw] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-lg); margin: var(--os-space-md) 0; } .publish-audio-page__writer-terms-heading[b-5l31cowenw] { margin: 0; font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .publish-audio-page__writer-terms-body[b-5l31cowenw] { margin: 0; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); line-height: 1.55; } .publish-audio-page__writer-terms-link[b-5l31cowenw] { margin: 0; font-size: var(--os-font-size-sm); } .publish-audio-page__writer-terms-link a[b-5l31cowenw] { color: var(--os-primary); text-decoration: none; } .publish-audio-page__writer-terms-link a:hover[b-5l31cowenw] { text-decoration: underline; } .publish-audio-page__writer-terms-check[b-5l31cowenw] { display: flex; align-items: flex-start; gap: var(--os-space-sm); font-size: var(--os-font-size-sm); color: var(--os-text-primary); cursor: pointer; line-height: 1.5; } .publish-audio-page__writer-terms-check input[b-5l31cowenw] { margin-top: 2px; } .publish-audio-page__writer-terms-error[b-5l31cowenw] { margin: 0; color: var(--os-error, #dc2626); font-size: var(--os-font-size-sm); } .publish-audio-page__writer-terms-loading[b-5l31cowenw] { margin: var(--os-space-md) 0; color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); } .publish-audio-page__writer-terms-accepted-note[b-5l31cowenw] { margin: var(--os-space-md) 0; color: var(--os-text-tertiary); font-size: var(--os-font-size-sm); font-style: italic; } html[data-ui="v2"] .publish-audio-page__switch-row[b-5l31cowenw] { gap: var(--os-space-sm); padding: var(--os-space-xs) 0; } html[data-ui="v2"] .publish-audio-page__switch-label[b-5l31cowenw] { font-weight: var(--os-font-weight-medium); font-size: var(--os-font-size-sm); color: var(--os-text-primary); } html[data-ui="v2"] .publish-audio-page__warning-banner[b-5l31cowenw] { background: color-mix(in srgb, var(--os-warning) 10%, var(--os-surface)); border-color: color-mix(in srgb, var(--os-warning) 45%, transparent); border-radius: var(--os-radius-md); box-shadow: none; } .publish-cover-page__section-head[b-xllg4yjjyr] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-sm); flex-wrap: wrap; } .publish-cover-page__rounds-pill[b-xllg4yjjyr] { display: inline-block; padding: var(--os-space-xs) var(--os-space-md); border-radius: 999px; background: var(--os-surface-variant); color: var(--os-text-secondary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); border: 1px solid var(--os-border); } .publish-cover-page__rounds-pill--empty[b-xllg4yjjyr] { color: var(--os-danger); border-color: var(--os-danger); } .publish-cover-page__grid[b-xllg4yjjyr] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--os-space-md); } .publish-cover-page__round-header[b-xllg4yjjyr] { display: flex; align-items: center; margin-bottom: var(--os-space-sm); } .publish-cover-page__round-badge[b-xllg4yjjyr] { display: inline-block; padding: var(--os-space-xs) var(--os-space-md); border-radius: 999px; background: var(--os-primary); color: var(--os-on-primary, #fff); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); } .publish-cover-page__empty[b-xllg4yjjyr] { color: var(--os-text-secondary); text-align: center; padding: var(--os-space-lg); border: 1px dashed var(--os-border); border-radius: var(--os-radius-md); } .publish-cover-page__selected-overlay[b-xllg4yjjyr] { position: absolute; top: var(--os-space-sm); right: var(--os-space-sm); background: var(--os-primary); color: var(--os-on-primary, #fff); padding: 2px var(--os-space-sm); border-radius: 999px; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); } .publish-cover-page__sticky-actions[b-xllg4yjjyr] { position: sticky; bottom: 0; background: var(--os-surface); padding: var(--os-space-md) 0; border-top: 1px solid var(--os-border); z-index: 2; } .publish-cover-page__card[b-xllg4yjjyr] { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: var(--os-space-sm); padding: var(--os-space-sm); border: 2px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); transition: border-color 120ms ease, transform 120ms ease; } .publish-cover-page__card:hover[b-xllg4yjjyr] { border-color: var(--os-primary); transform: translateY(-2px); } .publish-cover-page__card.is-selected[b-xllg4yjjyr] { border-color: var(--os-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--os-primary) 25%, transparent); } .publish-cover-page__card img[b-xllg4yjjyr] { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border-radius: var(--os-radius-sm); } .publish-cover-page__selected-label[b-xllg4yjjyr] { text-align: center; color: var(--os-primary); font-weight: var(--os-font-weight-semibold); } .publish-cover-page__current[b-xllg4yjjyr] { display: flex; justify-content: center; } .publish-cover-page__current img[b-xllg4yjjyr] { max-width: 240px; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: var(--os-radius-md); border: 1px solid var(--os-border); } .publish-cover-page__generating-hint[b-xllg4yjjyr] { color: var(--os-muted); font-style: italic; margin-bottom: 0.75rem; } .publish-cover-page__skeleton[b-xllg4yjjyr] { aspect-ratio: 2 / 3; border-radius: var(--os-radius-md); background: linear-gradient(90deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.12) 50%, rgba(255,255,255,0.04) 100%); background-size: 200% 100%; animation: publish-cover-shimmer-b-xllg4yjjyr 1.4s ease-in-out infinite; border: 1px solid var(--os-border); } @keyframes publish-cover-shimmer-b-xllg4yjjyr { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .publish-cover-page__color-grid[b-xllg4yjjyr] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .publish-cover-page__color-swatch[b-xllg4yjjyr] { width: 44px; height: 44px; border-radius: var(--os-radius-md); border: 3px solid transparent; cursor: pointer; transition: border-color var(--os-transition-fast), transform var(--os-transition-fast); } .publish-cover-page__color-swatch:hover[b-xllg4yjjyr] { transform: scale(1.1); } .publish-cover-page__color-swatch.is-selected[b-xllg4yjjyr] { border-color: var(--os-primary); box-shadow: 0 0 0 2px var(--os-primary); } .publish-cover-page__color-preview[b-xllg4yjjyr] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); margin-top: var(--os-space-sm); padding-top: var(--os-space-md); border-top: 1px solid var(--os-border); } .publish-cover-page__color-preview img[b-xllg4yjjyr] { width: 160px; aspect-ratio: 2 / 3; object-fit: cover; border-radius: var(--os-radius-md); border: 1px solid var(--os-border); } .publish-cover-page__upload[b-xllg4yjjyr] { display: flex; flex-direction: column; gap: var(--os-space-sm); } html[data-ui="v2"] .publish-cover-page__section-head[b-xllg4yjjyr] { gap: var(--os-space-sm); } html[data-ui="v2"] .publish-cover-page__rounds-pill[b-xllg4yjjyr] { background: var(--os-surface-variant); border-color: var(--os-border-light); color: var(--os-text-tertiary); font-size: var(--os-font-size-xs); } html[data-ui="v2"] .publish-cover-page__rounds-pill--empty[b-xllg4yjjyr] { color: var(--os-danger); border-color: color-mix(in srgb, var(--os-danger) 45%, transparent); } html[data-ui="v2"] .publish-cover-page__grid[b-xllg4yjjyr] { gap: var(--os-space-md); } html[data-ui="v2"] .publish-cover-page__round-badge[b-xllg4yjjyr] { background: var(--os-primary); color: var(--os-text-on-primary); font-size: var(--os-font-size-xs); } html[data-ui="v2"] .publish-cover-page__empty[b-xllg4yjjyr] { color: var(--os-text-tertiary); border: 1px dashed var(--os-border); background: var(--os-surface); } html[data-ui="v2"] .publish-cover-page__card[b-xllg4yjjyr] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); transition: border-color var(--os-transition-fast); } html[data-ui="v2"] .publish-cover-page__card:hover[b-xllg4yjjyr] { border-color: var(--os-primary); transform: none; } html[data-ui="v2"] .publish-cover-page__card.is-selected[b-xllg4yjjyr] { border-color: var(--os-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--os-primary) 25%, transparent); } html[data-ui="v2"] .publish-cover-page__selected-overlay[b-xllg4yjjyr] { background: var(--os-primary); color: var(--os-text-on-primary); font-size: var(--os-font-size-xs); } html[data-ui="v2"] .publish-cover-page__sticky-actions[b-xllg4yjjyr] { background: var(--os-surface); border-top: 1px solid var(--os-border-light); padding: var(--os-space-md) 0; } html[data-ui="v2"] .publish-cover-page__section--current[b-xllg4yjjyr] { background: var(--os-surface-variant); border-color: var(--os-border-light); box-shadow: none; } html[data-ui="v2"] .publish-cover-page__current img[b-xllg4yjjyr] { border-color: var(--os-border-light); } html[data-ui="v2"] .publish-cover-page__generating-hint[b-xllg4yjjyr] { color: var(--os-text-tertiary); font-style: italic; margin-bottom: var(--os-space-sm); } html[data-ui="v2"] .publish-cover-page__skeleton[b-xllg4yjjyr] { border-radius: var(--os-radius-lg); border-color: var(--os-border-light); } html[data-ui="v2"] .publish-cover-page__color-grid[b-xllg4yjjyr] { gap: var(--os-space-xs); } html[data-ui="v2"] .publish-cover-page__color-swatch[b-xllg4yjjyr] { width: 40px; height: 40px; border-radius: var(--os-radius-md); border: 2px solid transparent; transition: border-color var(--os-transition-fast), transform var(--os-transition-fast); } html[data-ui="v2"] .publish-cover-page__color-swatch:hover[b-xllg4yjjyr] { transform: scale(1.06); } html[data-ui="v2"] .publish-cover-page__color-swatch.is-selected[b-xllg4yjjyr] { border-color: var(--os-primary); box-shadow: 0 0 0 2px var(--os-primary); } html[data-ui="v2"] .publish-cover-page__color-preview[b-xllg4yjjyr] { gap: var(--os-space-sm); margin-top: var(--os-space-xs); padding-top: var(--os-space-sm); border-top: 1px solid var(--os-border-light); } html[data-ui="v2"] .publish-cover-page__color-preview img[b-xllg4yjjyr] { border-color: var(--os-border-light); } html[data-ui="v2"] .publish-cover-page__upload[b-xllg4yjjyr] { gap: var(--os-space-xs); } html[data-ui="v2"] .publish-cover-page__checkbox-label[b-xllg4yjjyr] { display: flex; align-items: center; gap: var(--os-space-xs); font-size: var(--os-font-size-sm); color: var(--os-text-primary); cursor: pointer; } html[data-ui="v2"] .publish-review-page__summary[b-k1ljd7auah] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } html[data-ui="v2"] .publish-review-page__summary-row[b-k1ljd7auah] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--os-space-md); padding: var(--os-space-sm) 0; border-bottom: 1px solid var(--os-border-light); } html[data-ui="v2"] .publish-review-page__summary-row:last-child[b-k1ljd7auah] { border-bottom: none; } html[data-ui="v2"] .publish-review-page__summary-label[b-k1ljd7auah] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); flex-shrink: 0; } html[data-ui="v2"] .publish-review-page__summary-value[b-k1ljd7auah] { color: var(--os-text-primary); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); text-align: right; min-width: 0; overflow-wrap: anywhere; } html[data-ui="v2"] .publish-review-page__warning-banner[b-k1ljd7auah] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background: color-mix(in srgb, var(--os-warning) 12%, var(--os-surface)); border: 1px solid color-mix(in srgb, var(--os-warning) 55%, transparent); border-radius: var(--os-radius-md); color: var(--os-text-primary); font-size: var(--os-font-size-sm); line-height: 1.5; } .story-read-page[b-fmtw5fj3ge] { width: 100%; } .story-read-page__not-found[b-fmtw5fj3ge], .story-read-page__offline[b-fmtw5fj3ge] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-2xl) var(--os-space-md); text-align: center; color: var(--os-text-secondary); } .story-read-page__offline-body[b-fmtw5fj3ge] { max-width: 42ch; color: var(--os-text-tertiary); } .story-termination-banner[b-fmtw5fj3ge] { margin: 0 0 var(--os-space-lg); padding: var(--os-space-sm) var(--os-space-md); background: var(--os-surface-variant); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); color: var(--os-text-primary); font-size: 0.9rem; line-height: 1.4; } .story-read-page__rail[b-fmtw5fj3ge] { display: none; } @media (min-width: 1400px) { .story-read-page__rail[b-fmtw5fj3ge] { display: block; position: fixed; top: 64px; width: 160px; z-index: 50; } .story-read-page__rail--left[b-fmtw5fj3ge] { left: 16px; } .story-read-page__rail--right[b-fmtw5fj3ge] { right: 16px; } } .read-along-page[b-2amzsjos9u] { max-width: 720px; margin: 0 auto; padding: var(--os-space-lg) var(--os-space-md) calc(72px + var(--os-space-xl)); min-width: 0; box-sizing: border-box; } .read-along-page__empty[b-2amzsjos9u] { text-align: center; color: var(--os-text-secondary); padding: var(--os-space-2xl) var(--os-space-md); } .read-along-page__chapter-title[b-2amzsjos9u] { font-size: 1.25rem; font-weight: var(--os-font-weight-semibold, 600); color: var(--os-text-primary); margin: 0 0 var(--os-space-lg); min-width: 0; overflow-wrap: break-word; } .read-along-page__text[b-2amzsjos9u] { min-width: 0; max-width: 100%; } .read-along-page__para[b-2amzsjos9u] { margin: 0 0 var(--os-space-md); line-height: 1.8; color: var(--os-text-primary); font-size: 1.0625rem; min-width: 0; overflow-wrap: break-word; } .read-along-page__para:last-child[b-2amzsjos9u] { margin-bottom: 0; } .read-along__s[b-2amzsjos9u] { display: inline; border-radius: var(--os-radius-sm); padding: 0 2px; transition: background-color 0.15s ease; } .read-along__s--active[b-2amzsjos9u] { background: color-mix(in srgb, var(--os-primary) 24%, transparent); color: var(--os-text-primary); font-weight: var(--os-font-weight-semibold, 600); } .read-along-page__premium[b-2amzsjos9u] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--os-space-md); max-width: 480px; width: 100%; margin: var(--os-space-2xl) auto; padding: var(--os-space-xl) var(--os-space-lg); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); box-sizing: border-box; min-width: 0; } .read-along-page__premium-icon[b-2amzsjos9u] { color: var(--os-primary); flex-shrink: 0; } .read-along-page__premium-title[b-2amzsjos9u] { margin: 0; font-size: 1.25rem; font-weight: var(--os-font-weight-semibold, 600); color: var(--os-text-primary); overflow-wrap: break-word; } .read-along-page__premium-body[b-2amzsjos9u] { margin: 0; font-size: 0.9375rem; color: var(--os-text-secondary); line-height: 1.6; overflow-wrap: break-word; } .read-along-page__premium-cta[b-2amzsjos9u] { display: inline-flex; align-items: center; justify-content: center; padding: var(--os-space-sm) var(--os-space-lg); background: var(--os-primary); color: #fff; border: none; border-radius: var(--os-radius-full, 999px); font-size: 0.9375rem; font-weight: var(--os-font-weight-semibold, 600); cursor: pointer; transition: opacity var(--os-transition-fast); white-space: nowrap; flex-shrink: 0; } .read-along-page__premium-cta:hover[b-2amzsjos9u] { opacity: 0.9; } html[data-ui="v2"] .read-along-page__premium[b-2amzsjos9u] { border-color: var(--os-border-light, var(--os-border)); border-radius: var(--os-radius-lg); box-shadow: var(--os-elevation-2, var(--os-shadow-md)); } html[data-ui="v2"] .read-along__s[b-2amzsjos9u] { border-radius: var(--os-radius-sm); } .write-page[b-9u4ddhysyg] { max-width: 760px; margin: 0 auto; } .write-page__auth-gate[b-9u4ddhysyg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-2xl) var(--os-space-md); text-align: center; } .write-page__auth-icon[b-9u4ddhysyg] { width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; background-color: var(--os-primary-light); border-radius: var(--os-radius-full); } .write-page__auth-title[b-9u4ddhysyg] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .write-page__auth-subtitle[b-9u4ddhysyg] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; max-width: 400px; } .write-page__phone-only[b-9u4ddhysyg] { display: none; } @media (max-width: 767px) { .write-page__phone-only[b-9u4ddhysyg] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-md); padding: var(--os-space-2xl) var(--os-space-lg); text-align: center; } .write-page__editor[b-9u4ddhysyg] { display: none; } } .write-page__phone-illustration[b-9u4ddhysyg] { width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; background-color: var(--os-surface-variant); border-radius: var(--os-radius-full); } .write-page__phone-title[b-9u4ddhysyg] { font-size: var(--os-font-size-xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .write-page__phone-message[b-9u4ddhysyg] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; max-width: 320px; line-height: 1.6; } .write-page__header[b-9u4ddhysyg] { margin-bottom: var(--os-space-xl); } .write-page__page-title[b-9u4ddhysyg] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-xs); } .write-page__page-subtitle[b-9u4ddhysyg] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; } .write-page__success-toast[b-9u4ddhysyg] { display: flex; align-items: center; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background-color: var(--os-success); color: #ffffff; border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); margin-bottom: var(--os-space-lg); box-shadow: var(--os-shadow-md); } .write-page__field[b-9u4ddhysyg] { display: flex; flex-direction: column; gap: var(--os-space-xs); margin-bottom: var(--os-space-lg); } .write-page__title-input[b-9u4ddhysyg] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-medium); } .write-page__select[b-9u4ddhysyg] { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23888'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--os-space-sm) center; padding-right: var(--os-space-xl); cursor: pointer; } .write-page__textarea[b-9u4ddhysyg] { resize: vertical; line-height: 1.6; } .write-page__char-count[b-9u4ddhysyg] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); text-align: right; } .write-page__content-editor[b-9u4ddhysyg] { resize: vertical; font-family: 'Courier New', Courier, monospace; font-size: var(--os-font-size-sm); line-height: 1.8; min-height: 280px; } .write-page__chapters-header[b-9u4ddhysyg] { display: flex; align-items: center; justify-content: space-between; } .write-page__restore-banner[b-9u4ddhysyg] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: var(--os-space-sm) 0; padding: var(--os-space-sm) var(--os-space-md); border: 1px solid var(--os-border); border-left: 3px solid var(--os-primary, #258cfb); border-radius: var(--os-radius-sm); background: rgba(37, 140, 251, 0.08); color: var(--os-text-primary); font-size: var(--os-font-size-sm); } .write-page__chapters-empty[b-9u4ddhysyg] { font-size: var(--os-font-size-sm); color: var(--os-text-tertiary); margin: var(--os-space-sm) 0 0; text-align: center; padding: var(--os-space-md); border: 1px dashed var(--os-border); border-radius: var(--os-radius-md); } .write-page__chapter-list[b-9u4ddhysyg] { list-style: none; margin: var(--os-space-sm) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .write-page__chapter-item[b-9u4ddhysyg] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-width: 0; gap: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background-color: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); } .write-page__chapter-label[b-9u4ddhysyg] { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-medium); color: var(--os-text-primary); } .write-page__compose[b-9u4ddhysyg] { display: flex; flex-direction: column; } @media (min-width: 1200px) { .write-page[b-9u4ddhysyg] { max-width: 1120px; } .write-page__compose[b-9u4ddhysyg] { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: var(--os-space-xl); align-items: start; } .write-page__chapter-nav .write-page__field[b-9u4ddhysyg] { margin-bottom: 0; } .write-page__chapter-nav[b-9u4ddhysyg] { position: sticky; top: var(--os-space-md); } .write-page__chapter-edit[b-9u4ddhysyg] { min-width: 0; } .write-page__details-panel[b-9u4ddhysyg] { max-width: 720px; } } .write-page__serial[b-9u4ddhysyg] { display: flex; flex-direction: column; min-width: 0; gap: var(--os-space-md); margin: var(--os-space-sm) 0; padding: var(--os-space-md); border: 1px solid var(--os-border); border-left: 3px solid var(--os-primary); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } .write-page__serial-head[b-9u4ddhysyg] { display: flex; align-items: center; flex-wrap: wrap; min-width: 0; gap: var(--os-space-sm); } .write-page__serial-summary[b-9u4ddhysyg] { min-width: 0; font-size: var(--os-font-size-sm); color: var(--os-text-secondary); overflow-wrap: anywhere; } .write-page__serial-schedule[b-9u4ddhysyg] { display: flex; flex-direction: column; min-width: 0; gap: var(--os-space-xs); } .write-page__serial-row[b-9u4ddhysyg] { display: flex; align-items: center; flex-wrap: wrap; min-width: 0; gap: var(--os-space-sm); } .write-page__serial-date[b-9u4ddhysyg] { min-width: 0; flex: 1 1 12rem; } .write-page__serial-stop[b-9u4ddhysyg] { color: var(--os-error); border-color: var(--os-error); } .write-page__chapter-release[b-9u4ddhysyg] { flex-shrink: 0; } .write-page__chapter-move[b-9u4ddhysyg] { padding: 0 var(--os-space-xs); line-height: 1; color: var(--os-text-secondary); flex: 0 0 auto; } .write-page__chapter-remove[b-9u4ddhysyg] { color: var(--os-error); padding: var(--os-space-xs); } .write-page__chapter-remove:hover[b-9u4ddhysyg] { background-color: color-mix(in srgb, var(--os-error) 10%, transparent); } .write-page__actions[b-9u4ddhysyg] { display: flex; align-items: center; gap: var(--os-space-md); padding-top: var(--os-space-md); border-top: 1px solid var(--os-border); justify-content: flex-end; } @media (max-width: 480px) { .write-page__actions[b-9u4ddhysyg] { flex-direction: column; } .write-page__actions .os-btn[b-9u4ddhysyg] { width: 100%; } } .write-page__character-list[b-9u4ddhysyg] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .write-page__character-row[b-9u4ddhysyg] { display: flex; gap: var(--os-space-xs); align-items: center; } .write-page__character-row .os-input[b-9u4ddhysyg] { flex: 1; min-width: 0; } .write-page__entity-card[b-9u4ddhysyg] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-sm); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); background: var(--os-surface); } .write-page__entity-age[b-9u4ddhysyg] { flex: 0 1 9rem !important; max-width: 9rem; } .write-page__entity-description[b-9u4ddhysyg] { width: 100%; resize: vertical; line-height: 1.5; } .write-page__field-hint[b-9u4ddhysyg] { font-size: var(--os-font-size-xs); color: var(--os-text-tertiary); line-height: 1.5; margin-top: 2px; } .write-page__tabs[b-9u4ddhysyg] { display: flex; gap: var(--os-space-sm); border-bottom: 1px solid var(--os-border); margin-bottom: var(--os-space-md); } .write-page__tab[b-9u4ddhysyg] { padding: var(--os-space-sm) var(--os-space-md); background: transparent; border: 1px solid transparent; border-bottom: 2px solid transparent; color: var(--os-text-secondary); font-weight: 500; cursor: pointer; transition: color 120ms ease, border-color 120ms ease; } .write-page__tab:hover:not(:disabled)[b-9u4ddhysyg] { color: var(--os-text-primary); } .write-page__tab--active[b-9u4ddhysyg] { color: var(--os-primary); border-bottom-color: var(--os-primary); } .write-page__tab:disabled[b-9u4ddhysyg] { opacity: 0.5; cursor: wait; } html[data-ui="v2"] .write-page[b-9u4ddhysyg] { padding: var(--os-space-lg) var(--os-space-md) var(--os-space-2xl); } html[data-ui="v2"] .write-page__auth-subtitle[b-9u4ddhysyg] { font-size: var(--os-font-size-sm); line-height: 1.6; } html[data-ui="v2"] .write-page__header[b-9u4ddhysyg] { display: flex; align-items: center; justify-content: space-between; gap: var(--os-space-md); flex-wrap: wrap; margin-bottom: var(--os-space-lg); padding-bottom: var(--os-space-md); border-bottom: 1px solid var(--os-border-light); } html[data-ui="v2"] .write-page__char-count[b-9u4ddhysyg] { font-variant-numeric: tabular-nums; } html[data-ui="v2"] .write-page__button-row[b-9u4ddhysyg] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } html[data-ui="v2"] .write-page__restore-banner[b-9u4ddhysyg] { gap: var(--os-space-sm); border: 1px solid var(--os-border); border-left: 3px solid var(--os-primary); border-radius: var(--os-radius-md); background: var(--os-surface-variant); } html[data-ui="v2"] .write-page__tabs[b-9u4ddhysyg] { gap: var(--os-space-xs); } html[data-ui="v2"] .write-page__field[b-9u4ddhysyg] { gap: var(--os-space-xs); margin-bottom: var(--os-space-md); } html[data-ui="v2"] .write-page__chapter-item[b-9u4ddhysyg] { cursor: pointer; transition: border-color 120ms ease, background-color 120ms ease; } html[data-ui="v2"] .write-page__chapter-item:hover[b-9u4ddhysyg] { border-color: var(--os-primary); } html[data-ui="v2"] .write-page__chapter-item.is-selected[b-9u4ddhysyg] { border-color: var(--os-primary); background-color: var(--os-surface-variant); } html[data-ui="v2"] .write-page__category-grid[b-9u4ddhysyg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--os-space-sm); } @media (max-width: 480px) { html[data-ui="v2"] .write-page__category-grid[b-9u4ddhysyg] { grid-template-columns: minmax(0, 1fr); } } html[data-ui="v2"] .write-page__select--nested[b-9u4ddhysyg] { margin-top: var(--os-space-sm); } .author-termination-notice-dialog-native[b-w25sgepiim] { border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: 0; max-width: min(480px, calc(100vw - 2 * var(--os-space-md))); width: 100%; background: var(--os-surface); } .author-termination-notice-dialog-native[b-w25sgepiim]::backdrop { background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px); } .author-termination-notice-dialog[b-w25sgepiim] { display: flex; flex-direction: column; min-width: 0; gap: var(--os-space-md); padding: var(--os-space-lg); } .author-termination-notice-dialog__header[b-w25sgepiim] { display: flex; align-items: center; justify-content: space-between; } .author-termination-notice-dialog__title[b-w25sgepiim] { font-size: 1.125rem; font-weight: 600; color: var(--os-text-primary); margin: 0; min-width: 0; overflow-wrap: anywhere; } .author-termination-notice-dialog__body[b-w25sgepiim] { color: var(--os-text-secondary); margin: 0; font-size: 0.875rem; line-height: 1.5; min-width: 0; overflow-wrap: anywhere; } .author-termination-notice-dialog__actions[b-w25sgepiim] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); justify-content: flex-end; } .subscription-page[b-i2s3372li6] { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--os-space-xl); padding-bottom: var(--os-space-2xl); } .subscription-page__unavailable-note[b-i2s3372li6] { color: var(--os-text-secondary); font-size: var(--os-font-size-sm); text-align: center; padding: var(--os-space-md) 0; } .subscription-page__header[b-i2s3372li6] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-xs); padding-top: var(--os-space-xl); text-align: center; } .subscription-page__crown[b-i2s3372li6] { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--os-primary-light); border-radius: var(--os-radius-full); margin-bottom: var(--os-space-xs); } .subscription-page__title[b-i2s3372li6] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; } .subscription-page__tagline[b-i2s3372li6] { font-size: var(--os-font-size-md); color: var(--os-text-secondary); margin: 0; } .subscription-page__premium-active[b-i2s3372li6] { display: flex; align-items: center; gap: var(--os-space-md); padding: var(--os-space-md) var(--os-space-lg); background-color: color-mix(in srgb, var(--os-success) 12%, var(--os-surface)); border: 1px solid color-mix(in srgb, var(--os-success) 30%, transparent); border-radius: var(--os-radius-lg); } .subscription-page__premium-icon[b-i2s3372li6] { flex: 0 0 auto; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: color-mix(in srgb, var(--os-success) 15%, transparent); border-radius: var(--os-radius-full); } .subscription-page__premium-text[b-i2s3372li6] { display: flex; flex-direction: column; gap: 2px; } .subscription-page__premium-title[b-i2s3372li6] { font-size: var(--os-font-size-md); font-weight: var(--os-font-weight-semibold); color: var(--os-text-primary); } .subscription-page__premium-expiry[b-i2s3372li6] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .subscription-page__section-title[b-i2s3372li6] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0 0 var(--os-space-md); } .subscription-page__benefits-list[b-i2s3372li6] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--os-space-sm); } .subscription-page__benefit-item[b-i2s3372li6] { display: flex; align-items: center; gap: var(--os-space-sm); font-size: var(--os-font-size-md); color: var(--os-text-primary); } .subscription-page__benefit-check[b-i2s3372li6] { flex: 0 0 auto; } .subscription-page__plans-grid[b-i2s3372li6] { display: grid; grid-template-columns: 1fr; gap: var(--os-space-md); } @media (min-width: 480px) { .subscription-page__plans-grid[b-i2s3372li6] { grid-template-columns: 1fr 1fr; } } .subscription-page__plan-card[b-i2s3372li6] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-lg); border: 2px solid var(--os-border); border-radius: var(--os-radius-xl); background-color: var(--os-surface); transition: border-color var(--os-transition-normal), box-shadow var(--os-transition-normal); } .subscription-page__plan-card--popular[b-i2s3372li6] { border-color: var(--os-primary); box-shadow: var(--os-shadow-md); position: relative; } .subscription-page__plan-header[b-i2s3372li6] { display: flex; align-items: center; gap: var(--os-space-sm); flex-wrap: wrap; } .subscription-page__plan-name[b-i2s3372li6] { font-size: var(--os-font-size-lg); font-weight: var(--os-font-weight-bold); color: var(--os-text-primary); margin: 0; flex: 1; } .subscription-page__popular-badge[b-i2s3372li6] { background-color: var(--os-primary); color: var(--os-text-on-primary); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); } .subscription-page__save-badge[b-i2s3372li6] { display: inline-flex; align-items: center; padding: 2px var(--os-space-sm); background-color: color-mix(in srgb, var(--os-success) 15%, transparent); color: var(--os-success); border-radius: var(--os-radius-full); font-size: var(--os-font-size-xs); font-weight: var(--os-font-weight-semibold); } .subscription-page__plan-price[b-i2s3372li6] { display: flex; align-items: baseline; gap: var(--os-space-xs); margin: var(--os-space-xs) 0; } .subscription-page__plan-amount[b-i2s3372li6] { font-size: var(--os-font-size-2xl); font-weight: var(--os-font-weight-bold); color: var(--os-primary); line-height: 1; } .subscription-page__plan-interval[b-i2s3372li6] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); } .subscription-page__plan-description[b-i2s3372li6] { font-size: var(--os-font-size-sm); color: var(--os-text-secondary); margin: 0; line-height: 1.5; flex: 1; } .subscription-page__plan-btn[b-i2s3372li6] { margin-top: var(--os-space-sm); } .subscription-page__plan-success[b-i2s3372li6] { display: flex; align-items: center; gap: var(--os-space-xs); justify-content: center; margin-top: var(--os-space-sm); padding: var(--os-space-sm) var(--os-space-md); background-color: color-mix(in srgb, var(--os-success) 15%, transparent); color: var(--os-success); border-radius: var(--os-radius-md); font-size: var(--os-font-size-sm); font-weight: var(--os-font-weight-semibold); } .subscription-page__current-card[b-i2s3372li6] { display: flex; flex-wrap: wrap; gap: var(--os-space-md); align-items: center; justify-content: space-between; padding: var(--os-space-md) var(--os-space-lg); } .subscription-page__current-info[b-i2s3372li6] { display: flex; flex-direction: column; gap: var(--os-space-2xs); min-width: 0; } .subscription-page__current-plan[b-i2s3372li6] { margin: 0; display: flex; flex-wrap: wrap; gap: var(--os-space-xs); align-items: baseline; color: var(--os-text-primary); } .subscription-page__current-plan strong[b-i2s3372li6] { font-weight: var(--os-font-weight-semibold); color: var(--os-text-secondary); } .subscription-page__ends-on[b-i2s3372li6] { margin: 0; color: var(--os-text-secondary); font-size: var(--os-font-size-sm); } .subscription-page__login-section[b-i2s3372li6] { padding: var(--os-space-md) 0; } .voice-offer-page[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-lg); min-width: 0; } .voice-offer-page__header[b-5k2yxq7h1z] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--os-space-sm); min-width: 0; } .voice-offer-page__title[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); } .voice-offer-page__status[b-5k2yxq7h1z] { color: var(--os-text-secondary); font-weight: 600; } .voice-offer-page__section[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .voice-offer-page__section.os-card[b-5k2yxq7h1z] { padding: var(--os-space-md); } .voice-offer-page__section-title[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); font-size: 1.1rem; } .voice-offer-page__brief[b-5k2yxq7h1z] { margin: 0; display: flex; flex-direction: column; gap: var(--os-space-xs); } .voice-offer-page__brief-row[b-5k2yxq7h1z] { display: flex; gap: var(--os-space-sm); min-width: 0; } .voice-offer-page__brief-row dt[b-5k2yxq7h1z] { color: var(--os-text-tertiary); flex: 0 0 auto; font-size: 0.85rem; } .voice-offer-page__brief-row dd[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); min-width: 0; } .voice-offer-page__quote[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); font-size: 1.25rem; font-weight: 700; } .voice-offer-page__quote-none[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-secondary); } .voice-offer-page__messages[b-5k2yxq7h1z] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .voice-offer-page__message[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: 2px; padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .voice-offer-page__message:last-child[b-5k2yxq7h1z] { border-bottom: none; } .voice-offer-page__message-role[b-5k2yxq7h1z] { color: var(--os-text-tertiary); font-size: 0.8rem; font-weight: 600; } .voice-offer-page__message-body[b-5k2yxq7h1z] { color: var(--os-text-primary); min-width: 0; overflow-wrap: anywhere; } .voice-offer-page__message-time[b-5k2yxq7h1z] { color: var(--os-text-tertiary); font-size: 0.75rem; } .voice-offer-page__composer[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .voice-offer-page__composer textarea[b-5k2yxq7h1z] { min-width: 0; } .voice-offer-page__actions[b-5k2yxq7h1z] { display: flex; flex-wrap: wrap; gap: var(--os-space-sm); } .voice-offer-page__not-found[b-5k2yxq7h1z], .voice-offer-page__unavailable[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-sm); padding: var(--os-space-xl); background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); text-align: center; } .voice-offer-page__not-found-title[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); } .voice-offer-page__not-found-body[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-secondary); } .voice-offer-page__review-subtitle[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-secondary); font-size: 0.95rem; font-weight: 600; } .voice-offer-page__tracks[b-5k2yxq7h1z] { list-style: none; padding: 0; margin: 0; background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow: hidden; } .voice-offer-page__track[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-xs); padding: var(--os-space-md); border-bottom: 1px solid var(--os-border); min-width: 0; } .voice-offer-page__track:last-child[b-5k2yxq7h1z] { border-bottom: none; } .voice-offer-page__track-label[b-5k2yxq7h1z] { color: var(--os-text-tertiary); font-size: 0.8rem; font-weight: 600; } .voice-offer-page__track-audio[b-5k2yxq7h1z] { width: 100%; max-width: 100%; min-width: 0; } .voice-offer-page__track-notes[b-5k2yxq7h1z], .voice-offer-page__review-approve-hint[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-secondary); overflow-wrap: anywhere; } .voice-offer-page__review-changes[b-5k2yxq7h1z] { display: flex; flex-direction: column; gap: var(--os-space-sm); min-width: 0; } .voice-offer-page__review-changes textarea[b-5k2yxq7h1z] { min-width: 0; } .voice-offer-page__review-result[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-primary); font-weight: 600; } .voice-offer-page__review-error[b-5k2yxq7h1z], .voice-offer-page__review-warning[b-5k2yxq7h1z] { margin: 0; color: var(--os-danger, #b00020); font-size: 0.9rem; } .voice-offer-page__completed-body[b-5k2yxq7h1z] { margin: 0; color: var(--os-text-secondary); } .voice-offer-page__status--v2[b-5k2yxq7h1z] { display: inline-flex; align-items: center; gap: var(--os-space-xs); width: fit-content; padding: var(--os-space-xs) var(--os-space-md); background: var(--os-surface-variant); border-radius: var(--os-radius-full); font-weight: 600; } .vm-page__not-available[b-2jep615tyj], .vm-page__loading[b-2jep615tyj], .vm-page__empty[b-2jep615tyj] { color: var(--os-text-secondary); padding: var(--os-space-lg) 0; } .vm-page__grid[b-2jep615tyj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--os-space-md); margin-top: var(--os-space-md); } .vm-page__card[b-2jep615tyj] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); } .vm-page__card-name[b-2jep615tyj] { margin: 0; font-size: 1rem; font-weight: 600; color: var(--os-text-primary); } .vm-page__card-language[b-2jep615tyj] { margin: 0; font-size: 0.85rem; color: var(--os-text-secondary); } .vm-page__demo-badge[b-2jep615tyj] { display: inline-block; padding: 2px var(--os-space-xs); border-radius: var(--os-radius-sm); font-size: 0.8rem; font-weight: 500; color: var(--os-text-primary); background: var(--os-surface-variant); border: 1px solid var(--os-border); white-space: nowrap; } .vm-page__demo-audio[b-2jep615tyj] { width: 100%; min-width: 0; height: 36px; margin-top: var(--os-space-xs); } .vm-page__card-cost[b-2jep615tyj] { margin: 0; font-size: 0.9rem; font-weight: 500; color: var(--os-text-primary); margin-top: auto; padding-top: var(--os-space-xs); } .vm-page__grid--v2[b-2jep615tyj] { gap: var(--os-space-lg); } .vm-page__card--v2[b-2jep615tyj] { border-radius: var(--os-radius-xl); transition: transform var(--os-transition-fast), box-shadow var(--os-transition-fast); } @media (hover: hover) and (pointer: fine) { .vm-page__card--v2:hover[b-2jep615tyj] { transform: translateY(-2px); box-shadow: var(--os-shadow-md); } } .wallet-page[b-mrzu4vinru] { max-width: 720px; margin: 0 auto; padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-lg); min-width: 0; } .wallet-page__balance[b-mrzu4vinru] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); padding: var(--os-space-xl) var(--os-space-lg); text-align: center; } .wallet-page__balance-label[b-mrzu4vinru] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0 0 var(--os-space-xs); } .wallet-page__balance-value[b-mrzu4vinru] { font-size: 2.5rem; font-weight: 700; color: var(--os-text-primary); margin: 0; line-height: 1.1; } .wallet-page__section-heading[b-mrzu4vinru] { font-size: 1rem; font-weight: 600; color: var(--os-text-primary); margin: 0 0 var(--os-space-sm); } .wallet-page__packs[b-mrzu4vinru] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .wallet-page__pack-grid[b-mrzu4vinru] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--os-space-sm); } .wallet-page__pack-card[b-mrzu4vinru] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-xs); align-items: center; text-align: center; min-width: 0; } .wallet-page__pack-credits[b-mrzu4vinru] { font-size: 1.125rem; font-weight: 700; color: var(--os-text-primary); margin: 0; } .wallet-page__pack-price[b-mrzu4vinru] { font-size: 0.875rem; color: var(--os-text-secondary); margin: 0; } .wallet-page__pack-buy[b-mrzu4vinru] { margin-top: var(--os-space-xs); width: 100%; } .wallet-page__mobile-coming-soon[b-mrzu4vinru] { color: var(--os-text-secondary); font-size: 0.875rem; margin: 0 0 var(--os-space-sm); } .wallet-page__history[b-mrzu4vinru] { display: flex; flex-direction: column; gap: var(--os-space-sm); } .wallet-page__history-empty[b-mrzu4vinru] { color: var(--os-text-secondary); margin: 0; } .wallet-page__history-table-wrap[b-mrzu4vinru] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-lg); overflow-x: auto; } .wallet-page__history-table[b-mrzu4vinru] { width: 100%; border-collapse: collapse; font-size: 0.875rem; } .wallet-page__history-table thead th[b-mrzu4vinru] { text-align: left; padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-secondary); font-weight: 600; border-bottom: 1px solid var(--os-border); white-space: nowrap; } .wallet-page__history-table tbody tr[b-mrzu4vinru] { border-bottom: 1px solid var(--os-border); } .wallet-page__history-table tbody tr:last-child[b-mrzu4vinru] { border-bottom: none; } .wallet-page__history-table tbody td[b-mrzu4vinru] { padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-primary); vertical-align: middle; } .wallet-page__history-col--num[b-mrzu4vinru] { text-align: right; } .wallet-page__amount--positive[b-mrzu4vinru] { color: var(--os-text-primary); } .wallet-page__amount--negative[b-mrzu4vinru] { color: var(--os-text-secondary); } .wallet-page__loading[b-mrzu4vinru] { display: flex; flex-direction: column; align-items: center; gap: var(--os-space-sm); color: var(--os-text-secondary); padding: var(--os-space-xl) 0; } .wallet-page__error[b-mrzu4vinru], .wallet-page__not-available[b-mrzu4vinru], .wallet-page__unauthenticated[b-mrzu4vinru] { color: var(--os-text-secondary); padding: var(--os-space-md); display: flex; flex-direction: column; gap: var(--os-space-sm); } .wallet-page__buy-error[b-mrzu4vinru] { background: var(--os-surface); border: 1px solid var(--os-border); border-radius: var(--os-radius-md); padding: var(--os-space-sm) var(--os-space-md); color: var(--os-text-secondary); font-size: 0.875rem; }