/* ========================================================================== Светлая тема — вторая версия шаблона «Я и мои грани» Тёмная тема — основная: она кинематографична, с кадрами и свечой. Светлая — та же вёрстка, та же типографика, те же сцены, но бумага вместо чернил. Читать днём — спокойнее. Как это устроено: • тема живёт на ; • палитра задана токенами ниже — остальные файлы читают их же; • правила с жёстко заданным цветом перенесены из тёмных файлов отдельным слоем в конце этого файла (селектор с префиксом html[data-mg-theme="light"]), поэтому тёмная тема не тронута. Кинематографичные кадры — герой, обложка истории, атмосфера — в светлой теме остаются тёмными: темнота в них часть замысла, а не оформление. Светлее становится всё, что читают. ========================================================================== */ html[data-mg-theme="light"] { /* Бумага */ --mg-ink: #f3eee3; --mg-ink-2: #ebe4d5; --mg-surface: #fffdf8; --mg-surface-2: #f7f2e7; --mg-line: rgba(58, 48, 36, .13); --mg-line-gold: rgba(138, 101, 32, .30); /* Чернила */ --mg-cream: #241f18; --mg-text: #3d362c; --mg-muted: #6b6255; /* Золото: бронза — на бумаге светлое золото не читается */ --mg-gold: #7d5a1b; --mg-gold-soft: #63470f; --mg-gold-fill: #d3a247; /* Палитра Kadence: тема следует за нами */ --global-palette1: #7d5a1b; --global-palette2: #63470f; --global-palette3: #241f18; --global-palette4: #3d362c; --global-palette5: #6b6255; --global-palette6: #8a8175; --global-palette7: #ebe4d5; --global-palette8: #f3eee3; --global-palette9: #fffdf8; } /* ---------- Основа ---------- */ html[data-mg-theme="light"] body::after { /* Зернистость плёнки на бумаге — тише: на тёмном она читалась штрихом, на светлом превращалась бы в грязь. */ opacity: .022; } html[data-mg-theme="light"] ::selection { background: var(--mg-gold-fill); color: #241f18; } /* ===== moigrani-account.css ===== */ html[data-mg-theme="light"] .mg-account__panel { background: linear-gradient(180deg, rgba(255, 253, 248, .985), rgba(255, 253, 248, .985)) } html[data-mg-theme="light"] .mg-account__panel { box-shadow: 0 28px 70px rgba(58, 48, 36, .62) } html[data-mg-theme="light"] .mg-account__row:hover, html[data-mg-theme="light"] .mg-account__row:focus-visible { background: rgba(138, 101, 32, .09) } html[data-mg-theme="light"] .mg-profile__note { background: rgba(138, 101, 32, .06) } html[data-mg-theme="light"] .mg-profile__note--error { border-left-color: #b5674a } html[data-mg-theme="light"] .mg-profile__note--error { background: rgba(247, 242, 231, .07) } html[data-mg-theme="light"] .mg-profile__panel { background: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] .mg-profile__upload-btn:hover { color: #fffdf8 } html[data-mg-theme="light"] .mg-profile__input:focus { box-shadow: 0 0 0 3px rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-profile__submit { color: #fffdf8 } html[data-mg-theme="light"] body.page-id-198::before { background-image: radial-gradient(130% 95% at 50% 16%, rgba(255, 253, 248, .24) 0%, rgba(255, 253, 248, .66) 58%, rgba(255, 253, 248, .88) 100%), url(../../uploads/2026/10/bg/forest.jpg) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__card { border: 1px solid rgba(138, 101, 32, .2) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__card { background: linear-gradient(168deg, rgba(255, 253, 248, .9) 0%, rgba(247, 242, 231, .94) 55%, rgba(255, 253, 248, .96) 100%) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__card { box-shadow: 0 30px 70px -40px rgba(58, 48, 36, .95), inset 0 1px 0 rgba(36, 31, 24, .05) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__card::before { background: linear-gradient(90deg, transparent, rgba(138, 101, 32, .6), transparent) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__status { border: 1px solid rgba(36, 31, 24, .11) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__status.is-on { border-color: rgba(138, 101, 32, .26) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__status.is-on .mg-profile__dot { box-shadow: 0 0 7px rgba(138, 101, 32, .9) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__status-link::before { color: rgba(36, 31, 24, .35) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input { background-color: rgba(36, 31, 24, .035) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input { border-bottom: 1px solid rgba(36, 31, 24, .18) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input:hover { background-color: rgba(36, 31, 24, .055) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input:hover { border-bottom-color: rgba(36, 31, 24, .28) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input:focus { background-color: rgba(36, 31, 24, .06) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input:focus { box-shadow: inset 0 -1px 0 var(--mg-gold), 0 10px 24px -20px rgba(138, 101, 32, .9) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__input::placeholder { color: rgba(61, 54, 44, .75) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__avatar-frame { border: 1px solid rgba(138, 101, 32, .45) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__avatar-frame { box-shadow: 0 0 0 4px rgba(138, 101, 32, .07), inset 0 0 18px rgba(138, 101, 32, .12) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__link { text-decoration-color: rgba(138, 101, 32, .35) } html[data-mg-theme="light"] .mg-methods__row { background: rgba(255, 253, 248, .4) } html[data-mg-theme="light"] body.page-id-198 .mg-profile__select option { background: #fffdf8 } html[data-mg-theme="light"] .mg-notify-item { border-bottom: 1px solid rgba(36, 31, 24, .07) } html[data-mg-theme="light"] .mg-notify-chip--email { color: #241f18 } html[data-mg-theme="light"] .mg-notify-chip--email { border: 1px solid rgba(36, 31, 24, .4) } html[data-mg-theme="light"] .mg-notify-chip--push { color: #577a72 } html[data-mg-theme="light"] .mg-notify-chip--push { border: 1px solid rgba(36, 31, 24, .4) } html[data-mg-theme="light"] body.page-id-198 .mg-tabs { border-bottom: 1px solid rgba(138, 101, 32, .18) } html[data-mg-theme="light"] body.page-id-198 .mg-tabs__tab { color: rgba(36, 31, 24, .55) } html[data-mg-theme="light"] body.page-id-198 .mg-notify-item__state { color: var(--mg-gold-soft, #6b4e14) } /* ===== moigrani-audio.css ===== */ html[data-mg-theme="light"] .mg-audio__msg { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .mg-audio__state--none { border: 1px solid rgba(36, 31, 24, .16) } html[data-mg-theme="light"] .mg-audio__state--draft { color: #241f18 } html[data-mg-theme="light"] .mg-audio__state--draft { border: 1px solid rgba(36, 31, 24, .45) } html[data-mg-theme="light"] .mg-audio__state--review { color: #577a72 } html[data-mg-theme="light"] .mg-audio__state--review { border: 1px solid rgba(36, 31, 24, .45) } html[data-mg-theme="light"] .mg-audio__state--accepted { color: #5f7d57 } html[data-mg-theme="light"] .mg-audio__state--accepted { border: 1px solid rgba(117, 107, 92, .45) } html[data-mg-theme="light"] .mg-audio__state--published { border: 1px solid rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-audio__btn { border: 1px solid rgba(36, 31, 24, .16) } html[data-mg-theme="light"] .mg-audio__btn:hover, html[data-mg-theme="light"] .mg-audio__btn:focus-visible { border-color: rgba(138, 101, 32, .6) } html[data-mg-theme="light"] .mg-audio__btn--danger:hover, html[data-mg-theme="light"] .mg-audio__btn--danger:focus-visible { border-color: rgba(36, 31, 24, .6) } html[data-mg-theme="light"] .mg-audio__btn--danger:hover, html[data-mg-theme="light"] .mg-audio__btn--danger:focus-visible { color: #241f18 } /* ===== moigrani-auth.css ===== */ html[data-mg-theme="light"] .mg-auth .pms-form input[type="text"]:focus, html[data-mg-theme="light"] .mg-auth .pms-form input[type="email"]:focus, html[data-mg-theme="light"] .mg-auth .pms-form input[type="password"]:focus, html[data-mg-theme="light"] .mg-auth .pms-form select:focus { box-shadow: 0 0 0 3px rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-auth .pms-form input[type="submit"] { color: #fffdf8 !important } html[data-mg-theme="light"] .mg-auth .pms_field-errors-wrapper p { color: #b5674a } html[data-mg-theme="light"] .mg-auth .pms-field-error input, html[data-mg-theme="light"] .mg-auth .pms-field-error select { border-color: #9a5f47 !important } html[data-mg-theme="light"] .mg-auth .pms-login-error, html[data-mg-theme="light"] .mg-auth .pms-form-errors-wrapper { border: 1px solid rgba(117, 107, 92, .55) } html[data-mg-theme="light"] .mg-auth .pms-login-error, html[data-mg-theme="light"] .mg-auth .pms-form-errors-wrapper { background: rgba(247, 242, 231, .08) } html[data-mg-theme="light"] .mg-auth .pms-login-error, html[data-mg-theme="light"] .mg-auth .pms-form-errors-wrapper { color: #b5674a } html[data-mg-theme="light"] .mg-auth .pms-login-error strong { color: #241f18 } html[data-mg-theme="light"] .mg-auth .pms_success-messages-wrapper { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-auth .pms_success-messages-wrapper a, html[data-mg-theme="light"] .mg-auth__inline-link { border-bottom: 1px solid rgba(138, 101, 32, .4) } html[data-mg-theme="light"] .mg-auth__switch a { border-bottom: 1px solid rgba(138, 101, 32, .35) } html[data-mg-theme="light"] .mg-auth__note a { border-bottom: 1px solid rgba(138, 101, 32, .4) } html[data-mg-theme="light"] .mg-gate__entry-login { border-bottom: 1px solid rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .mg-auth__consent-field.has-error .mg-auth__consent { color: #b5674a } html[data-mg-theme="light"] .mg-auth__consent-error { color: #b5674a } html[data-mg-theme="light"] .menu-item.mg-menu-user > a { --mg-online: #5c8a4e } html[data-mg-theme="light"] .menu-item.mg-menu-user > a::before { background: var(--mg-online, #5c8a4e) } html[data-mg-theme="light"] .menu-item.mg-menu-user > a::before { box-shadow: 0 0 6px rgba(117, 107, 92, .55) } html[data-mg-theme="light"] .mg-auth__logout a:hover, html[data-mg-theme="light"] .mg-auth__logout a:focus-visible { border-bottom-color: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .menu-item.mg-menu-logout > a.mg-menu-exit { border: 1px solid rgba(138, 101, 32, .28) } html[data-mg-theme="light"] .menu-item.mg-menu-logout > a.mg-menu-exit:hover, html[data-mg-theme="light"] .menu-item.mg-menu-logout > a.mg-menu-exit:focus-visible { border-color: rgba(138, 101, 32, .58) } html[data-mg-theme="light"] .menu-item.mg-menu-logout > a.mg-menu-exit:hover, html[data-mg-theme="light"] .menu-item.mg-menu-logout > a.mg-menu-exit:focus-visible { background: rgba(138, 101, 32, .08) } /* ===== moigrani-book.css ===== */ html[data-mg-theme="light"] .mg-book { --mgb-paper: #241f18 } html[data-mg-theme="light"] .mg-book { --mgb-paper-2: #2c251c } html[data-mg-theme="light"] .mg-book { --mgb-paper-edge: #332b21 } html[data-mg-theme="light"] .mg-book { --mgb-ink-mute: #756b5c } html[data-mg-theme="light"] .mg-book { --mgb-gold: #756b5c } html[data-mg-theme="light"] .mg-book { --mgb-gold-soft: #756b5c } html[data-mg-theme="light"] .mg-book { --mgb-rule: rgba(58, 48, 36, .26) } html[data-mg-theme="light"] .mg-book { --mgb-rule-soft: rgba(58, 48, 36, .14) } html[data-mg-theme="light"] .mg-book .mg-book-page { background: radial-gradient(120% 80% at 50% 0%, rgba(255, 253, 248, .10), transparent 62%), var(--mg-ink) } html[data-mg-theme="light"] .mg-book-article, html[data-mg-theme="light"] .mg-book .mg-book__analysis-sheet { background-image: radial-gradient(120% 90% at 50% -10%, rgba(255, 253, 248, .85), transparent 60%), repeating-linear-gradient(90deg, rgba(247, 242, 231, .035) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(247, 242, 231, .025) 0 1px, transparent 1px 4px) } html[data-mg-theme="light"] .mg-book-article, html[data-mg-theme="light"] .mg-book .mg-book__analysis-sheet { box-shadow: 0 1px 0 rgba(36, 31, 24, .6) inset, 0 24px 60px rgba(58, 48, 36, .55), 0 2px 0 #241f18 } html[data-mg-theme="light"] .mg-book .mg-book__plate img { background: rgba(255, 253, 248, .6) } html[data-mg-theme="light"] .mg-book .mg-book__plate img { border: 1px solid rgba(58, 48, 36, .3) } html[data-mg-theme="light"] .mg-book .mg-book__plate img { box-shadow: 0 1px 0 rgba(36, 31, 24, .5) inset, 0 10px 24px rgba(58, 48, 36, .18) } html[data-mg-theme="light"] .mg-book .mg-book__audio-summary { border: 1px solid rgba(117, 107, 92, .45) } html[data-mg-theme="light"] .mg-book .mg-book__audio-summary { background: rgba(247, 242, 231, .05) } html[data-mg-theme="light"] .mg-book .mg-book__audio-summary:hover { background: rgba(247, 242, 231, .1) } html[data-mg-theme="light"] .mg-book .mg-book__save .mg-save--on { background: rgba(247, 242, 231, .07) } html[data-mg-theme="light"] .mg-book .mg-book__audio-locked { border: 1px solid rgba(117, 107, 92, .45) } html[data-mg-theme="light"] .mg-book .mg-book__audio-locked { background: rgba(247, 242, 231, .05) } html[data-mg-theme="light"] .mg-book .mg-book__audio-locked:hover { background: rgba(247, 242, 231, .1) } /* ===== moigrani-comments.css ===== */ html[data-mg-theme="light"] .mg-cmt__count { background: rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mg-cmt__locked { background: radial-gradient(70% 120% at 50% 0%, rgba(138, 101, 32, .07), transparent 70%), rgba(247, 242, 231, .5) } html[data-mg-theme="light"] .mg-msg__audio { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-composer { background: rgba(255, 253, 248, .7) } html[data-mg-theme="light"] .mg-composer__icon:hover { background: rgba(138, 101, 32, .1) } html[data-mg-theme="light"] .mg-composer__icon.is-recording { color: #b34a3a } html[data-mg-theme="light"] .mg-composer__text::placeholder { color: rgba(117, 107, 92, .85) } html[data-mg-theme="light"] .mg-composer__send { color: #f7f2e7 } html[data-mg-theme="light"] .mg-emoji__item:hover { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-rec { border: 1px solid rgba(117, 107, 92, .45) } html[data-mg-theme="light"] .mg-rec { background: rgba(247, 242, 231, .08) } html[data-mg-theme="light"] .mg-rec__dot { background: #b34a3a } html[data-mg-theme="light"] .mg-rec__stop { background: #b34a3a } html[data-mg-theme="light"] .mg-rec__stop { border: 1px solid #b34a3a } html[data-mg-theme="light"] .mg-rec__stop { color: #f7f2e7 } html[data-mg-theme="light"] .mg-composer__status.is-error { color: #b34a3a } html[data-mg-theme="light"] .mg-thread__replies { background: linear-gradient(90deg, rgba(138, 101, 32, .05), rgba(255, 253, 248, 0) 65%) } html[data-mg-theme="light"] .mg-thread__toggle { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-thread__toggle:hover { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-thread__toggle-count { background: rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mg-cmt__more:hover { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-msg--reply .mg-msg__body { background: rgba(255, 253, 248, .5) } html[data-mg-theme="light"] .mg-msg__delete:hover, html[data-mg-theme="light"] .mg-msg__delete:focus-visible { color: #3d362c } html[data-mg-theme="light"] .mg-cmt__sort-item.is-on { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .mg-user { background: #fffdf8 } html[data-mg-theme="light"] .mg-user { box-shadow: 0 18px 40px rgba(58, 48, 36, .55) } /* ===== moigrani-consent.css ===== */ html[data-mg-theme="light"] .mg-consent { background: rgba(255, 253, 248, .96) } html[data-mg-theme="light"] .mg-consent { border-top: 1px solid var(--mg-line-gold, rgba(138, 101, 32, .28)) } html[data-mg-theme="light"] .mg-consent { color: var(--mg-text, #3d362c) } html[data-mg-theme="light"] .mg-consent { box-shadow: 0 -18px 40px -30px rgba(58, 48, 36, .9) } html[data-mg-theme="light"] .mg-consent__link { color: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-consent__yes { background: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-consent__yes { border: 1px solid var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-consent__yes { color: #f1ece1 } html[data-mg-theme="light"] .mg-consent__yes:hover { background: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-consent__later { border: 1px solid var(--mg-line-gold, rgba(138, 101, 32, .28)) } html[data-mg-theme="light"] .mg-consent__later { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-consent__later:hover { border-color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-consent-reset__btn { border: 1px solid var(--mg-line-gold, rgba(138, 101, 32, .28)) } html[data-mg-theme="light"] .mg-consent-reset__btn { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-consent-reset__btn:hover { border-color: var(--mg-gold, #8a6520) } @media (min-width: 768px) { html[data-mg-theme="light"] .mg-consent { border: 1px solid var(--mg-line-gold, rgba(138, 101, 32, .28)) } } /* ===== moigrani-diary.css ===== */ html[data-mg-theme="light"] .mg-diary__about-lead { color: #413a2f } html[data-mg-theme="light"] .mg-diary__about .mg-diary__how { background: rgba(247, 242, 231, .42) } html[data-mg-theme="light"] .mg-diary__locked { background: rgba(255, 253, 248, .012) } html[data-mg-theme="light"] .mg-diary__gate { background: rgba(247, 242, 231, .55) } html[data-mg-theme="light"] .mg-diary__hint { color: #3d362c } html[data-mg-theme="light"] .mg-diary__q { background: linear-gradient(180deg, rgba(247, 242, 231, .6), rgba(255, 253, 248, .6)) } html[data-mg-theme="light"] .mg-diary__q:hover { border-color: rgba(36, 31, 24, .16) } html[data-mg-theme="light"] .mg-diary__ask { color: #413a2f } html[data-mg-theme="light"] .mg-diary__field { background: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] .mg-diary__field::placeholder { color: rgba(117, 107, 92, .8) } html[data-mg-theme="light"] .mg-diary__mic.is-rec { color: #b25c47 } html[data-mg-theme="light"] .mg-diary__mic.is-rec { border-color: rgba(117, 107, 92, .6) } html[data-mg-theme="light"] .mg-diary__mic.is-rec { background: rgba(247, 242, 231, .1) } html[data-mg-theme="light"] .mg-diary__state.is-ok { color: #5d8a50 } html[data-mg-theme="light"] .mg-diary__state.is-err { color: #b25c47 } html[data-mg-theme="light"] .mg-diary__state.is-rec { color: #b25c47 } html[data-mg-theme="light"] .mg-diary__drop:hover { color: #b25c47 } html[data-mg-theme="light"] .mg-diary__drop:hover { border-color: rgba(117, 107, 92, .5) } html[data-mg-theme="light"] .mg-diary__summary:hover { background: rgba(36, 31, 24, .035) } html[data-mg-theme="light"] .mg-diary-hist__backdrop { background: rgba(255, 253, 248, .76) } html[data-mg-theme="light"] .mg-diary-hist__box { background: linear-gradient(180deg, #f1ece1 0%, #f1ece1 100%) } html[data-mg-theme="light"] .mg-diary-hist__box { box-shadow: 0 40px 120px rgba(58, 48, 36, .6) } html[data-mg-theme="light"] .mg-diary-hist__item { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-diary-hist__item { border-left: 2px solid rgba(117, 107, 92, .35) } html[data-mg-theme="light"] .mg-diary-hist__item.is-now { background: rgba(138, 101, 32, .06) } html[data-mg-theme="light"] .mg-diary-hist__text { color: #413a2f } /* ===== moigrani-errors.css ===== */ html[data-mg-theme="light"] .mg-err-head .mg-article-head__title, html[data-mg-theme="light"] .mg-err-head .mg-article-head__kicker, html[data-mg-theme="light"] .mg-err-head .mg-article-head__lead { text-shadow: 0 2px 26px rgba(255, 253, 248, .72), 0 1px 3px rgba(255, 253, 248, .55) } /* ===== moigrani-foot.css ===== */ html[data-mg-theme="light"] .mg-foot__app a:hover, html[data-mg-theme="light"] .mg-foot__app a:focus { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .mg-foot__help a { border-bottom: 1px solid rgba(107, 78, 20, .35) } /* ===== moigrani-help.css ===== */ html[data-mg-theme="light"] .mg-help__item { background: rgba(36, 31, 24, .02) } html[data-mg-theme="light"] body.page-id-354 .mg-help-head::after { background: linear-gradient( to bottom, rgba(255, 253, 248, .58) 0%, rgba(255, 253, 248, .14) 30%, rgba(255, 253, 248, .70) 74%, var(--mg-ink) 100% ) } /* ===== moigrani-hub.css ===== */ html[data-mg-theme="light"] .mg-hub__locked { background: radial-gradient(70% 120% at 50% 0%, rgba(138, 101, 32, .07), transparent 70%), rgba(247, 242, 231, .5) } html[data-mg-theme="light"] .mg-shorts { background: #f1ece1 } html[data-mg-theme="light"] .mg-short__veil { background: linear-gradient(to top, rgba(255, 253, 248, .92) 0%, rgba(255, 253, 248, .45) 38%, transparent 66%), linear-gradient(to bottom, rgba(255, 253, 248, .55) 0%, transparent 22%) } html[data-mg-theme="light"] .mg-short__link:hover { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-short__sound { background: rgba(255, 253, 248, .6) } html[data-mg-theme="light"] .mg-short__sound { border: 1px solid rgba(36, 31, 24, .2) } html[data-mg-theme="light"] .mg-short__counter { color: rgba(36, 31, 24, .7) } html[data-mg-theme="light"] .mg-short__hint { color: rgba(36, 31, 24, .55) } /* ===== moigrani-install.css ===== */ @media (max-width: 620px) { html[data-mg-theme="light"] body.page .mg-app-head::after { background: linear-gradient( to bottom, rgba(255, 253, 248, .82) 0%, rgba(255, 253, 248, .58) 42%, rgba(255, 253, 248, .88) 78%, var(--mg-ink) 100% ) } } html[data-mg-theme="light"] .mg-app__quick { background: linear-gradient(180deg, rgba(138, 101, 32, .10) 0%, rgba(138, 101, 32, .03) 100%) } html[data-mg-theme="light"] .mg-app__quick { box-shadow: 0 24px 60px -34px rgba(58, 48, 36, .9) } html[data-mg-theme="light"] .mg-app__icon { box-shadow: 0 10px 26px -14px rgba(58, 48, 36, .95) } html[data-mg-theme="light"] .mg-app__done { background: rgba(138, 101, 32, .06) } html[data-mg-theme="light"] .mg-app__card { background: rgba(36, 31, 24, .02) } html[data-mg-theme="light"] .mg-app__card.is-current { background: rgba(138, 101, 32, .045) } /* ===== moigrani-jump.css ===== */ html[data-mg-theme="light"] .mg-dot { border: 1px solid rgba(36, 31, 24, .40) } html[data-mg-theme="light"] .mg-back-top { border: 1px solid rgba(36, 31, 24, .22) } html[data-mg-theme="light"] .mg-back-top { background: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] .mg-back-top:hover { background: rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mg-back-top:hover { box-shadow: 0 8px 20px rgba(138, 101, 32, .18) } @media (min-width: 1024px) { html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .70) 5%, rgba(255, 253, 248, .56) 13%, rgba(255, 253, 248, .60) 30%, rgba(255, 253, 248, .68) 44%, rgba(255, 253, 248, .76) 64%, rgba(255, 253, 248, .86) 93%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .56) 0%, rgba(255, 253, 248, .40) 26%, rgba(255, 253, 248, .30) 52%, rgba(255, 253, 248, .16) 76%, rgba(255, 253, 248, .06) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .82) 6%, rgba(255, 253, 248, .48) 18%, rgba(255, 253, 248, .52) 34%, rgba(255, 253, 248, .62) 60%, rgba(255, 253, 248, .82) 92%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .60) 0%, rgba(255, 253, 248, .40) 30%, rgba(255, 253, 248, .28) 60%, rgba(255, 253, 248, .16) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, rgba(255, 253, 248, 0) 0%, rgba(255, 253, 248, .38) 8%, rgba(255, 253, 248, .74) 30%, rgba(255, 253, 248, .82) 50%, rgba(255, 253, 248, .86) 80%, rgba(255, 253, 248, .90) 100%), linear-gradient(to right, rgba(255, 253, 248, .54) 0%, rgba(255, 253, 248, .46) 40%, rgba(255, 253, 248, .26) 66%, rgba(255, 253, 248, 0) 90%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__veil { background-image: linear-gradient(to bottom, rgba(255, 253, 248, .34) 0%, rgba(255, 253, 248, .56) 14%, rgba(255, 253, 248, .62) 34%, rgba(255, 253, 248, .66) 60%, rgba(255, 253, 248, .80) 92%, rgba(255, 253, 248, .90) 100%), linear-gradient(to right, rgba(255, 253, 248, .88) 0%, rgba(255, 253, 248, .74) 18%, rgba(255, 253, 248, .50) 38%, rgba(255, 253, 248, .24) 62%, rgba(255, 253, 248, .08) 100%) } } /* ===== moigrani-legal.css ===== */ html[data-mg-theme="light"] .mg-legal a { text-decoration-color: rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-legal__req { background: rgba(255, 253, 248, .6) } html[data-mg-theme="light"] .mg-legal { color: #413a2f } html[data-mg-theme="light"] .mg-legal { background: linear-gradient(180deg, #f1ece1 0%, #f1ece1 100%) } html[data-mg-theme="light"] .mg-legal { border: 1px solid rgba(36, 31, 24, .07) } html[data-mg-theme="light"] .mg-legal { box-shadow: 0 30px 90px rgba(58, 48, 36, .35) } /* ===== moigrani-library.css ===== */ html[data-mg-theme="light"] .mg-save { border: 1px solid rgba(138, 101, 32, .28) } html[data-mg-theme="light"] .mg-save { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-save { color: var(--mg-muted, rgba(36, 31, 24, .72)) } html[data-mg-theme="light"] .mg-save, html[data-mg-theme="light"] .mg-save:hover, html[data-mg-theme="light"] .mg-save:focus, html[data-mg-theme="light"] .mg-save:focus-visible, html[data-mg-theme="light"] .mg-save:active { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-save:hover, html[data-mg-theme="light"] .mg-save:focus, html[data-mg-theme="light"] .mg-save:focus-visible, html[data-mg-theme="light"] .mg-save:active { border-color: rgba(138, 101, 32, .55) } html[data-mg-theme="light"] .mg-save--on { border-color: rgba(138, 101, 32, .55) } html[data-mg-theme="light"] .mg-zcard__mark { border: 1px solid rgba(138, 101, 32, .3) } html[data-mg-theme="light"] .mg-zcard__mark { background: rgba(255, 253, 248, .78) } html[data-mg-theme="light"] .mg-zcard__mark { color: var(--mg-gold-soft, #8a6520) } html[data-mg-theme="light"] .mg-zcard__mark--read { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-zcard:hover .mg-zcard__mark { border-color: rgba(138, 101, 32, .55) } html[data-mg-theme="light"] .mg-zcard:hover .mg-zcard__mark { background: rgba(255, 253, 248, .9) } html[data-mg-theme="light"] .mg-zcard__mark::after { background: rgba(255, 253, 248, .97) } html[data-mg-theme="light"] .mg-zcard__mark::after { box-shadow: 0 12px 28px rgba(58, 48, 36, .66) } /* ===== moigrani-pay.css ===== */ html[data-mg-theme="light"] .mg-paypage__state-dot { background: rgba(61, 54, 44, .45) } html[data-mg-theme="light"] .mg-paypage__state--on { color: #5d8a50 } html[data-mg-theme="light"] .mg-paypage__state--on .mg-paypage__state-dot { background: #4f7d44 } html[data-mg-theme="light"] .mg-paypage__state--on .mg-paypage__state-dot { box-shadow: 0 0 0 4px rgba(117, 107, 92, .16) } html[data-mg-theme="light"] .mg-paypage__state--off { color: #b25c47 } html[data-mg-theme="light"] .mg-paypage__state--off .mg-paypage__state-dot { background: #f7f2e7 } html[data-mg-theme="light"] .mg-paypage__state--off .mg-paypage__state-dot { box-shadow: 0 0 0 4px rgba(117, 107, 92, .14) } html[data-mg-theme="light"] .mg-paypage__state--check .mg-paypage__state-dot { box-shadow: 0 0 0 4px rgba(138, 101, 32, .16) } html[data-mg-theme="light"] .mg-paypage__way { background: linear-gradient(180deg, rgba(247, 242, 231, .75), rgba(255, 253, 248, .75)) } html[data-mg-theme="light"] .mg-paypage__way:hover { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-paypage::before { background: radial-gradient(50% 55% at 50% 10%, rgba(138, 101, 32, .09), transparent 72%) } html[data-mg-theme="light"] .mg-paypage { background-image: linear-gradient(180deg, rgba(255, 253, 248, .78) 0%, rgba(255, 253, 248, .9) 55%, rgba(255, 253, 248, .97) 100%), url(../../../uploads/2026/10/bg/door-1600.webp) } html[data-mg-theme="light"] .mg-paypage::before { background: radial-gradient(45% 60% at 50% 0%, rgba(138, 101, 32, .10), transparent 72%) } @media (max-width: 760px) { html[data-mg-theme="light"] .mg-paypage { background-image: linear-gradient(180deg, rgba(255, 253, 248, .85), rgba(255, 253, 248, .97)) } } html[data-mg-theme="light"] .mg-paypage__claim-select, html[data-mg-theme="light"] .mg-paypage__claim-input { background: rgba(255, 253, 248, .6) } html[data-mg-theme="light"] .mg-paypage__claim-btn { color: #241f18 } html[data-mg-theme="light"] .mg-paypage__claim-out.is-err { color: #3d362c } html[data-mg-theme="light"] .mg-paypage { background-image: linear-gradient(180deg, rgba(255, 253, 248, .62) 0%, rgba(255, 253, 248, .82) 50%, rgba(255, 253, 248, .93) 100%), url("../../uploads/2026/10/bg/door-1600.webp") } html[data-mg-theme="light"] .mg-paypage__hist:hover { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .mg-account .mg-account__row--btn:hover, html[data-mg-theme="light"] .mg-account .mg-account__row--btn:focus-visible { background: rgba(138, 101, 32, .09) !important } html[data-mg-theme="light"] .mg-payhist__backdrop { background: rgba(255, 253, 248, .74) } html[data-mg-theme="light"] .mg-payhist__box { background: linear-gradient(180deg, #f1ece1 0%, #f1ece1 100%) } html[data-mg-theme="light"] .mg-payhist__box { box-shadow: 0 40px 120px rgba(58, 48, 36, .6) } html[data-mg-theme="light"] .mg-payhist__now.is-on { color: #5d8a50 } html[data-mg-theme="light"] .mg-payhist__now.is-off { color: #b25c47 } html[data-mg-theme="light"] .mg-payhist__row { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-payhist__row-state.is-ok { color: #3d362c } html[data-mg-theme="light"] .mg-payhist__row-state.is-no { color: #3d362c } /* ===== moigrani-player.css ===== */ html[data-mg-theme="light"] .mgp__dot { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mgp__gate { background: linear-gradient(120deg, rgba(138, 101, 32, .08), rgba(138, 101, 32, .015)) } html[data-mg-theme="light"] .mgp__stage { background: radial-gradient(120% 120% at 0% 0%, rgba(138, 101, 32, .07), transparent 60%), var(--mg-surface) } html[data-mg-theme="light"] .mgp__art { background: radial-gradient(70% 70% at 30% 25%, rgba(138, 101, 32, .22), transparent 70%), linear-gradient(150deg, #f7f2e7, #f1ece1) } html[data-mg-theme="light"] .mgp__art { box-shadow: 0 18px 40px -22px rgba(58, 48, 36, .9) } html[data-mg-theme="light"] .mgp__art-fallback { background: radial-gradient(45% 45% at 50% 50%, rgba(138, 101, 32, .18), transparent 70%), repeating-linear-gradient(45deg, rgba(36, 31, 24, .03) 0 2px, transparent 2px 8px) } html[data-mg-theme="light"] .mgp__art-veil { background: linear-gradient(180deg, transparent, rgba(255, 253, 248, .72)) } html[data-mg-theme="light"] .mgp__art-badge { border: 1px solid rgba(138, 101, 32, .4) } html[data-mg-theme="light"] .mgp__art-badge { background: rgba(255, 253, 248, .78) } html[data-mg-theme="light"] .mgp__seek::-webkit-slider-runnable-track { background: linear-gradient(90deg, var(--mg-gold) var(--mg-progress, 0%), rgba(36, 31, 24, .14) var(--mg-progress, 0%)) } html[data-mg-theme="light"] .mgp__seek::-moz-range-track { background: rgba(36, 31, 24, .14) } html[data-mg-theme="light"] .mgp__seek::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(138, 101, 32, .18) } html[data-mg-theme="light"] .mgp__ctl[aria-pressed="true"] { background: rgba(138, 101, 32, .1) } html[data-mg-theme="light"] .mgp__play { box-shadow: 0 10px 26px -14px rgba(138, 101, 32, .9) } html[data-mg-theme="light"] .mgp__volume input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(90deg, var(--mg-gold) var(--mg-vol, 100%), rgba(36, 31, 24, .14) var(--mg-vol, 100%)) } html[data-mg-theme="light"] .mgp__volume input[type="range"]::-moz-range-track { background: rgba(36, 31, 24, .14) } html[data-mg-theme="light"] .mgp__chip--mini::after { background: rgba(255, 253, 248, .97) } html[data-mg-theme="light"] .mgp__chip--mini::after { box-shadow: 0 14px 30px rgba(58, 48, 36, .7) } html[data-mg-theme="light"] .mgp__chip[aria-pressed="true"], html[data-mg-theme="light"] .mgp__chip.is-on { background: rgba(138, 101, 32, .1) } html[data-mg-theme="light"] .mgp__sleep-time.is-on { background: rgba(138, 101, 32, .1) } html[data-mg-theme="light"] .mgp__sleep-status { background: rgba(138, 101, 32, .06) } html[data-mg-theme="light"] .mgp__queue li { border-bottom: 1px solid rgba(36, 31, 24, .05) } html[data-mg-theme="light"] .mgp__list-new input::placeholder { color: rgba(117, 107, 92, .8) } html[data-mg-theme="light"] .mgp__list-del { color: rgba(117, 107, 92, .8) } html[data-mg-theme="light"] .mgp__browse-head { background: linear-gradient(180deg, rgba(255, 253, 248, .98), rgba(255, 253, 248, .94)) } html[data-mg-theme="light"] .mgp__search input::placeholder { color: rgba(117, 107, 92, .85) } html[data-mg-theme="light"] .mgp__sort-pop { box-shadow: 0 22px 46px -24px rgba(58, 48, 36, .95) } html[data-mg-theme="light"] .mgp__playall { background: rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mgp__row { border-bottom: 1px solid rgba(36, 31, 24, .05) } html[data-mg-theme="light"] .mgp__row:hover { background: rgba(36, 31, 24, .022) } html[data-mg-theme="light"] .mgp__row.is-current { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mgp__row.is-seen .mgp__row-title { color: rgba(36, 31, 24, .62) } html[data-mg-theme="light"] .mgp__row-seen { color: rgba(117, 107, 92, .95) } html[data-mg-theme="light"] .mgp__row-is-hidden { color: rgba(138, 101, 32, .9) } html[data-mg-theme="light"] .mgp__more { border-top: 1px solid rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mgp__row.is-current .mgp__row-play { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mgp__row-num { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mgp__row-art { background: linear-gradient(150deg, #f7f2e7, #f1ece1) } html[data-mg-theme="light"] .mgp__row-art--empty { background: radial-gradient(60% 60% at 40% 35%, rgba(138, 101, 32, .18), transparent 70%), linear-gradient(150deg, #f7f2e7, #f1ece1) } html[data-mg-theme="light"] .mgp__tag { color: rgba(117, 107, 92, .95) } html[data-mg-theme="light"] .mgp__row-facets-dash { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mgp__row-facets-sep { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mgp__facet-link { color: rgba(138, 101, 32, .9) } html[data-mg-theme="light"] .mgp__row-date { color: rgba(117, 107, 92, .85) } html[data-mg-theme="light"] .mgp__row-facet { color: rgba(138, 101, 32, .85) } html[data-mg-theme="light"] .mgp__row-fav, html[data-mg-theme="light"] .mgp__row-more { color: rgba(117, 107, 92, .7) } html[data-mg-theme="light"] .mgp__row-pop { box-shadow: 0 18px 40px -20px rgba(58, 48, 36, .95) } html[data-mg-theme="light"] .mgp__dock { background: rgba(247, 242, 231, .96) } html[data-mg-theme="light"] .mgp__dock { box-shadow: 0 -18px 40px -30px rgba(58, 48, 36, .9) } html[data-mg-theme="light"] .mgp__dock-art { background: linear-gradient(150deg, #f7f2e7, #f1ece1) center / cover no-repeat } html[data-mg-theme="light"] .mgp__dock-bar { background: rgba(36, 31, 24, .08) } /* ===== moigrani-praktika.css ===== */ html[data-mg-theme="light"] .mg-praktika { background: radial-gradient(90% 46% at 50% 0%, rgba(138, 101, 32, .07), transparent 62%), var(--mg-ink) } html[data-mg-theme="light"] .mg-praktika .mg-facet:hover { background: linear-gradient(to bottom, rgba(138, 101, 32, .05), transparent 72%) } html[data-mg-theme="light"] .mg-praktika .mg-facet:first-child { background: radial-gradient(120% 90% at 50% 0%, rgba(138, 101, 32, .12), transparent 70%) } html[data-mg-theme="light"] .mg-praktika .mg-facet:first-child:hover { background: radial-gradient(120% 90% at 50% 0%, rgba(138, 101, 32, .16), transparent 70%) } html[data-mg-theme="light"] .mg-praktika .mg-facet__status--done { color: #4f7a45 } html[data-mg-theme="light"] body.page-id-509 .mg-lockpage { background: radial-gradient(70% 50% at 50% 0%, rgba(138, 101, 32, .08), transparent 64%), var(--mg-ink) } /* ===== moigrani-push.css ===== */ html[data-mg-theme="light"] .mg-pushbar { border: 1px solid rgba(36, 31, 24, .12) } html[data-mg-theme="light"] .mg-pushbar { background: rgba(255, 253, 248, .96) } html[data-mg-theme="light"] .mg-pushbar { box-shadow: 0 18px 40px rgba(58, 48, 36, .45) } html[data-mg-theme="light"] .mg-pushbar__yes:hover, html[data-mg-theme="light"] .mg-pushbar__yes:focus-visible { color: #fffdf8 } /* ===== moigrani-reset.css ===== */ html[data-mg-theme="light"] .mg-entry__bg::after { background: linear-gradient(90deg, rgba(255, 253, 248, .95) 0%, rgba(255, 253, 248, .86) 38%, rgba(255, 253, 248, .52) 66%, rgba(255, 253, 248, .28) 100%), linear-gradient(180deg, rgba(255, 253, 248, .9) 0%, rgba(255, 253, 248, .42) 45%, rgba(255, 253, 248, .92) 100%) } html[data-mg-theme="light"] .mg-entry__card { border: 1px solid rgba(138, 101, 32, .28) } html[data-mg-theme="light"] .mg-entry__card { background: rgba(255, 253, 248, .74) } html[data-mg-theme="light"] .mg-entry__card { box-shadow: 0 30px 70px -50px rgba(58, 48, 36, .95), inset 0 1px 0 rgba(36, 31, 24, .05) } html[data-mg-theme="light"] .mg-reset input[type="password"]:focus { box-shadow: 0 0 0 3px rgba(138, 101, 32, .12) } @media (max-width: 640px) { html[data-mg-theme="light"] .mg-entry__bg::after { background: linear-gradient(180deg, rgba(255, 253, 248, .92) 0%, rgba(255, 253, 248, .74) 45%, rgba(255, 253, 248, .95) 100%) } } /* ===== moigrani-signin.css ===== */ html[data-mg-theme="light"] .mg-signin__status.is-error { color: #b5674a } /* ===== moigrani-story.css ===== */ html[data-mg-theme="light"] .mg-fmt__tab.is-active { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-fmt__tab.is-locked { color: rgba(117, 107, 92, .9) } html[data-mg-theme="light"] .mg-audio { background: linear-gradient(180deg, rgba(255, 253, 248, .55), rgba(247, 242, 231, .3)) } html[data-mg-theme="light"] .mg-player__play { color: #f7f2e7 } html[data-mg-theme="light"] .mg-player__seek { background: linear-gradient(to right, var(--mg-gold) var(--mg-progress, 0%), rgba(36, 31, 24, .16) var(--mg-progress, 0%)) } html[data-mg-theme="light"] .mg-fmt__locked { background: radial-gradient(70% 120% at 50% 0%, rgba(138, 101, 32, .07), transparent 70%), rgba(247, 242, 231, .5) } /* ===== moigrani-street.css ===== */ html[data-mg-theme="light"] .mg-zformat[aria-pressed="true"] { background: rgba(138, 101, 32, .16) } html[data-mg-theme="light"] .mg-zmine__box { background: rgba(255, 253, 248, .35) } html[data-mg-theme="light"] .mg-zmine__check input:checked + .mg-zmine__box { background: rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mg-zbtn:hover, html[data-mg-theme="light"] .mg-zbtn[aria-expanded="true"] { background: rgba(138, 101, 32, .06) } html[data-mg-theme="light"] .mg-zactive__chip { background: rgba(138, 101, 32, .10) } html[data-mg-theme="light"] .mg-zpop { box-shadow: 0 26px 60px rgba(58, 48, 36, .68) } html[data-mg-theme="light"] .mg-zcal__day:disabled { color: rgba(117, 107, 92, .3) } html[data-mg-theme="light"] .mg-zcal__day.is-in { background: rgba(138, 101, 32, .11) } html[data-mg-theme="light"] .mg-zcal__day.is-start, html[data-mg-theme="light"] .mg-zcal__day.is-end { color: #f7f2e7 } html[data-mg-theme="light"] .mg-ztags__search input::placeholder { color: rgba(117, 107, 92, .8) } html[data-mg-theme="light"] .mg-zchip[aria-pressed="true"] { background: rgba(138, 101, 32, .16) } html[data-mg-theme="light"] .mg-zcard { background: linear-gradient(180deg, rgba(255, 253, 248, .52), rgba(247, 242, 231, .3)) } html[data-mg-theme="light"] .mg-zcard__media { background: linear-gradient(150deg, #f7f2e7, #ebe4d5) } html[data-mg-theme="light"] .mg-zcard__nophoto { background: radial-gradient(60% 60% at 30% 30%, rgba(138, 101, 32, .14), transparent 70%), linear-gradient(150deg, #f7f2e7, #ebe4d5) } html[data-mg-theme="light"] .mg-zcard__lock { background: rgba(255, 253, 248, .52) } html[data-mg-theme="light"] .mg-zcard__sep { color: rgba(117, 107, 92, .7) } html[data-mg-theme="light"] .mg-zcard__facet-dash { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mg-zcard__tag { color: rgba(61, 54, 44, .66) } html[data-mg-theme="light"] .mg-zcard__cta:hover { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-zcard__cta--locked { border-color: rgba(36, 31, 24, .28) } html[data-mg-theme="light"] .mg-zcard--locked:hover .mg-zcard__cta--locked { background: rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-zcard--locked:hover .mg-zcard__cta--locked { border-color: rgba(36, 31, 24, .5) } html[data-mg-theme="light"] .mg-zcard__media::after { background: linear-gradient(180deg, transparent, rgba(247, 242, 231, .55)) } html[data-mg-theme="light"] .mg-zcard__act.mg-save--on, html[data-mg-theme="light"] .mg-zcard__act.mg-read-btn--on { border-color: rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-zcard__act::after { background: rgba(255, 253, 248, .97) } html[data-mg-theme="light"] .mg-zcard__act::after { box-shadow: 0 12px 28px rgba(58, 48, 36, .66) } html[data-mg-theme="light"] .mg-zcard__exclusive { background: rgba(255, 253, 248, .74) } /* ===== moigrani-studio.css ===== */ html[data-mg-theme="light"] .mg-studio__lead { color: #555b61 } html[data-mg-theme="light"] .mg-studio__card { background: #fffdf8 } html[data-mg-theme="light"] .mg-studio__card { border: 1px solid #333333 } html[data-mg-theme="light"] .mg-studio__hint, html[data-mg-theme="light"] .mg-studio__dim { color: #6b6f75 } html[data-mg-theme="light"] .mg-studio__ok { color: #241f18 } html[data-mg-theme="light"] .mg-studio__bar { background: #2b2b2b } html[data-mg-theme="light"] .mg-studio__bar span { background: #f7f2e7 } html[data-mg-theme="light"] .mg-shot { background: #fffdf8 } html[data-mg-theme="light"] .mg-shot { border: 1px solid #2b2b2b } html[data-mg-theme="light"] .mg-shot__frame { background: #fffdf8 } html[data-mg-theme="light"] .mg-shot__prompt { color: #6b6f75 } html[data-mg-theme="light"] .mg-studio__log { background: #fffdf8 } html[data-mg-theme="light"] .mg-studio__log { color: #241f18 } /* ===== moigrani-talk.css ===== */ html[data-mg-theme="light"] .mg-talk__rec:hover { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-talk__rec.is-recording { background: rgba(138, 101, 32, .10) } /* ===== moigrani-ten.css ===== */ html[data-mg-theme="light"] .mg-ten__voice-btn.is-recording { color: #3d362c } html[data-mg-theme="light"] .mg-ten__note { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] .mg-ten__practice { background: rgba(255, 253, 248, .022) } html[data-mg-theme="light"] .mg-ten__micro { background: rgba(138, 101, 32, .055) } html[data-mg-theme="light"] .mg-ten__btn:hover { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-ten__btn--done, html[data-mg-theme="light"] .mg-ten__btn:disabled { border-color: rgba(138, 101, 32, .3) } html[data-mg-theme="light"] .mg-ten__panel { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__field { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] .mg-ten__steps { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__step--on .mg-ten__check { color: #241f18 } html[data-mg-theme="light"] .mg-ten__flashes { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__flash-item { border-bottom: 1px solid rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-ten__flash-fields input { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] .mg-ten__summary-item { border-bottom: 1px solid rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-ten__tab.is-active { background: rgba(138, 101, 32, .1) } html[data-mg-theme="light"] .mg-ten__microbox { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten .mg-ten__flashes .mg-ten__flash-fields input[type="text"], html[data-mg-theme="light"] .mg-ten .mg-ten__flashes .mg-ten__flash-fields input { background: rgba(255, 253, 248, .04) } html[data-mg-theme="light"] .mg-ten .mg-ten__flashes .mg-ten__flash-fields input:focus { background: rgba(255, 253, 248, .06) } html[data-mg-theme="light"] .mg-ten .mg-ten__field { background: rgba(255, 253, 248, .04) } html[data-mg-theme="light"] .mg-ten__start { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__start { box-shadow: 0 12px 34px -24px rgba(58, 48, 36, .8) } html[data-mg-theme="light"] .mg-ten__bar { background: rgba(255, 253, 248, .09) } html[data-mg-theme="light"] .mg-ten__dot.is-today { box-shadow: 0 0 0 2px rgba(138, 101, 32, .25) } html[data-mg-theme="light"] .mg-ten__week { background: rgba(255, 253, 248, .015) } html[data-mg-theme="light"] .mg-ten__week.is-done .mg-ten__status { color: var(--mg-green, #4e7a41) } html[data-mg-theme="light"] .mg-ten__flashes { background: var(--mg-ink-2, rgba(255, 253, 248, .03)) } html[data-mg-theme="light"] li.mg-ten__flash { border-bottom: 1px solid rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-ten__flash-field input { background: rgba(255, 253, 248, .04) } html[data-mg-theme="light"] .mg-ten__flash-field input:focus { background: rgba(255, 253, 248, .06) } html[data-mg-theme="light"] button.mg-ten__flash-del:hover { border-color: #756b5c } html[data-mg-theme="light"] button.mg-ten__flash-del:hover { color: #b85a4c } html[data-mg-theme="light"] p.mg-ten__flash--alert { border-color: rgba(117, 107, 92, .5) } html[data-mg-theme="light"] p.mg-ten__flash--alert { background: rgba(247, 242, 231, .08) } html[data-mg-theme="light"] p.mg-ten__flash--alert { color: #3d362c } html[data-mg-theme="light"] .mg-ten__step.is-on .mg-ten__check { background: var(--mg-green, #4e7a41) } html[data-mg-theme="light"] .mg-ten__step.is-on .mg-ten__check { border-color: var(--mg-green, #4e7a41) } html[data-mg-theme="light"] .mg-ten__step.is-on .mg-ten__check { color: #241f18 } html[data-mg-theme="light"] .mg-ten__micro { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__weekbar-part { background: rgba(255, 253, 248, .09) } html[data-mg-theme="light"] .mg-ten__weekbar-part.is-on { background: var(--mg-green, #4e7a41) } html[data-mg-theme="light"] .mg-ten__summary { background: rgba(255, 253, 248, .02) } html[data-mg-theme="light"] .mg-ten__summary-item { border-bottom: 1px solid rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-ten__sticky { background: rgba(255, 253, 248, .94) } html[data-mg-theme="light"] .mg-ten__sticky-bar { background: rgba(255, 253, 248, .1) } html[data-mg-theme="light"] .mg-ten__sticky-today.is-done { color: var(--mg-green, #4e7a41) } html[data-mg-theme="light"] body:has(.mg-ten) { background-image: linear-gradient(180deg, rgba(255, 253, 248, .92) 0%, rgba(255, 253, 248, .86) 38%, rgba(255, 253, 248, .95) 100%) } html[data-mg-theme="light"] .mg-ten::before { -webkit-mask-image: linear-gradient(180deg, #3a3024 0%, rgba(58, 48, 36, .55) 62%, transparent 100%) } html[data-mg-theme="light"] .mg-ten::before { mask-image: linear-gradient(180deg, #3a3024 0%, rgba(58, 48, 36, .55) 62%, transparent 100%) } html[data-mg-theme="light"] .mg-ten__title, html[data-mg-theme="light"] .mg-ten__lead, html[data-mg-theme="light"] .mg-ten__head .mg-eyebrow, html[data-mg-theme="light"] .mg-ten__meta { text-shadow: 0 1px 28px rgba(36, 31, 24, .75) } html[data-mg-theme="light"] .mg-ten__start { background: rgba(255, 253, 248, .62) } html[data-mg-theme="light"] .mg-ten__week { background: rgba(255, 253, 248, .5) } html[data-mg-theme="light"] .mg-ten__summary { background: rgba(255, 253, 248, .45) } html[data-mg-theme="light"] .mg-ten__examples { background: rgba(255, 253, 248, .015) } html[data-mg-theme="light"] .mg-ten__strip-bar { background: rgba(255, 253, 248, .1) } html[data-mg-theme="light"] .mg-ten__week { background: rgba(255, 253, 248, .78) } html[data-mg-theme="light"] li.mg-ten__flash { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] button.mg-ten__flash-del:hover { border-color: color-mix(in srgb, #b85a4c 55%, var(--mg-line)) } html[data-mg-theme="light"] button.mg-ten__flash-del:hover { color: #b85a4c } html[data-mg-theme="light"] .mg-ten__flash-field input { background: rgba(58, 48, 36, .18) } html[data-mg-theme="light"] .mg-ten__flash-field input:focus { background: rgba(58, 48, 36, .28) } html[data-mg-theme="light"] .mg-ten__bridge { background: #fffdf8 } html[data-mg-theme="light"] .mg-ten__bridge { color: #f7f2e7 } html[data-mg-theme="light"] .mg-ten__bridge strong, html[data-mg-theme="light"] .mg-ten__shadow strong { color: #f7f2e7 } html[data-mg-theme="light"] .mg-ten__deadline { border-left: 2px solid var(--global-palette6, #756b5c) } html[data-mg-theme="light"] .mg-ten__deadline { background: var(--global-palette7, #fffdf8) } html[data-mg-theme="light"] .mg-ten__deadline { color: var(--global-palette5, #3d362c) } html[data-mg-theme="light"] .mg-ten__deadline span { color: var(--global-palette6, #756b5c) } html[data-mg-theme="light"] .mg-ten__bridge.mg-ten__after { border-left-color: var(--global-palette6, #756b5c) } html[data-mg-theme="light"] .mg-ten__bridge.mg-ten__after { background: var(--global-palette7, #fffdf8) } html[data-mg-theme="light"] .mg-ten__bridge.mg-ten__after { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-ten__bridge.mg-ten__after strong { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-ten__portrait { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] .mg-ten__portrait-del:hover { border-color: color-mix(in srgb, #b85a4c 55%, var(--mg-line)) } html[data-mg-theme="light"] .mg-ten__portrait-del:hover { color: #b85a4c } html[data-mg-theme="light"] .mg-ten__shadow { background: #fffdf8 } html[data-mg-theme="light"] .mg-ten__shadow { color: #f7f2e7 } html[data-mg-theme="light"] .mg-ten__shadow h3 { color: #241f18 } /* ===== moigrani-testimony.css ===== */ html[data-mg-theme="light"] .mg-tst-head__title { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-tst-head__lead { color: var(--mg-muted, rgba(36, 31, 24, .68)) } html[data-mg-theme="light"] .mg-tst { border: 1px solid rgba(138, 101, 32, .16) } html[data-mg-theme="light"] .mg-tst { background: rgba(255, 253, 248, .015) } html[data-mg-theme="light"] .mg-tst:hover { border-color: rgba(138, 101, 32, .3) } html[data-mg-theme="light"] .mg-tst__title { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-tst__meta { color: var(--mg-muted, rgba(36, 31, 24, .55)) } html[data-mg-theme="light"] .mg-tst__short, html[data-mg-theme="light"] .mg-tst__full p { color: rgba(36, 31, 24, .84) } html[data-mg-theme="light"] .mg-tst__foot { border-top: 1px solid rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-tst__foot { color: var(--mg-muted, rgba(36, 31, 24, .55)) } html[data-mg-theme="light"] .mg-tst__more { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-tst__more { border-bottom: 1px solid rgba(138, 101, 32, .35) } html[data-mg-theme="light"] .mg-tst__more:hover, html[data-mg-theme="light"] .mg-tst__more:focus, html[data-mg-theme="light"] .mg-tst__more:focus-visible, html[data-mg-theme="light"] .mg-tst__more:active { color: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-tst__more:hover, html[data-mg-theme="light"] .mg-tst__more:focus, html[data-mg-theme="light"] .mg-tst__more:focus-visible, html[data-mg-theme="light"] .mg-tst__more:active { border-bottom-color: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-tst__replies { border-top: 1px dashed rgba(138, 101, 32, .14) } html[data-mg-theme="light"] .mg-tst__reply { color: rgba(36, 31, 24, .82) } html[data-mg-theme="light"] .mg-tst__reply-author { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-tst__reply-time { color: rgba(36, 31, 24, .4) } html[data-mg-theme="light"] .mg-tst__replies-closed, html[data-mg-theme="light"] .mg-tst__replies-note { color: rgba(36, 31, 24, .48) } html[data-mg-theme="light"] .mg-tst .mg-tst__reply-form textarea { border: 1px solid rgba(138, 101, 32, .2) } html[data-mg-theme="light"] .mg-tst .mg-tst__reply-form textarea { background: rgba(58, 48, 36, .18) } html[data-mg-theme="light"] .mg-tst .mg-tst__reply-form textarea { color: var(--mg-text, #3d362c) } html[data-mg-theme="light"] .mg-tst__reply-form textarea::placeholder { color: rgba(36, 31, 24, .35) } html[data-mg-theme="light"] .mg-tst__reply-form textarea:focus-visible { border-color: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .mg-tst__reply-form textarea:focus-visible { outline: 2px solid rgba(138, 101, 32, .18) } html[data-mg-theme="light"] .mg-tst__status.is-draft { color: rgba(36, 31, 24, .5) } html[data-mg-theme="light"] .mg-tst__status.is-pending { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-tst__status.is-publish { color: #5c8a4e } html[data-mg-theme="light"] .mg-tst-note { border: 1px solid rgba(138, 101, 32, .25) } html[data-mg-theme="light"] .mg-tst-note { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-tst-note { color: rgba(36, 31, 24, .85) } html[data-mg-theme="light"] .mg-tst-gate { border: 1px solid rgba(138, 101, 32, .22) } html[data-mg-theme="light"] .mg-tst-gate__text { color: rgba(36, 31, 24, .78) } html[data-mg-theme="light"] .mg-tst-empty { color: rgba(36, 31, 24, .5) } html[data-mg-theme="light"] .mg-tst-new { border: 1px solid rgba(138, 101, 32, .18) } html[data-mg-theme="light"] .mg-tst-new { background: rgba(255, 253, 248, .015) } html[data-mg-theme="light"] .mg-tst-new:hover, html[data-mg-theme="light"] .mg-tst-new[open] { border-color: rgba(138, 101, 32, .32) } html[data-mg-theme="light"] .mg-tst-new__summary { color: var(--mg-cream, #241f18) } html[data-mg-theme="light"] .mg-tst-new__summary::before { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-tst-new__summary:hover, html[data-mg-theme="light"] .mg-tst-new__summary:focus-visible { color: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-tst-new__label { color: rgba(36, 31, 24, .72) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area { border: 1px solid rgba(138, 101, 32, .2) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area { background: rgba(58, 48, 36, .2) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area { color: var(--mg-text, #3d362c) } html[data-mg-theme="light"] .mg-tst-new__input::placeholder, html[data-mg-theme="light"] .mg-tst-new__area::placeholder { color: rgba(36, 31, 24, .32) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input:focus, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area:focus { border-color: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input:focus, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area:focus { background: rgba(58, 48, 36, .3) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__input:focus, html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__area:focus { outline: 2px solid rgba(138, 101, 32, .18) } html[data-mg-theme="light"] .mg-tst-new__input:focus-visible, html[data-mg-theme="light"] .mg-tst-new__area:focus-visible { border-color: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .mg-tst-new__input:focus-visible, html[data-mg-theme="light"] .mg-tst-new__area:focus-visible { outline: 2px solid rgba(138, 101, 32, .18) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__file { border: 1px dashed rgba(138, 101, 32, .28) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__file { background: rgba(58, 48, 36, .12) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__file { color: rgba(36, 31, 24, .68) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__file::file-selector-button { border: 1px solid rgba(138, 101, 32, .35) } html[data-mg-theme="light"] .mg-tst-new .mg-tst-new__file::file-selector-button { color: var(--mg-gold, #8a6520) } html[data-mg-theme="light"] .mg-tst-new__hint { color: rgba(36, 31, 24, .45) } html[data-mg-theme="light"] .mg-tst-new__check { color: rgba(36, 31, 24, .72) } html[data-mg-theme="light"] .mg-tst-new__toolbar { border: 1px solid rgba(138, 101, 32, .2) } html[data-mg-theme="light"] .mg-tst-new__toolbar { background: rgba(255, 253, 248, .025) } html[data-mg-theme="light"] .mg-tst-new__tool { color: rgba(36, 31, 24, .68) } html[data-mg-theme="light"] .mg-tst-new__tool:hover, html[data-mg-theme="light"] .mg-tst-new__tool:focus-visible { border-color: rgba(138, 101, 32, .34) } html[data-mg-theme="light"] .mg-tst-new__tool:hover, html[data-mg-theme="light"] .mg-tst-new__tool:focus-visible { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-tst-new__tool:hover, html[data-mg-theme="light"] .mg-tst-new__tool:focus-visible { color: var(--mg-gold-soft, #6b4e14) } html[data-mg-theme="light"] .mg-tst-new__tool:active { background: rgba(138, 101, 32, .12) } html[data-mg-theme="light"] .mg-tst-new__tool-hint { color: rgba(138, 101, 32, .85) } /* ===== moigrani-views.css ===== */ html[data-mg-theme="light"] .mg-calendar__day + .mg-calendar__day { border-top: 1px solid rgba(36, 31, 24, .05) } html[data-mg-theme="light"] .mg-calendar__cat { color: rgba(36, 31, 24, .42) } /* ===== moigrani.css ===== */ html[data-mg-theme="light"] #masthead.site-header, html[data-mg-theme="light"] .site-header { background: rgba(255, 253, 248, .82) } html[data-mg-theme="light"] #masthead.is-floating { background: rgba(255, 253, 248, .93) } html[data-mg-theme="light"] #masthead.is-floating { border-bottom-color: rgba(36, 31, 24, .14) } html[data-mg-theme="light"] #masthead.is-floating { box-shadow: 0 14px 34px -22px rgba(58, 48, 36, .95) } html[data-mg-theme="light"] .mg-btn, html[data-mg-theme="light"] .entry-content .mg-btn { color: #fffdf8 } html[data-mg-theme="light"] .mg-btn:hover, html[data-mg-theme="light"] .entry-content .mg-btn:hover { color: #fffdf8 } html[data-mg-theme="light"] .mg-btn--ghost, html[data-mg-theme="light"] .entry-content .mg-btn--ghost { border-color: rgba(36, 31, 24, .30) } html[data-mg-theme="light"] .mg-btn--ghost:hover, html[data-mg-theme="light"] .entry-content .mg-btn--ghost:hover { background: rgba(36, 31, 24, .06) } html[data-mg-theme="light"] .mg-hero__badge { border: 1px solid rgba(138, 101, 32, .38) } html[data-mg-theme="light"] .mg-hero__badge { background: rgba(255, 253, 248, .45) } html[data-mg-theme="light"] .mg-hero__title { text-shadow: 0 2px 40px rgba(58, 48, 36, .55) } html[data-mg-theme="light"] .mg-hero__sub { color: #3d362c } html[data-mg-theme="light"] .mg-story__sep { color: rgba(117, 107, 92, .7) } html[data-mg-theme="light"] .mg-story__facet-dash { color: rgba(117, 107, 92, .75) } html[data-mg-theme="light"] .mg-story__lock { background: radial-gradient(circle at 50% 50%, rgba(255, 253, 248, .10) 0%, rgba(255, 253, 248, .55) 78%) } html[data-mg-theme="light"] .mg-story__lock .mg-lock { background: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] .mg-story--locked:hover .mg-story__lock .mg-lock { border-color: rgba(138, 101, 32, .6) } @keyframes mg-form-pulse { html[data-mg-theme="light"] 0% { box-shadow: 0 0 0 0 rgba(138, 101, 32, .45) } html[data-mg-theme="light"] 70% { box-shadow: 0 0 0 10px rgba(138, 101, 32, 0) } html[data-mg-theme="light"] 100% { box-shadow: 0 0 0 0 rgba(138, 101, 32, 0) } } html[data-mg-theme="light"] .mg-gate { background: radial-gradient(90% 70% at 12% 0%, rgba(138, 101, 32, .10), transparent 60%), var(--mg-ink-2) } html[data-mg-theme="light"] .mg-gate__entry { background: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] .mg-price { background: rgba(255, 253, 248, .5) } html[data-mg-theme="light"] .comment-respond input:focus, html[data-mg-theme="light"] .comment-respond textarea:focus, html[data-mg-theme="light"] .mg-form input:focus, html[data-mg-theme="light"] .mg-form textarea:focus { box-shadow: 0 0 0 3px rgba(138, 101, 32, .12) } html[data-mg-theme="light"] input[type="submit"], html[data-mg-theme="light"] .comment-respond .submit, html[data-mg-theme="light"] .mg-form button[type="submit"] { color: #fffdf8 } html[data-mg-theme="light"] .mg-archive-head { background: radial-gradient(60% 100% at 50% 0%, rgba(138, 101, 32, .06), transparent 70%), var(--mg-ink) } html[data-mg-theme="light"] .mg-form__ok { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .pms-form-submit, html[data-mg-theme="light"] .pms-button { color: #fffdf8 !important } html[data-mg-theme="light"] .mg-notice { background: rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .mg-placeholder { border: 1px dashed rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-placeholder { background: rgba(138, 101, 32, .05) } html[data-mg-theme="light"] #mobile-drawer .drawer-overlay, html[data-mg-theme="light"] .popup-drawer .drawer-overlay { background: rgba(0, 0, 0, .7) !important } html[data-mg-theme="light"] .mg-afterword__cta:hover { background: rgba(138, 101, 32, .08) } html[data-mg-theme="light"] .mg-progress { background: linear-gradient(to right, rgba(138, 101, 32, .25), var(--mg-gold)) } html[data-mg-theme="light"] body { background-image: radial-gradient(120% 68% at 50% -14%, rgba(138, 101, 32, .085) 0%, rgba(138, 101, 32, .026) 38%, rgba(255, 253, 248, 0) 68%), radial-gradient(88% 52% at 50% 112%, rgba(247, 242, 231, .07) 0%, rgba(255, 253, 248, 0) 62%) } html[data-mg-theme="light"] body::before { background: radial-gradient(112% 80% at 50% 44%, rgba(255, 253, 248, 0) 42%, rgba(255, 253, 248, .68) 100%) } html[data-mg-theme="light"] .mg-section--band { background: radial-gradient(80% 100% at 50% 0%, rgba(138, 101, 32, .05), transparent 66%), var(--mg-ink-2) } html[data-mg-theme="light"] .mg-story__media::after, html[data-mg-theme="light"] #archive-container .entry-thumbnail::after, html[data-mg-theme="light"] #archive-container .post-thumbnail::after { background: radial-gradient(120% 92% at 50% 42%, rgba(255, 253, 248, 0) 46%, rgba(255, 253, 248, .58) 100%), linear-gradient(to top, rgba(255, 253, 248, .46), rgba(255, 253, 248, 0) 46%) } html[data-mg-theme="light"] .mg-divider { background: linear-gradient(to bottom, transparent, var(--mg-gold) 42%, rgba(138, 101, 32, .5) 58%, transparent) } html[data-mg-theme="light"] .mg-confession { background: radial-gradient(120% 90% at 50% 50%, rgba(138, 101, 32, .05), transparent 68%), var(--mg-ink) } html[data-mg-theme="light"] .mg-confession::before, html[data-mg-theme="light"] .mg-confession::after { background: linear-gradient( to right, transparent 0%, rgba(138, 101, 32, .45) 18%, rgba(138, 101, 32, .85) 50%, rgba(138, 101, 32, .45) 82%, transparent 100% ) } html[data-mg-theme="light"] .mg-confession__text { text-shadow: 0 0 60px rgba(138, 101, 32, .07) } html[data-mg-theme="light"] .pms-invite-block__cta { color: #fffdf8 } html[data-mg-theme="light"] .pms-invite-block__cta:hover { color: #fffdf8 } html[data-mg-theme="light"] .mg-locked { background: rgba(138, 101, 32, .05) } html[data-mg-theme="light"] .mg-locked__icon { background: rgba(255, 253, 248, .45) } html[data-mg-theme="light"] .mg-locked__body a { text-decoration-color: rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-facets { background-image: repeating-linear-gradient(58deg, rgba(138, 101, 32, .05) 0 1px, transparent 1px 15px), repeating-linear-gradient(-58deg, rgba(138, 101, 32, .04) 0 1px, transparent 1px 15px) } html[data-mg-theme="light"] .mg-facet:first-child { background: linear-gradient(160deg, rgba(138, 101, 32, .09), rgba(255, 253, 248, .2) 62%), var(--mg-surface) } html[data-mg-theme="light"] .mg-facet:first-child:hover { background: linear-gradient(160deg, rgba(138, 101, 32, .16), rgba(255, 253, 248, .2) 62%), var(--mg-surface-2) } html[data-mg-theme="light"] .mg-facets:hover { background-image: repeating-linear-gradient(58deg, rgba(138, 101, 32, .085) 0 1px, transparent 1px 15px), repeating-linear-gradient(-58deg, rgba(138, 101, 32, .065) 0 1px, transparent 1px 15px) } html[data-mg-theme="light"] .mg-prices--tall .mg-price:first-child { background: linear-gradient(160deg, rgba(138, 101, 32, .08), rgba(255, 253, 248, .25) 62%), var(--mg-surface) } html[data-mg-theme="light"] .mg-modal__placeholder { border: 1px dashed rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-modal__placeholder { background: rgba(138, 101, 32, .05) } html[data-mg-theme="light"] html.mg-modal-js .mg-modal.is-open .mg-modal__backdrop { background: rgba(255, 253, 248, .86) } html[data-mg-theme="light"] html.mg-modal-js .mg-modal.is-open .mg-modal__panel { box-shadow: 0 30px 90px rgba(58, 48, 36, .65) } html[data-mg-theme="light"] .mg-btn:focus, html[data-mg-theme="light"] .entry-content .mg-btn:focus { color: #fffdf8 } html[data-mg-theme="light"] .mg-btn--ghost:focus, html[data-mg-theme="light"] .entry-content .mg-btn--ghost:focus { border-color: rgba(36, 31, 24, .55) } html[data-mg-theme="light"] .mg-pay__sum { background: linear-gradient(160deg, rgba(138, 101, 32, .08), rgba(255, 253, 248, .25) 62%), var(--mg-surface) } html[data-mg-theme="light"] .mg-pay__requisites { border: 1px dashed rgba(138, 101, 32, .45) } html[data-mg-theme="light"] .mg-pay__requisites { background: rgba(138, 101, 32, .05) } html[data-mg-theme="light"] body.page-id-6 .mg-hero__title { text-shadow: 0 4px 60px rgba(58, 48, 36, .7) } html[data-mg-theme="light"] body.page-id-6 .mg-hero__sub { color: #3d362c } html[data-mg-theme="light"] body.page-id-6 .mg-hero__sub { text-shadow: 0 2px 24px rgba(58, 48, 36, .6) } html[data-mg-theme="light"] body.page-id-6 .mg-confession::after { background: radial-gradient(100% 76% at 50% 50%, rgba(255, 253, 248, .62) 0%, rgba(255, 253, 248, .92) 58%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-confession__label::before, html[data-mg-theme="light"] body.page-id-6 .mg-confession__label::after { background: linear-gradient(to right, transparent, rgba(138, 101, 32, .7)) } html[data-mg-theme="light"] body.page-id-6 .mg-confession__label::after { background: linear-gradient(to left, transparent, rgba(138, 101, 32, .7)) } html[data-mg-theme="light"] body.page-id-6 .mg-story__media::after { background: linear-gradient(to top, rgba(255, 253, 248, .55) 0%, transparent 46%) } html[data-mg-theme="light"] body.page-id-6 .mg-section--stories .mg-btn--ghost { border-bottom: 1px solid rgba(36, 31, 24, .22) } @media (min-width: 900px) { html[data-mg-theme="light"] body.page-id-6 .mg-stories:has(> .mg-story:only-child) .mg-story::before { text-shadow: 0 1px 18px rgba(58, 48, 36, .75) } } html[data-mg-theme="light"] body.page-id-6 .mg-section--facets { background: radial-gradient(90% 60% at 50% 0%, rgba(138, 101, 32, .07), transparent 62%), var(--mg-ink-2) } html[data-mg-theme="light"] body.page-id-6 .mg-section--facets .mg-facet:hover { background: linear-gradient(to bottom, rgba(138, 101, 32, .05), transparent 70%) } html[data-mg-theme="light"] body.page-id-6 .mg-section--facets .mg-facet:first-child { background: radial-gradient(120% 90% at 50% 0%, rgba(138, 101, 32, .12), transparent 70%) } html[data-mg-theme="light"] body.page-id-6 .mg-gate::after { background: radial-gradient(72% 60% at 50% 46%, rgba(255, 253, 248, .46) 0%, rgba(255, 253, 248, .62) 58%, rgba(255, 253, 248, .74) 100%), linear-gradient(to bottom, var(--mg-ink) 0%, transparent 16%, transparent 84%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__item { border-top: 1px solid rgba(36, 31, 24, .08) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__item:last-child { border-bottom: 1px solid rgba(36, 31, 24, .08) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__price > *:nth-child(3) { border-left: 1px solid rgba(36, 31, 24, .1) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__price > *:nth-child(4) { border-left: 1px solid rgba(36, 31, 24, .1) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry { background: linear-gradient(165deg, rgba(255, 253, 248, .92), rgba(255, 253, 248, .88)) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry { border: 1px solid rgba(138, 101, 32, .30) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry { box-shadow: inset 0 1px 0 rgba(36, 31, 24, .06), 0 24px 60px rgba(58, 48, 36, .45) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry:hover { border-color: rgba(138, 101, 32, .55) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry:hover { box-shadow: inset 0 1px 0 rgba(36, 31, 24, .10), 0 26px 70px rgba(58, 48, 36, .5), 0 0 60px rgba(138, 101, 32, .07) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__mercy { border-top: 1px solid rgba(36, 31, 24, .08) } html[data-mg-theme="light"] body.page-id-6 .mg-section::before { background: linear-gradient(to right, transparent, rgba(36, 31, 24, .09), transparent) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos__veil { background-color: rgba(255, 253, 248, .55) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__veil { background-image: radial-gradient(90% 62% at 50% 34%, rgba(255, 253, 248, .82), rgba(255, 253, 248, .52) 66%, transparent 100%), linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .60) 14%, rgba(255, 253, 248, .48) 74%, rgba(255, 253, 248, .74) 92%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: radial-gradient(78% 54% at 50% 26%, rgba(255, 253, 248, .70), rgba(255, 253, 248, .66) 70%, rgba(255, 253, 248, .78) 100%), linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .66) 10%, rgba(255, 253, 248, .62) 84%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--gate-deep .mg-atmos__veil { background-image: radial-gradient(88% 52% at 50% 96%, rgba(255, 253, 248, .30), rgba(255, 253, 248, .62) 58%, rgba(255, 253, 248, .84) 100%), linear-gradient(to bottom, rgba(255, 253, 248, .24) 0%, rgba(255, 253, 248, .10) 44%, rgba(255, 253, 248, .40) 76%, rgba(255, 253, 248, .82) 94%, rgba(255, 253, 248, .90) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos__veil::after { background: linear-gradient(to top, rgba(138, 101, 32, .055) 0%, transparent 26%) } html[data-mg-theme="light"] body.page-id-6 .mg-section--stories .mg-story__body::before { background: radial-gradient(120% 100% at 50% 40%, rgba(255, 253, 248, .62), transparent 72%) } @keyframes mg-door-breathe { html[data-mg-theme="light"] 0%, html[data-mg-theme="light"] 100% { box-shadow: inset 0 1px 0 rgba(36, 31, 24, .06), 0 24px 60px rgba(58, 48, 36, .45), 0 0 42px rgba(138, 101, 32, .05) } html[data-mg-theme="light"] 50% { box-shadow: inset 0 1px 0 rgba(36, 31, 24, .10), 0 28px 74px rgba(58, 48, 36, .52), 0 0 78px rgba(138, 101, 32, .12) } } @media (max-width: 900px) { html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: radial-gradient(100% 34% at 50% 16%, rgba(255, 253, 248, .78), rgba(255, 253, 248, .74) 70%, rgba(255, 253, 248, .86) 100%), linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .72) 8%, rgba(255, 253, 248, .70) 92%, var(--mg-ink) 100%) } } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry::after { background: linear-gradient(to bottom, rgba(138, 101, 32, .38), transparent) } html[data-mg-theme="light"] body.page-id-6 { --mg-muted: #756b5c } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .80) 6%, rgba(255, 253, 248, .30) 20%, rgba(255, 253, 248, .30) 76%, rgba(255, 253, 248, .62) 93%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .90) 0%, rgba(255, 253, 248, .62) 18%, rgba(255, 253, 248, .34) 34%, rgba(255, 253, 248, .10) 58%, rgba(255, 253, 248, 0) 78%), linear-gradient(to left, rgba(255, 253, 248, .62) 0%, rgba(255, 253, 248, .24) 7%, rgba(255, 253, 248, 0) 15%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .46) 6%, rgba(255, 253, 248, .12) 14%, rgba(255, 253, 248, .10) 30%, rgba(255, 253, 248, .68) 40%, rgba(255, 253, 248, .88) 90%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .58) 0%, rgba(255, 253, 248, .36) 26%, rgba(255, 253, 248, .26) 48%, rgba(255, 253, 248, .14) 72%, rgba(255, 253, 248, .06) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--gate-deep .mg-atmos__veil { background-image: linear-gradient(to bottom, rgba(255, 253, 248, .62) 0%, rgba(255, 253, 248, .34) 16%, rgba(255, 253, 248, .30) 52%, rgba(255, 253, 248, .74) 84%, rgba(255, 253, 248, .90) 100%), linear-gradient(to right, rgba(255, 253, 248, .90) 0%, rgba(255, 253, 248, .80) 30%, rgba(255, 253, 248, .46) 52%, rgba(255, 253, 248, .14) 76%, rgba(255, 253, 248, .04) 100%) } @media (max-width: 900px) { html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .58) 5%, rgba(255, 253, 248, .34) 12%, rgba(255, 253, 248, .68) 22%, rgba(255, 253, 248, .88) 34%, rgba(255, 253, 248, .92) 94%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .50) 0%, rgba(255, 253, 248, .30) 30%, rgba(255, 253, 248, .16) 64%, rgba(255, 253, 248, .08) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--gate-deep .mg-atmos__veil { background-image: linear-gradient(to bottom, rgba(255, 253, 248, .70) 0%, rgba(255, 253, 248, .52) 14%, rgba(255, 253, 248, .58) 62%, rgba(255, 253, 248, .82) 88%, rgba(255, 253, 248, .92) 100%), linear-gradient(to right, rgba(255, 253, 248, .80) 0%, rgba(255, 253, 248, .66) 34%, rgba(255, 253, 248, .42) 62%, rgba(255, 253, 248, .22) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .72) 6%, rgba(255, 253, 248, .30) 18%, rgba(255, 253, 248, .48) 34%, rgba(255, 253, 248, .74) 94%, var(--mg-ink) 100%) } } html[data-mg-theme="light"] body.page-id-6 .mg-btn:not(.mg-btn--ghost):hover, html[data-mg-theme="light"] body.page-id-6 .mg-btn:not(.mg-btn--ghost):focus-visible { box-shadow: 0 0 20px rgba(138, 101, 32, .4), 0 10px 32px rgba(58, 48, 36, .45) } html[data-mg-theme="light"] body.page-id-6 .mg-btn--ghost:hover, html[data-mg-theme="light"] body.page-id-6 .mg-btn--ghost:focus-visible { box-shadow: 0 0 16px rgba(138, 101, 32, .22) } html[data-mg-theme="light"] body.page-id-6 .mg-gate__entry:hover .mg-btn:not(.mg-btn--ghost) { box-shadow: 0 0 26px rgba(138, 101, 32, .48) } html[data-mg-theme="light"] body.page-id-6 .mg-hero__sub--manifest { text-shadow: 0 2px 24px rgba(58, 48, 36, .6), 0 0 60px rgba(138, 101, 32, .07) } html[data-mg-theme="light"] body.page-id-6 .mg-fold { background: linear-gradient(to bottom, rgba(138, 101, 32, .17) 0%, rgba(138, 101, 32, .055) 9%, rgba(138, 101, 32, 0) 26%), linear-gradient(to top, rgba(138, 101, 32, .12) 0%, rgba(138, 101, 32, .035) 8%, rgba(138, 101, 32, 0) 22%) } html[data-mg-theme="light"] body.page-id-6 .mg-fold::after { background: linear-gradient(to right, transparent 0%, rgba(138, 101, 32, .30) 18%, rgba(36, 31, 24, .34) 50%, rgba(138, 101, 32, .30) 82%, transparent 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .44) 6%, rgba(255, 253, 248, .14) 14%, rgba(255, 253, 248, .22) 30%, rgba(255, 253, 248, .52) 42%, rgba(255, 253, 248, .74) 92%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .54) 0%, rgba(255, 253, 248, .30) 26%, rgba(255, 253, 248, .20) 48%, rgba(255, 253, 248, .12) 72%, rgba(255, 253, 248, .05) 100%) } @media (max-width: 900px) { html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__veil { background-image: linear-gradient(to bottom, var(--mg-ink) 0%, rgba(255, 253, 248, .54) 5%, rgba(255, 253, 248, .32) 12%, rgba(255, 253, 248, .64) 24%, rgba(255, 253, 248, .82) 38%, rgba(255, 253, 248, .90) 94%, var(--mg-ink) 100%), linear-gradient(to right, rgba(255, 253, 248, .54) 0%, rgba(255, 253, 248, .34) 30%, rgba(255, 253, 248, .20) 64%, rgba(255, 253, 248, .10) 100%) } } html[data-mg-theme="light"] body.page-id-6 .mg-fold::before { background: linear-gradient(to bottom, rgba(255, 253, 248, .92) 0%, rgba(255, 253, 248, .62) 52%, rgba(255, 253, 248, 0) 100%) } html[data-mg-theme="light"] body.page-id-6 .mg-door__eyebrow::before, html[data-mg-theme="light"] body.page-id-6 .mg-door__eyebrow::after { background: linear-gradient(to right, transparent, rgba(138, 101, 32, .55)) } html[data-mg-theme="light"] body.page-id-6 .mg-door__title { text-shadow: 0 4px 60px rgba(58, 48, 36, .65) } html[data-mg-theme="light"] body.page-id-6 .mg-door__lead { color: #241f18 } html[data-mg-theme="light"] .mg-plan { border: 1px solid rgba(36, 31, 24, .12) } html[data-mg-theme="light"] .mg-plan { background: rgba(255, 253, 248, .34) } html[data-mg-theme="light"] .mg-plan--accent { border-color: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] .mg-plan--accent { background: linear-gradient(180deg, rgba(138, 101, 32, .09), rgba(255, 253, 248, .34) 55%), rgba(255, 253, 248, .34) } html[data-mg-theme="light"] .mg-plan--accent { box-shadow: 0 22px 48px -30px rgba(138, 101, 32, .55) } html[data-mg-theme="light"] .mg-plan__badge { border: 1px solid rgba(138, 101, 32, .55) } html[data-mg-theme="light"] body.page-id-6 .mg-gate::after { background: radial-gradient(72% 60% at 50% 46%, rgba(255, 253, 248, .46) 0%, rgba(255, 253, 248, .62) 58%, rgba(255, 253, 248, .74) 100%), linear-gradient(to bottom, var(--mg-ink) 0%, transparent 16%, transparent 84%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-121 .mg-payhero::after { background: linear-gradient(to right, rgba(255, 253, 248, .97) 0%, rgba(255, 253, 248, .93) 38%, rgba(255, 253, 248, .58) 62%, rgba(255, 253, 248, .16) 100%), linear-gradient(to bottom, rgba(255, 253, 248, .92) 0%, rgba(255, 253, 248, .10) 26%, rgba(255, 253, 248, .18) 62%, var(--mg-ink) 100%) } html[data-mg-theme="light"] body.page-id-121 .mg-payhero__title { text-shadow: 0 4px 60px rgba(58, 48, 36, .7) } html[data-mg-theme="light"] body.page-id-121 .mg-payhero__lead { color: #241f18 } html[data-mg-theme="light"] body.page-id-121 .mg-payhero__lead { text-shadow: 0 2px 24px rgba(58, 48, 36, .6) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__step { border-top: 1px solid rgba(36, 31, 24, .09) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__step:last-child { border-bottom: 1px solid rgba(36, 31, 24, .09) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__note { color: #3d362c } html[data-mg-theme="light"] body.page-id-121 .mg-pay__card { background: linear-gradient(165deg, rgba(255, 253, 248, .94), rgba(255, 253, 248, .90)) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__card { border: 1px solid rgba(138, 101, 32, .28) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__card { box-shadow: inset 0 1px 0 rgba(36, 31, 24, .06), 0 24px 60px rgba(58, 48, 36, .45) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__card::before { background: linear-gradient(to right, transparent, rgba(107, 78, 20, .55), transparent) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__card .mg-pay__sum { border-bottom: 1px solid rgba(36, 31, 24, .10) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__sum-plan { color: #241f18 } html[data-mg-theme="light"] body.page-id-121 .mg-pay__requisites { border: 1px dashed rgba(138, 101, 32, .40) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__requisites { background: rgba(138, 101, 32, .05) } @media (max-width: 767px) { html[data-mg-theme="light"] body.page-id-121 .mg-payhero::after { background: linear-gradient(to bottom, rgba(255, 253, 248, .88) 0%, rgba(255, 253, 248, .44) 32%, rgba(255, 253, 248, .62) 64%, var(--mg-ink) 100%) } } html[data-mg-theme="light"] body.page-id-121 .mg-pay__after { border-top: 1px solid rgba(36, 31, 24, .10) } html[data-mg-theme="light"] body.page-id-121 .mg-pay__after { color: #3d362c } html[data-mg-theme="light"] body.mg-tone-ten { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-maska { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-tselitel { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-voin { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-rebenok { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-svidetel { --mg-tone-color: #241f18 } html[data-mg-theme="light"] .single-post .entry-content-wrap { background: linear-gradient(180deg, #f1ece1 0%, #f1ece1 100%) !important } html[data-mg-theme="light"] .single-post .entry-content-wrap { border: 1px solid rgba(36, 31, 24, .07) } html[data-mg-theme="light"] .single-post .entry-content-wrap { box-shadow: 0 30px 90px rgba(58, 48, 36, .35) } html[data-mg-theme="light"] .single-post .entry-content { --mg-tone-color: #413a2f } html[data-mg-theme="light"] body.mg-tone-ten { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-maska { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-tselitel { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-voin { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-rebenok { --mg-tone-color: #241f18 } html[data-mg-theme="light"] body.mg-tone-svidetel { --mg-tone-color: #241f18 } @media (max-width: 720px) { html[data-mg-theme="light"] .mg-plan__toggle { border: 1px solid rgba(138, 101, 32, .45) } } html[data-mg-theme="light"] body.page-id-121 .mg-plan__toggle { border: 1px solid rgba(138, 101, 32, .45) } html[data-mg-theme="light"] { scrollbar-color: rgba(138, 101, 32, .55) rgba(36, 31, 24, .03) } html[data-mg-theme="light"] ::-webkit-scrollbar-track { background: rgba(255, 253, 248, .03) } html[data-mg-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(138, 101, 32, .5) } html[data-mg-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(138, 101, 32, .78) } html[data-mg-theme="light"] .mg-lockpage__box { background: rgba(255, 253, 248, .012) } @media (max-width: 1024px), (display-mode: standalone) { html[data-mg-theme="light"] #masthead.site-header, html[data-mg-theme="light"] .site-header { background: rgba(255, 253, 248, .97) } html[data-mg-theme="light"] .mg-pushbar { background: rgba(255, 253, 248, .98) } } html[data-mg-theme="light"] .mg-facets-hint__btn:hover, html[data-mg-theme="light"] .mg-facets-hint__btn:focus-visible { background: rgba(138, 101, 32, .16) } html[data-mg-theme="light"] .mg-facets-dialog { background: radial-gradient(80% 60% at 50% 0%, rgba(138, 101, 32, .08), transparent 70%), var(--mg-ink) } html[data-mg-theme="light"] .mg-facets-dialog::backdrop { background: rgba(255, 253, 248, .8) } /* ========================================================================== Светлая тема: решения, которые нельзя вывести из замены цветов ========================================================================== */ /* ---------- Фотопластины: они остаются тёмными ---------- */ /* * Кадры с фотографией — не фон, а обложка. Тёмная подложка под ними нужна * для того, чтобы снимок не выцветал: фотография, положенная на бумагу * полупрозрачным слоем, становится блёклой. */ html[data-mg-theme="light"] body.page-id-6 .mg-atmos--hero { background: #14110d; } /* * Вуаль героя: собственные цвета вместо --mg-ink. Иначе край кадра * растворился бы в бумаге, и фотография выглядела бы выцветшей. */ html[data-mg-theme="light"] body.page-id-6 .mg-atmos--hero .mg-atmos__veil { background-image: linear-gradient(to bottom, #14110d 0%, rgba(10, 8, 6, .80) 12%, rgba(10, 8, 6, .55) 46%, rgba(10, 8, 6, .72) 82%, #14110d 100%), linear-gradient(to right, rgba(10, 8, 6, .92) 0%, rgba(10, 8, 6, .74) 34%, rgba(10, 8, 6, .20) 68%, rgba(10, 8, 6, .42) 100%); } /* Слой со свечой — второй кадр героя: своя вуаль, без бумаги по краям. */ html[data-mg-theme="light"] body.page-id-6 .mg-hero__media::after { background: linear-gradient(to right, #14110d 0%, rgba(10, 8, 6, .94) 30%, rgba(10, 8, 6, .58) 56%, rgba(10, 8, 6, .30) 78%, rgba(10, 8, 6, .55) 100%), linear-gradient(to bottom, rgba(10, 8, 6, .92) 0%, rgba(10, 8, 6, .18) 30%, rgba(10, 8, 6, .20) 58%, #14110d 100%); } /* Текст героя — на тёмном кадре, значит светлый. */ html[data-mg-theme="light"] body.page-id-6 .mg-hero__title { color: #f2e8d5; } html[data-mg-theme="light"] body.page-id-6 .mg-hero__title em { color: #e8c089; } html[data-mg-theme="light"] body.page-id-6 .mg-hero__sub { color: rgba(242, 232, 213, .82); } html[data-mg-theme="light"] body.page-id-6 .mg-hero__eyebrow { color: #e8c089; } html[data-mg-theme="light"] body.page-id-6 .mg-hero__badge { background: rgba(20, 17, 13, .5); color: #e8c089; } /* Полоса «Собрания историй» — тоже пластина: свой фон и своя вуаль. */ html[data-mg-theme="light"] .mg-zhead { background: radial-gradient(70% 120% at 50% 0%, rgba(212, 162, 78, .07), transparent 70%), #14110d; } html[data-mg-theme="light"] .mg-zhead::after { background: linear-gradient(to right, #14110d 0%, rgba(10, 8, 6, .88) 32%, rgba(10, 8, 6, .34) 64%, rgba(10, 8, 6, .08) 100%), linear-gradient(to top, #14110d 0%, rgba(10, 8, 6, .55) 26%, transparent 62%); } /* Полоса-обложка без кадра — тоже тёмная, иначе светлый заголовок лёг бы на бумагу и стал бы невидимым. */ html[data-mg-theme="light"] .mg-article-head--cover { background-color: #14110d; } /* Текст на тёмной пластине остаётся светлым. */ html[data-mg-theme="light"] .mg-zhead, html[data-mg-theme="light"] .mg-article-head--cover { color: #f2e8d5; } html[data-mg-theme="light"] .mg-article-head--cover .mg-article-head__lead { color: #f2e8d5; } html[data-mg-theme="light"] .mg-article-head--cover .mg-article-head__sub { color: rgba(242, 232, 213, .78); } html[data-mg-theme="light"] .mg-zhead__title, html[data-mg-theme="light"] .mg-zhead .mg-eyebrow { color: #f2e8d5; } html[data-mg-theme="light"] .mg-zhead .mg-eyebrow { color: #e8c089; } html[data-mg-theme="light"] .mg-zhead__lead { color: rgba(242, 232, 213, .78); } html[data-mg-theme="light"] .mg-article-head--cover .mg-article-head__title { color: #f2e8d5; } html[data-mg-theme="light"] .mg-article-head--cover .mg-article-head__kicker { color: #e8c089; } html[data-mg-theme="light"] .mg-diary .mg-diary__title { color: #f2e8d5; } html[data-mg-theme="light"] .mg-diary__lead { color: rgba(242, 232, 213, .82); } /* Заголовок ошибки — на тёмном кадре, остаётся тёмным. */ html[data-mg-theme="light"] .mg-err-head { color: #f2e8d5; } /* Шапка «Помощи»: кадр со лампой остаётся тёмным в зоне заголовка. * Общая вуаль шапки заканчивается бумагой — и заголовок «Помощь» лёг бы на * бумагу. Здесь низ вуали держим тёмным до 92 %, и только последние * проценты растворяются в бумаге. */ html[data-mg-theme="light"] body.page-id-354 .mg-help-head::after { background: linear-gradient( to bottom, rgba(10, 8, 6, .58) 0%, rgba(10, 8, 6, .14) 30%, rgba(10, 8, 6, .70) 78%, rgba(10, 8, 6, .88) 92%, var(--mg-ink) 100% ); } /* Страница «связи нет» — тот же случай: заголовок и подпись на кадре. */ html[data-mg-theme="light"] .mg-err-head::after { background: linear-gradient( to bottom, rgba(10, 8, 6, .66) 0%, rgba(10, 8, 6, .30) 30%, rgba(10, 8, 6, .80) 72%, rgba(10, 8, 6, .88) 92%, var(--mg-ink) 100% ); } html[data-mg-theme="light"] .mg-err-head .mg-article-head__lead { color: rgba(242, 232, 213, .82); } /* Лес за настройками профиля: на бумаге он должен быть следом, а не пятном. */ html[data-mg-theme="light"] body.page-id-198::before { background-image: radial-gradient(130% 95% at 50% 16%, rgba(255, 253, 248, .72) 0%, rgba(255, 253, 248, .86) 58%, rgba(255, 253, 248, .95) 100%), url(../../uploads/2026/10/bg/forest.jpg); } /* Ночное небо над практикой: в светлой теме — дымка, и верхний край * растворяется, иначе полоса начинается стеной. */ html[data-mg-theme="light"] .mg-ten::before { opacity: .22; -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .45) 18%, #000 38%, rgba(0, 0, 0, .5) 64%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .45) 18%, #000 38%, rgba(0, 0, 0, .5) 64%, transparent 100%); } /* ---------- Атмосфера остальных секций ---------- */ /* * Здесь фотография — не обложка, а воздух: она уходит в бледный след, * чтобы текст читался, а кадр ещё узнавался. */ html[data-mg-theme="light"] body.page-id-6 .mg-atmos--facets .mg-atmos__img { --mg-o: .18; } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--stories .mg-atmos__img { --mg-o: .16; } html[data-mg-theme="light"] body.page-id-6 .mg-atmos--gate-deep .mg-atmos__img { --mg-o: .18; } /* ---------- Тон приглушённого текста на главной ---------- */ /* * На тёмной главной приглушённый текст поднимали: под фото светлее не * станет. На бумаге наоборот — тёмный тон нужен, иначе подпись тонет. */ html[data-mg-theme="light"] body.page-id-6 { --mg-muted: #6b6255; } /* ---------- Плавающие кнопки ---------- */ /* * Точки разделов и кнопка «наверх» висят поверх страницы: то над тёмным * кадром, то над бумагой. Поэтому в светлой теме они — светлая пластинка * с тёмной линией: видно и на том, и на другом. */ html[data-mg-theme="light"] .mg-dot { border-color: rgba(58, 48, 36, .3); } html[data-mg-theme="light"] .mg-dot:hover { border-color: var(--mg-gold); } html[data-mg-theme="light"] .mg-back-top { background: rgba(255, 253, 248, .92); border-color: rgba(58, 48, 36, .22); color: var(--mg-cream); } /* ---------- Разделители и подписи ---------- */ /* * Точки и тире между метками — украшение, но на бумаге они не должны * пропадать совсем: поднимаем прозрачность. */ html[data-mg-theme="light"] .mg-zcard__sep, html[data-mg-theme="light"] .mg-zcard__facet-dash, html[data-mg-theme="light"] .mg-story__sep, html[data-mg-theme="light"] .mg-story__facet-dash { color: #6b6255; } html[data-mg-theme="light"] .mg-zcard__tag { color: rgba(61, 54, 44, .88); } html[data-mg-theme="light"] .mg-book .mg-book__dot, html[data-mg-theme="light"] .mg-book .mg-book__tags-dash, html[data-mg-theme="light"] .mg-book .mg-book__tags-sep { color: rgba(96, 74, 44, .85); } /* ---------- Золото как заливка ---------- */ /* * На бумаге светлое золото не читается как текст, но как заливка — ещё * читается. Поэтому текстовые золотые строки — бронза, а заливки остаются * золотом: тёмная надпись на золоте. */ html[data-mg-theme="light"] .mg-btn:not(.mg-btn--ghost), html[data-mg-theme="light"] .entry-content .mg-btn:not(.mg-btn--ghost) { background: var(--mg-gold-fill); color: #241f18; } html[data-mg-theme="light"] .mg-btn:not(.mg-btn--ghost):hover, html[data-mg-theme="light"] .entry-content .mg-btn:not(.mg-btn--ghost):hover, html[data-mg-theme="light"] .mg-btn:not(.mg-btn--ghost):focus-visible { background: #b9872f; color: #241f18; } html[data-mg-theme="light"] .mg-btn--ghost, html[data-mg-theme="light"] .entry-content .mg-btn--ghost { color: var(--mg-gold); border-color: var(--mg-line-gold); } html[data-mg-theme="light"] .mg-btn--ghost:hover, html[data-mg-theme="light"] .entry-content .mg-btn--ghost:hover, html[data-mg-theme="light"] .mg-btn--ghost:focus-visible, html[data-mg-theme="light"] .entry-content .mg-btn--ghost:focus-visible { color: var(--mg-gold-soft); border-color: var(--mg-gold); background: rgba(138, 101, 32, .07); } /* Тарифы PMS: золотая кнопка с тёмной надписью. */ html[data-mg-theme="light"] .pms-form-submit, html[data-mg-theme="light"] .pms-button, html[data-mg-theme="light"] .mg-auth .pms-form input[type="submit"] { background: var(--mg-gold-fill) !important; border-color: var(--mg-gold-fill) !important; color: #241f18 !important; } html[data-mg-theme="light"] .mg-consent__yes { background: var(--mg-gold-fill); border-color: var(--mg-gold-fill); color: #241f18; } html[data-mg-theme="light"] .mg-consent__yes:hover { background: #b9872f; } /* Кнопка «Проверить оплату» — та же история: золото с тёмной надписью. */ html[data-mg-theme="light"] .mg-paypage__claim-btn { background: var(--mg-gold-fill); border-color: var(--mg-gold-fill); color: #241f18; } /* ---------- Книга: лист на бумаге ---------- */ /* * На тёмном столе лист был светлым пятном. На бумаге лист должен стать * белее стола и получить тень — иначе он сольётся с фоном. */ html[data-mg-theme="light"] .mg-book { --mgb-paper: #fffdf8; --mgb-paper-2: #f7f1e4; --mgb-paper-edge: #e4d9c4; --mgb-rule: rgba(96, 74, 44, .24); --mgb-rule-soft: rgba(96, 74, 44, .12); } html[data-mg-theme="light"] .mg-book .mg-book-page { background: radial-gradient(120% 80% at 50% 0%, rgba(138, 101, 32, .07), transparent 62%), linear-gradient(180deg, #ece4d3 0%, var(--mg-ink) 42%); } html[data-mg-theme="light"] .mg-book-article, html[data-mg-theme="light"] .mg-book .mg-book__analysis-sheet { box-shadow: 0 26px 60px -34px rgba(58, 48, 36, .55); } /* ---------- Полоса прокрутки ---------- */ html[data-mg-theme="light"] { scrollbar-color: rgba(138, 101, 32, .55) rgba(58, 48, 36, .10); } /* ---------- Печать: светлая тема на белом листе ---------- */ @media print { html[data-mg-theme="light"] body { background: #fff; color: #000; } }