.to-select { display: block; position: relative; width: 100%; min-width: 0; }
.to-select > select.to-select-source { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; opacity: 0; pointer-events: none; clip-path: inset(50%); }
.to-select-button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; min-height: 48px; padding: 13px 16px; border: 1px solid var(--color-border, #cbd9e0); border-radius: 14px; background: var(--color-surface, #fff); color: var(--color-ink, #14213d); font: inherit; text-align: left; cursor: pointer; }
.to-select-button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.to-select-button::after { content: ''; width: 9px; height: 9px; flex: 0 0 9px; border-right: 2px solid #146c94; border-bottom: 2px solid #146c94; transform: rotate(45deg) translateY(-3px); }
.to-select-button[aria-expanded="true"]::after { transform: rotate(225deg); }
.to-select-button:hover { border-color: #146c94; }
.to-select-button:focus-visible, .to-select-button[aria-expanded="true"] { outline: 3px solid #146c9426; outline-offset: 2px; border-color: #146c94; }
.to-select-button:disabled { opacity: .55; cursor: not-allowed; background: #eef2f5; }
.to-select-button[aria-invalid="true"] { border-color: #be3947; outline-color: #be394730; }
.to-select-menu { position: fixed; z-index: 10050; overflow-y: auto; overscroll-behavior: contain; max-height: 280px; padding: 6px; border: 1px solid #bbd3df; border-radius: 14px; background: #fff; color: #14213d; box-shadow: 0 14px 38px #14213d30; box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #8aaeba #edf4f7; }
.to-select-menu [role="option"] { position: relative; padding: 12px 34px 12px 12px; border-radius: 9px; min-height: 44px; white-space: normal; overflow-wrap: anywhere; cursor: pointer; line-height: 1.4; }
.to-select-menu [role="option"]:hover, .to-select-menu .is-active { background: #eaf4f8; }
.to-select-menu [aria-selected="true"] { background: #dff2eb; color: #135e49; font-weight: 600; }
.to-select-menu [aria-selected="true"]::after { content: '\2713'; position: absolute; right: 12px; }
.to-select-menu [aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
html[data-theme="dark"] .to-select-button, html[data-theme="dark"] .to-select-menu { background: #0c222a; color: #f0f8f9; border-color: #365963; }
html[data-theme="dark"] .to-select-menu [role="option"]:hover, html[data-theme="dark"] .to-select-menu .is-active { background: #1a3e49; }
html[data-theme="dark"] .to-select-menu [aria-selected="true"] { background: #184f43; color: #d8ffee; }
.to-publish-notice .site-modal-box { border-top: 4px solid #c9505d; }
.to-publish-notice [data-site-modal-confirm] { color: #fff; background: #b83d4c; border-color: #b83d4c; box-shadow: 0 5px 15px #b83d4c24; }
.to-publish-notice [data-site-modal-confirm]:hover { background: #98303e; border-color: #98303e; }
.to-publish-notice [data-site-modal-confirm]:focus-visible { outline: 3px solid #e8a6ad; outline-offset: 3px; }