.classic-base-extras { box-sizing: border-box; width: 100%; max-width: 460px; padding: 12px 18px 20px; margin: auto; border-radius: 9px; background: #2f9d86; color: #e1fff3; font: 14px/1.5 Arial, sans-serif; }
.base-extras-dialog { width: min(480px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: 9px; overflow: auto; }
.base-extras-dialog::backdrop { background: #122c2ad9; }
.base-extras-dialog > .button, .base-extras-dialog > .notice { margin: 10px; }
.base-history-list ul { list-style: none; padding: 0; margin: 0; }
.base-history-source-row span { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.base-history-source-row img { width: 32px; height: 44px; object-fit: contain; vertical-align: middle; }
.classic-base-extras *, .classic-base-extras *::before, .classic-base-extras *::after { box-sizing: border-box; }
.classic-base-extras h2 { margin: 8px 0 20px; color: #fff285; text-align: center; font-size: 21px; }
.classic-base-settings-trigger { width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: #d2ffe0; font-size: 27px; }
.classic-extra-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.classic-extra-toolbar > :last-child { margin-left: auto; min-width: 40px; }
.classic-base-extras button, .classic-base-extras input, .classic-base-extras select { font: inherit; min-height: 44px; max-width: 100%; }
.classic-base-extras button { cursor: pointer; border: 1px solid #efdd78; border-radius: 7px; padding: 8px 14px; color: #8a4b0f; background: linear-gradient(#fff495, #f7c652); }
.classic-extra-toolbar button { border: 0; background: transparent; color: #ecfff7; padding: 4px 7px; }
.classic-base-extras button:disabled { cursor: default; opacity: .5; }
.classic-base-extras button:focus-visible, .classic-base-extras input:focus-visible, .classic-base-extras select:focus-visible { outline: 3px solid #fff285; outline-offset: 2px; }
.classic-extra-menu, .classic-extra-news { display: grid; gap: 10px; }
.classic-extra-news p { min-height: 130px; display: grid; place-items: center; text-align: center; white-space: pre-line; }
.classic-base-extras form { margin: 14px 0; }
.classic-base-extras fieldset { min-width: 0; border: 0; padding: 0; display: grid; gap: 7px; }
.classic-base-extras input, .classic-base-extras select { min-width: 0; width: 100%; border: 1px solid #88d4b7; border-radius: 6px; padding: 9px 10px; color: #186654; background: #fcffdd; }
.classic-base-extras label { margin-top: 5px; }
.classic-base-extras fieldset > button { margin-top: 10px; }
.classic-extra-email { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 145px); gap: 5px; }
.classic-extra-tip { margin-top: 16px; font-size: 12px; text-align: center; }
.classic-extra-notice-text { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 55dvh; overflow: auto; padding: 8px 0 18px; }
.classic-extra-error, .classic-extra-success { padding: 10px; border-radius: 6px; background: #fff0e6; color: #842923; overflow-wrap: anywhere; }
.classic-extra-success { background: #e4ffde; color: #235f31; }
.classic-extra-captcha { display: block; max-width: 100%; height: auto; object-fit: contain; margin: auto; }
.classic-base-extras input[type="range"] { padding-inline: 0; }
@media (max-width: 360px) { .classic-base-extras { padding-inline: 12px; } .classic-extra-email { grid-template-columns: minmax(0, 1fr); } }