/* Shared light palette for the home page and all five topic pages. */
:root{color-scheme:light;--page:#fff;--surface:#f6f6f8;--ink:#20202a;--muted:#60606e;--line:#e4e4eb;--accent:#cf245b;--bs-body-color:var(--ink);--bs-body-bg:var(--page);--bs-heading-color:var(--ink)}
html,body,body.topic-page{background:var(--page);color:var(--ink)}
::selection{background:#ffdaE5;color:#731b3b}
body,.start-page .content{scrollbar-color:#b8b8c3 #f4f4f7}
.content-box,.text-content,.ru-hero-title,.ru-editorial,.ru-faq{color:var(--ink)}
.ru-header,.topic-page .ru-header{background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 2px 16px #20202a05}
.ru-logo,.topic-page .ru-logo{color:var(--ink)}
.ru-brand,.topic-brand,.topic-hero h1 em{color:var(--accent)}
.ru-try,.topic-page .ru-try,.tag-more-btn,.go{color:#fff;background:linear-gradient(105deg,#da304b,#cf185b);box-shadow:0 7px 20px #cf245b16}
.ru-try:hover,.topic-page .ru-try:hover,.tag-more-btn:hover,.go:hover{color:#fff;filter:brightness(.96)}
.header-icon-overlay{display:none}
.first-box{position:relative;background-color:#f9f8fa}
.first-box:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#15111c26 55%,#15111c4d 100%);pointer-events:none}
.first-box>.content-box{position:relative;z-index:1}
.first-box .ru-hero-title{color:#fff;text-shadow:0 2px 16px #0008}
.first-box .ru-brand{color:#ff709b}
.first-box .inShot-introduce{color:#fff;text-shadow:0 1px 8px #000b}
.second-box,.third-box,.fourth-box{background:var(--page)}
.inShot-introduce,.ru-final p,.ru-faq-answer p,.ru-editorial-intro,.ru-editing-steps p,.ru-video-formats p,.ru-editorial-tip{color:var(--muted)}
.content-box [style*="color: white"]{color:var(--ink)!important}
.content-box [style*="color: #DEDEDE"]{color:var(--muted)!important}
.text-color,.email-link,.user-name,.content-box [style*="color: #817f7f"]{color:var(--muted)!important}
.tag-btn{background:#f0f0f4;color:#555562;box-shadow:inset 0 0 0 1px #e6e6ec}
.tag-btn-hover,.tag-btn.active{background:#ffe8ef;color:#a51b48;box-shadow:inset 0 0 0 1px #f5b9ce}
.dot{color:#666675}
.dot.active{color:var(--accent)}
.pc-icon{background-color:#858592}
.dot.active .pc-icon,.dot.active:after{background-color:var(--accent)}
#smooth-arrow-next,#smooth-arrow-prev{filter:brightness(.24)}
.comments-carousel__card{background:#f7f7fa;border:1px solid var(--line);box-shadow:0 6px 20px #25253504}
.card-desc p:nth-child(2){color:var(--muted)}
.music-card{background:var(--surface);border:1px solid #eaeaf0}
.music-card-hover,.music-card:hover{background:#fff0f5}
.activity-box{background:#f8f5f8;border:1px solid #ede3e9}
.go{border-radius:25px}
.ma-qr-code,.ma-qr-code-inner,.app-download{background:#fff;box-shadow:0 10px 30px #20202a16}
.ma-download-btn{background:#fff;color:var(--ink)!important;border-color:#ffffff80}
.ma-download-btn span{background:#fff;color:var(--ink);border-color:transparent}
.ru-editing-steps li,.ru-video-formats>div,.ru-faq-item{border-color:var(--line)}
.ru-step-number,.ru-format-label{color:var(--accent)}
.ru-inline-link{color:#343441}
.ru-inline-link:hover{color:var(--accent)}
.ru-editorial-figure{background:#f0edf1;box-shadow:0 16px 45px #2525350b}
.ru-faq-question{color:var(--ink)}
.ru-faq-question:hover,.ru-faq-question[aria-expanded=true]{color:var(--accent)}
.ru-faq-plus:before,.ru-faq-plus:after{background:currentColor}
.ru-final{border-color:var(--line)}
.ru-final:before{background:radial-gradient(ellipse at 50% 100%,#ffe6ef,transparent 70%)}
.ru-final h2,.ru-final p,.ru-final .ru-try{position:relative}
.site-footer{background:#f8f8fa;border-color:var(--line)}
.site-footer-brand,.ru-footer-brand{color:var(--ink)}
.site-footer a{color:var(--muted)}
.site-footer a:hover,.site-footer a[aria-current=page]{color:var(--accent)}
.ru-dialog{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 20px 100px #25253526}
.ru-dialog::backdrop{background:#30304440}
.ru-dialog p,.ru-dialog .ru-close,.ru-store small{color:var(--muted)}
.ru-store{color:var(--ink);border-color:var(--line)}
.ru-store:hover{background:#fff0f5;color:var(--ink);border-color:#e891b0}
.topic-page p{color:var(--muted)}
.topic-eyebrow{color:#666674!important}
.topic-tags{color:#696976}
.topic-tags span+span:before{color:#a0a0ab}
.topic-hero-image,.topic-editorial-figure img{background:#f0edf2}
.topic-hero-image{box-shadow:0 24px 70px #34344414}
.topic-hero-image figcaption,.topic-frame-label{color:#fff}
.topic-frame-label{background:#24243070;border-color:#ffffff70}
.topic-lead,.topic-steps li,.topic-editorial-tips{border-color:var(--line)}
.topic-option-grid article{background:linear-gradient(150deg,#faf8fb,#f4f4f7);border-color:#e7e3eb;box-shadow:0 8px 24px #25253503}
.topic-option-grid article:hover{border-color:#e999b5}
.topic-number{color:var(--accent)}
.topic-prompt-sheet{background:linear-gradient(145deg,#fff0f6,#faf6fb 70%);border-color:#f0d6e1;box-shadow:0 18px 45px #6a24440a}
.topic-prompt-label,.topic-editorial-copy .topic-eyebrow{color:#af2250!important}
.topic-prompt-sheet blockquote{color:#482b3a}
.topic-prompt-bottom{border-color:#ead4de;color:#786372}
.topic-advice-grid article{border-color:#e89cb8}
.topic-editorial-figure figcaption{color:var(--muted)}
.topic-page .site-footer a{color:var(--muted)}
.topic-page .site-footer a:hover,.topic-page .site-footer a[aria-current=page]{color:var(--accent)}
@media(max-width:767px){.dot,.dot.active{color:transparent}.dot{background-color:#c8c8d3}.dot.active{background-color:var(--accent)}}