/* GENERATED from styles.css by dark-theme.js at server start — edit those, not this. */ @keyframes obSpeak--dark{0%,100%{outline-color:#22c55e}50%{outline-color:rgba(34,197,94,.399)}} @keyframes obCtaPulse--dark{0%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(79,70,229,.3)}50%{transform:scale(1.03);box-shadow:0 14px 32px rgba(79,70,229,.45)}} @keyframes msgFlash--dark{0%{box-shadow:0 0 0 3px rgba(79,70,229,.45)}100%{box-shadow:0 0 0 3px rgba(79,70,229,0)}} @keyframes rwGlow--dark{0%,100%{box-shadow:0 12px 26px rgba(245,158,11,.35)}50%{box-shadow:0 12px 34px rgba(245,158,11,.6)}} @keyframes ob3Pulse--dark{0%{box-shadow:0 0 0 0 rgba(239,68,68,.45)}100%{box-shadow:0 0 0 9px rgba(239,68,68,0)}} :root:where([data-theme="dark"]){--brand:#4f46e5;--brand-dark:#3730a3;--purple:#7c3aed;--ink:#e0e1ee;--muted:#a2a2af;--bg:#191928;--card:#161524;--ring:#3b3b4c;--soft:#151b32;--gold:#facc15} :where(html[data-theme="dark"]) body{background:var(--bg);color:var(--ink)} :where(html[data-theme="dark"]) a{color:inherit;text-decoration:none} :where(html[data-theme="dark"]) .topbar{background:rgba(22,21,36,.93);border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .logo{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 12px 24px rgba(79,70,229,.24)} :where(html[data-theme="dark"]) .brand small{color:var(--muted)} :where(html[data-theme="dark"]) .nopi-balance{border:0;background:transparent;color:#dfac77;box-shadow:none} :where(html[data-theme="dark"]) .nopi-earn-float{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)} :where(html[data-theme="dark"]) .nopi-coin-svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.508))} :where(html[data-theme="dark"]) .ghost-btn,:where(html[data-theme="dark"]) .join-btn,:where(html[data-theme="dark"]) .primary-btn,:where(html[data-theme="dark"]) .secondary-btn{border:0} :where(html[data-theme="dark"]) .join-btn,:where(html[data-theme="dark"]) .primary-btn{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 10px 22px rgba(79,70,229,.2)} :where(html[data-theme="dark"]) .ghost-btn{background:#161524;color:#a5b1ff;border:1px solid #423960} :where(html[data-theme="dark"]) .secondary-btn{color:#a5b0ff;background:#161524;border:1px solid rgba(108,113,255,.312)} :where(html[data-theme="dark"]) .quick-menu-wrap{background:rgba(25,25,40,.9);border-bottom:1px solid rgba(255,255,255,.104)} :where(html[data-theme="dark"]) .quick-link{border:1px solid var(--ring);background:#161524;color:#c2c2cf;box-shadow:0 6px 18px rgba(0,0,0,.144)} :where(html[data-theme="dark"]) .quick-link.active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));border-color:transparent} :where(html[data-theme="dark"]) .page-intro p{color:var(--muted)} :where(html[data-theme="dark"]) .card{background:var(--card);border:1px solid var(--ring);box-shadow:0 12px 28px rgba(0,0,0,.196)} :where(html[data-theme="dark"]) .muted{color:var(--muted)} :where(html[data-theme="dark"]) .xp-pill{background:#221a00;color:#d7af6c;border:1px solid rgba(250,204,21,.575)} :where(html[data-theme="dark"]) .mission-icon{background:var(--soft)} :where(html[data-theme="dark"]) .mission-copy p{color:var(--muted)} :where(html[data-theme="dark"]) .mission-reward{color:#a5b1ff} :where(html[data-theme="dark"]) .mission-card.completed{background:linear-gradient(135deg,#161524,#032010);border-color:#234f35} :where(html[data-theme="dark"]) .mission-card.completed .mission-btn{background:#16a34a;box-shadow:0 10px 20px rgba(22,163,74,.18)} :where(html[data-theme="dark"]) .avatar{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) input,:where(html[data-theme="dark"]) textarea,:where(html[data-theme="dark"]) select{border:1px solid var(--ring);background:#161524;color:var(--ink)} :where(html[data-theme="dark"]) input:focus,:where(html[data-theme="dark"]) textarea:focus,:where(html[data-theme="dark"]) select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .chip{border:1px solid var(--ring);background:#161524;color:#c2c2cf} :where(html[data-theme="dark"]) .chip.active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));border-color:transparent} :where(html[data-theme="dark"]) .author span{color:var(--muted)} :where(html[data-theme="dark"]) .category{color:#a5b1ff;background:var(--soft);border:1px solid #313a5f} :where(html[data-theme="dark"]) .post p{color:#c2c2cf} :where(html[data-theme="dark"]) .post-actions{border-top:1px solid var(--ring);color:var(--muted)} :where(html[data-theme="dark"]) .action-btn{border:0;background:transparent;color:var(--muted)} :where(html[data-theme="dark"]) .comments{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .comment{background:#181727;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .event,:where(html[data-theme="dark"]) .calendar-item{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .event:first-of-type,:where(html[data-theme="dark"]) .calendar-item:first-child{border-top:none} :where(html[data-theme="dark"]) .date{background:var(--soft);color:#a5b1ff} :where(html[data-theme="dark"]) .leader-row{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .rank{background:#393948;color:#fff} :where(html[data-theme="dark"]) .leader-main span{color:var(--muted)} :where(html[data-theme="dark"]) .level-ring{background:conic-gradient(var(--purple) var(--progress), #202030 0);box-shadow:inset 0 0 0 1px rgba(124,58,237,.12)} :where(html[data-theme="dark"]) .level-inner{background:#161524;color:#a5b0ff} :where(html[data-theme="dark"]) .level-inner small{color:var(--muted)} :where(html[data-theme="dark"]) .auth-modal{background:rgba(1,3,13,.58)} :where(html[data-theme="dark"]) .auth-dialog{background:#161524;border:1px solid var(--ring);box-shadow:0 28px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .auth-close{border:0;background:#1a1a29;color:#e0e1ee} :where(html[data-theme="dark"]) .auth-switch{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .auth-switch p{color:var(--muted)} :where(html[data-theme="dark"]) .message{color:#ff9689} :where(html[data-theme="dark"]) .mission-status{color:#a5b1ff;background:var(--soft);border:1px solid #313a5f} :where(html[data-theme="dark"]) .mission-card.completed .mission-status{color:#78c9a8;background:#002411;border-color:#234f35} :where(html[data-theme="dark"]) .mission-toast{background:#393948;color:#fff;box-shadow:0 22px 60px rgba(17,24,39,.28)} :where(html[data-theme="dark"]) .mission-toast span{color:#aeaeb4} :where(html[data-theme="dark"]) .leader-line{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .leader-xp,:where(html[data-theme="dark"]) .leader-level{color:var(--muted)} :where(html[data-theme="dark"]) .leader-level{color:#a5b1ff;background:var(--soft)} :root:where([data-theme="dark"]){--compact-shadow:0 8px 18px rgba(0,0,0,.157)} :where(html[data-theme="dark"]) .card{box-shadow:var(--compact-shadow)} :where(html[data-theme="dark"]) .feed-date-divider{color:var(--muted,#8c8c8c)} :where(html[data-theme="dark"]) .feed-date-divider::before,:where(html[data-theme="dark"]) .feed-date-divider::after{background:var(--border,#1e1d2d)} :where(html[data-theme="dark"]) .stats-card h3{color:var(--muted)} :where(html[data-theme="dark"]) .stats-card strong{color:var(--ink)} :where(html[data-theme="dark"]) .category-card::after{background:linear-gradient(90deg,rgba(22,21,36,0),rgba(22,21,36,.94))} :where(html[data-theme="dark"]) .chips::-webkit-scrollbar-track{background:transparent} :where(html[data-theme="dark"]) .chips::-webkit-scrollbar-thumb{background:rgba(99,102,241,.45);border:2px solid transparent} :where(html[data-theme="dark"]) .weekday{color:var(--muted)} :where(html[data-theme="dark"]) .day{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .day small{color:var(--muted)} :where(html[data-theme="dark"]) .day.muted-day{background:#181727;border-color:#383849} :where(html[data-theme="dark"]) .day.today{border-color:#796ea1;background:#1d172d;color:#a5b0ff} :where(html[data-theme="dark"]) .day.has-event{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--ev,var(--brand)),var(--ev-2,var(--purple)));box-shadow:0 8px 18px var(--ev-shadow,rgba(79,70,229,.18))} :where(html[data-theme="dark"]) .day.has-event small{color:#c3c4d1} :where(html[data-theme="dark"]) .compact-event{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .composer-trigger{border:0;background:#161524} :where(html[data-theme="dark"]) .composer-trigger span{border:1px solid var(--ring);background:#181727;color:#8f8f9b} :where(html[data-theme="dark"]) .icon-action{border:0;background:transparent;color:#a3a4b0} :where(html[data-theme="dark"]) .icon-action:hover{background:#1a1a29} :where(html[data-theme="dark"]) .icon-count{color:#a2a2af} :where(html[data-theme="dark"]) .post-detail-modal{background:#191928} :where(html[data-theme="dark"]) .post-detail-shell{background:#161524;box-shadow:0 0 0 1px var(--ring)} :where(html[data-theme="dark"]) .detail-topbar{background:rgba(22,21,36,.94);border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .detail-close{border:0;background:#1a1a29} :where(html[data-theme="dark"]) .detail-post-card{border-bottom:8px solid #373748} :where(html[data-theme="dark"]) .detail-post-card p{color:#c2c2cf} :where(html[data-theme="dark"]) .comment-bubble{background:#161524;border:1px solid var(--ring);box-shadow:0 8px 18px rgba(0,0,0,.144)} :where(html[data-theme="dark"]) .comment-meta strong{color:#e0e1ee} :where(html[data-theme="dark"]) .comment-meta span{color:#8f8f9b} :where(html[data-theme="dark"]) .comment-bubble p{color:#c2c2cf} :where(html[data-theme="dark"]) .reply-link{border:0;background:transparent;color:#a5b1ff} :where(html[data-theme="dark"]) .comment-children{border-left:2px solid #383c4a} :where(html[data-theme="dark"]) .detail-comment-form{background:rgba(22,21,36,.96);border-top:1px solid var(--ring)} @media (max-width:760px){:where(html[data-theme="dark"]) #composerCard.composer-open{border:0!important;box-shadow:none!important;background:var(--card)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-sheet-head{background:var(--bg);border-bottom:0} :where(html[data-theme="dark"]) .composer-close{border:0;background:transparent;color:var(--ink)} :where(html[data-theme="dark"]) .composer-close:active{background:rgba(255,255,255,.051)} :where(html[data-theme="dark"]) .composer-sheet-title{color:var(--ink)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-body{background:var(--bg)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-author{color:var(--ink)} :where(html[data-theme="dark"]) .composer-author b{color:var(--ink)} :where(html[data-theme="dark"]) .composer-author-avatar{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .composer-author-avatar.has-image{background-color:transparent} :where(html[data-theme="dark"]) #composerCard.composer-open .title-input,:where(html[data-theme="dark"]) #composerCard.composer-open .composer-body textarea{background:var(--card)!important;border:1px solid var(--ring)!important;box-shadow:0 6px 16px rgba(0,0,0,.131)!important} :where(html[data-theme="dark"]) #composerCard.composer-open .title-input:focus,:where(html[data-theme="dark"]) #composerCard.composer-open .composer-body textarea:focus{border-color:#4f46e5!important;outline:none;box-shadow:0 0 0 4px rgba(79,70,229,.12)!important} :where(html[data-theme="dark"]) #composerCard.composer-open .title-input{color:var(--ink)} :where(html[data-theme="dark"]) #composerCard.composer-open .title-input::placeholder{color:#8c8c98} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-body textarea{color:var(--ink)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-body textarea::placeholder{color:#8c8c98} :where(html[data-theme="dark"]) #composerCard.composer-open .form-row{background:var(--card);border-top:1px solid var(--ring);box-shadow:0 -8px 24px rgba(0,0,0,.196)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-actions .voice-record-btn,:where(html[data-theme="dark"]) #composerCard.composer-open .composer-actions .image-attach-btn{border:0;background:transparent;box-shadow:none;color:#a2a2af} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-actions .primary-btn{border:0;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.22)} :where(html[data-theme="dark"]) #composerCard.composer-open .composer-actions .primary-btn:disabled{background:#1e1e2b!important;color:#8b8b97!important;box-shadow:none} :where(html[data-theme="dark"]) #composerCard.composer-open select[name="category"]{border:0;background:transparent;color:var(--ink);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}} :where(html[data-theme="dark"]) .icon-action.liked .heart-icon{color:#ff958d} :where(html[data-theme="dark"]) .icon-action.liked .icon-count{color:#ff958d} :where(html[data-theme="dark"]) .completed-mission-row{border:1px solid var(--ring);background:#181727} :where(html[data-theme="dark"]) .completed-mission-row span{color:var(--muted)} :where(html[data-theme="dark"]) .completed-mission-row b{color:#78c9a8;background:#002411;border:1px solid #234f35} :where(html[data-theme="dark"]) .admin-post{border:1px solid rgba(250,204,21,.633)!important;background:linear-gradient(180deg,#1d1803 0%, #161524 62%)!important;box-shadow:0 14px 34px rgba(250,204,21,.13), 0 10px 24px rgba(0,0,0,.183)!important} :where(html[data-theme="dark"]) .detail-post-card.admin-post{border-bottom:8px solid #433706!important} :where(html[data-theme="dark"]) .admin-avatar{background:linear-gradient(135deg,#f59e0b,#7c3aed)!important;color:#fff!important;box-shadow:0 8px 18px rgba(245,158,11,.28)!important} :where(html[data-theme="dark"]) .admin-badge{background:#221a00;color:#d7af6c;border:1px solid rgba(250,204,21,.633)} :where(html[data-theme="dark"]) .admin-category{color:#d7af6c!important;background:#221a00!important;border-color:rgba(250,204,21,.633)!important} :where(html[data-theme="dark"]) .author-copy>span{color:#a2a2af} :where(html[data-theme="dark"]) .admin-badge{background:linear-gradient(135deg,#221a00,#241c00)!important;color:#d7af6c!important;border:1px solid rgba(250,204,21,.747)!important;box-shadow:none!important} :where(html[data-theme="dark"]) .comment-icon{color:currentColor} :where(html[data-theme="dark"]) .edit-title-input{border:1.5px solid var(--accent,#e06fa0)} :where(html[data-theme="dark"]) .edit-content-textarea,:where(html[data-theme="dark"]) .edit-comment-textarea{border:1.5px solid var(--accent,#e06fa0)} :where(html[data-theme="dark"]) .btn-edit-save,:where(html[data-theme="dark"]) .btn-edit-cancel{border:none} :where(html[data-theme="dark"]) .btn-edit-save{background:var(--accent,#e06fa0);color:#fff} :where(html[data-theme="dark"]) .btn-edit-cancel{background:var(--surface2,#1b1a2a);color:var(--text,#dadada)} :where(html[data-theme="dark"]) .btn-edit-cancel:hover{background:var(--border,#242434)} :where(html[data-theme="dark"]) .exercise-option{border:1px solid #3b3b4c;background:#161524;color:#e0e1ee} :where(html[data-theme="dark"]) .exercise-option:hover:not(:disabled){border-color:#384066;background:#1a1826} :where(html[data-theme="dark"]) .exercise-option span{background:#151b32;color:#a5b1ff} :where(html[data-theme="dark"]) .exercise-option.is-correct{background:#002411!important;border-color:#7ee1a2!important;color:#88c998!important} :where(html[data-theme="dark"]) .exercise-option.is-correct span{background:#16a34a!important;color:#fff!important} :where(html[data-theme="dark"]) .exercise-option.is-wrong{background:#3a1114!important;border-color:#a76868!important;color:#ff968a!important} :where(html[data-theme="dark"]) .exercise-option.is-wrong span{background:#ef4444!important;color:#fff!important} :where(html[data-theme="dark"]) .exercise-result.correct{background:#002411;border:1px solid #7ee1a2;color:#88c998} :where(html[data-theme="dark"]) .exercise-result.wrong{background:#3a1114;border:1px solid #a76868;color:#ff968a} :where(html[data-theme="dark"]) .yt-embed-wrap{background:#000000} :where(html[data-theme="dark"]) .yt-embed-wrap iframe{border:0} :where(html[data-theme="dark"]) .exercise-note{color:#a2a2af} :where(html[data-theme="dark"]) .delete-post-btn{color:#868692!important} :where(html[data-theme="dark"]) .delete-post-btn:hover{color:#ff968a!important;background:#3a1114!important} :where(html[data-theme="dark"]) .voice-instruction{color:#c2c2cf} :where(html[data-theme="dark"]) .pretty-audio-player{background:#161524;border:1px solid #3b3b4c;box-shadow:0 8px 20px rgba(0,0,0,.183)} :where(html[data-theme="dark"]) .waveform-audio-player{background:linear-gradient(180deg,#161524 0%,#181727 100%)} :where(html[data-theme="dark"]) .audio-control-btn{border:none} :where(html[data-theme="dark"]) .audio-play-btn{background:#393948;color:#fff;box-shadow:0 8px 16px rgba(17,24,39,.18)} :where(html[data-theme="dark"]) .audio-volume-btn{background:#1a1929;color:#e0e1ee;border:1px solid #3b3b4c} :where(html[data-theme="dark"]) .audio-progress{border:none;background:transparent} :where(html[data-theme="dark"]) .wave-bar{background:#393948} :where(html[data-theme="dark"]) .wave-bar.is-played{background:#393948} :where(html[data-theme="dark"]) .pretty-audio-player.is-muted .audio-volume-btn{color:#868692} :where(html[data-theme="dark"]) .voice-text{background:#171726;border:1px solid #313a5f;color:#e0e1ee!important} :where(html[data-theme="dark"]) .voice-record-btn{border:1px solid #3b3b4c;background:#161524;color:#b5b5c2;box-shadow:none} :where(html[data-theme="dark"]) .voice-record-btn:hover{border-color:#384066;background:#1a1826;color:#a5b1ff} :where(html[data-theme="dark"]) .icon-send-btn{border:0;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)} :where(html[data-theme="dark"]) .icon-send-btn:hover{box-shadow:0 6px 16px rgba(79,70,229,.38)} :where(html[data-theme="dark"]) .record-stop-dot{background:currentColor} :where(html[data-theme="dark"]) .voice-comment-form.is-recording .voice-record-btn{background:#3a1114;color:#ff968a} :where(html[data-theme="dark"]) .voice-comment-form.has-recording .voice-record-btn{background:#002411;color:#78c9a8} :where(html[data-theme="dark"]) .voice-record-status{color:#a2a2af} :where(html[data-theme="dark"]) .comment-audio-player{box-shadow:0 8px 16px rgba(91,77,255,.06)} :where(html[data-theme="dark"]) .audio-debug-link{color:#a5b1ff;text-decoration:underline} :where(html[data-theme="dark"]) .vp-pill{background:linear-gradient(135deg,#151b32,#1f1628);border:1px solid #384066;box-shadow:0 4px 14px rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .vp-play{border:0;background:var(--brand);color:#fff;box-shadow:0 4px 10px rgba(79,70,229,.32)} :where(html[data-theme="dark"]) .vp-bars i{background:#21274a} :where(html[data-theme="dark"]) .vp-bars i.is-played{background:var(--brand)} :where(html[data-theme="dark"]) .vp-time{color:#a5b1ff} :where(html[data-theme="dark"]) .vp-discard{border:0;background:rgba(22,21,36,.75);color:#a2a2af} :where(html[data-theme="dark"]) .vp-discard:hover{color:#ff958d;background:#3a1114} :where(html[data-theme="dark"]) .ip-pill{background:linear-gradient(135deg,#151b32,#1f1628);border:1px solid #384066;box-shadow:0 4px 14px rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .ip-thumb{border:0;background:#171e40;box-shadow:0 4px 10px rgba(79,70,229,.22)} :where(html[data-theme="dark"]) .ip-name{color:#a7b0ff} :where(html[data-theme="dark"]) .ip-size{color:#a5b1ff} :where(html[data-theme="dark"]) .ip-discard{border:0;background:rgba(22,21,36,.75);color:#a2a2af} :where(html[data-theme="dark"]) .ip-discard:hover{color:#ff958d;background:#3a1114} :where(html[data-theme="dark"]) .audio-play-btn{border:0;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .audio-progress-bar{background:#202030} :where(html[data-theme="dark"]) .audio-progress-fill{background:var(--brand)} :where(html[data-theme="dark"]) .audio-time{color:#a2a2af} :where(html[data-theme="dark"]) .comment-audio-player{box-shadow:none!important} :root:where([data-theme="dark"]){--ink:#e0e1ee;--muted:#a3a3b0;--bg:#191828;--ring:#3b3b4b;--soft:#1d1835} html:where([data-theme="dark"]),:where(html[data-theme="dark"]) body{color:var(--ink)} :where(html[data-theme="dark"]) .brand small,:where(html[data-theme="dark"]) .page-intro p,:where(html[data-theme="dark"]) .author span,:where(html[data-theme="dark"]) .comment-meta,:where(html[data-theme="dark"]) .leader-main span,:where(html[data-theme="dark"]) .profile-info p,:where(html[data-theme="dark"]) .event span,:where(html[data-theme="dark"]) .calendar-item span{color:#a3a3b0!important} :where(html[data-theme="dark"]) .card{border-color:#3a3a4c!important;box-shadow:0 8px 24px rgba(0,0,0,.157)!important} :where(html[data-theme="dark"]) .post,:where(html[data-theme="dark"]) .box,:where(html[data-theme="dark"]) .composer,:where(html[data-theme="dark"]) .page-panel,:where(html[data-theme="dark"]) .comment,:where(html[data-theme="dark"]) .auth-dialog{box-shadow:0 8px 24px rgba(0,0,0,.144)!important} :where(html[data-theme="dark"]) .post p,:where(html[data-theme="dark"]) .comment,:where(html[data-theme="dark"]) .comment p,:where(html[data-theme="dark"]) .voice-text,:where(html[data-theme="dark"]) .exercise-question{color:#c9c9d6!important} :where(html[data-theme="dark"]) input,:where(html[data-theme="dark"]) textarea,:where(html[data-theme="dark"]) select{border-color:#3b3b4c!important} :where(html[data-theme="dark"]) input::placeholder,:where(html[data-theme="dark"]) textarea::placeholder{color:#868793!important} :where(html[data-theme="dark"]) .comment{background:#171626!important} :where(html[data-theme="dark"]) .comment-wave-player{background:#161524} :where(html[data-theme="dark"]) .audio-debug-link.subtle{color:#868692!important;text-decoration:none!important} :where(html[data-theme="dark"]) .audio-debug-link.subtle:hover{color:#aeadff!important;text-decoration:underline!important} :where(html[data-theme="dark"]) .feed-expand-hint{color:#a5b1ff} :where(html[data-theme="dark"]) .commenter-bubble{border:2px solid #fff;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 1px 4px rgba(17,24,39,.12)} :where(html[data-theme="dark"]) .commenter-bubble.image-avatar{background:#1a1a29} :where(html[data-theme="dark"]) .compact-comment-meta strong{color:#e0e1ee} :where(html[data-theme="dark"]) .compact-comment-meta span{color:#8f8f9b} :where(html[data-theme="dark"]) .compact-comment p{color:#b5b5c2!important} :where(html[data-theme="dark"]) .view-all-comments{border:0;background:transparent;color:#aeadff} :where(html[data-theme="dark"]) .view-all-comments:hover{text-decoration:underline} :where(html[data-theme="dark"]) .comment-avatar{background:linear-gradient(135deg,#6d4aff,#7c3aed);color:#fff;box-shadow:0 8px 16px rgba(109,74,255,.16)} :where(html[data-theme="dark"]) .comment-avatar.image-avatar{background:#1a1a29;box-shadow:none} :where(html[data-theme="dark"]) .level-badge{background:#161524;color:#a5b1ff;border:1.5px solid #4f46e5;box-shadow:0 1px 4px rgba(0,0,0,.508)} :where(html[data-theme="dark"]) .comment-author-line strong{color:#e0e1ee!important} :where(html[data-theme="dark"]) .comment-author-line span{color:#8f8f9b!important} :where(html[data-theme="dark"]) .comment-like-btn{border:0;background:transparent;color:#a3a4b0} :where(html[data-theme="dark"]) .comment-like-btn b{color:#a2a2af} :where(html[data-theme="dark"]) .comment-like-btn.liked,:where(html[data-theme="dark"]) .comment-like-btn.liked b{color:#ff958d} :where(html[data-theme="dark"]) .comment-bubble{box-shadow:none!important;background:#171626!important} :where(html[data-theme="dark"]) .reply-link{color:#aeadff!important} :where(html[data-theme="dark"]) .comment-children{border-left:1.5px solid #3b3b4c!important} :where(html[data-theme="dark"]) .voice-record-status{color:#8f8f9b!important} :where(html[data-theme="dark"]) .feed-comment-preview{background:#161524!important;border:1px solid #353a4b!important;box-shadow:0 8px 20px rgba(0,0,0,.131)!important} :where(html[data-theme="dark"]) .feed-comments-head h3{color:#e0e1ee!important} :where(html[data-theme="dark"]) .compact-comment + .compact-comment{border-top:1px solid #373749!important} :where(html[data-theme="dark"]) .compact-comment-meta strong{color:#e0e1ee!important} :where(html[data-theme="dark"]) .compact-comment-meta span{color:#8f8f9b!important} :where(html[data-theme="dark"]) .compact-comment p,:where(html[data-theme="dark"]) .compact-comment .voice-comment-label{color:#c2c2cf!important} :where(html[data-theme="dark"]) .compact-comment .voice-comment-label{color:#a2a2af!important} :where(html[data-theme="dark"]) .comment-like-btn,:where(html[data-theme="dark"]) .compact-reply-btn,:where(html[data-theme="dark"]) .reply-link,:where(html[data-theme="dark"]) .view-all-comments{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#a2a2af!important;text-decoration:none!important} :where(html[data-theme="dark"]) .comment-like-btn b{color:inherit!important} :where(html[data-theme="dark"]) .comment-like-btn.liked,:where(html[data-theme="dark"]) .comment-like-btn.liked b{color:#ff958d!important} :where(html[data-theme="dark"]) .compact-reply-btn,:where(html[data-theme="dark"]) .reply-link,:where(html[data-theme="dark"]) .view-all-comments{color:#aeadff!important} :where(html[data-theme="dark"]) .compact-reply-btn:hover,:where(html[data-theme="dark"]) .reply-link:hover,:where(html[data-theme="dark"]) .view-all-comments:hover{text-decoration:underline!important} :where(html[data-theme="dark"]) .image-attach-btn{border:1px solid #3b3b4c;background:#161524;color:#b5b5c2} :where(html[data-theme="dark"]) .image-attach-btn:hover{border-color:#384066;background:#1a1826;color:#a5b1ff} :where(html[data-theme="dark"]) .image-attachment{border:1px solid #3b3b4c;background:#181727} :where(html[data-theme="dark"]) .image-attachment{border:0;background:transparent;box-shadow:none} :where(html[data-theme="dark"]) .image-attachment:hover img{filter:brightness(.96)} :where(html[data-theme="dark"]) .comment-author-line span,:where(html[data-theme="dark"]) .compact-comment-meta span{color:#a2a2af} :where(html[data-theme="dark"]) .image-lightbox{background:rgba(1,3,11,.86)} :where(html[data-theme="dark"]) .image-lightbox.is-loading::after{color:rgba(255,255,255,.72)} :where(html[data-theme="dark"]) .image-lightbox img{box-shadow:0 26px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .image-lightbox-close{border:0;background:rgba(22,21,36,.14);color:#ffffff} :where(html[data-theme="dark"]) .image-lightbox-close:hover{background:rgba(22,21,36,.24)} :where(html[data-theme="dark"]) .voice-record-status{color:#868692!important} :where(html[data-theme="dark"]) .post-content,:where(html[data-theme="dark"]) .comment-text,:where(html[data-theme="dark"]) .compact-comment-text{color:#c9c9d6} :where(html[data-theme="dark"]) .compact-comment-text{color:#b5b5c2!important} :where(html[data-theme="dark"]) .post-content a,:where(html[data-theme="dark"]) .comment-text a,:where(html[data-theme="dark"]) .compact-comment-text a{color:#a5b1ff;text-decoration:none} :where(html[data-theme="dark"]) .post-content a:hover,:where(html[data-theme="dark"]) .comment-text a:hover,:where(html[data-theme="dark"]) .compact-comment-text a:hover{text-decoration:underline} :where(html[data-theme="dark"]) .detail-comment-form{background:rgba(22,21,36,.98)!important;border-top:1px solid var(--ring)!important;box-shadow:0 -10px 28px rgba(0,0,0,.248)} :where(html[data-theme="dark"]) .comment-textarea{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .comment-textarea:focus{outline:none;border-color:#4f46e5} @media (max-width:760px){:where(html[data-theme="dark"]) .detail-comment-form .voice-record-btn,:where(html[data-theme="dark"]) .detail-comment-form .image-attach-btn{background:transparent;border-color:transparent;color:#a1a2ae}} :where(html[data-theme="dark"]) .avatar.image-avatar,:where(html[data-theme="dark"]) .comment-avatar.image-avatar,:where(html[data-theme="dark"]) .profile-photo.image-avatar{background:#1a1a29!important;box-shadow:none} :where(html[data-theme="dark"]) .profile-avatar-wrap{background:conic-gradient(var(--brand) var(--ring-progress,0%), #202030 0)} :where(html[data-theme="dark"]) .profile-avatar-wrap .profile-photo{box-shadow:none!important} :where(html[data-theme="dark"]) .profile-ring-badge{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.28)} :where(html[data-theme="dark"]) .bell-btn{border:0;background:transparent;color:#a2a2af} :where(html[data-theme="dark"]) .bell-btn:hover{background:#1a1a29;color:#a5b1ff} :where(html[data-theme="dark"]) .bell-badge{background:#ef4444;color:#fff} :where(html[data-theme="dark"]) .notif-header{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .notif-time{color:#868692} :where(html[data-theme="dark"]) .notif-page-head{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .notif-page-sub{color:#a5b1ff} :where(html[data-theme="dark"]) .notif-row{border:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.112)} :where(html[data-theme="dark"]) .notif-row:last-child{border-bottom:0} :where(html[data-theme="dark"]) .notif-row:hover{background:rgba(24,23,39,.9)} :where(html[data-theme="dark"]) .notif-row-new{background:rgba(21,27,50,.75)} :where(html[data-theme="dark"]) .notif-row-new:hover{background:rgba(23,30,64,.9)} :where(html[data-theme="dark"]) .notif-row-kind{color:#a5b1ff} :where(html[data-theme="dark"]) .notif-kind-mention{color:#baa8ff} :where(html[data-theme="dark"]) .notif-kind-reply{color:#5cc3ff} :where(html[data-theme="dark"]) .notif-kind-gift{color:#fa9f53} :where(html[data-theme="dark"]) .notif-row-text{color:#c2c2cf} :where(html[data-theme="dark"]) .notif-row-text strong{color:#e0e1ee} :where(html[data-theme="dark"]) .notif-row-time{color:#868692} :where(html[data-theme="dark"]) .notif-avatar{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff} :where(html[data-theme="dark"]) .inbox-row{border-bottom:1px solid rgba(255,255,255,.112)} :where(html[data-theme="dark"]) .inbox-row:last-of-type{border-bottom:0} :where(html[data-theme="dark"]) .inbox-open{border:0;background:transparent} :where(html[data-theme="dark"]) .inbox-who{color:#a2a2af} :where(html[data-theme="dark"]) .inbox-who strong{color:#e0e1ee} :where(html[data-theme="dark"]) .inbox-what{color:#c2c2cf} :where(html[data-theme="dark"]) .inbox-what i{color:#a2a2af} :where(html[data-theme="dark"]) .inbox-wait{color:#868692} :where(html[data-theme="dark"]) .inbox-reply-btn{border:0;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .inbox-reply-btn:hover{box-shadow:0 6px 14px rgba(79,70,229,.26)} :where(html[data-theme="dark"]) .inbox-done-btn{border:1px solid var(--ring);background:#161524;color:#a2a2af} :where(html[data-theme="dark"]) .inbox-done-btn:hover{background:#191828;color:#c2c2cf} :where(html[data-theme="dark"]) .inbox-cleared{color:#868692} :where(html[data-theme="dark"]) .inbox-cleared strong{color:#a2a2af} :where(html[data-theme="dark"]) .inbox-undo-btn{border:0;background:transparent;color:#a5b1ff;text-decoration:underline} :where(html[data-theme="dark"]) .notif-page-empty p{color:#c2c2cf} :where(html[data-theme="dark"]) .upcoming-head h3{color:var(--muted)} :where(html[data-theme="dark"]) .upcoming-all-btn{border:0;background:transparent;color:#a5b1ff} :where(html[data-theme="dark"]) .upcoming-all-btn:hover{text-decoration:underline} :where(html[data-theme="dark"]) .upcoming-item{border:0;background:transparent} :where(html[data-theme="dark"]) .upcoming-item:hover{background:rgba(21,27,50,.75)} :where(html[data-theme="dark"]) .upcoming-date{background:var(--soft);border:1px solid #313a5f} :where(html[data-theme="dark"]) .upcoming-date b{color:#d4d4e1} :where(html[data-theme="dark"]) .upcoming-date small{color:var(--muted)} :where(html[data-theme="dark"]) .upcoming-item.is-today .upcoming-date{background:linear-gradient(135deg,var(--brand),var(--purple));border-color:transparent} :where(html[data-theme="dark"]) .upcoming-item.is-today .upcoming-date b,:where(html[data-theme="dark"]) .upcoming-item.is-today .upcoming-date small{color:#ffffff} :where(html[data-theme="dark"]) .upcoming-title{color:#d4d4e1} :where(html[data-theme="dark"]) .upcoming-time{color:var(--muted)} :where(html[data-theme="dark"]) .upcoming-empty{color:var(--muted)} :where(html[data-theme="dark"]) .name-modal-title{color:#e0e1ee} :where(html[data-theme="dark"]) .name-modal-sub{color:var(--muted)} :where(html[data-theme="dark"]) .name-modal-field > span{color:var(--muted)} :where(html[data-theme="dark"]) .nopis-popup{background:#161524;border:1px solid var(--ring);box-shadow:0 16px 40px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .nopis-popup-close{border:0;background:transparent;color:#868692} :where(html[data-theme="dark"]) .nopis-popup-close:hover{color:#e0e1ee} :where(html[data-theme="dark"]) .nopis-popup p{color:#c2c2cf} :where(html[data-theme="dark"]) .nopis-popup-section{color:var(--muted)} :where(html[data-theme="dark"]) .nopis-earn-row{border-bottom:1px solid #373748} :where(html[data-theme="dark"]) .nopis-earn-row:last-child{border-bottom:0} :where(html[data-theme="dark"]) .nopis-earn-row b{color:#78c9a8} :where(html[data-theme="dark"]) .nopis-earn-row.sep{border-bottom:1px solid #3b3b4c} :where(html[data-theme="dark"]) .nopis-cap-note{color:var(--muted)!important;border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .admin-dash-panel{background:#161524;border:1px solid var(--ring);box-shadow:0 16px 40px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .dash-section-label{color:var(--muted)} :where(html[data-theme="dark"]) .dash-stat-card{background:var(--soft);border:1px solid #313a5f} :where(html[data-theme="dark"]) .dash-stat-card strong{color:#a5b1ff} :where(html[data-theme="dark"]) .dash-stat-card span{color:var(--muted)} :where(html[data-theme="dark"]) .dash-reply-item:hover{background:#181727} :where(html[data-theme="dark"]) .dash-reply-new{background:#151b32} :where(html[data-theme="dark"]) .dash-reply-new:hover{background:#171e40} :where(html[data-theme="dark"]) .noa-section-title{color:var(--muted)} :where(html[data-theme="dark"]) .noa-stat-card{background:var(--soft);border:1px solid #313a5f} :where(html[data-theme="dark"]) .noa-stat-card strong{color:#a5b1ff} :where(html[data-theme="dark"]) .noa-stat-card span{color:var(--muted)} :where(html[data-theme="dark"]) .noa-color-dot{border:2px solid transparent} :where(html[data-theme="dark"]) .noa-color-opt input:checked + .noa-color-dot{border-color:#545460;box-shadow:0 0 0 2px rgba(255,255,255,.12),0 0 0 3px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .noa-color-brand{background:var(--brand)} :where(html[data-theme="dark"]) .noa-color-green{background:#16a34a} :where(html[data-theme="dark"]) .noa-color-red{background:#dc2626} :where(html[data-theme="dark"]) .noa-color-purple{background:#7c3aed} :where(html[data-theme="dark"]) .noa-color-gold{background:linear-gradient(135deg,#c98a05,#f97316)} :where(html[data-theme="dark"]) .noa-event-list-label{color:var(--muted)} :where(html[data-theme="dark"]) .noa-event-item{background:var(--soft)} :where(html[data-theme="dark"]) .noa-meet-link{color:#a5b1ff;text-decoration:none} :where(html[data-theme="dark"]) .noa-meet-link:hover{text-decoration:underline} :where(html[data-theme="dark"]) .noa-admin-loading{color:var(--muted)} :where(html[data-theme="dark"]) .noa-recur-weekly{background:#151b32;color:#a5b1ff} :where(html[data-theme="dark"]) .noa-recur-once{background:#1a1a29;color:#a2a2af} :where(html[data-theme="dark"]) .noa-form-label{color:var(--muted)} :where(html[data-theme="dark"]) .calendar-repeat-tag{color:#a5b1ff;background:#151b32} :where(html[data-theme="dark"]) .calendar-db-dot{background:var(--brand)} :where(html[data-theme="dark"]) .calendar-db-dot.dot-green{background:#16a34a} :where(html[data-theme="dark"]) .calendar-db-dot.dot-red{background:#dc2626} :where(html[data-theme="dark"]) .calendar-db-dot.dot-purple{background:#7c3aed} :where(html[data-theme="dark"]) .noa-db-event-row{background:var(--soft)} :where(html[data-theme="dark"]) .noa-db-event-meta{color:var(--muted)} :where(html[data-theme="dark"]) .msg-panel{background:#161524;border:1px solid var(--ring);box-shadow:0 16px 40px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .msg-panel-header{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .conv-item{border:0;background:transparent} :where(html[data-theme="dark"]) .conv-item:hover,:where(html[data-theme="dark"]) .conv-item.active{background:var(--soft)} :where(html[data-theme="dark"]) .conv-item.conv-unread .conv-name{color:var(--ink)} :where(html[data-theme="dark"]) .conv-preview{color:var(--muted)} :where(html[data-theme="dark"]) .conv-time{color:#868692} :where(html[data-theme="dark"]) .conv-unread-dot{background:var(--brand)} :where(html[data-theme="dark"]) .msg-thread-header{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .msg-back-btn{background:none;border:0;color:var(--muted)} :where(html[data-theme="dark"]) .msg-back-btn:hover{background:#1a1a29;color:#a5b1ff} :where(html[data-theme="dark"]) .msg-bubble.mine{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .msg-bubble.theirs{background:#1a1a29;color:var(--ink)} :where(html[data-theme="dark"]) .msg-bubble a{color:inherit;text-decoration:underline} :where(html[data-theme="dark"]) .msg-bubble.theirs a{color:#a5b0ff} :where(html[data-theme="dark"]) .msg-input-row{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .msg-attach-btn{border:1px solid var(--ring);background:#161524;color:#a5b1ff} :where(html[data-theme="dark"]) .msg-attach-btn:hover{background:var(--soft)} :where(html[data-theme="dark"]) .msg-attach-preview img{border:1px solid var(--ring)} :where(html[data-theme="dark"]) .msg-attach-remove{border:0;background:rgba(1,3,13,.72);color:#fff} :where(html[data-theme="dark"]) .msg-send-error{color:#fa9d69} :where(html[data-theme="dark"]) .msg-input{border:1px solid var(--ring);outline:none} :where(html[data-theme="dark"]) .msg-input:focus{border-color:#4f46e5} :where(html[data-theme="dark"]) .msg-send-btn{background:var(--brand);color:#fff;border:0} :where(html[data-theme="dark"]) .msg-empty{color:var(--muted)} :where(html[data-theme="dark"]) .msg-overlay{background:#161524} :where(html[data-theme="dark"]) .msg-page-card{border:0!important;background:#161524!important;box-shadow:none!important} :where(html[data-theme="dark"]) .msg-page-card .msg-panel-header{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .msg-panel-close-btn{background:none;border:0;color:#868692} :where(html[data-theme="dark"]) .msg-panel-close-btn:hover{background:#1a1a29;color:var(--ink)} :where(html[data-theme="dark"]) .user-profile-header{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .user-profile-avatar{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.22)} :where(html[data-theme="dark"]) .user-profile-level-pill{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .user-profile-nopis-pill{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) .user-profile-stat strong{color:#a5b1ff} :where(html[data-theme="dark"]) .user-profile-stat span{color:var(--muted)} :where(html[data-theme="dark"]) .user-profile-meta{color:var(--muted)} :where(html[data-theme="dark"]) .user-profile-msg-btn{background:var(--brand);color:#fff;border:0} :where(html[data-theme="dark"]) .user-profile-back-btn{background:none;border:0;color:var(--muted)} :where(html[data-theme="dark"]) .user-profile-back-btn:hover{color:#a5b1ff} :where(html[data-theme="dark"]) .user-profile-posts-label{color:var(--muted)} :where(html[data-theme="dark"]) .user-profile-post-card{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .user-profile-post-card:hover{box-shadow:0 4px 16px rgba(79,70,229,.1)} :where(html[data-theme="dark"]) .user-profile-post-meta{color:var(--muted)} :where(html[data-theme="dark"]) .contrib-card{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .contrib-card:hover{box-shadow:0 4px 14px rgba(79,70,229,.1)} :where(html[data-theme="dark"]) .contrib-type-badge.post-badge{background:#151b32;color:#a5b1ff} :where(html[data-theme="dark"]) .contrib-type-badge.comment-badge{background:#032010;color:#7ace8d} :where(html[data-theme="dark"]) .contrib-card-excerpt{color:var(--muted)} :where(html[data-theme="dark"]) .contrib-card-meta{color:var(--muted)} :where(html[data-theme="dark"]) .contrib-nopis-earned{background:#201800;border:1px solid #af9d55;color:#f3a079} :where(html[data-theme="dark"]) .contrib-nopis-earned.gifted{background:#1f1628;border-color:#48365a;color:#baa8ff} :where(html[data-theme="dark"]) .contrib-empty{color:var(--muted)} :where(html[data-theme="dark"]) .gift-nopis-btn{border:0;background:transparent;color:#fa9f53} :where(html[data-theme="dark"]) .gift-nopis-inline{background:#201800;border:1px solid #af9d55} :where(html[data-theme="dark"]) .gift-nopis-preset{border:1px solid #af9d55;background:#161524;color:#f3a079} :where(html[data-theme="dark"]) .gift-nopis-preset:hover,:where(html[data-theme="dark"]) .gift-nopis-preset.selected{background:#241c00} :where(html[data-theme="dark"]) .gift-nopis-custom-input{border:1px solid #af9d55;outline:none;background:#161524} :where(html[data-theme="dark"]) .gift-nopis-custom-input:focus{border-color:#f59e0b} :where(html[data-theme="dark"]) .gift-nopis-confirm-btn{background:#f59e0b;color:#fff;border:0} :where(html[data-theme="dark"]) .gift-nopis-confirm-btn:hover{background:#d97706} :where(html[data-theme="dark"]) .gift-nopis-success{color:#7ace8d} :where(html[data-theme="dark"]) .noa-label-inline.label-needs-work{background:#251703;color:#ff9877} :where(html[data-theme="dark"]) .noa-label-inline.label-amazing{background:#1f1628;color:#baa8ff} :where(html[data-theme="dark"]) .noa-label-inline.label-native{background:#201800;color:#f3a079} :where(html[data-theme="dark"]) .gift-label-btn{border:1.5px solid #3b3b4c;background:#161524;color:#c2c2cf} :where(html[data-theme="dark"]) .gift-label-btn:hover{border-color:#796ea1;color:#baa8ff;background:#1f1628} :where(html[data-theme="dark"]) .gift-label-btn.selected-needs-work{border-color:#563a14;background:#251703;color:#ff9877} :where(html[data-theme="dark"]) .gift-label-btn.selected-amazing{border-color:#423960;background:#1f1628;color:#baa8ff} :where(html[data-theme="dark"]) .gift-label-btn.selected-native{border-color:#af9d55;background:#201800;color:#f3a079} :where(html[data-theme="dark"]) .profile-card-overlay{background:rgba(0,0,0,.45)} :where(html[data-theme="dark"]) .profile-card{background:#161524;box-shadow:0 24px 60px rgba(0,0,0,.508)} :where(html[data-theme="dark"]) .profile-card-close{background:none;border:0;color:#868692} :where(html[data-theme="dark"]) .profile-card-close:hover{background:#1a1a29;color:var(--ink)} :where(html[data-theme="dark"]) .profile-card-avatar{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff} :where(html[data-theme="dark"]) .profile-card-level-pill{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .profile-card-nopis-pill{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) .profile-card-meta-item{color:var(--muted)} :where(html[data-theme="dark"]) .profile-card-contributions{color:#a5b1ff} :where(html[data-theme="dark"]) .profile-card-view-btn,:where(html[data-theme="dark"]) .profile-card-msg-btn{border:0} :where(html[data-theme="dark"]) .profile-card-view-btn{background:#1a1a29;color:var(--ink);border:1px solid var(--ring)} :where(html[data-theme="dark"]) .profile-card-view-btn:hover{background:#202030} :where(html[data-theme="dark"]) .profile-card-msg-btn{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .profile-photo{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 14px 26px rgba(79,70,229,.18)} :where(html[data-theme="dark"]) .gsi-skin{background:#161524;border:1px solid #3e3e50;color:#c4c4c9;box-shadow:0 1px 3px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .auth-divider{color:#868692} :where(html[data-theme="dark"]) .auth-divider::before,:where(html[data-theme="dark"]) .auth-divider::after{background:#202030} :where(html[data-theme="dark"]) .subscription-modal{background:rgba(1,3,13,.58)} :where(html[data-theme="dark"]) .subscription-dialog{background:linear-gradient(180deg,#201708 0%,#171726 100%);border:1px solid rgba(255,255,255,.092);box-shadow:0 30px 90px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .subscription-dialog>#closeSubscriptionModal{box-shadow:0 10px 26px rgba(0,0,0,.456)} :where(html[data-theme="dark"]) .subscription-copy h2{color:#afadff} :where(html[data-theme="dark"]) .subscription-copy h2 span{color:#aeadff} :where(html[data-theme="dark"]) .subscription-lead{color:#c2c2cf} :where(html[data-theme="dark"]) .subscription-lead-tight{color:#afadff} :where(html[data-theme="dark"]) .subscription-value-list li{color:#d4d4e1} :where(html[data-theme="dark"]) .subscription-value-list li::before{color:#afadff} :where(html[data-theme="dark"]) .subscription-signoff{color:#afadff} :where(html[data-theme="dark"]) .subscription-signoff span{color:#aeadff} :where(html[data-theme="dark"]) .subscription-price-card{background:#161524;border:1px solid rgba(255,255,255,.092);box-shadow:0 18px 48px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .price-kana span{color:#aeadff} :where(html[data-theme="dark"]) .price-row span{color:transparent;background:linear-gradient(110deg,#aeadff 0%,#cca0ff 24%,#f5c45e 48%,#fff1a8 60%,#baa8ff 82%,#aeadff 100%)} :where(html[data-theme="dark"]) .price-row small{color:#a2a2af} :where(html[data-theme="dark"]) .price-pressure{background:#1d172d;color:#baa8ff} :where(html[data-theme="dark"]) .subscription-benefits li{border:1px solid rgba(124,106,255,.18);background:#161524;color:#d4d4e1} :where(html[data-theme="dark"]) .subscription-benefits li::before{background:#6d4aff;box-shadow:0 0 0 5px rgba(109,74,255,.1)} :where(html[data-theme="dark"]) .subscription-benefits li.featured-benefit{color:#e0e1ee;border-color:rgba(245,196,94,.554);background:linear-gradient(#161524,#161524) padding-box, linear-gradient(110deg,#6d4aff,#b66cff,#daad50,#4b420c,#6d4aff) border-box;border:1.5px solid transparent;box-shadow:0 12px 26px rgba(109,74,255,.1)} :where(html[data-theme="dark"]) .subscription-benefits li.featured-benefit::before{background:linear-gradient(135deg,#6d4aff,#daad50);box-shadow:0 0 0 5px rgba(245,196,94,.18)} :where(html[data-theme="dark"]) .subscription-dialog{border:1px solid rgba(124,106,255,.282);background:radial-gradient(circle at 12% 15%, rgba(218,173,80,.2), transparent 30%), radial-gradient(circle at 84% 10%, rgba(109,74,255,.18), transparent 32%), linear-gradient(135deg,#161524 0%,#171726 52%,#161926 100%);box-shadow:0 34px 110px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .subscription-dialog>#closeSubscriptionModal{background:rgba(22,21,36,.92);border:1px solid rgba(124,106,255,.215)} :where(html[data-theme="dark"]) .onboarding-shell::before{color:rgba(174,173,255,.055)} :where(html[data-theme="dark"]) .onboarding-progress-track{background:#22183a;box-shadow:inset 0 0 0 1px rgba(109,74,255,.08)} :where(html[data-theme="dark"]) #onboardingProgressFill{background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 58%,#daad50 100%);box-shadow:0 0 18px rgba(124,58,237,.34)} :where(html[data-theme="dark"]) #onboardingStepLabel{color:#a2a2af} :where(html[data-theme="dark"]) .onboarding-kicker{border:1px solid rgba(245,196,94,.511);background:rgba(22,21,36,.78);color:#baa8ff;box-shadow:0 12px 28px rgba(109,74,255,.08)} :where(html[data-theme="dark"]) .onboarding-copy h2{color:#e0e1ee} :where(html[data-theme="dark"]) .onboarding-copy p{color:#c2c2cf} :where(html[data-theme="dark"]) .onboarding-pills span,:where(html[data-theme="dark"]) .onboarding-metric-row span{border:1px solid rgba(124,106,255,.233);background:rgba(22,21,36,.82);color:#a7b0ff;box-shadow:0 12px 28px rgba(109,74,255,.08)} :where(html[data-theme="dark"]) .onboarding-feature-grid span{border:1px solid rgba(124,106,255,.233);background:rgba(22,21,36,.84);color:#e0e1ee;box-shadow:0 12px 32px rgba(109,74,255,.08)} :where(html[data-theme="dark"]) .onboarding-visual::after{background:rgba(109,74,255,.18);filter:blur(18px)} :where(html[data-theme="dark"]) .onboarding-visual img{filter:drop-shadow(0 22px 34px rgba(79,70,229,.16))} :where(html[data-theme="dark"]) .onboarding-price-card{border:1px solid rgba(124,106,255,.249);background:rgba(22,21,36,.86);box-shadow:0 20px 46px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .onboarding-price span{color:transparent;background:linear-gradient(110deg,#e0e1ee 0%,#a5b1ff 38%,#ce9eff 68%,#f5c45e 100%)} :where(html[data-theme="dark"]) .onboarding-price small{color:#a2a2af} :where(html[data-theme="dark"]) .onboarding-price-card>p{color:#b5b5c2} :where(html[data-theme="dark"]) .onboarding-dot{border:0;background:#6a5f92} :where(html[data-theme="dark"]) .onboarding-dot.active{background:linear-gradient(90deg,#4f46e5,#9d4edd);box-shadow:0 0 18px rgba(124,58,237,.32)} :where(html[data-theme="dark"]) .post-pin{filter:drop-shadow(0 3px 6px rgba(109,74,255,.34))} :where(html[data-theme="dark"]) .sr-only{border:0} :where(html[data-theme="dark"]) .post-pin-needle{stroke:#868692} :where(html[data-theme="dark"]) .post-pin-head{fill:#aeadff} :where(html[data-theme="dark"]) .post-pin-ring{fill:#ffffff} :where(html[data-theme="dark"]) .post-pin-shine{fill:rgba(255,255,255,.55)} :where(html[data-theme="dark"]) .post.is-pinned-post,:where(html[data-theme="dark"]) .is-pinned-post{border:2px solid var(--cat-color,#6d4aff)!important} :where(html[data-theme="dark"]) .is-pinned-post::before{box-shadow:0 0 10px 1px rgba(var(--cat-rgb,109,74,255),.30), 0 0 22px 4px rgba(var(--cat-rgb,109,74,255),.14)} :where(html[data-theme="dark"]) .is-pinned-post .post-pin-head{fill:var(--cat-color,#aeadff)} :where(html[data-theme="dark"]) .is-pinned-post .post-pin{filter:drop-shadow(0 3px 6px rgba(var(--cat-rgb,109,74,255),.40))} :where(html[data-theme="dark"]) .pin-post-btn{color:#a2a2af!important} :where(html[data-theme="dark"]) .pin-post-btn:hover,:where(html[data-theme="dark"]) .pin-post-btn.is-pinned{color:#aeadff!important;background:#1d172d!important} :where(html[data-theme="dark"]) .admin-post .pin-post-btn.is-pinned{background:#251703!important;color:#fa9d69!important} :where(html[data-theme="dark"]) .comment-delete-btn{border:0;background:transparent;color:#868692} :where(html[data-theme="dark"]) .comment-delete-btn:hover{color:#ff968a;background:#3a1114} :where(html[data-theme="dark"]) .monthly-prizes{background:linear-gradient(135deg,#201802 0%,#25141c 100%);border:1.5px solid #bfa557} :where(html[data-theme="dark"]) .prize-item{background:#161524;border:1px solid rgba(255,255,255,.069)} :where(html[data-theme="dark"]) .prize-copy strong{color:var(--text,#e1e1e1)} :where(html[data-theme="dark"]) .prize-copy span{color:var(--muted,#a0a0a0)} :where(html[data-theme="dark"]) .leaderboard-subtitle{color:var(--muted)} :where(html[data-theme="dark"]) .globe-card{border:1px solid rgba(144,94,255,.249);background:#161524;color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.196)} :where(html[data-theme="dark"]) .globe-copy .muted{color:var(--muted)!important} :where(html[data-theme="dark"]) .globe-meta{background:#21162f;border:1px solid rgba(144,94,255,.215);color:#a5b0ff} :where(html[data-theme="dark"]) .globe-stage{background:linear-gradient(180deg,#161524 0%, #181727 100%)} :where(html[data-theme="dark"]) .leader-country{color:var(--muted)} :where(html[data-theme="dark"]) .profile-country-card{border:1px solid var(--ring);background:#181726} :where(html[data-theme="dark"]) .profile-country-card label{color:#a5b0ff} :where(html[data-theme="dark"]) .real-globe-ocean{fill:#ffffff;stroke:#433b61} :where(html[data-theme="dark"]) .real-globe-countries path{fill:#baa8ff;stroke:#baa8ff} :where(html[data-theme="dark"]) .real-globe-rim{fill:none;stroke:#796ea1} :where(html[data-theme="dark"]) .real-globe-dot-halo{fill:#baa8ff} :where(html[data-theme="dark"]) .real-globe-count-badge{fill:#ffffff;stroke:#baa8ff;filter:url(#member-dot-glow)} :where(html[data-theme="dark"]) .real-globe-count-text{fill:#bba8ff} :where(html[data-theme="dark"]) .globe-map-error{background:#181727;color:var(--muted)} :where(html[data-theme="dark"]) .real-globe-touch-capture{fill:transparent} :where(html[data-theme="dark"]) .real-globe-countries path{fill:#baa8ff;stroke:#baa8ff} :where(html[data-theme="dark"]) .real-globe-ocean{fill:#ffffff;stroke:#433b61} :where(html[data-theme="dark"]) .real-globe-rim{fill:none;stroke:#796ea1} :where(html[data-theme="dark"]) .real-globe-badge-connector{stroke:#baa8ff} :where(html[data-theme="dark"]) .real-globe-anchor-dot{fill:#baa8ff} :where(html[data-theme="dark"]) .globe-zoom-btn{border:1px solid rgba(144,94,255,.312);background:rgba(22,21,36,.96);color:#bba8ff;box-shadow:0 10px 24px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .globe-zoom-btn:hover{background:#21162f} :where(html[data-theme="dark"]) .category,:where(html[data-theme="dark"]) .category.admin-category,:where(html[data-theme="dark"]) .category.general-category{background:transparent!important;border:0!important;box-shadow:none!important;color:#a5b1ff!important} :where(html[data-theme="dark"]) .heart-icon,:where(html[data-theme="dark"]) .comment-heart-icon{color:#a3a3b0!important} :where(html[data-theme="dark"]) .heart-svg{color:currentColor!important} :where(html[data-theme="dark"]) .icon-action.liked .heart-icon,:where(html[data-theme="dark"]) .comment-like-btn.liked .comment-heart-icon{color:#ff958d!important} :where(html[data-theme="dark"]) .icon-action.liked .icon-count,:where(html[data-theme="dark"]) .comment-like-btn.liked b{color:#ff958d!important} :where(html[data-theme="dark"]) .composer-record-status{color:var(--muted)} :where(html[data-theme="dark"]) .profile-xp-card{border:1px solid rgba(144,94,255,.249);background:linear-gradient(135deg,#161524,#1d1725)} :where(html[data-theme="dark"]) .profile-xp-top b{color:#a5b0ff} :where(html[data-theme="dark"]) .profile-xp-bar{background:#151b32;box-shadow:inset 0 0 0 1px rgba(0,0,0,.144)} :where(html[data-theme="dark"]) .profile-xp-bar span{background:linear-gradient(90deg,var(--tier-a),var(--tier-b));box-shadow:0 0 18px color-mix(in srgb, var(--tier-b) 45%, transparent)} :where(html[data-theme="dark"]) .profile-xp-card p{color:var(--muted)} :where(html[data-theme="dark"]) .profile-xp-card.tier-beginner{--tier-a:#60a5fa;--tier-b:#7c3aed} :where(html[data-theme="dark"]) .profile-xp-card.tier-kita{--tier-a:#22c55e;--tier-b:#14b8a6} :where(html[data-theme="dark"]) .profile-xp-card.tier-fuji{--tier-a:#f59e0b;--tier-b:#ec4899} :where(html[data-theme="dark"]) .profile-xp-card.tier-advanced{--tier-a:#8b5cf6;--tier-b:#ef4444} :where(html[data-theme="dark"]) .profile-xp-card.tier-master{--tier-a:#facc15;--tier-b:#a855f7} :where(html[data-theme="dark"]) .p-hero-meta{color:var(--muted)} :where(html[data-theme="dark"]) .p-link-btn{background:none;border:none;color:#a5b1ff;border-bottom:1.5px solid transparent} :where(html[data-theme="dark"]) .p-link-btn:hover{border-bottom-color:#4f46e5} :where(html[data-theme="dark"]) .p-tile{background:rgba(22,21,36,.72);border:1px solid var(--glass-border);box-shadow:0 4px 14px rgba(31,38,135,.06)} :where(html[data-theme="dark"]) .p-tile strong{color:#d4d4e1} :where(html[data-theme="dark"]) .p-tile small{color:var(--muted)} :where(html[data-theme="dark"]) .p-tile-btn:hover{box-shadow:0 10px 24px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .p-tile-btn strong{color:#a5b1ff} :where(html[data-theme="dark"]) .p-next{background:linear-gradient(135deg,#312e81,#4f46e5 70%,#7c3aed);color:#fff;box-shadow:0 12px 30px rgba(49,46,129,.3)} :where(html[data-theme="dark"]) .p-next-text small{color:#c7d2fe} :where(html[data-theme="dark"]) .p-next-btn{border:none;background:#161524;color:#a7b0ff} :where(html[data-theme="dark"]) .p-name-btn{border:0;background:none} :where(html[data-theme="dark"]) .p-name-btn:focus-visible{outline:2px solid #4f46e5} :where(html[data-theme="dark"]) .p-meta-btn{border:0;background:none;color:inherit;text-decoration:underline;text-decoration-color:rgba(186,168,255,.5)} :where(html[data-theme="dark"]) .p-meta-btn:hover{color:#a5b1ff} :where(html[data-theme="dark"]) .p-inline-save{border:0;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .p-toggle-row{background:var(--glass-strong);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .p-toggle-row:hover{box-shadow:0 8px 22px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .p-switch{background:#172b43} :where(html[data-theme="dark"]) .p-switch i{background:#161524;box-shadow:0 1px 3px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .p-switch.is-on{background:linear-gradient(135deg,#16a34a,#15803d)} :where(html[data-theme="dark"]) .p-theme-row:hover{box-shadow:none} :where(html[data-theme="dark"]) .p-theme-opts button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)} :where(html[data-theme="dark"]) .p-theme-opts button.is-on{color:#a5b1ff;border-bottom-color:#4f46e5} :where(html[data-theme="dark"]) .leader-top-1{border:2px solid transparent!important;background:linear-gradient(#161524,#161524) padding-box,linear-gradient(120deg,#7c3aed,#ec4899,#60a4f9,#7c3aed) border-box!important;box-shadow:0 12px 28px rgba(124,58,237,.16)!important} :where(html[data-theme="dark"]) .leader-top-1 .rank{background:linear-gradient(135deg,#7c3aed,#ec4899)!important} :where(html[data-theme="dark"]) .leader-top-2{border:2px solid #facc15!important;background:linear-gradient(135deg,#161524,#201800)!important;box-shadow:0 10px 24px rgba(250,204,21,.16)!important} :where(html[data-theme="dark"]) .leader-top-2 .rank{background:linear-gradient(135deg,#f59e0b,#facc15)!important;color:#422006!important} :where(html[data-theme="dark"]) .leader-top-3{border:2px solid #2f455e!important;background:linear-gradient(135deg,#161524,#181727)!important;box-shadow:0 10px 24px rgba(148,163,184,.16)!important} :where(html[data-theme="dark"]) .leader-top-3 .rank{background:linear-gradient(135deg,#6a7d97,#172231)!important;color:#d4d4e1!important} :where(html[data-theme="dark"]) .calendar-arrow{border:1px solid var(--ring);background:#161524;color:#a5b0ff;box-shadow:0 6px 18px rgba(0,0,0,.17)} :where(html[data-theme="dark"]) .calendar-grid .day{color:var(--ink)} :where(html[data-theme="dark"]) .calendar-grid button.day:hover{border-color:#796ea1;box-shadow:0 8px 18px rgba(124,58,237,.1)} :where(html[data-theme="dark"]) .calendar-event-modal{background:rgba(1,3,13,.55)} :where(html[data-theme="dark"]) .calendar-event-dialog{background:#161524;border:1px solid var(--ring);box-shadow:0 28px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .calendar-event-kicker{background:#1d172d;color:#a5b0ff} :where(html[data-theme="dark"]) .calendar-event-info span{background:#181727;border:1px solid var(--ring);color:#c2c2cf} :where(html[data-theme="dark"]) .leader-rank-avatar .leader-avatar{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;border:2px solid #fff;box-shadow:0 8px 18px rgba(17,24,39,.12)} :where(html[data-theme="dark"]) .leader-position{background:#393948;color:#fff;border:2px solid #fff} :where(html[data-theme="dark"]) .leader-top-1 .leader-position{background:linear-gradient(135deg,#7c3aed,#ec4899)} :where(html[data-theme="dark"]) .leader-top-2 .leader-position{background:#d97706} :where(html[data-theme="dark"]) .leader-top-3 .leader-position{background:#64748b} :where(html[data-theme="dark"]) .calendar-grid .day.has-event{background:linear-gradient(135deg,var(--ev,var(--brand)),var(--ev-2,#7c3aed))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px var(--ev-shadow,rgba(124,58,237,.22))!important} :where(html[data-theme="dark"]) .calendar-grid .day.has-event span:first-child{color:#ffffff!important} :where(html[data-theme="dark"]) .calendar-tz-row label{color:var(--muted)} :where(html[data-theme="dark"]) .calendar-tz-select{color:#c2c2cf;background:#161524;border:1px solid var(--ring)!important} :where(html[data-theme="dark"]) .calendar-day-badge{background:#ef4444;color:#fff;box-shadow:0 2px 6px rgba(239,68,68,.45)} :where(html[data-theme="dark"]) .calendar-event-marker{background:none;color:#ffffff!important;border:0} :where(html[data-theme="dark"]) .calendar-weekly-badge{background:#1d172d!important;color:#a5b0ff!important} :where(html[data-theme="dark"]) .calendar-event-copy h3{color:#a5b1ff} :where(html[data-theme="dark"]) .selected-calendar-heading{color:var(--muted)} :where(html[data-theme="dark"]) .selected-calendar-heading strong{color:#a5b0ff;background:#1d172d;border:1px solid #423960} :where(html[data-theme="dark"]) .calendar-grid .day.selected-day{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.12)!important} @media (max-width:760px){:where(html[data-theme="dark"]) .calendar-grid .day.has-event{background:linear-gradient(135deg,var(--ev,var(--brand)),var(--ev-2,#7c3aed))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px var(--ev-shadow,rgba(124,58,237,.25))!important} :where(html[data-theme="dark"]) .calendar-grid .day.has-event span:first-child{color:#ffffff!important} :where(html[data-theme="dark"]) .calendar-grid .day.selected-day{background:#1d172d!important;border-color:#8b5cf6!important} :where(html[data-theme="dark"]) .calendar-grid .day.has-event.selected-day{background:linear-gradient(135deg,var(--brand),#7c3aed)!important;border-color:#fff!important}} :where(html[data-theme="dark"]) .calendar-empty-events{color:var(--muted);background:#181727;border:1px solid var(--ring)} :root:where([data-theme="dark"]){--tap-shadow:0 10px 24px rgba(0,0,0,.248);--tap-shadow-strong:0 14px 30px rgba(79,70,229,.2)} :where(html[data-theme="dark"]) .primary-btn:hover,:where(html[data-theme="dark"]) .join-btn:hover,:where(html[data-theme="dark"]) .secondary-btn:hover,:where(html[data-theme="dark"]) .ghost-btn:hover,:where(html[data-theme="dark"]) .quick-link:hover,:where(html[data-theme="dark"]) .chip:hover,:where(html[data-theme="dark"]) .calendar-arrow:hover,:where(html[data-theme="dark"]) .load-more-wrap .secondary-btn:hover{box-shadow:var(--tap-shadow)} :where(html[data-theme="dark"]) .primary-btn:hover,:where(html[data-theme="dark"]) .join-btn:hover{box-shadow:var(--tap-shadow-strong);filter:saturate(1.06)} :where(html[data-theme="dark"]) .primary-btn:active,:where(html[data-theme="dark"]) .join-btn:active,:where(html[data-theme="dark"]) .secondary-btn:active,:where(html[data-theme="dark"]) .ghost-btn:active,:where(html[data-theme="dark"]) .quick-link:active,:where(html[data-theme="dark"]) .chip:active,:where(html[data-theme="dark"]) .calendar-arrow:active,:where(html[data-theme="dark"]) .calendar-grid button.day:active,:where(html[data-theme="dark"]) .calendar-event-row:active,:where(html[data-theme="dark"]) .exercise-option:active:not(:disabled),:where(html[data-theme="dark"]) .composer-trigger:active,:where(html[data-theme="dark"]) .image-attachment:active{box-shadow:0 5px 14px rgba(0,0,0,.248)!important} :where(html[data-theme="dark"]) button:disabled,:where(html[data-theme="dark"]) button[aria-disabled="true"]{filter:saturate(.8)} :where(html[data-theme="dark"]) button:focus-visible,:where(html[data-theme="dark"]) input:focus-visible,:where(html[data-theme="dark"]) textarea:focus-visible,:where(html[data-theme="dark"]) select:focus-visible,:where(html[data-theme="dark"]) .image-attachment:focus-visible,:where(html[data-theme="dark"]) .audio-progress:focus-visible{outline:3px solid rgba(108,113,255,.388)!important} :where(html[data-theme="dark"]) .composer-trigger:hover span{border-color:#403b61;background:#1a1826;color:#a3a3b0} :where(html[data-theme="dark"]) .composer-trigger:active span{background:#1e1735} :where(html[data-theme="dark"]) .icon-action:hover{background:#191828!important;color:#b5b5c2} :where(html[data-theme="dark"]) .icon-action.liked:hover{background:#2b1316!important} :where(html[data-theme="dark"]) .comment-like-btn:hover,:where(html[data-theme="dark"]) .compact-reply-btn:hover,:where(html[data-theme="dark"]) .reply-link:hover,:where(html[data-theme="dark"]) .view-all-comments:hover{color:#a5b1ff!important} :where(html[data-theme="dark"]) .comment-like-btn.liked:hover{color:#ff958d!important} :where(html[data-theme="dark"]) .exercise-option:hover:not(:disabled){box-shadow:0 8px 18px rgba(79,70,229,.08)} :where(html[data-theme="dark"]) .calendar-event-row:hover{border-color:#403b61!important;box-shadow:0 10px 24px rgba(79,70,229,.1)!important} :where(html[data-theme="dark"]) .load-more-wrap .secondary-btn:disabled::after{border:2px solid rgba(108,113,255,.365);border-top-color:#4f46e5} @media (hover:hover){:where(html[data-theme="dark"]) .post:hover{box-shadow:0 14px 34px rgba(0,0,0,.235)!important;border-color:#3b3a5e!important} :where(html[data-theme="dark"]) .post:hover .post-content a,:where(html[data-theme="dark"]) .detail-post-card .post-content a:hover{color:#a5b1ff} :where(html[data-theme="dark"]) .compact-comment:hover .comment-bubble,:where(html[data-theme="dark"]) .thread-comment:hover .comment-bubble{border-color:#353d53}} :where(html[data-theme="dark"]) .store-item{border:1px solid var(--ring);background:#161524;box-shadow:0 8px 22px rgba(0,0,0,.144)} :where(html[data-theme="dark"]) .store-item::before{background:linear-gradient(135deg,#4f46e5,#facc15)} :where(html[data-theme="dark"]) .store-item.rarity-common::before{background:linear-gradient(135deg,#6a7d97,#172231)} :where(html[data-theme="dark"]) .store-item.rarity-uncommon{border-color:rgba(34,197,94,.427)} :where(html[data-theme="dark"]) .store-item.rarity-uncommon::before{background:linear-gradient(135deg,#22c55e,#7bdf9f)} :where(html[data-theme="dark"]) .store-item.rarity-rare{border-color:rgba(20,184,166,.427)} :where(html[data-theme="dark"]) .store-item.rarity-rare::before{background:linear-gradient(135deg,#14ae9d,#60a4f9)} :where(html[data-theme="dark"]) .store-item.rarity-epic{border-color:rgba(144,94,255,.427)} :where(html[data-theme="dark"]) .store-item.rarity-epic::before{background:linear-gradient(135deg,#7c3aed,#ec4899)} :where(html[data-theme="dark"]) .store-item.rarity-premium{border:1px solid transparent;background:linear-gradient(#161524,#161524) padding-box, linear-gradient(120deg,#facc15,#ec4899,#7c3aed,#60a4f9,#facc15) border-box;box-shadow:0 18px 42px rgba(124,58,237,.16)} :where(html[data-theme="dark"]) .store-item.rarity-premium::before{background:linear-gradient(120deg,#facc15,#ec4899,#7c3aed,#60a4f9,#facc15)} :where(html[data-theme="dark"]) .store-item.rarity-premium::after{background:linear-gradient(115deg,transparent 38%,rgba(22,21,36,.55) 50%,transparent 62%)} :where(html[data-theme="dark"]) .store-item.rarity-premium .store-delivery{color:#f2a086;background:#221a00;border-color:rgba(250,204,21,.747)} :where(html[data-theme="dark"]) .store-item p{color:var(--muted)} :where(html[data-theme="dark"]) .store-delivery{background:#1d172d;color:#a5b0ff;border:1px solid #423960} :where(html[data-theme="dark"]) .store-item-bottom strong{color:#a5b0ff} :where(html[data-theme="dark"]) .store-history-card{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .store-redemption-row{border:1px solid var(--ring);background:#181727} :where(html[data-theme="dark"]) .store-redemption-row span{color:var(--muted)} :where(html[data-theme="dark"]) .store-redemption-row b{color:#d7af6c;background:#221a00;border:1px solid rgba(250,204,21,.575)} @media (hover:hover){:where(html[data-theme="dark"]) .store-item:hover{border-color:#3b3a5e;box-shadow:0 14px 34px rgba(0,0,0,.235)}} @media (max-width:760px){:where(html[data-theme="dark"]) .mobile-bottom-nav:not(.hidden){background:rgba(22,21,36,.97);border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .mobile-nav-btn{background:none;border:0;color:#868692} :where(html[data-theme="dark"]) .mobile-nav-btn.active{color:#a5b1ff} :where(html[data-theme="dark"]) .mobile-nav-btn.active svg{stroke:#a5b1ff} :where(html[data-theme="dark"]) .mobile-nav-badge{background:#ef4444;color:#fff}} :where(html[data-theme="dark"]) .vocab-page-header p{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-stats-strip{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .vocab-stat{border-right:1px solid var(--ring)} :where(html[data-theme="dark"]) .vocab-stat:last-child{border-right:none} :where(html[data-theme="dark"]) .vocab-stat strong{color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-stat span{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-filter-chip{border:1.5px solid var(--ring);background:#161524;color:var(--muted)} :where(html[data-theme="dark"]) .vocab-filter-chip:hover{border-color:#4f46e5;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-filter-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)} :where(html[data-theme="dark"]) .vocab-search-input{border:1.5px solid var(--ring);outline:none} :where(html[data-theme="dark"]) .vocab-search-input:focus{border-color:#4f46e5} :where(html[data-theme="dark"]) .vocab-section-label{color:#8a8a8a} :where(html[data-theme="dark"]) .vocab-section-label::after{background:var(--ring)} :where(html[data-theme="dark"]) .vocab-word-card{background:#161524;border:1.5px solid var(--ring)} :where(html[data-theme="dark"]) .vocab-word-card:hover{border-color:#4f46e5;box-shadow:0 4px 14px rgba(79,70,229,.09)} :where(html[data-theme="dark"]) .vocab-word-card.status-learned{border-left:3px solid #4f46e5} :where(html[data-theme="dark"]) .vocab-word-card.status-reviewing{border-left:3px solid #8b5cf6} :where(html[data-theme="dark"]) .vocab-word-reading-text{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-word-meaning-text{color:var(--ink)} :where(html[data-theme="dark"]) .vocab-level-badge{border:1.5px solid #4f46e5;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-source-label{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-dot-learned{background:var(--brand)} :where(html[data-theme="dark"]) .vocab-dot-reviewing{background:#8b5cf6} :where(html[data-theme="dark"]) .vocab-dot-new{background:#232a36} :where(html[data-theme="dark"]) .vocab-empty{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-loading{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-word-modal{background:rgba(0,0,0,.45)} :where(html[data-theme="dark"]) .vocab-word-dialog{background:#161524} :where(html[data-theme="dark"]) .vocab-word-kicker{background:#151b32;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-word-reading{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-word-example{color:#c1c1c1;background:#181727;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .vocab-word-source{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-status-btn{border:1.5px solid var(--ring);background:#161524;color:var(--ink)} :where(html[data-theme="dark"]) .vocab-status-btn:hover{border-color:#4f46e5;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-status-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)} :where(html[data-theme="dark"]) .vocab-status-btn.primary:hover{background:#4338ca} :where(html[data-theme="dark"]) .vocab-status-btn.btn-active{background:var(--brand);color:#fff;border-color:var(--brand)} :where(html[data-theme="dark"]) .vocab-car-arrow{border:1.5px solid var(--ring);background:#161524;color:var(--ink)} :where(html[data-theme="dark"]) .vocab-car-arrow:hover:not(:disabled){border-color:#4f46e5;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-section-mini-label{color:var(--muted)} :where(html[data-theme="dark"]) .vlc-track{background:#1a1a29} :where(html[data-theme="dark"]) .vlc-count{color:var(--muted)} :where(html[data-theme="dark"]) .detail-comment-form{box-shadow:none!important;background:transparent!important;border-top:1px solid var(--ring)!important} :where(html[data-theme="dark"]) .post-detail-shell{background:#191928;box-shadow:none} :where(html[data-theme="dark"]) .detail-post-card{background:#161524} :where(html[data-theme="dark"]) .detail-comments-section{background:#161524;border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .detail-comment-form{background:rgba(22,21,36,.98)!important;border-top:1px solid var(--ring)!important;box-shadow:0 -10px 28px rgba(0,0,0,.248)!important} :where(html[data-theme="dark"]) .detail-comments-section{border-bottom:none} :where(html[data-theme="dark"]) .detail-comment-form{background:#161524!important;border-top:1px solid var(--ring)!important;box-shadow:0 -6px 18px rgba(0,0,0,.196)!important} :where(html[data-theme="dark"]) .practice-hero{background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff} :where(html[data-theme="dark"]) .practice-hero-text h3{color:#ffffff} :where(html[data-theme="dark"]) .practice-start-btn{background:#161524;color:#a5b1ff;border:0} :where(html[data-theme="dark"]) .practice-exit-btn{background:none;border:1px solid var(--ring);color:var(--muted)} :where(html[data-theme="dark"]) .practice-exit-btn:hover{border-color:#ef4444;color:#ff958d} :where(html[data-theme="dark"]) .practice-progress-track{background:var(--soft)} :where(html[data-theme="dark"]) .practice-progress-fill{background:var(--brand)} :where(html[data-theme="dark"]) .practice-count{color:var(--muted)} :where(html[data-theme="dark"]) .practice-question-card{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .practice-instruction{color:var(--muted)} :where(html[data-theme="dark"]) .practice-mc-prompt{color:var(--ink)} :where(html[data-theme="dark"]) .practice-cloze-sentence{color:var(--ink)} :where(html[data-theme="dark"]) .practice-cloze-hint{color:var(--muted)} :where(html[data-theme="dark"]) .practice-flashcard{background:var(--soft);border:2px dashed var(--ring)} :where(html[data-theme="dark"]) .practice-flashcard:hover{border-color:#4f46e5} :where(html[data-theme="dark"]) .practice-flashcard.is-flipped{border-color:#4f46e5;background:#161524} :where(html[data-theme="dark"]) .practice-flash-word{color:var(--ink)} :where(html[data-theme="dark"]) .practice-flash-word.small{color:var(--muted)} :where(html[data-theme="dark"]) .practice-flash-reading{color:var(--muted)} :where(html[data-theme="dark"]) .practice-flash-meaning{color:#a5b1ff} :where(html[data-theme="dark"]) .practice-flash-example{color:var(--muted)} :where(html[data-theme="dark"]) .practice-flash-btn{border:0} :where(html[data-theme="dark"]) .practice-flash-btn.knew{background:#002411;color:#7ace8d} :where(html[data-theme="dark"]) .practice-flash-btn.knew:hover{background:#03331b} :where(html[data-theme="dark"]) .practice-flash-btn.missed{background:#241c00;color:#fa9d69} :where(html[data-theme="dark"]) .practice-flash-btn.missed:hover{background:#a19048} :where(html[data-theme="dark"]) .practice-results{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .practice-results-score{color:#a5b1ff} :where(html[data-theme="dark"]) .practice-results-score small{color:var(--muted)} :where(html[data-theme="dark"]) .practice-results-nopis{color:#fa9d69;background:#241c00} :where(html[data-theme="dark"]) .grammar-card{background:linear-gradient(135deg,#1d172d,#22183a);border:1px solid #423960} :where(html[data-theme="dark"]) .grammar-card:hover{box-shadow:0 8px 18px rgba(124,58,237,.15)} :where(html[data-theme="dark"]) .grammar-card-name{color:#a5b0ff} :where(html[data-theme="dark"]) .grammar-card-meaning{color:var(--muted)} :where(html[data-theme="dark"]) .grammar-modal-name{color:#a5b0ff} :where(html[data-theme="dark"]) .grammar-modal-explanation{color:var(--ink)} :where(html[data-theme="dark"]) .grammar-modal-block{background:var(--soft)} :where(html[data-theme="dark"]) .grammar-modal-label{color:var(--muted)} :where(html[data-theme="dark"]) .grammar-modal-structure,:where(html[data-theme="dark"]) .grammar-modal-example{color:var(--ink)} :where(html[data-theme="dark"]) .practice-grammar-chip{background:#22183a;color:#a5b0ff} :where(html[data-theme="dark"]) .practice-loader-track{background:var(--soft)} :where(html[data-theme="dark"]) .practice-loader-fill{background:linear-gradient(90deg,var(--brand),#7c3aed)} :where(html[data-theme="dark"]) .practice-loader-label{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-back-btn{background:none;border:0;color:#a5b1ff} :where(html[data-theme="dark"]) .vocab-back-btn:hover{text-decoration:underline} :root:where([data-theme="dark"]){--glass:rgba(22,21,36,.62);--glass-strong:rgba(22,21,36,.78);--glass-border:rgba(144,94,255,.233);--glass-shadow:0 18px 44px rgba(79,70,229,.1);--kanji-wm:#21183b} :where(html[data-theme="dark"]) body{background:linear-gradient(180deg,#161524 0%,#1b182a 60%,#1e1735 100%) fixed} :where(html[data-theme="dark"]) .kana-field{color:#b1acff} :where(html[data-theme="dark"]) .kana{color:currentColor} :where(html[data-theme="dark"]) .card,:where(html[data-theme="dark"]) .composer,:where(html[data-theme="dark"]) .page-panel,:where(html[data-theme="dark"]) .msg-panel,:where(html[data-theme="dark"]) .nopis-popup,:where(html[data-theme="dark"]) .admin-dash-panel,:where(html[data-theme="dark"]) .practice-question-card,:where(html[data-theme="dark"]) .practice-results,:where(html[data-theme="dark"]) .noa-cal-form,:where(html[data-theme="dark"]) .noa-stat-card,:where(html[data-theme="dark"]) .noa-event-item{background:var(--glass)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important} :where(html[data-theme="dark"]) .topbar{background:rgba(22,21,36,.7)!important;border-bottom:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .auth-modal,:where(html[data-theme="dark"]) .post-detail-modal,:where(html[data-theme="dark"]) .vocab-word-modal,:where(html[data-theme="dark"]) .calendar-event-modal{background:rgba(49,38,107,.32)!important} :where(html[data-theme="dark"]) .auth-dialog,:where(html[data-theme="dark"]) .vocab-word-dialog,:where(html[data-theme="dark"]) .calendar-event-dialog,:where(html[data-theme="dark"]) .post-detail-shell{background:var(--glass-strong)!important;border:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .comment{background:rgba(22,21,36,.55)!important;border:1px solid rgba(144,94,255,.18)!important} :where(html[data-theme="dark"]) .exercise-block{background:rgba(29,23,45,.5);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .exercise-option{background:rgba(22,21,36,.7)!important;border:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .join-btn,:where(html[data-theme="dark"]) .primary-btn{background:linear-gradient(135deg,var(--brand),var(--purple))!important;box-shadow:0 12px 26px rgba(99,53,230,.30),inset 0 1px 0 rgba(255,255,255,.35)!important} :where(html[data-theme="dark"]) .practice-start-btn{background:#161524!important;color:#a5b1ff!important;box-shadow:0 8px 20px rgba(0,0,0,.508)!important} :where(html[data-theme="dark"]) .secondary-btn,:where(html[data-theme="dark"]) .ghost-btn{background:rgba(22,21,36,.6)!important;border:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .quick-link{background:rgba(22,21,36,.55);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .quick-link.active{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(99,53,230,.28)} :where(html[data-theme="dark"]) .mobile-bottom-nav{background:rgba(22,21,36,.66)!important;border-top:1px solid var(--glass-border)!important;box-shadow:0 -10px 30px rgba(79,70,229,.1)!important} :where(html[data-theme="dark"]) .vocab-word-card{background:rgba(22,21,36,.62)!important;border:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .vocab-word-card:hover{box-shadow:0 16px 32px rgba(99,53,230,.16)} :where(html[data-theme="dark"]) .practice-flashcard{background:rgba(29,23,45,.55)!important} :where(html[data-theme="dark"]) .practice-hero{box-shadow:0 16px 36px rgba(99,53,230,.3)} :where(html[data-theme="dark"]) .calendar-grid .day{background:rgba(22,21,36,.6)!important;border:1px solid rgba(144,94,255,.18)!important} :where(html[data-theme="dark"]) .calendar-grid .day.muted-day{background:rgba(24,23,39,.45)!important} :where(html[data-theme="dark"]) .calendar-grid .day.has-event{background:linear-gradient(135deg,var(--ev,var(--brand)),var(--ev-2,var(--purple)))!important;border-color:transparent!important} :where(html[data-theme="dark"]) .detail-comment-form{background:rgba(22,21,36,.78)!important;border-top:1px solid var(--glass-border)!important} :where(html[data-theme="dark"]) .profile-level-badge,:where(html[data-theme="dark"]) .vocab-level-badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:where(html[data-theme="dark"]) .card,:where(html[data-theme="dark"]) .composer,:where(html[data-theme="dark"]) .page-panel,:where(html[data-theme="dark"]) .auth-dialog,:where(html[data-theme="dark"]) .vocab-word-dialog,:where(html[data-theme="dark"]) .calendar-event-dialog,:where(html[data-theme="dark"]) .msg-panel,:where(html[data-theme="dark"]) .topbar,:where(html[data-theme="dark"]) .mobile-bottom-nav,:where(html[data-theme="dark"]) .detail-comment-form{background:rgba(22,21,36,.95)!important}} :where(html[data-theme="dark"]) .slim-audio-player{background:rgba(22,21,36,.72)!important;border:1px solid var(--glass-border)!important;box-shadow:0 8px 20px rgba(79,70,229,.08)!important} :where(html[data-theme="dark"]) .slim-audio-player .audio-play-btn{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 6px 14px rgba(99,53,230,.30)} :where(html[data-theme="dark"]) .audio-seek-track{background:rgba(124,58,237,.16)} :where(html[data-theme="dark"]) .audio-seek-fill{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .audio-seek-thumb{background:#161524;border:2.5px solid #7c3aed;box-shadow:0 2px 7px rgba(79,70,229,.4)} :where(html[data-theme="dark"]) .audio-time{color:var(--muted)} :where(html[data-theme="dark"]) .slim-audio-player .audio-volume-btn{border:0;background:transparent} :where(html[data-theme="dark"]) .slim-audio-player .audio-volume-btn:hover{background:rgba(124,58,237,.08)} :where(html[data-theme="dark"]) .slim-audio-player{background:rgba(22,21,36,.72)!important;border:1px solid var(--glass-border)!important;box-shadow:0 8px 20px rgba(79,70,229,.08)!important} :where(html[data-theme="dark"]) .slim-audio-player .audio-play-btn{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 6px 14px rgba(99,53,230,.30)} :where(html[data-theme="dark"]) .audio-seek-track{background:rgba(124,58,237,.16)} :where(html[data-theme="dark"]) .audio-seek-fill{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .audio-seek-thumb{background:#161524;border:2.5px solid #7c3aed;box-shadow:0 2px 7px rgba(79,70,229,.4)} :where(html[data-theme="dark"]) .audio-time{color:var(--muted)} :where(html[data-theme="dark"]) .slim-audio-player .audio-volume-btn{border:0;background:transparent} :where(html[data-theme="dark"]) .slim-audio-player .audio-volume-btn:hover{background:rgba(124,58,237,.08)} :where(html[data-theme="dark"]) .grammar-modal-romaji{color:var(--muted)} :where(html[data-theme="dark"]) .post,:where(html[data-theme="dark"]) .detail-post-card{border-left:4px solid transparent!important} :where(html[data-theme="dark"]) .cat-general-discussion{border-left-color:#71849f!important} :where(html[data-theme="dark"]) .cat-general-discussion .category{background:#1a1a29!important;color:#b5b5c2!important;border-color:#313e4e!important} :where(html[data-theme="dark"]) .cat-announcement{border-left-color:#ef4444!important} :where(html[data-theme="dark"]) .cat-announcement .category{background:#291516!important;color:#ff9689!important;border-color:#5f3234!important} :where(html[data-theme="dark"]) .cat-daily-exercise{border-left-color:#f59e0b!important} :where(html[data-theme="dark"]) .cat-daily-exercise .category{background:#201800!important;color:#fa9d69!important;border-color:#af9d55!important} :where(html[data-theme="dark"]) .cat-multiple-choice{border-left-color:#3b82f6!important} :where(html[data-theme="dark"]) .cat-multiple-choice .category{background:#0f1c2c!important;color:#94b6ff!important;border-color:#284363!important} :where(html[data-theme="dark"]) .cat-voice-exercise{border-left-color:#8b5cf6!important} :where(html[data-theme="dark"]) .cat-voice-exercise .category{background:#1d172d!important;color:#baa8ff!important;border-color:#423960!important} :where(html[data-theme="dark"]) .cat-writing-practice{border-left-color:#ec4899!important} :where(html[data-theme="dark"]) .cat-writing-practice .category{background:#271420!important;color:#ff90ad!important;border-color:#573149!important} :where(html[data-theme="dark"]) .cat-cultural{border-left-color:#0d9488!important} :where(html[data-theme="dark"]) .cat-cultural .category{background:#021f1a!important;color:#75c2b9!important;border-color:#24685d!important} :where(html[data-theme="dark"]) .cat-wins{border-left-color:#eab308!important} :where(html[data-theme="dark"]) .cat-wins .category{background:#1d1900!important;color:#e7a969!important;border-color:#af9d55!important} :where(html[data-theme="dark"]) #postsContainer .post.is-clamped .post-body-feed::after{background:linear-gradient(180deg,rgba(22,21,36,0),rgba(22,21,36,.92) 78%)} :where(html[data-theme="dark"]) #postsContainer .post.is-clamped .post-body-feed::before{background:rgba(22,21,36,.9);border:1px solid var(--glass-border);box-shadow:0 6px 16px rgba(79,70,229,.14);color:#a5b1ff} :where(html[data-theme="dark"]) .cat-general-discussion{border-left-color:#d4a300!important} :where(html[data-theme="dark"]) .cat-general-discussion .category{background:#231a00!important;color:#d5b16b!important;border-color:#55491b!important} :where(html[data-theme="dark"]) .cat-daily-exercise{border-left-color:#22c55e!important} :where(html[data-theme="dark"]) .cat-daily-exercise .category{background:#032010!important;color:#7ace8d!important;border-color:#234f35!important} :where(html[data-theme="dark"]) .post-feed-media .post-image{border:1px solid var(--glass-border);box-shadow:0 4px 12px rgba(0,0,0,.248)} :where(html[data-theme="dark"]) .cat-speaking-challenge{border-left-color:#18af9e!important} :where(html[data-theme="dark"]) .cat-speaking-challenge .category{background:#021f1a!important;color:#75c2b9!important;border-color:#24685d!important} :where(html[data-theme="dark"]) .podium-crown{filter:drop-shadow(0 2px 5px rgba(250,204,21,.45))} :where(html[data-theme="dark"]) .podium-1 .podium-avatar{border:3px solid #facc15;box-shadow:0 8px 22px rgba(250,204,21,.4)} :where(html[data-theme="dark"]) .podium-2 .podium-avatar,:where(html[data-theme="dark"]) .podium-3 .podium-avatar{border:3px solid #343344;box-shadow:0 6px 16px rgba(79,70,229,.2)} :where(html[data-theme="dark"]) .podium-nopis{color:#a5b0ff} :where(html[data-theme="dark"]) .podium-step{color:#ffffff} :where(html[data-theme="dark"]) .podium-1 .podium-step{background:linear-gradient(180deg,#fbbf24,#f59e0b)} :where(html[data-theme="dark"]) .podium-2 .podium-step{background:linear-gradient(180deg,#6873a9,#818cf8)} :where(html[data-theme="dark"]) .podium-3 .podium-step{background:linear-gradient(180deg,#6a5f92,#a78bfa)} :where(html[data-theme="dark"]) .podium-slot.is-me .podium-name{color:#a5b1ff} :where(html[data-theme="dark"]) .leader-row{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .leader-row.is-me{background:rgba(124,58,237,.1);border-color:rgba(144,94,255,.474)} :where(html[data-theme="dark"]) .leader-row-rank{color:var(--muted)} :where(html[data-theme="dark"]) .leader-row.is-me .leader-row-rank{color:#a5b1ff} :where(html[data-theme="dark"]) .leader-row-nopis{color:#a5b0ff} :where(html[data-theme="dark"]) .leader-me-divider{color:var(--muted)} :where(html[data-theme="dark"]) .leader-me-row{box-shadow:0 8px 18px rgba(124,58,237,.2)} :where(html[data-theme="dark"]) .podium-avatar,:where(html[data-theme="dark"]) .leader-row-avatar{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff} :where(html[data-theme="dark"]) .store-icon-img{background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 6px 16px rgba(124,58,237,.22)} :where(html[data-theme="dark"]) .store-icon-img img{background:#161524} :where(html[data-theme="dark"]) .store-icon-emoji{background:radial-gradient(circle at 50% 40%,#1d172d,#22183a);border:3px solid transparent;background-image:radial-gradient(circle at 50% 40%,#1d172d,#22183a),linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 6px 16px rgba(124,58,237,.22)} :where(html[data-theme="dark"]) .noa-pending-badge{background:#241c00;color:#fa9d69;border:1px solid #af9d55} :where(html[data-theme="dark"]) .noa-redeem-item{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .noa-redeem-item.is-pending{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.501)} :where(html[data-theme="dark"]) .noa-redeem-member{color:var(--ink)} :where(html[data-theme="dark"]) .noa-redeem-email{color:#a5b1ff} :where(html[data-theme="dark"]) .sp-face{box-shadow:0 16px 40px rgba(55,48,163,.2)} :where(html[data-theme="dark"]) .sp-front{background:#393948} :where(html[data-theme="dark"]) .sp-front::after{background:linear-gradient(180deg,rgba(1,3,13,.4) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 52%,rgba(1,3,13,.66) 100%)} :where(html[data-theme="dark"]) .sp-top .avatar{box-shadow:0 4px 14px rgba(0,0,0,.62);border:2px solid rgba(255,255,255,.136)} :where(html[data-theme="dark"]) .sp-author b{color:#ffffff;text-shadow:0 1px 8px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .sp-author small{color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .sp-bottom h2{color:#ffffff;text-shadow:0 2px 14px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .sp-hint{color:#ffffff;background:rgba(22,21,36,.16);border:1px solid rgba(255,255,255,.056)} :where(html[data-theme="dark"]) .sp-front-actions .icon-action{color:#ffffff;background:rgba(22,21,36,.16);border:1px solid rgba(255,255,255,.056)} :where(html[data-theme="dark"]) .sp-front-actions .icon-action .icon-count{color:#ffffff} :where(html[data-theme="dark"]) .sp-back{background:linear-gradient(160deg,#161524 0%,#1c1830 100%);border:1px solid #423960} :where(html[data-theme="dark"]) .sp-back-photo::after{background:linear-gradient(180deg,rgba(28,24,48,0) 30%,#1b182a 100%)} :where(html[data-theme="dark"]) .sp-content{color:#c2c2cf} :where(html[data-theme="dark"]) .sp-back-foot{border-top:1px solid #3e355b} :where(html[data-theme="dark"]) .sp-back-foot .sp-flip-back{color:#a5b1ff;background:var(--soft);border-color:#423960} :where(html[data-theme="dark"]) .noa-alerts-status{color:var(--ink)} :where(html[data-theme="dark"]) .noa-special-preview img{border:1px solid var(--ring)} :where(html[data-theme="dark"]) .noa-onb-item{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .noa-onb-item.is-new{background:rgba(124,58,237,.07);border-color:rgba(144,94,255,.474)} :where(html[data-theme="dark"]) .noa-onb-newdot{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .noa-onb-q{color:var(--muted)} :where(html[data-theme="dark"]) .noa-onb-a{color:var(--ink)} :where(html[data-theme="dark"]) .noa-member-item{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .noa-member-admin{background:#7c3aed;color:#fff} :where(html[data-theme="dark"]) .noa-member-unpaid{background:#291516;color:#ff9689;border:1px solid #5f3234} :where(html[data-theme="dark"]) .noa-member-delete{color:#ff968a!important;border-color:rgba(236,57,52,.474)!important} :where(html[data-theme="dark"]) .noa-member-delete:hover{background:rgba(220,38,38,.08)!important} :where(html[data-theme="dark"]) .noa-tab{border:1px solid var(--glass-border);background:rgba(22,21,36,.6);color:var(--muted)} :where(html[data-theme="dark"]) .noa-tab:hover{color:var(--ink)} :where(html[data-theme="dark"]) .noa-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)} :where(html[data-theme="dark"]) .noa-tab-badge{background:rgba(255,255,255,.102)} :where(html[data-theme="dark"]) .noa-tab.active .noa-tab-badge{background:rgba(22,21,36,.32)} :where(html[data-theme="dark"]) .answer-lock{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(124,58,237,.03));border:1px dashed rgba(144,94,255,.501)} :where(html[data-theme="dark"]) .answer-lock-msg{color:#b5b5c2} :where(html[data-theme="dark"]) .answer-unlock-btn{border:0;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .answer-unlock-btn:hover{filter:brightness(1.05)} :where(html[data-theme="dark"]) .answer-lock.revealed{background:#1d172d;border:1px solid #423960} :where(html[data-theme="dark"]) .answer-reveal-label{color:var(--brand-dark,#baa8ff)} :where(html[data-theme="dark"]) .answer-reveal-body{color:#e0e1ee} :where(html[data-theme="dark"]) .profile-saved-item{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .profile-saved-item:hover{border-color:#4f46e5} :where(html[data-theme="dark"]) .profile-saved-title{color:var(--ink)} :where(html[data-theme="dark"]) .profile-saved-meta{color:var(--muted)} :where(html[data-theme="dark"]) .tour-overlay.no-spot{background:rgba(1,2,16,.74)} :where(html[data-theme="dark"]) .tour-spotlight{border:2px solid rgba(168,85,247,.95);box-shadow:0 0 0 9999px rgba(0,0,0,.62),0 0 22px 4px rgba(168,85,247,.55)} :where(html[data-theme="dark"]) .tour-tooltip{background:#161524;box-shadow:0 24px 60px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .tour-step-count{color:#a5b1ff} :where(html[data-theme="dark"]) .tour-title{color:#e1e1ef} :where(html[data-theme="dark"]) .tour-body{color:#b5b5c2} :where(html[data-theme="dark"]) .tour-skip{background:none;border:0;color:#868693} :where(html[data-theme="dark"]) .tour-skip:hover{color:#a1a2ae} :where(html[data-theme="dark"]) .tour-back{background:#1a1a29;color:#b5b5c2;border:0} :where(html[data-theme="dark"]) .tour-next{background:var(--brand);color:#fff;border:0} :where(html[data-theme="dark"]) .tour-next:hover{filter:brightness(1.05)} :where(html[data-theme="dark"]) .tour-dot{background:#172b43} :where(html[data-theme="dark"]) .tour-dot.active{background:var(--brand)} :where(html[data-theme="dark"]) .tour-intro-textarea{border:1px solid var(--ring)} :where(html[data-theme="dark"]) .tour-intro-textarea:focus{outline:none;border-color:#4f46e5} :where(html[data-theme="dark"]) .redeem-confirm-reward{color:#a5b0ff} :where(html[data-theme="dark"]) .redeem-confirm-note{color:var(--muted)} :where(html[data-theme="dark"]) .redeem-confirm-email{color:#a5b1ff} :where(html[data-theme="dark"]) body.join-flow-active{background:#1f162c} :where(html[data-theme="dark"]) .join-flow-page{background:radial-gradient(circle at 14% 18%, rgba(250,204,21,.18), transparent 30%), radial-gradient(circle at 86% 20%, rgba(124,58,237,.14), transparent 34%), linear-gradient(135deg,#201708 0%,#1f162c 54%,#151b32 100%)} :where(html[data-theme="dark"]) .join-flow-card{border:1px solid rgba(144,94,255,.312);background:rgba(22,21,36,.9);box-shadow:0 30px 90px rgba(79,70,229,.2)} :where(html[data-theme="dark"]) .join-flow-card::before{color:rgba(186,168,255,.045)} :where(html[data-theme="dark"]) .join-progress-track{background:#22183a} :where(html[data-theme="dark"]) #joinProgressFill{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) #joinStepLabel{color:#a2a2af} :where(html[data-theme="dark"]) .join-kicker{color:#a5b1ff} :where(html[data-theme="dark"]) .join-flow-copy h1,:where(html[data-theme="dark"]) .join-flow-copy h2,:where(html[data-theme="dark"]) .join-question-card h2{color:#d2d2df} :where(html[data-theme="dark"]) .join-flow-copy p{color:#c2c2cf} :where(html[data-theme="dark"]) .join-message-list{color:#a7b0ff} :where(html[data-theme="dark"]) .join-message-list span{color:#d4d4e1} :where(html[data-theme="dark"]) .join-message-list span::before{color:#a5b1ff} :where(html[data-theme="dark"]) .join-flow-copy em{color:#a5b1ff} :where(html[data-theme="dark"]) .join-flow-visual{border:1px solid rgba(144,94,255,.249);background:#1a1826;box-shadow:0 18px 50px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .join-price-panel{border:1px solid rgba(144,94,255,.282);background:linear-gradient(180deg,#161524,#1f162e);box-shadow:0 18px 50px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .join-value-label{color:#a2a2af} :where(html[data-theme="dark"]) .join-value-price{color:#868692;text-decoration:line-through;text-decoration-color:#ff958d} :where(html[data-theme="dark"]) .join-real-price span{background:linear-gradient(135deg,#baa8ff,#a5b1ff);color:transparent} :where(html[data-theme="dark"]) .join-real-price small{color:#b5b5c2} :where(html[data-theme="dark"]) .join-price-panel p{color:#a2a2af} :where(html[data-theme="dark"]) .join-value-breakdown div{border:1px solid rgba(144,94,255,.249);background:#161524;color:#d4d4e1} :where(html[data-theme="dark"]) .join-value-breakdown b{color:#a5b1ff} :where(html[data-theme="dark"]) .join-feature-grid article{border:1px solid rgba(144,94,255,.249);background:#161524;box-shadow:0 10px 26px rgba(0,0,0,.17)} :where(html[data-theme="dark"]) .join-feature-grid span{background:#271536;color:#baa8ff} :where(html[data-theme="dark"]) .join-feature-grid strong{color:#e0e1ee} :where(html[data-theme="dark"]) .join-question-card{border:1px solid rgba(144,94,255,.249);background:linear-gradient(180deg,#161524,#1b1723);box-shadow:0 18px 54px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .join-question-card.needs-answer{border-color:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.16),0 18px 54px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .join-answer-row button{border:1px solid rgba(108,113,255,.312);background:#161524;color:#a7b0ff} :where(html[data-theme="dark"]) .join-answer-row button:hover{background:#1d172d} :where(html[data-theme="dark"]) .join-answer-row button.selected{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 12px 26px rgba(79,70,229,.22)} :where(html[data-theme="dark"]) .join-pillars article{border:1px solid rgba(144,94,255,.249);background:linear-gradient(180deg,#161524,#1b1723);box-shadow:0 12px 30px rgba(0,0,0,.17)} :where(html[data-theme="dark"]) .join-pillars article strong{color:#e0e1ee} :where(html[data-theme="dark"]) .join-pillars article small{color:#a2a2af} :where(html[data-theme="dark"]) .join-q-sub{color:#a2a2af} :where(html[data-theme="dark"]) .join-answer-rich .join-ans-text small{color:#9d9daa} :where(html[data-theme="dark"]) .join-answer-rich button.selected .join-ans-text small{color:rgba(255,255,255,.85)} :where(html[data-theme="dark"]) .join-dot{border:0;background:#281f43} :where(html[data-theme="dark"]) .join-dot.active{background:linear-gradient(135deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .skeleton-line,:where(html[data-theme="dark"]) .skeleton-avatar,:where(html[data-theme="dark"]) .skeleton-pill,:where(html[data-theme="dark"]) .skeleton-actions span,:where(html[data-theme="dark"]) .skeleton-tile{background:linear-gradient(90deg,#151b32 0%,#181727 45%,#20193d 75%,#151b32 100%)} :where(html[data-theme="dark"]) .skeleton-actions{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .skeleton-row{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .skeleton-tile{border:1px solid var(--ring);background-color:#161524} :where(html[data-theme="dark"]) .auth-link-btn{border:0;background:transparent;color:#a5b1ff} :where(html[data-theme="dark"]) .auth-link-btn:hover{text-decoration:underline} :where(html[data-theme="dark"]) .legal-footer{color:var(--muted)} :where(html[data-theme="dark"]) .legal-footer button{border:0;background:transparent;color:var(--muted)} :where(html[data-theme="dark"]) .legal-footer button:hover{color:#a5b1ff;text-decoration:underline} :where(html[data-theme="dark"]) .legal-content{color:#c2c2cf} :where(html[data-theme="dark"]) .legal-content h3{color:#e0e1ee} :where(html[data-theme="dark"]) .bookmark-btn.saved{color:#a5b1ff;background:#151b32} :where(html[data-theme="dark"]) .report-post-btn{color:#868692!important;border:1px solid transparent!important} :where(html[data-theme="dark"]) .report-post-btn:hover,:where(html[data-theme="dark"]) .comment-report-btn:hover{color:#fa9d69!important;background:#201800!important} :where(html[data-theme="dark"]) .comment-report-btn{border:0;background:transparent;color:#868692} :where(html[data-theme="dark"]) .noa-category-list div{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .noa-category-list span{color:#c2c2cf} :where(html[data-theme="dark"]) .noa-report-item,:where(html[data-theme="dark"]) .dash-report-item{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .noa-report-item.is-muted{background:#181727} :where(html[data-theme="dark"]) .noa-report-info p{color:#f3a079} :where(html[data-theme="dark"]) .noa-report-excerpt{color:#b5b5c2;background:#181727} :where(html[data-theme="dark"]) .join-feature-grid article{background:rgba(22,21,36,.7);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .join-feature-grid article strong{color:var(--ink)} :where(html[data-theme="dark"]) .join-price-inline b{background:linear-gradient(100deg,#baa8ff 0%,#a5b1ff 22%,#cba0ff 40%,#fbbf24 58%,#f3a53a 72%,#baa8ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .join-price-inline small{color:var(--muted)} :where(html[data-theme="dark"]) .join-other-input{border:1.5px solid #4f46e5} :where(html[data-theme="dark"]) .join-who-faces i{border:2px solid #fff;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5)} :where(html[data-theme="dark"]) .join-who-faces i:nth-child(2){background:linear-gradient(135deg,#f59e0b,#f43f5e)} :where(html[data-theme="dark"]) .join-who-faces i:nth-child(3){background:linear-gradient(135deg,#0ea5e9,#4f46e5)} :where(html[data-theme="dark"]) .join-who-faces i:nth-child(4){background:linear-gradient(135deg,#10b981,#0ea5e9)} :where(html[data-theme="dark"]) .join-who-faces i.join-who-more{background:#1a1d29;color:var(--muted)} :where(html[data-theme="dark"]) .join-who-text{color:var(--muted)} :where(html[data-theme="dark"]) .join-who-text b{color:#e0e1ee} :where(html[data-theme="dark"]) .join-plan{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .join-plan.active{border:2px solid #4f46e5;box-shadow:0 12px 26px rgba(79,70,229,.16);background:linear-gradient(180deg,rgba(21,27,50,.7),#161524 55%)} :where(html[data-theme="dark"]) .join-plan-name{color:var(--muted)} :where(html[data-theme="dark"]) .join-plan.active .join-plan-name{color:#a5b1ff} :where(html[data-theme="dark"]) .join-plan-was{color:#868692;text-decoration:line-through;text-decoration-color:#ff939a} :where(html[data-theme="dark"]) .join-plan-amt{color:#c2c2cf} :where(html[data-theme="dark"]) .join-plan.active .join-plan-amt{background:linear-gradient(100deg,#baa8ff 0%,#a5b1ff 22%,#cba0ff 40%,#fbbf24 58%,#f3a53a 72%,#baa8ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .join-plan-per{color:var(--muted)} :where(html[data-theme="dark"]) .join-plan-sub{color:var(--muted)} :where(html[data-theme="dark"]) .join-plan-tag{background:linear-gradient(100deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.28)} :where(html[data-theme="dark"]) .join-final-card .join-perday{color:var(--muted)} :where(html[data-theme="dark"]) .join-final-card .join-perday strong{color:#a5b1ff} :where(html[data-theme="dark"]) .join-benefits-btn{border:2px solid #4f46e5;background:rgba(21,27,50,.65);color:#a5b1ff} :where(html[data-theme="dark"]) .join-benefits-btn:hover{background:#151b32} :where(html[data-theme="dark"]) .join-founder-badge{background:linear-gradient(100deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.28)} :where(html[data-theme="dark"]) .join-founding-track{background:rgba(124,58,237,.14)} :where(html[data-theme="dark"]) .join-founding-fill{background:linear-gradient(90deg,#7c3aed,#f59e0b)} :where(html[data-theme="dark"]) .join-founding-label{color:var(--muted)} :where(html[data-theme="dark"]) .join-final-foot{border-top:1px solid var(--glass-border);color:var(--muted)} :where(html[data-theme="dark"]) .join-value-stack li{color:#d4d4e1} :where(html[data-theme="dark"]) .join-value-stack li span{background:#271536;color:#baa8ff} :where(html[data-theme="dark"]) .join-perday{color:var(--muted)} :where(html[data-theme="dark"]) .join-perday strong{color:#a5b1ff} :where(html[data-theme="dark"]) .invite-code-chip{background:rgba(124,58,237,.1);color:#bba8ff} :where(html[data-theme="dark"]) .noa-going-chip{background:rgba(22,163,74,.14);color:#7ace8d} :where(html[data-theme="dark"]) .romaji-hint{color:var(--muted)} :where(html[data-theme="dark"]) .kr-sep{color:var(--muted)} :where(html[data-theme="dark"]) .nf-summary{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(124,58,237,.1));border:1px solid rgba(245,158,11,.427)} :where(html[data-theme="dark"]) .nf-summary-score strong{color:#fa9d69} :where(html[data-theme="dark"]) .nf-summary-score span{color:var(--muted)} :where(html[data-theme="dark"]) .nf-stars{color:#f3a53a} :where(html[data-theme="dark"]) .nf-stars-off{color:#b4b4bf} :where(html[data-theme="dark"]) .nf-nostar{color:var(--muted)} :where(html[data-theme="dark"]) .nf-item{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .nf-item.is-new{border-color:rgba(144,94,255,.53);background:rgba(124,58,237,.06)} :where(html[data-theme="dark"]) .nf-meta{color:var(--muted)} :where(html[data-theme="dark"]) .nf-msg{color:#d4d4e1} :where(html[data-theme="dark"]) .nf-reply{color:#a5b1ff;text-decoration:none} :where(html[data-theme="dark"]) .nf-reply:hover{text-decoration:underline} :where(html[data-theme="dark"]) .chapter-win-kicker{background:linear-gradient(100deg,#f59e0b,#f97316);color:#fff} :where(html[data-theme="dark"]) .join-session-when{background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.1));border:1px solid rgba(144,94,255,.388)} :where(html[data-theme="dark"]) .jsw-day{color:#a5b1ff} :where(html[data-theme="dark"]) .jsw-time{color:#d4d4e1} :where(html[data-theme="dark"]) .jsw-zone{background:rgba(22,21,36,.7);border:1px solid var(--glass-border);color:var(--muted)} :where(html[data-theme="dark"]) .jsw-zone b{color:#d4d4e1} :where(html[data-theme="dark"]) .jsw-zone.is-mine{background:#161524;border-color:rgba(144,94,255,.501);color:#a5b1ff} :where(html[data-theme="dark"]) .jsw-zone.is-mine b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-syl-more{border-top:1.5px dashed rgba(144,94,255,.474)} :where(html[data-theme="dark"]) .ob-syl-more .ob-syl-body b{color:#a5b1ff} :where(html[data-theme="dark"]) .feedback-star{border:0;background:none;color:#b4b4bf} :where(html[data-theme="dark"]) .feedback-star.is-lit{color:#f3a53a} :where(html[data-theme="dark"]) .feedback-star-label{color:#a5b1ff} :where(html[data-theme="dark"]) .feedback-fab{border:1px solid rgba(255,255,255,.18);background:var(--brand);color:#fff;box-shadow:0 8px 22px rgba(17,24,39,.22)} :where(html[data-theme="dark"]) .feedback-fab:hover{box-shadow:0 12px 28px rgba(0,0,0,.62);filter:brightness(1.06)} :where(html[data-theme="dark"]) .calendar-event-modal.feedback-docked{background:rgba(1,3,13,.28)} :where(html[data-theme="dark"]) .feedback-docked .feedback-dialog{background:var(--card)!important} :where(html[data-theme="dark"]) .feedback-docked .feedback-field-label{color:var(--muted)} :where(html[data-theme="dark"]) .p-feedback-btn{background:var(--glass-strong);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .p-feedback-btn:hover{box-shadow:0 8px 22px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .p-feedback-text strong{color:#d4d4e1} :where(html[data-theme="dark"]) .p-feedback-text small{color:var(--muted)} :where(html[data-theme="dark"]) .p-feedback-chev{color:#a5b1ff} :where(html[data-theme="dark"]) .p-sub-pill{background:rgba(255,255,255,.068);color:#b5b5c2} :where(html[data-theme="dark"]) .p-sub-pill.is-good{background:rgba(22,163,74,.14);color:#7ace8d} :where(html[data-theme="dark"]) .p-sub-pill.is-warn{background:rgba(217,119,6,.16);color:#fa9d69} :where(html[data-theme="dark"]) .p-sub-line{color:#d4d4e1} :where(html[data-theme="dark"]) .invite-banner{background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(124,58,237,.12));border:1px solid rgba(22,163,74,.443);color:#7ace8d} :where(html[data-theme="dark"]) .invite-banner span{color:#b5b5c2} :where(html[data-theme="dark"]) .ev-brand{--ev:#4f46e5;--ev-2:#7c3aed;--ev-shadow:rgba(124,58,237,.22);--ev-soft:rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .ev-green{--ev:#16a34a;--ev-2:#0d9488;--ev-shadow:rgba(22,163,74,.24);--ev-soft:rgba(22,163,74,.13)} :where(html[data-theme="dark"]) .ev-red{--ev:#ef4444;--ev-2:#f97316;--ev-shadow:rgba(239,68,68,.24);--ev-soft:rgba(239,68,68,.13)} :where(html[data-theme="dark"]) .ev-purple{--ev:#7c3aed;--ev-2:#a855f7;--ev-shadow:rgba(124,58,237,.24);--ev-soft:rgba(124,58,237,.13)} :where(html[data-theme="dark"]) .ev-gold{--ev:#ca8a04;--ev-2:#f97316;--ev-shadow:rgba(202,138,4,.26);--ev-soft:rgba(234,179,8,.15)} :where(html[data-theme="dark"]) .cal-pick{background:var(--glass-strong);border:1px solid var(--glass-border);border-left:4px solid var(--ev,#4f46e5)} :where(html[data-theme="dark"]) .cal-pick:hover{box-shadow:0 8px 20px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .cal-pick-text strong{color:#d4d4e1} :where(html[data-theme="dark"]) .cal-pick-text small{color:var(--muted)} :where(html[data-theme="dark"]) .cal-pick-go{color:var(--ev,#a5b1ff)} :where(html[data-theme="dark"]) .cal-add-btn{background:rgba(79,70,229,.06);border:1.5px dashed rgba(108,113,255,.501)} :where(html[data-theme="dark"]) .cal-add-btn:hover{background:rgba(79,70,229,.11)} :where(html[data-theme="dark"]) .cal-add-plus{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .cal-add-text strong{color:#a5b1ff} :where(html[data-theme="dark"]) .cal-add-text small{color:var(--muted)} :where(html[data-theme="dark"]) .cal-add-dialog #calAddDayLabel{color:#a5b1ff} :where(html[data-theme="dark"]) .cal-add-hint{color:var(--muted)} :where(html[data-theme="dark"]) .cal-allday-toggle{color:var(--ink)} :where(html[data-theme="dark"]) .cal-allday-toggle small{color:var(--muted)} :where(html[data-theme="dark"]) .db-event-dialog{border-top:4px solid var(--ev,#4f46e5)!important} :where(html[data-theme="dark"]) .db-event-emoji{background:var(--ev-soft,rgba(79,70,229,.12))} :where(html[data-theme="dark"]) .event-rsvp-btn{border:2px solid #4f46e5;background:rgba(21,27,50,.65);color:#a5b1ff} :where(html[data-theme="dark"]) .event-rsvp-btn:hover:not(:disabled){background:#151b32} :where(html[data-theme="dark"]) .event-rsvp-btn.is-going{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d;color:#fff} :where(html[data-theme="dark"]) .event-meet-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none} :where(html[data-theme="dark"]) .event-meet-btn:hover{box-shadow:0 8px 20px rgba(79,70,229,.3)} :where(html[data-theme="dark"]) .event-going-note{color:var(--muted)} :where(html[data-theme="dark"]) .event-cal-link{border:0;background:none;color:#a5b1ff;text-decoration:underline} :where(html[data-theme="dark"]) .event-cal-link:hover{color:#a5b0ff} :where(html[data-theme="dark"]) .event-attendees{border-top:1px solid var(--glass-border);color:#c2c3d0} :where(html[data-theme="dark"]) .event-attendee-list li{background:rgba(124,58,237,.07);color:#bba8ff} :where(html[data-theme="dark"]) .vocab-tab{border:1px solid var(--glass-border);background:rgba(22,21,36,.6);color:#b5b5c2} :where(html[data-theme="dark"]) .vocab-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 6px 16px rgba(79,70,229,.25)} :where(html[data-theme="dark"]) .gym-gallery-label{color:#d4d4e1} :where(html[data-theme="dark"]) .gym-tile{border:1px solid rgba(255,255,255,.096);border-top:3px solid #2f455e;background:rgba(22,21,36,.42);box-shadow:0 8px 26px rgba(31,38,135,.1), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-tile:hover{background:rgba(22,21,36,.58);box-shadow:0 14px 32px rgba(31,38,135,.18), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-tile-title{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-tile-foot{color:#a1a2ae} :where(html[data-theme="dark"]) .daily-kanji{background:linear-gradient(135deg,#151b32,#1f1628);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .daily-kanji-eyebrow{color:#a5b1ff} :where(html[data-theme="dark"]) .daily-kanji-char{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-frame{background:#161524;border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .kanji-full{box-shadow:0 4px 12px rgba(0,0,0,.196)} :where(html[data-theme="dark"]) .ks-grid{stroke:#313e4e} :where(html[data-theme="dark"]) .ks-done{fill:none;stroke:#d4d4e1} :where(html[data-theme="dark"]) .ks-cur{fill:none;stroke:#a5b1ff} :where(html[data-theme="dark"]) .ks-num{fill:#a5b1ff} :where(html[data-theme="dark"]) .kanji-meaning{color:#e0e1ee} :where(html[data-theme="dark"]) .kanji-reading{color:#c2c3d0} :where(html[data-theme="dark"]) .kr-label.on{background:#171e40;color:#a5b1ff} :where(html[data-theme="dark"]) .kr-label.kun{background:#002411;color:#7ace8d} :where(html[data-theme="dark"]) .kanji-stroke-count{color:#a1a2ae} :where(html[data-theme="dark"]) .kanji-save-btn{border:none;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .kanji-save-btn.saved{background:#002411;color:#7ace8d} :where(html[data-theme="dark"]) .kanji-strip-label{color:#b5b5c2} :where(html[data-theme="dark"]) .kanji-modal{background:rgba(1,2,16,.55)} :where(html[data-theme="dark"]) .kanji-dialog{background:#161524} :where(html[data-theme="dark"]) .kanji-modal-char{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-mine-card{border:1px solid var(--glass-border);background:rgba(22,21,36,.72)} :where(html[data-theme="dark"]) .kanji-mine-card:hover{box-shadow:0 10px 22px rgba(0,0,0,.352)} :where(html[data-theme="dark"]) .kanji-mine-char{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-mine-meaning{color:#a1a2ae} :where(html[data-theme="dark"]) .gym-tile.cat-voice-exercise{border-top-color:#8b5cf6} :where(html[data-theme="dark"]) .gym-tile.cat-speaking-challenge{border-top-color:#18af9e} :where(html[data-theme="dark"]) .gym-tile.cat-multiple-choice{border-top-color:#3b82f6} :where(html[data-theme="dark"]) .gym-tile.cat-writing-practice{border-top-color:#ec4899} :where(html[data-theme="dark"]) .gym-tile.cat-daily-exercise{border-top-color:#22c55e} :where(html[data-theme="dark"]) .gym-row{border:1px solid rgba(255,255,255,.096);border-left:4px solid #2f455e;background:rgba(22,21,36,.42);box-shadow:0 6px 18px rgba(31,38,135,.08), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-row:hover{background:rgba(22,21,36,.58);box-shadow:0 10px 26px rgba(31,38,135,.15), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-row-title{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-row-foot{color:#a1a2ae} :where(html[data-theme="dark"]) .gym-train-card{border:1px solid rgba(255,255,255,.096);background:linear-gradient(135deg,rgba(21,27,50,.75),rgba(31,22,40,.75));box-shadow:0 8px 26px rgba(31,38,135,.1), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-train-card:hover{box-shadow:0 14px 32px rgba(31,38,135,.18), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-train-text strong{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-train-text small{color:#a1a2ae} :where(html[data-theme="dark"]) .gym-train-go{color:#a5b1ff} :where(html[data-theme="dark"]) .kana-group-head span{color:#d4d4e1} :where(html[data-theme="dark"]) .kana-group-all{border:none;background:none;color:#a5b1ff} :where(html[data-theme="dark"]) .kana-row-chip{border:1.5px solid var(--glass-border);background:rgba(22,21,36,.6)} :where(html[data-theme="dark"]) .kana-row-chip b{color:#d4d4e1} :where(html[data-theme="dark"]) .kana-row-chip small{color:#a1a2ae} :where(html[data-theme="dark"]) .kana-row-chip.active{border-color:#4f46e5;background:#151b32} :where(html[data-theme="dark"]) .kana-row-chip.active b{color:#a5b1ff} :where(html[data-theme="dark"]) .kana-start-bar{background:rgba(22,21,36,.85);border:1px solid var(--glass-border);box-shadow:0 10px 30px rgba(31,38,135,.16)} :where(html[data-theme="dark"]) .kana-question-char{color:#d4d4e1} :where(html[data-theme="dark"]) .kana-type-form input{border:1.5px solid var(--glass-border);background:rgba(22,21,36,.8)} :where(html[data-theme="dark"]) .kana-type-form input:focus{outline:none;border-color:#4f46e5} :where(html[data-theme="dark"]) .kana-fb-good{color:#7ace8d} :where(html[data-theme="dark"]) .kana-fb-bad{color:#ff9689} :where(html[data-theme="dark"]) .kana-missed-chip{background:#291516;border:1px solid #5f3234;color:#ff9689} :where(html[data-theme="dark"]) .kana-missed-chip small{color:#ff968a} :where(html[data-theme="dark"]) .kana-flash-romaji{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-next,:where(html[data-theme="dark"]) .cr-lc,:where(html[data-theme="dark"]) .cr-ch{color:var(--ink);background:rgba(22,21,36,.78);box-shadow:0 18px 44px rgba(79,70,229,.1)} :where(html[data-theme="dark"]) .cr-next:hover,:where(html[data-theme="dark"]) .cr-lc:hover,:where(html[data-theme="dark"]) .cr-ch:hover{box-shadow:0 22px 48px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .cr-track{background:#241b3e} :where(html[data-theme="dark"]) .cr-track > span{background:var(--brand)} :where(html[data-theme="dark"]) .cr-next{border:1px solid rgba(144,94,255,.233)} :where(html[data-theme="dark"]) .cr-next-tile{background:#21183b} :where(html[data-theme="dark"]) .cr-next-say{color:#bec2f9} :where(html[data-theme="dark"]) .cr-next-play{background:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.32)} :where(html[data-theme="dark"]) .cr-next-eyebrow,:where(html[data-theme="dark"]) .cr-lc-eyebrow{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-next-title{color:var(--ink)} :where(html[data-theme="dark"]) .cr-next-jp,:where(html[data-theme="dark"]) .cr-ch-jp{color:var(--muted)} :where(html[data-theme="dark"]) .cr-next-jp > span,:where(html[data-theme="dark"]) .cr-ch-jp > span{color:#b5b5c2} :where(html[data-theme="dark"]) .cr-next-prog > span:last-child,:where(html[data-theme="dark"]) .cr-ch-prog > span:last-child{color:var(--muted)} :where(html[data-theme="dark"]) .cr-next.cr-next-cover{border:2px solid rgba(108,113,255,.713);box-shadow:0 0 0 4px rgba(79,70,229,.09),0 18px 44px rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .cr-next-pic{border:1px solid #3d355b} :where(html[data-theme="dark"]) .cr-next-ch{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-next-sub{color:var(--muted)} :where(html[data-theme="dark"]) .cr-lc{border:1px solid rgba(144,94,255,.233)} :where(html[data-theme="dark"]) .cr-lc-icon{background:#21183b;color:#a5b1ff} :where(html[data-theme="dark"]) .cr-lc-eyebrow{color:#ff9689} :where(html[data-theme="dark"]) .cr-lc-eyebrow::before{background:#ef4444} :where(html[data-theme="dark"]) .cr-lc-title{color:var(--ink)} :where(html[data-theme="dark"]) .cr-lc-title span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-lc-meta{color:var(--muted)} :where(html[data-theme="dark"]) .cr-lc-chev{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-cover{background:#21183b} :where(html[data-theme="dark"]) .cr-cover-type{background:linear-gradient(135deg,#161524 0%,#1d172f 55%,#22193d 100%)} :where(html[data-theme="dark"]) .cr-cover-type small{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-cover-type b{color:var(--ink)} :where(html[data-theme="dark"]) .cr-cover-type > span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-cover-type > span > span{color:#b5b5c2} :where(html[data-theme="dark"]) .cr-chapters-head h3{color:var(--ink)} :where(html[data-theme="dark"]) .cr-chapters-head span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-facts{border-top:1px solid #3f375d;border-bottom:1px solid #3f375d} :where(html[data-theme="dark"]) .cr-facts span{color:var(--muted);border-left:1px solid #3f375d} :where(html[data-theme="dark"]) .cr-facts span:first-child{border-left:0} :where(html[data-theme="dark"]) .cr-facts b{color:var(--ink)} :where(html[data-theme="dark"]) .cr-ch{border:1.5px solid rgba(108,113,255,.443)} :where(html[data-theme="dark"]) .cr-ch.is-current{border:2px solid rgba(108,113,255,.713);box-shadow:0 0 0 4px rgba(79,70,229,.09),0 18px 44px rgba(79,70,229,.12)} :where(html[data-theme="dark"]) .cr-ch.is-soon{border-color:rgba(108,113,255,.409)} :where(html[data-theme="dark"]) .cr-ch .cr-cover{border-bottom:1px solid #3d355b} :where(html[data-theme="dark"]) .cr-status{color:var(--muted)} :where(html[data-theme="dark"]) .cr-status b{color:#a5b1ff} :where(html[data-theme="dark"]) .cr-status b.is-stamped{color:#ff9685} :where(html[data-theme="dark"]) .cr-ch-facts{color:var(--ink)} :where(html[data-theme="dark"]) .cr-ch-head .cr-cover{border:1.5px solid rgba(108,113,255,.443)} :where(html[data-theme="dark"]) .classroom-page .cr-ch-head h2{color:var(--ink)} :where(html[data-theme="dark"]) .cr-ch-head .cr-ch-head-facts{color:var(--muted)} @media (max-width:560px){:where(html[data-theme="dark"]) .cr-facts span:nth-child(3n+1){border-left:0} :where(html[data-theme="dark"]) .cr-facts span:nth-child(n+4){border-top:1px solid #3f375d}} :where(html[data-theme="dark"]) .lc-chapter-text small{color:#a5b1ff} :where(html[data-theme="dark"]) .lc-chapter-text strong{color:#d4d4e1} :where(html[data-theme="dark"]) .lc-chapter-count{color:#a5b1ff;background:#151b32} :where(html[data-theme="dark"]) .lc-card{background:rgba(22,21,36,.72);border:1px solid var(--glass-border);box-shadow:0 4px 14px rgba(31,38,135,.06)} :where(html[data-theme="dark"]) .lc-card:hover{box-shadow:0 10px 26px rgba(31,38,135,.12)} :where(html[data-theme="dark"]) .lc-card.open{border-color:#384066;box-shadow:0 14px 32px rgba(79,70,229,.14)} :where(html[data-theme="dark"]) .lc-card.is-next{border-color:#384066;background:linear-gradient(135deg,rgba(21,27,50,.8),rgba(31,22,40,.7))} :where(html[data-theme="dark"]) .lc-card.is-soon{background:rgba(22,21,36,.5)} :where(html[data-theme="dark"]) .lc-head{background:none;border:none} :where(html[data-theme="dark"]) .lc-badge.done{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .lc-badge.play{background:#151b32;color:#a5b1ff;border:1.5px solid #384066} :where(html[data-theme="dark"]) .lc-badge.soon{background:#1a1a29;color:#868693} :where(html[data-theme="dark"]) .lc-badge.test{background:#241c00;color:#fa9d69;border:1.5px solid #fcd34d} :where(html[data-theme="dark"]) .lc-card.lc-test{border-color:#fcd34d;background:linear-gradient(180deg,#201800 0%,#161524 62%)} :where(html[data-theme="dark"]) .lc-card.lc-test .lc-eyebrow{color:#fa9d69} :where(html[data-theme="dark"]) .lc-eyebrow{color:#868693} :where(html[data-theme="dark"]) .lc-title{color:#d4d4e1} :where(html[data-theme="dark"]) .lc-card.is-soon .lc-title{color:#868693} :where(html[data-theme="dark"]) .lc-chip{background:#1a1a29;color:#b5b5c2} :where(html[data-theme="dark"]) .lc-chip.ok{background:#002411;color:#7ace8d} :where(html[data-theme="dark"]) .lc-chip.now{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .lc-chip.quiz{background:#1d172d;color:#baa8ff} :where(html[data-theme="dark"]) .lc-chip.nopis{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) .lc-chip.muted{background:#1a1a29;color:#868693} :where(html[data-theme="dark"]) .lc-caret{color:#868693} :where(html[data-theme="dark"]) .lc-card.open .lc-caret{color:#a5b1ff} :where(html[data-theme="dark"]) .lc-about{color:#b5b5c2} :where(html[data-theme="dark"]) .lc-about.muted{color:#868693} :where(html[data-theme="dark"]) .lc-learn h4{color:#d4d4e1} :where(html[data-theme="dark"]) .lc-learn li{color:#c2c3d0} :where(html[data-theme="dark"]) .lc-learn li span{color:#7ace8d} :where(html[data-theme="dark"]) .lc-btn.primary{background:var(--brand);color:#fff;border:none;box-shadow:0 6px 16px rgba(79,70,229,.28)} :where(html[data-theme="dark"]) .lc-btn.primary:hover{box-shadow:0 10px 22px rgba(79,70,229,.36)} :where(html[data-theme="dark"]) .lc-btn.ghost{background:rgba(22,21,36,.8);color:#a5b1ff;border:1.5px solid #384066} :where(html[data-theme="dark"]) .lc-btn.ghost:hover{background:#151b32} :where(html[data-theme="dark"]) .lesson-notes{border-top:1px solid #3b3b4c} :where(html[data-theme="dark"]) .lesson-notes-text strong{color:#d4d4e1} :where(html[data-theme="dark"]) .lesson-notes-text small{color:#a1a2ae} :where(html[data-theme="dark"]) .lesson-notes-link{color:#a5b1ff;text-decoration:none;border-bottom:2px solid currentColor} :where(html[data-theme="dark"]) .lesson-notes-link:hover{color:#a5b0ff} :where(html[data-theme="dark"]) .lesson-notes-link:not([href]){color:#868693;border-bottom-color:#313e4e} :where(html[data-theme="dark"]) .lesson-notes-fail{color:#ff9689} :where(html[data-theme="dark"]) .lesson-practice-cta{background:linear-gradient(135deg,#151b32,#1d172d);border:1px solid #423960} :where(html[data-theme="dark"]) .lesson-practice-cta.locked{background:#181727;border-color:#313e4e} :where(html[data-theme="dark"]) .lpc-text strong{color:#a5b0ff} :where(html[data-theme="dark"]) .lpc-text small{color:#a1a2ae} :where(html[data-theme="dark"]) .ex-head small{color:#a5b1ff} :where(html[data-theme="dark"]) .ex-progress small{color:#a1a2ae} :where(html[data-theme="dark"]) .ex-build-slot{border:2px dashed #2f455e;background:#181727} :where(html[data-theme="dark"]) .ex-build-slot.is-correct{border-color:#16a34a;background:#032010} :where(html[data-theme="dark"]) .ex-build-slot.is-wrong{border-color:#dc2626;background:#291516} :where(html[data-theme="dark"]) .ex-slot-hint{color:#868693} :where(html[data-theme="dark"]) .ex-token{border:1px solid #423960;background:#161524;color:var(--ink)} :where(html[data-theme="dark"]) .ex-token:hover:not(:disabled){background:#151b32} :where(html[data-theme="dark"]) .ex-token.picked{background:var(--brand);color:#fff;border-color:var(--brand)} :where(html[data-theme="dark"]) .ex-feedback{background:#181727;border:1px solid #313e4e} :where(html[data-theme="dark"]) .ex-feedback.correct{background:#032010;border-color:#234f35} :where(html[data-theme="dark"]) .ex-feedback.wrong{background:#291516;border-color:#5f3234} :where(html[data-theme="dark"]) .ex-feedback.correct strong{color:#7ace8d} :where(html[data-theme="dark"]) .ex-feedback.wrong strong{color:#ff9689} :where(html[data-theme="dark"]) .ex-feedback em{color:#c2c3d0} :where(html[data-theme="dark"]) .ex-feedback p{color:#b5b5c2} :where(html[data-theme="dark"]) .ex-result p{color:#b5b5c2} :where(html[data-theme="dark"]) .px-sprite{background:#151b32} :where(html[data-theme="dark"]) .ob-noa{border:2px solid #313a5f;box-shadow:0 10px 26px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .ob-chip{background:#161524;border:1.5px solid #313a5f;box-shadow:0 6px 16px rgba(31,38,135,.12);color:#c2c3d0} :where(html[data-theme="dark"]) .ob-call{background:#1e1b4b;box-shadow:0 16px 38px rgba(30,27,75,.4)} :where(html[data-theme="dark"]) .ob-call-head{color:#c7d2fe} :where(html[data-theme="dark"]) .ob-call-time{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-live-dot{background:#ef4444} :where(html[data-theme="dark"]) .ob-call-tile{background:#312e81} :where(html[data-theme="dark"]) .ob-call-tile i{color:#bfbfcc;background:rgba(0,0,0,.4)} :where(html[data-theme="dark"]) .ob-call-noa{outline:2px solid #22c55e;animation:obPopIn .4s both, obSpeak--dark 1.5s ease-in-out infinite .5s} :where(html[data-theme="dark"]) .ob-call-bar span{background:#312e81} :where(html[data-theme="dark"]) .ob-call-hand{background:#7c3aed!important} :where(html[data-theme="dark"]) .ob-replay{background:#161524;border:1.5px solid #313a5f;box-shadow:0 8px 18px rgba(31,38,135,.12)} :where(html[data-theme="dark"]) .ob-replay b{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .ob-replay span{color:#d4d4e1} :where(html[data-theme="dark"]) .ob-replay span small{color:#868693} :where(html[data-theme="dark"]) .ob-replay i{color:#7ace8d} :where(html[data-theme="dark"]) .ob-progress-card{background:#161524;border:1.5px solid #313a5f;box-shadow:0 10px 24px rgba(31,38,135,.14)} :where(html[data-theme="dark"]) .ob-pct{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-bar{background:#151b32} :where(html[data-theme="dark"]) .ob-bar-fill{background:linear-gradient(90deg,var(--brand),#7c3aed)} :where(html[data-theme="dark"]) .ob-streak{color:#fa9d69} :where(html[data-theme="dark"]) .ob-ticks span{color:#7ace8d} :where(html[data-theme="dark"]) .ob-kana{background:#161524;border:2px solid #313a5f;color:#d4d4e1;box-shadow:0 6px 16px rgba(31,38,135,.12)} :where(html[data-theme="dark"]) .ob-flash{background:#161524;border:2px solid #384066;box-shadow:0 8px 20px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .ob-flash b{color:#d4d4e1} :where(html[data-theme="dark"]) .ob-flash i{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-coin{background:#241c00;border:1.5px solid #fcd34d;color:#f3a079} :where(html[data-theme="dark"]) .ob-gym-chip{background:#161524;border:1.5px solid #313a5f;box-shadow:0 6px 14px rgba(31,38,135,.1);color:#c2c3d0} :where(html[data-theme="dark"]) .ob-lib-card{background:#161524;border:1.5px solid #384066;box-shadow:0 10px 22px rgba(79,70,229,.16);color:#c2c3d0} :where(html[data-theme="dark"]) .ob-lib-card b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-word{background:#151b32;border:1.5px solid #384066;color:#a5b0ff} :where(html[data-theme="dark"]) .ob-glass{background:linear-gradient(135deg,rgba(22,21,36,.82),rgba(21,27,50,.6));border:1px solid rgba(255,255,255,.136);box-shadow:0 16px 36px rgba(79,70,229,.18), inset 0 1px 0 rgba(255,255,255,.108)} :where(html[data-theme="dark"]) .ob-ink-body{fill:#baa8ff} :where(html[data-theme="dark"]) .ob-ink-dry{fill:none;stroke:rgba(255,255,255,.5)} :where(html[data-theme="dark"]) .ob-ink-dot{fill:#baa8ff} :where(html[data-theme="dark"]) .ob-glass-corner{border-color:#d4a300} :where(html[data-theme="dark"]) .ob-seal{border:2.5px solid #dc2626;color:#ff968a;background:rgba(22,21,36,.75)} :where(html[data-theme="dark"]) .ob-feed-view{background:linear-gradient(135deg,rgba(22,21,36,.75),rgba(21,27,50,.55));border:1px solid rgba(255,255,255,.128);box-shadow:0 14px 32px rgba(79,70,229,.14), inset 0 1px 0 rgba(255,255,255,.102)} :where(html[data-theme="dark"]) .ob-post{background:#161524;border:1px solid var(--glass-border);box-shadow:0 4px 10px rgba(31,38,135,.07)} :where(html[data-theme="dark"]) .ob-post b{color:#d4d4e1} :where(html[data-theme="dark"]) .ob-post small{color:#a1a2ae} :where(html[data-theme="dark"]) .ob-post-cat{border:1px solid transparent} :where(html[data-theme="dark"]) .ob-post-cat.mc{background:#0f1c2c;color:#94b6ff;border-color:#284363} :where(html[data-theme="dark"]) .ob-post-cat.wp{background:#271420;color:#ff90ad;border-color:#573149} :where(html[data-theme="dark"]) .ob-post-cat.sp{background:#001f21;color:#75c2b9;border-color:#24685d} :where(html[data-theme="dark"]) .ob-post-cat.ve{background:#1d172d;color:#baa8ff;border-color:#423960} :where(html[data-theme="dark"]) .ob-post-cat.cu{background:#021f1a;color:#75c2b9;border-color:#24685d} :where(html[data-theme="dark"]) .ob-post-cat.gd{background:#231a00;color:#d5b16b;border-color:#55491b} :where(html[data-theme="dark"]) .benefits-title{color:#e0e1ee} :where(html[data-theme="dark"]) .benefits-sub{color:var(--muted)} :where(html[data-theme="dark"]) .benefits-list li > span{background:#151b32} :where(html[data-theme="dark"]) .benefits-list strong{color:#d4d4e1} :where(html[data-theme="dark"]) .benefits-list small{color:#a1a2ae} :where(html[data-theme="dark"]) .benefits-qa-title{color:#e0e1ee} :where(html[data-theme="dark"]) .benefits-qa details{border:1px solid var(--glass-border);background:rgba(22,21,36,.7)} :where(html[data-theme="dark"]) .benefits-qa summary{color:#d4d4e1} :where(html[data-theme="dark"]) .benefits-qa summary::after{color:#a5b1ff} :where(html[data-theme="dark"]) .benefits-qa details[open] summary{color:#a5b1ff} :where(html[data-theme="dark"]) .benefits-qa p{color:#b5b5c2} :where(html[data-theme="dark"]) .ob-prize{background:#161524;border:1.5px solid #313a5f;box-shadow:0 6px 14px rgba(31,38,135,.1)} :where(html[data-theme="dark"]) .ob-prize b{color:#d4d4e1} :where(html[data-theme="dark"]) .ob-prize i{color:#fff;background:var(--brand);box-shadow:0 3px 8px rgba(79,70,229,.3)} :where(html[data-theme="dark"]) .ob-prize-hero{border-color:#384066;background:linear-gradient(135deg,#151b32,#1f1628)} :where(html[data-theme="dark"]) .ob-prize-hero b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-scoin img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.612))} :where(html[data-theme="dark"]) .join-copy-points li{color:#a5b1ff;background:#151b32;border:1px solid #384066} :where(html[data-theme="dark"]) .join-copy-points b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-syllabus{background:#161524;border:1.5px solid #313a5f;box-shadow:0 10px 26px rgba(31,38,135,.12)} :where(html[data-theme="dark"]) .ob-syl-head{border-bottom:1px solid #313852} :where(html[data-theme="dark"]) .ob-syl-head strong{color:#a5b1ff} :where(html[data-theme="dark"]) .ob-syl-head span{color:#868693} :where(html[data-theme="dark"]) .ob-syl-emoji{background:#151b32} :where(html[data-theme="dark"]) .ob-syl-body b{color:#d4d4e1} :where(html[data-theme="dark"]) .ob-syl-body small{color:#a1a2ae} :where(html[data-theme="dark"]) #joinPageCtaBtn{animation:obRiseIn .5s both var(--d,0s), obCtaPulse--dark 2.2s ease-in-out infinite calc(var(--d,0s) + 1.4s)} :where(html[data-theme="dark"]) .lesson-sidebar h3{color:#e0e1ee} :where(html[data-theme="dark"]) .ls-progress small{color:#a1a2ae} :where(html[data-theme="dark"]) .ls-chapter-head b{color:#d4d4e1} :where(html[data-theme="dark"]) .ls-chapter-head small{color:#a5b1ff;background:#151b32} :where(html[data-theme="dark"]) .ls-lesson{border:none;background:none;color:#c2c3d0} :where(html[data-theme="dark"]) .ls-lesson span{color:#868693} :where(html[data-theme="dark"]) .ls-lesson:hover{background:#151b32} :where(html[data-theme="dark"]) .ls-lesson.done span{color:#7ace8d} :where(html[data-theme="dark"]) .ls-lesson.active{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .ls-lesson.active span{color:#c7d2fe} :where(html[data-theme="dark"]) .ls-lesson.locked{color:#868693} :where(html[data-theme="dark"]) .ls-lesson.locked:hover{background:none} :where(html[data-theme="dark"]) .lesson-video-wrap{background:#000000;box-shadow:0 18px 44px rgba(15,23,42,.35)} :where(html[data-theme="dark"]) .lesson-video{background:#000000} :where(html[data-theme="dark"]) .lesson-cc-btn{border:0;background:rgba(1,2,16,.72);color:#e2e8f0} :where(html[data-theme="dark"]) .lesson-cc-btn:hover{background:rgba(57,57,72,.9)} :where(html[data-theme="dark"]) .lesson-cc-btn:focus-visible{outline:2px solid #343344} :where(html[data-theme="dark"]) .lesson-cc-btn.on{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .lesson-cc-icon{border:1.5px solid currentColor} :where(html[data-theme="dark"]) .lesson-video::cue{background:rgba(1,2,16,.82);color:#fff} :where(html[data-theme="dark"]) .lesson-info-title small{color:#a5b1ff} :where(html[data-theme="dark"]) .lesson-info-title h2{color:#e0e1ee} :where(html[data-theme="dark"]) .lesson-about{color:#b5b5c2} :where(html[data-theme="dark"]) .lesson-learn h3{color:#d4d4e1} :where(html[data-theme="dark"]) .lesson-learn li{color:#c2c3d0} :where(html[data-theme="dark"]) .lesson-learn li span{color:#7ace8d} :where(html[data-theme="dark"]) .gym-nav-dot{background:#ef4444;color:#fff;box-shadow:0 2px 6px rgba(239,68,68,.45)} :where(html[data-theme="dark"]) .gym-due-badge{background:#291516;border:1px solid #5f3234;color:#ff9689} :where(html[data-theme="dark"]) .kanji-mine-fallback{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-added-note{background:#271420;border:1px solid #573149;color:#ff90ad} :where(html[data-theme="dark"]) .kanji-mine-word{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-mine-reading{color:#baa8ff} :where(html[data-theme="dark"]) .kanji-modal-reading{color:#baa8ff} :where(html[data-theme="dark"]) .kanji-modal-meaning{color:#b5b5c2} :where(html[data-theme="dark"]) .kanji-break{border-top:1px dashed var(--glass-border)} :where(html[data-theme="dark"]) .kanji-break:first-of-type{border-top:none} :where(html[data-theme="dark"]) .kanji-break-char{color:#d4d4e1} :where(html[data-theme="dark"]) .kanji-break-meaning{color:#a1a2ae} :where(html[data-theme="dark"]) .growth-chart{background:rgba(22,21,36,.6);border:1px solid var(--glass-border)} :where(html[data-theme="dark"]) .growth-title{color:#d4d4e1} :where(html[data-theme="dark"]) .growth-sub{color:#67d280} :where(html[data-theme="dark"]) .streak-pill{border:0;background:transparent;color:#ff9877} :where(html[data-theme="dark"]) .streak-toast{background:#161524;border:1px solid var(--glass-border);box-shadow:0 14px 40px rgba(194,65,12,.22)} :where(html[data-theme="dark"]) .streak-toast.milestone{background:linear-gradient(135deg,#251703,#2c1900);border-color:#bf8a52;box-shadow:0 16px 46px rgba(194,65,12,.3)} :where(html[data-theme="dark"]) .streak-toast strong{color:#fe997b} :where(html[data-theme="dark"]) .streak-toast span{color:#ff9877} :where(html[data-theme="dark"]) .profile-streak-card{border:1px solid var(--glass-border);background:rgba(22,21,36,.6)} :where(html[data-theme="dark"]) .profile-streak-card.active{background:linear-gradient(135deg,#251703,#2c1900);border-color:#563a14} :where(html[data-theme="dark"]) .psc-flame{filter:grayscale(1) opacity(.5)} :where(html[data-theme="dark"]) .profile-streak-card.active .psc-flame{filter:none} :where(html[data-theme="dark"]) .psc-text strong{color:#fe997b} :where(html[data-theme="dark"]) .profile-streak-card:not(.active) .psc-text strong{color:#b5b5c2} :where(html[data-theme="dark"]) .psc-text span{color:#ff9877} :where(html[data-theme="dark"]) .profile-streak-card:not(.active) .psc-text span{color:var(--muted)} :where(html[data-theme="dark"]) .streak-detail-num{color:#fe997b} :where(html[data-theme="dark"]) .streak-detail-sublabel{color:#ff9877} :where(html[data-theme="dark"]) .streak-detail-sub{color:#b5b5c2} :where(html[data-theme="dark"]) .streak-detail-sub strong{color:#ff9877} :where(html[data-theme="dark"]) .streak-prog-top{color:#a1a2ae} :where(html[data-theme="dark"]) .streak-prog-top strong{color:#ff9877} :where(html[data-theme="dark"]) .streak-prog-track{background:#2c1b00} :where(html[data-theme="dark"]) .streak-prog-fill{background:linear-gradient(90deg,#fb923c,#f97316)} :where(html[data-theme="dark"]) .streak-ladder-label{color:#d4d4e1} :where(html[data-theme="dark"]) .streak-rung{border:1px solid var(--glass-border);background:rgba(22,21,36,.5)} :where(html[data-theme="dark"]) .streak-rung.reached{background:linear-gradient(135deg,#251703,#2c1900);border-color:#563a14} :where(html[data-theme="dark"]) .sr-day{color:#d4d4e1} :where(html[data-theme="dark"]) .sr-reward{color:#ff9877} :where(html[data-theme="dark"]) .streak-vert-rail{background:#2c1b00} :where(html[data-theme="dark"]) .streak-vert-fill{background:linear-gradient(0deg,#f97316,#fb923c)} :where(html[data-theme="dark"]) .streak-vert-here{filter:drop-shadow(0 1px 2px rgba(0,0,0,.56))} :where(html[data-theme="dark"]) .svn-dot{background:#161524;border:2px solid #563a14;color:#ffffff} :where(html[data-theme="dark"]) .svn.reached .svn-dot{background:#f97316;border-color:#f97316} :where(html[data-theme="dark"]) .svn-label{color:#868692} :where(html[data-theme="dark"]) .svn.reached .svn-label{color:#fe997b} :where(html[data-theme="dark"]) .daily-word-big{color:#d4d4e1} :where(html[data-theme="dark"]) .daily-word-strokes>summary{color:#a5b1ff;border:1px solid var(--glass-border);background:rgba(22,21,36,.65)} :where(html[data-theme="dark"]) .shc-now{color:#fe997b} :where(html[data-theme="dark"]) .shc-next{color:#ff9877} :where(html[data-theme="dark"]) .streak-steps-track{background:#331b00} :where(html[data-theme="dark"]) .streak-steps-fill{background:linear-gradient(90deg,#fb923c,#f97316)} :where(html[data-theme="dark"]) .streak-step-dot{background:#161524;border:2px solid #573b16;color:#ffffff;box-shadow:0 1px 2px rgba(194,65,12,.12)} :where(html[data-theme="dark"]) .streak-step.reached .streak-step-dot{background:#f97316;border-color:#f97316} :where(html[data-theme="dark"]) .streak-step.next .streak-step-dot{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.18)} :where(html[data-theme="dark"]) .streak-step-day{color:#8b8c98} :where(html[data-theme="dark"]) .streak-step.reached .streak-step-day{color:#fe997b} :where(html[data-theme="dark"]) .streak-step.next .streak-step-day{color:#ff9877} :where(html[data-theme="dark"]) .cat-general-discussion{--cat-color:#d4a300} :where(html[data-theme="dark"]) .cat-announcement{--cat-color:#ef4444} :where(html[data-theme="dark"]) .cat-daily-exercise{--cat-color:#22c55e} :where(html[data-theme="dark"]) .cat-multiple-choice{--cat-color:#3b82f6} :where(html[data-theme="dark"]) .cat-voice-exercise{--cat-color:#8b5cf6} :where(html[data-theme="dark"]) .cat-writing-practice{--cat-color:#ec4899} :where(html[data-theme="dark"]) .cat-cultural{--cat-color:#0d9488} :where(html[data-theme="dark"]) .cat-wins{--cat-color:#eab308} :where(html[data-theme="dark"]) .cat-speaking-challenge{--cat-color:#14b8a6} :where(html[data-theme="dark"]) .gate-badge{background:#161524;box-shadow:0 1px 4px rgba(0,0,0,.612)} :where(html[data-theme="dark"]) .dash-lesson-id{color:#a2a2af} :where(html[data-theme="dark"]) .dash-lesson-bar{background:#1a1d28} :where(html[data-theme="dark"]) .dash-lesson-bar i{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .dash-lesson-row b{color:#c2c2cf} :where(html[data-theme="dark"]) .dash-member-row{border:0;background:transparent} :where(html[data-theme="dark"]) .dash-member-row:hover{background:#191828} :where(html[data-theme="dark"]) .dash-member-main strong{color:#e0e1ee} :where(html[data-theme="dark"]) .dash-member-bits{color:#a2a2af} :where(html[data-theme="dark"]) .dash-member-when.live{background:#002414;color:#7ec6ad} :where(html[data-theme="dark"]) .dash-member-when.quiet{background:#271900;color:#e0aa76} :where(html[data-theme="dark"]) .dash-member-when.gone{background:#331214;color:#ff958d} :where(html[data-theme="dark"]) .notif-chip{border:1px solid var(--ring);background:#161524;color:#c2c2cf} :where(html[data-theme="dark"]) .notif-chip:hover{background:#191828} :where(html[data-theme="dark"]) .notif-chip i{color:#a2a2af;background:#1b1b2a} :where(html[data-theme="dark"]) .notif-chip.active{background:linear-gradient(135deg,var(--brand),var(--purple));border-color:transparent;color:#fff} :where(html[data-theme="dark"]) .notif-chip.active i{background:rgba(22,21,36,.24);color:#ffffff} :where(html[data-theme="dark"]) .notif-chip-dot{background:#e11d48;border:1.5px solid #fff} :where(html[data-theme="dark"]) .poll-opt{border:1.5px solid #3d385f;background:#181727;color:#e0e1ee} :where(html[data-theme="dark"]) .poll-opt:hover{border-color:#4f46e5;background:#1d172d} :where(html[data-theme="dark"]) .poll-result{background:#1c1a2a} :where(html[data-theme="dark"]) .poll-result.mine{box-shadow:inset 0 0 0 1.5px var(--brand)} :where(html[data-theme="dark"]) .poll-result-bar{background:#251d40} :where(html[data-theme="dark"]) .poll-result.mine .poll-result-bar{background:#2b2347} :where(html[data-theme="dark"]) .poll-result-label b{color:#a5b1ff} :where(html[data-theme="dark"]) .poll-result-pct{color:#b5b5c2} :where(html[data-theme="dark"]) .poll-foot{color:#a2a2af} :where(html[data-theme="dark"]) .noa-activity-list{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .dash-reach-line{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .noa-store-head span{color:#a2a2af} :where(html[data-theme="dark"]) .noa-store-bar{background:#1a1d28} :where(html[data-theme="dark"]) .noa-store-bar.ok i{background:linear-gradient(90deg,#1d9e75,#45a283)} :where(html[data-theme="dark"]) .noa-store-bar.warn i{background:linear-gradient(90deg,#ba7517,#efa027)} :where(html[data-theme="dark"]) .noa-store-bar.crit i{background:linear-gradient(90deg,#a32d2d,#e24b4a)} :where(html[data-theme="dark"]) .noa-store-tables{border-top:1px solid var(--ring);border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .noa-store-row{color:#b5b5c2} :where(html[data-theme="dark"]) .noa-store-row b{color:#e0e1ee} :where(html[data-theme="dark"]) .noa-store-counts{color:#b5b5c2} :where(html[data-theme="dark"]) .mi-overlay{background:rgba(1,3,13,.55)} :where(html[data-theme="dark"]) .mi-card{background:#161524;box-shadow:0 28px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .mi-close{border:0;background:#1a1a29;color:#e0e1ee} :where(html[data-theme="dark"]) .mi-founder{color:#e7aa58} :where(html[data-theme="dark"]) .mi-area{background:#191828;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .mi-area small{color:#a2a2af} :where(html[data-theme="dark"]) .mi-area.live .mi-area-when{color:#7ec6ad} :where(html[data-theme="dark"]) .mi-area.quiet .mi-area-when{color:#e0aa76} :where(html[data-theme="dark"]) .mi-area.gone .mi-area-when{color:#ff958d} :where(html[data-theme="dark"]) .mi-area.gone{background:#191828;border-color:#5d3133} :where(html[data-theme="dark"]) .mi-h5{color:#a2a2af} :where(html[data-theme="dark"]) .mi-stat{background:#191828} :where(html[data-theme="dark"]) .mi-stat span{color:#a2a2af} :where(html[data-theme="dark"]) .mi-stat small{color:#868692} :where(html[data-theme="dark"]) .mi-word{border-bottom:1px solid #373748} :where(html[data-theme="dark"]) .mi-word em{color:#a2a2af} :where(html[data-theme="dark"]) .mi-word b{color:#a5b1ff} :where(html[data-theme="dark"]) .mi-pill{background:#151b32;color:#a5b0ff} :where(html[data-theme="dark"]) .pretty-audio-player{background:transparent!important;border:0!important;box-shadow:none!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-play-btn{background:var(--brand)!important;color:#fff!important;border:0!important;box-shadow:none!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-label{color:#c2c2cf} :where(html[data-theme="dark"]) .pretty-audio-player .audio-time{color:#a2a2af!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-volume-btn{background:transparent!important;border:0!important;box-shadow:none!important;color:#868692!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-seek{background:transparent!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-seek-track{background:#221c36!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-seek-fill{background:var(--brand)!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-seek-thumb{background:var(--brand)!important;border:2px solid #fff!important;box-shadow:0 1px 3px rgba(17,24,39,.25)!important} :where(html[data-theme="dark"]) .comment-wave-player{background:transparent!important} :where(html[data-theme="dark"]) .pretty-audio-player .audio-seek-track{background:rgba(255,255,255,.085)!important} :where(html[data-theme="dark"]) .streak-cel{background:rgba(1,3,13,.45)} :where(html[data-theme="dark"]) .sc-inner{color:#ffffff} :where(html[data-theme="dark"]) .sc-flame svg{filter:drop-shadow(0 0 26px rgba(255,138,0,.65))} :where(html[data-theme="dark"]) .sc-glow{background:radial-gradient(circle,rgba(255,150,30,.5),rgba(255,90,0,0) 62%)} :where(html[data-theme="dark"]) .sc-strip b{color:#ffffff;text-shadow:0 4px 22px rgba(255,138,0,.55)} :where(html[data-theme="dark"]) .sc-sub{color:rgba(255,255,255,.78)} :where(html[data-theme="dark"]) .sc-nopis{background:rgba(22,21,36,.16);border:1px solid rgba(255,255,255,.045)} :where(html[data-theme="dark"]) .streak-cel.is-milestone .sc-label{color:#ffd24a} :where(html[data-theme="dark"]) .jsw-row strong{color:#e0e1ee} :where(html[data-theme="dark"]) .jsw-row small{color:#b5b5c2} :where(html[data-theme="dark"]) .join-gate{background:linear-gradient(135deg,#3b3b4a,#312e58);border:1px solid rgba(246,201,74,.42);box-shadow:0 10px 26px rgba(31,27,58,.22)} :where(html[data-theme="dark"]) .join-gate-mark{background:rgba(246,201,74,.12);border:1px solid rgba(246,201,74,.443)} :where(html[data-theme="dark"]) .join-gate-mark svg{filter:drop-shadow(0 1px 5px rgba(246,201,74,.55))} :where(html[data-theme="dark"]) .join-gate strong{color:#f6c94a} :where(html[data-theme="dark"]) .join-gate small{color:rgba(255,255,255,.8)} :where(html[data-theme="dark"]) .join-gate small b{color:#f6c94a} :where(html[data-theme="dark"]) #storeSubmitText{border:1px solid #3b3b4c;background:#161524} :where(html[data-theme="dark"]) .store-submit-thumb{border:1px solid #3b3b4c} :where(html[data-theme="dark"]) .store-submit-remove{border:0;background:rgba(1,3,13,.72);color:#fff} :where(html[data-theme="dark"]) .voice-record-status.is-error{color:#ff9689!important} :where(html[data-theme="dark"]) .store-submit-voice.is-recording .voice-record-btn{background:#3a1114;color:#ff968a} :where(html[data-theme="dark"]) .store-submit-voice.has-recording .voice-record-btn{background:#002411;color:#78c9a8} :where(html[data-theme="dark"]) .store-submitted-tag{color:#78c9a8} :where(html[data-theme="dark"]) .noa-sub-text{background:#1d172d;color:#a5b0ff} :where(html[data-theme="dark"]) .noa-sub-thumbs img{border:1px solid #3b3b4c} :where(html[data-theme="dark"]) .noa-sub-waiting{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) .kanji-level-badge{background:rgba(22,21,36,.7)} :where(html[data-theme="dark"]) .lesson-video-error{color:#a2a2af} :where(html[data-theme="dark"]) .p-next-ico svg{color:#a5b1ff} :where(html[data-theme="dark"]) .practice-setup-sub{color:var(--muted)} :where(html[data-theme="dark"]) .practice-mode-card{border:2px solid var(--ring);background:rgba(22,21,36,.75)} :where(html[data-theme="dark"]) .practice-mode-card.active{border-color:#4f46e5;box-shadow:0 6px 18px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .practice-mode-card small{color:var(--muted)} :where(html[data-theme="dark"]) .practice-romaji-row{border:1px solid var(--ring);background:rgba(22,21,36,.6)} :where(html[data-theme="dark"]) .practice-romaji-row small{color:var(--muted)} :where(html[data-theme="dark"]) .practice-opt-romaji{color:var(--muted)} :where(html[data-theme="dark"]) .practice-cloze-romaji{color:var(--muted)} :where(html[data-theme="dark"]) .practice-opt-explain{color:#fa9d69} :where(html[data-theme="dark"]) .reply-context{color:#a2a2af} :where(html[data-theme="dark"]) .reply-context b{color:#e0e1ee} :where(html[data-theme="dark"]) .reply-cancel-link{background:none;border:0;color:#a5b1ff} :where(html[data-theme="dark"]) #replyDock{background:#161524;border-top:1px solid #3b3b4c;box-shadow:0 -8px 24px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .reply-quote{background:#1d172d;border-left:3px solid #7c3aed} :where(html[data-theme="dark"]) .reply-quote-body b{color:#a5b1ff} :where(html[data-theme="dark"]) .reply-quote-body p{color:#b5b5c2} :where(html[data-theme="dark"]) .jk-num{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff} :where(html[data-theme="dark"]) .join-price-scratch{text-decoration:none;color:#868692} :where(html[data-theme="dark"]) .join-price-scratch::after{background:#dc2626} :where(html[data-theme="dark"]) #checkoutVeil{background:#191928} :where(html[data-theme="dark"]) .checkout-veil-inner p{color:#b5b5c2} :where(html[data-theme="dark"]) .checkout-veil-spin{border:4px solid #313a5f;border-top-color:#4f46e5} :where(html[data-theme="dark"]) .noa-rev-row{background:#161524;border:1px solid #383849} :where(html[data-theme="dark"]) .noa-rev-info span{color:#a2a2af} :where(html[data-theme="dark"]) .noa-rev-amt b{color:#78c9a8} :where(html[data-theme="dark"]) .noa-rev-amt small{color:#868692} :where(html[data-theme="dark"]) .noa-rev-warn{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) #introSplash{background:linear-gradient(160deg,#4f46e5 0%,#6d28d9 55%,#7c3aed 100%)} :where(html[data-theme="dark"]) .splash-logo{filter:drop-shadow(0 10px 40px rgba(0,0,0,.62))} :where(html[data-theme="dark"]) .splash-word{color:#ffffff} :where(html[data-theme="dark"]) .splash-jp{color:rgba(255,255,255,.55)} :where(html[data-theme="dark"]) .splash-petal-field i{background:rgba(255,255,255,var(--po,.4))} :where(html[data-theme="dark"]) .noa-rev-usd{color:#a2a2af} :where(html[data-theme="dark"]) #composerDock{background:#161524;border-top:1px solid #3b3b4c;box-shadow:0 -8px 24px rgba(0,0,0,.3)} :where(html[data-theme="dark"]) .lesson-video-error p{color:#bfc0c4} :where(html[data-theme="dark"]) .nf-reply-box textarea{border:1px solid #3b3b4c} :where(html[data-theme="dark"]) .nf-reply-done{color:#78c9a8} :where(html[data-theme="dark"]) .mention-box{background:#161524;border:1px solid var(--ring);box-shadow:0 18px 44px rgba(0,0,0,.508)} :where(html[data-theme="dark"]) .mention-option{border:0;background:transparent} :where(html[data-theme="dark"]) .mention-option:hover{background:var(--soft)} :where(html[data-theme="dark"]) .mention-avatar-fallback{background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff} :where(html[data-theme="dark"]) .mention-name{color:var(--ink)} :where(html[data-theme="dark"]) .mention-chip{color:#a5b0ff;background:var(--soft)} html:where([data-theme="dark"]){background:#1e1735} @media (display-mode: standalone){:where(html[data-theme="dark"]) body::before{background:linear-gradient(135deg,var(--brand),var(--purple))}} :where(html[data-theme="dark"]) .fmt-bar{background:#161524;border:1px solid var(--ring);box-shadow:0 10px 30px rgba(0,0,0,.456)} :where(html[data-theme="dark"]) .fmt-btn{border:0;background:transparent;color:var(--ink)} :where(html[data-theme="dark"]) .fmt-btn:hover{background:var(--soft);color:#a5b1ff} :where(html[data-theme="dark"]) .fmt-u{text-decoration:underline} :where(html[data-theme="dark"]) .fmt-s{text-decoration:line-through} :where(html[data-theme="dark"]) .install-modal{background:rgba(1,3,13,.55)} :where(html[data-theme="dark"]) .install-dialog{background:#161524;box-shadow:0 30px 80px rgba(0,0,0,.62);--ig-panel:#1c1928;--ig-chip:#161524;--ig-ink:#e0e1ee;--ig-dim:#93939f} :where(html[data-theme="dark"]) .install-close{border:0;background:#1a1a29;color:#a2a2af} :where(html[data-theme="dark"]) .ig-head p{color:var(--muted)} :where(html[data-theme="dark"]) .ig-plat{border:1px solid var(--ring);background:#161524;color:var(--muted)} :where(html[data-theme="dark"]) .ig-plat.active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));border-color:transparent} :where(html[data-theme="dark"]) .ig-num{background:var(--soft);color:#a5b0ff} :where(html[data-theme="dark"]) .ig-step-text small{color:var(--muted)} :where(html[data-theme="dark"]) .ig-app-icon{box-shadow:0 8px 20px rgba(79,70,229,.25)} :where(html[data-theme="dark"]) .ig-done p{color:var(--muted)} :where(html[data-theme="dark"]) .noa-stat-card.is-leaving{background:#201800;border-color:#fcd34d;box-shadow:inset 3px 0 0 #f59e0b} :where(html[data-theme="dark"]) .noa-stat-card.is-leaving strong{color:#fa9d69} :where(html[data-theme="dark"]) .noa-rev-good{background:#002115;color:#78c9a8} :where(html[data-theme="dark"]) .noa-leaving-badge{background:#241c00;color:#f3a079;border-color:#af9d55} :where(html[data-theme="dark"]) .noa-leaving-row{background:#161524;border:1px solid #af9d55;border-left:4px solid #f59e0b} :where(html[data-theme="dark"]) .noa-leaving-row:hover,:where(html[data-theme="dark"]) .noa-leaving-row:focus-visible{background:#201800} :where(html[data-theme="dark"]) .noa-leaving-when b{color:#fa9d69} :where(html[data-theme="dark"]) .noa-leaving-when small{color:#868692} :where(html[data-theme="dark"]) .noa-mem-event{background:#161524;border:1px solid #383849;border-left:4px solid #3b3b4c} :where(html[data-theme="dark"]) .noa-mem-event.is-join{border-left-color:#10b981} :where(html[data-theme="dark"]) .noa-mem-event.is-leave{border-left-color:#f59e0b} :where(html[data-theme="dark"]) .noa-mem-event.is-gone{border-left-color:#ef4444} :where(html[data-theme="dark"]) .noa-mem-event-when{color:#868692} :where(html[data-theme="dark"]) .msg-mic-btn.is-recording{background:#3a1114;border-color:#a76868;color:#ff968a} :where(html[data-theme="dark"]) .msg-voice-chip{background:#151b32;border:1px solid #384066;color:#a5b1ff} :where(html[data-theme="dark"]) .msg-voice-remove{border:0;background:rgba(67,56,202,.12);color:#a5b1ff} :where(html[data-theme="dark"]) .msg-bubble .slim-audio-player{background:rgba(22,21,36,.96)!important;box-shadow:none!important} @media (max-width:760px){:where(html[data-theme="dark"]) #messagesView .msg-page-card{border:1px solid var(--ring)!important}} @media (max-width:760px){:where(html[data-theme="dark"]) body.msg-thread-lock #messagesView .msg-page-thread{border:0!important}} :where(html[data-theme="dark"]) .lesson-player-alt{border:0;background:none;color:#868693} :where(html[data-theme="dark"]) .lesson-player-alt:hover{color:#a5b1ff;text-decoration:underline} :where(html[data-theme="dark"]) .pretty-audio-player.audio-error .audio-label{color:#ff9689} :where(html[data-theme="dark"]) .why-card:not(.open){color:#fff;background:linear-gradient(115deg,#5c0713,#a3101f,#e5341c,#ff7a18,#ffb92e,#e5341c,#a3101f,#5c0713);box-shadow:0 14px 32px rgba(163,16,31,.32), 0 4px 12px rgba(229,52,28,.22)} :where(html[data-theme="dark"]) .why-card.open{background:#161524;color:#e0e1ee;box-shadow:0 14px 34px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .why-flame{background:rgba(22,21,36,.16)} :where(html[data-theme="dark"]) .why-card.open .why-flame{background:linear-gradient(115deg,#a3101f,#e5341c,#ff7a18,#ffb92e)} :where(html[data-theme="dark"]) .why-flame svg{fill:#ffd66e;filter:drop-shadow(0 2px 4px rgba(0,0,0,.612))} :where(html[data-theme="dark"]) .why-card.open .why-flame svg{fill:#ffffff;filter:none} :where(html[data-theme="dark"]) .why-teaser-text small{color:rgba(255,255,255,.78)} :where(html[data-theme="dark"]) .why-card.open .why-teaser-text small{color:#ff9784} :where(html[data-theme="dark"]) .why-nopi{color:#ffffff;background:rgba(22,21,36,.16);border:1px solid rgba(255,255,255,.045)} :where(html[data-theme="dark"]) .why-card.open .why-nopi{background:#251703;border-color:#563a14;color:#ff9877} :where(html[data-theme="dark"]) .why-chev{color:#ffffff} :where(html[data-theme="dark"]) .why-card.open .why-chev{color:#868692} :where(html[data-theme="dark"]) .why-sub{color:#a2a2af} :where(html[data-theme="dark"]) .why-opt{border:1px solid #3b3b4c;background:#181727;color:#c2c2cf} :where(html[data-theme="dark"]) .why-opt:hover{background:#1a1a29;border-color:#3b4350} :where(html[data-theme="dark"]) .why-opt.picked{background:linear-gradient(115deg,#a3101f,#e5341c,#ff7a18);color:#fff;border-color:transparent} :where(html[data-theme="dark"]) .why-other-box textarea{border-color:#3b3b4c!important;background:#181727;color:#e0e1ee;outline:none} :where(html[data-theme="dark"]) .why-other-box textarea:focus{border-color:#ff7a18!important;background:#161524} :where(html[data-theme="dark"]) .why-send{border:0;background:linear-gradient(115deg,#a3101f,#e5341c,#ff7a18);color:#fff;box-shadow:0 8px 18px rgba(229,52,28,.28)} :where(html[data-theme="dark"]) .why-error{color:#ff9689} :where(html[data-theme="dark"]) .why-anon{color:#868692} :where(html[data-theme="dark"]) .why-thanks p{color:#a2a2af} :where(html[data-theme="dark"]) .rev-card:not(.open){color:#ffffff;background:linear-gradient(115deg,#0c4a6e,#0369a1,#0ea5e9,#37b9f2,#2c6c88,#37b9f2,#0369a1,#0c4a6e);box-shadow:0 14px 32px rgba(3,105,161,.3), 0 4px 12px rgba(14,165,233,.22)} :where(html[data-theme="dark"]) .rev-card.open{background:#161524;color:#e0e1ee;box-shadow:0 14px 34px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .rev-teaser{border:0;background:none;color:inherit} :where(html[data-theme="dark"]) .rev-mark{background:rgba(22,21,36,.18)} :where(html[data-theme="dark"]) .rev-card.open .rev-mark{background:linear-gradient(115deg,#0369a1,#0ea5e9,#37b9f2,#2c6c88)} :where(html[data-theme="dark"]) .rev-mark svg{fill:#ffffff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.62))} :where(html[data-theme="dark"]) .rev-card.open .rev-mark svg{filter:none} :where(html[data-theme="dark"]) .rev-nopi{color:#ffffff;background:rgba(22,21,36,.18);border:1px solid rgba(255,255,255,.048)} :where(html[data-theme="dark"]) .rev-card.open .rev-nopi{background:#0f1c2c;border-color:#284363;color:#77bff7} :where(html[data-theme="dark"]) .rev-chev{color:#ffffff} :where(html[data-theme="dark"]) .rev-card.open .rev-chev{color:#868692} :where(html[data-theme="dark"]) .rev-sub{color:#a2a2af} :where(html[data-theme="dark"]) .rev-qlabel{color:#c2c2cf} :where(html[data-theme="dark"]) .rev-star{border:0;background:none;color:#bfc0c4} :where(html[data-theme="dark"]) .rev-star svg{fill:currentColor} :where(html[data-theme="dark"]) .rev-star.on{color:#57c5fa} :where(html[data-theme="dark"]) .rev-text{border:1px solid #3b3b4c!important;background:#181727;color:#e0e1ee;outline:none} :where(html[data-theme="dark"]) .rev-text:focus{border-color:#38b9f3!important;background:#161524} :where(html[data-theme="dark"]) .rev-opt{border:1px solid #3b3b4c;background:#181727;color:#c2c2cf} :where(html[data-theme="dark"]) .rev-opt:hover{background:#1a1a29;border-color:#3b4350} :where(html[data-theme="dark"]) .rev-opt.picked{background:linear-gradient(115deg,#0369a1,#0ea5e9,#37b9f2);color:#fff;border-color:transparent} :where(html[data-theme="dark"]) .rev-sig{border-top:1px solid #373748;color:#a2a2af} :where(html[data-theme="dark"]) .rev-sig b{color:#77bff7} :where(html[data-theme="dark"]) .rev-send{border:0;background:linear-gradient(115deg,#0369a1,#0ea5e9,#37b9f2);color:#fff;box-shadow:0 8px 18px rgba(14,165,233,.30)} :where(html[data-theme="dark"]) .rev-send:disabled{box-shadow:none} :where(html[data-theme="dark"]) .rev-error{color:#ff9689} :where(html[data-theme="dark"]) .rev-thanks p{color:#a2a2af} :where(html[data-theme="dark"]) .noa-review{border:1px solid #3b3b4c;background:#161524} :where(html[data-theme="dark"]) .noa-review.is-private{background:#181727} :where(html[data-theme="dark"]) .noa-review-stars{color:#57c5fa} :where(html[data-theme="dark"]) .noa-review-who{color:#e0e1ee} :where(html[data-theme="dark"]) .noa-review-date{color:#868692} :where(html[data-theme="dark"]) .noa-review-body{color:#c2c2cf} :where(html[data-theme="dark"]) .noa-review-foot{border-top:1px solid #373748} :where(html[data-theme="dark"]) .noa-review-sig{color:#77bff7} :where(html[data-theme="dark"]) .noa-review-sig.is-private{color:#fa9d69} :where(html[data-theme="dark"]) .noa-review-copy{border:1px solid #3b3b4c;background:#181727;color:#c2c2cf} :where(html[data-theme="dark"]) .noa-review-copy:hover{background:#1a1a29} :where(html[data-theme="dark"]) .noa-hbar-label{color:#c2c2cf} :where(html[data-theme="dark"]) .noa-hbar-track{background:#151b32} :where(html[data-theme="dark"]) .noa-hbar-fill{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .noa-hbar-count{color:#d4d4e1} :where(html[data-theme="dark"]) .noa-survey-quote{background:#161524;border:1px solid #4e3713;border-left:3px solid #ff7a18} :where(html[data-theme="dark"]) .noa-survey-quote p{color:#c2c2cf} :where(html[data-theme="dark"]) .noa-survey-quote small{color:#868692} :where(html[data-theme="dark"]) .lesson-video-wrap.yt iframe,:where(html[data-theme="dark"]) .lesson-video-wrap.yt #ytLessonPlayer{border:0;background:#000000} :where(html[data-theme="dark"]) .sp-cat{border:1px solid transparent} :where(html[data-theme="dark"]) .sp-theme-teal .sp-cat{background:#021f1a;color:#75c2b9;border-color:#24685d} :where(html[data-theme="dark"]) .sp-theme-violet .sp-cat{background:#1d172d;color:#baa8ff;border-color:#423960} :where(html[data-theme="dark"]) .sp-theme-pink .sp-cat{background:#271420;color:#ff90ad;border-color:#573149} :where(html[data-theme="dark"]) .sp-theme-teal .sp-hint{background:#14ae9d;color:#fff} :where(html[data-theme="dark"]) .sp-theme-violet .sp-hint{background:#8b5cf6;color:#fff} :where(html[data-theme="dark"]) .sp-theme-pink .sp-hint{background:#ec4899;color:#fff} :where(html[data-theme="dark"]) .sp-theme-teal .sp-accent{background:#14ae9d} :where(html[data-theme="dark"]) .sp-theme-violet .sp-accent{background:#8b5cf6} :where(html[data-theme="dark"]) .sp-theme-pink .sp-accent{background:#ec4899} :where(html[data-theme="dark"]) .sp-theme-teal .sp-back-body > h2{border-left:4px solid #18af9e} :where(html[data-theme="dark"]) .sp-theme-violet .sp-back-body > h2{border-left:4px solid #8b5cf6} :where(html[data-theme="dark"]) .sp-theme-pink .sp-back-body > h2{border-left:4px solid #ec4899} :where(html[data-theme="dark"]) .sp-grad h2{color:#ffffff;text-shadow:0 2px 14px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .sp-grad small{color:rgba(255,255,255,.9)} :where(html[data-theme="dark"]) .sp-theme-teal .sp-grad{background:linear-gradient(160deg,#42bdaa 0%,#14ae9d 55%,#0f766e 100%)} :where(html[data-theme="dark"]) .sp-theme-violet .sp-grad{background:linear-gradient(160deg,#a78bfa 0%,#7c3aed 60%,#5b21b6 100%)} :where(html[data-theme="dark"]) .sp-theme-pink .sp-grad{background:linear-gradient(160deg,#a06485 0%,#ec4899 60%,#9d174d 100%)} :where(html[data-theme="dark"]) #msgDock{background:#161524;border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .push-nudge{border:1px solid #423960;background:linear-gradient(135deg,#151b32,#161524)} :where(html[data-theme="dark"]) .push-nudge-text small{color:var(--muted)} :where(html[data-theme="dark"]) .streak-freeze-line{color:#95b6ff} :where(html[data-theme="dark"]) .streak-freeze-info{color:var(--muted)} :where(html[data-theme="dark"]) .freeze-toast{background:#1e3a8a;color:#fff;box-shadow:0 12px 32px rgba(30,58,138,.4)} :where(html[data-theme="dark"]) .gym-sets-intro{color:var(--muted)} :where(html[data-theme="dark"]) .gym-set-card{border:1px solid rgba(255,255,255,.096);background:linear-gradient(135deg,rgba(21,27,50,.75),rgba(31,22,40,.75));box-shadow:0 8px 26px rgba(31,38,135,.1), inset 0 1px 0 rgba(255,255,255,.078)} :where(html[data-theme="dark"]) .gym-set-card.is-added{background:linear-gradient(135deg,rgba(0,33,21,.8),rgba(2,31,26,.8));border-color:rgba(16,185,129,.427)} :where(html[data-theme="dark"]) .gym-set-title strong{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-set-title small{color:var(--muted)} :where(html[data-theme="dark"]) .gym-set-count{color:#a5b0ff;background:rgba(22,21,36,.72)} :where(html[data-theme="dark"]) .gym-set-card.is-added .gym-set-count{color:#78c9a8} :where(html[data-theme="dark"]) .gym-set-sample span{background:rgba(22,21,36,.66);color:var(--muted)} :where(html[data-theme="dark"]) .gym-set-sample b{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-set-remove{border:0;background:none;color:var(--muted);text-decoration:underline} :where(html[data-theme="dark"]) .gym-set-remove:hover{color:#ff9689} :where(html[data-theme="dark"]) .gym-set-link{border:0;background:none;color:#a5b0ff;text-decoration:underline} :where(html[data-theme="dark"]) .gym-set-link:hover{color:#e0e1ee} :where(html[data-theme="dark"]) .gym-set-seeall{border:0;background:none;color:#a5b0ff;text-decoration:underline} :where(html[data-theme="dark"]) .gym-set-seeall:hover{color:#e0e1ee} :where(html[data-theme="dark"]) .vs-overlay{background:rgba(1,3,13,.55)} :where(html[data-theme="dark"]) .vs-card{background:#161524;box-shadow:0 28px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .vs-head-text h3{color:#e0e1ee} :where(html[data-theme="dark"]) .vs-head-text p{color:var(--muted)} :where(html[data-theme="dark"]) .vs-list{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .vs-list li{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .vs-word b{color:#e0e1ee} :where(html[data-theme="dark"]) .vs-romaji{color:var(--muted)} :where(html[data-theme="dark"]) .vs-meaning{color:#c2c2cf} :where(html[data-theme="dark"]) .vs-foot-state{color:var(--muted)} :where(html[data-theme="dark"]) .vocab-filter-sep{background:var(--ring)} :where(html[data-theme="dark"]) #checkoutActivating{background:linear-gradient(160deg,#1d172d,#22183a)} :where(html[data-theme="dark"]) #checkoutActivating .ca-box{background:#161524;box-shadow:0 18px 50px rgba(76,29,149,.16)} :where(html[data-theme="dark"]) #checkoutActivating h2{color:#e0e1ee} :where(html[data-theme="dark"]) #checkoutActivating p{color:#a2a2af} :where(html[data-theme="dark"]) #checkoutActivating .ca-spin{border:3px solid rgba(143,95,255,.312);border-top-color:#6f2cdc} :where(html[data-theme="dark"]) .jsw-sched-head{color:#baa8ff} :where(html[data-theme="dark"]) .jsw-sched-head small{color:#868692} :where(html[data-theme="dark"]) .jsw-sched-row{border-top:1px solid rgba(143,95,255,.249)} :where(html[data-theme="dark"]) .jsw-sched-row:first-child{border-top:0} :where(html[data-theme="dark"]) .jsw-sched-when{color:#a2a2af} :where(html[data-theme="dark"]) .jsw-sched-when b{color:#e0e1ee} :where(html[data-theme="dark"]) .jsw-sched-what{color:#e0e1ee} :where(html[data-theme="dark"]) .jsw-sched-what i{color:#a2a2af} :where(html[data-theme="dark"]) .practice-due-panel{border:1px solid rgba(108,113,253,.388);background:#1a1826} :where(html[data-theme="dark"]) .practice-due-text strong{color:#e0e1ee} :where(html[data-theme="dark"]) .practice-due-text small{color:#a2a2af} :where(html[data-theme="dark"]) .practice-due-list{border-top:1px solid rgba(108,113,253,.282)} :where(html[data-theme="dark"]) .practice-due-word{border-bottom:1px solid rgba(108,113,253,.215)} :where(html[data-theme="dark"]) .practice-due-word b{color:#e0e1ee} :where(html[data-theme="dark"]) .practice-due-word em{color:#baa8ff} :where(html[data-theme="dark"]) .practice-due-word span{color:#a2a2af} :where(html[data-theme="dark"]) .practice-due-word i{color:#baa8ff} :where(html[data-theme="dark"]) .practice-due-rest{color:#a2a2af} :where(html[data-theme="dark"]) .practice-due-more{border:0;background:none;color:#a5b1ff} :where(html[data-theme="dark"]) .leader-period{border:1px solid rgba(108,113,253,.427);background:#161524} :where(html[data-theme="dark"]) .leader-period button{border:0;border-left:1px solid rgba(108,113,253,.34);background:transparent;color:var(--muted)} :where(html[data-theme="dark"]) .leader-period button:first-child{border-left:0} :where(html[data-theme="dark"]) .leader-period button.on{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .lesson-player-note{background:#0f1c2c;border:1px solid #284363;color:#95b6ff} :where(html[data-theme="dark"]) .sched-card{color:#e0e1ee} :where(html[data-theme="dark"]) .sched-card:not(.open){color:#fff;background:linear-gradient(115deg,#17153b,#312e81,#4f46e5,#7c3aed,#a21caf,#7c3aed,#4f46e5,#312e81,#17153b);box-shadow:0 14px 32px rgba(49,46,129,.30), 0 4px 12px rgba(124,58,237,.22)} :where(html[data-theme="dark"]) .sched-card.open{background:#161524;border:1px solid rgba(108,113,253,.365);box-shadow:0 14px 34px rgba(0,0,0,.274)} :where(html[data-theme="dark"]) .sched-teaser{border:0;background:none;color:inherit} :where(html[data-theme="dark"]) .sched-mark{background:rgba(22,21,36,.16);color:#ffffff} :where(html[data-theme="dark"]) .sched-card.open .sched-mark{background:linear-gradient(115deg,#4f46e5,#7c3aed,#a21caf)} :where(html[data-theme="dark"]) .sched-teaser-text small{color:rgba(255,255,255,.78)} :where(html[data-theme="dark"]) .sched-card.open .sched-teaser-text small{color:#baa8ff} :where(html[data-theme="dark"]) .sched-nopi{color:#ffffff;background:rgba(22,21,36,.16);border:1px solid rgba(255,255,255,.045)} :where(html[data-theme="dark"]) .sched-card.open .sched-nopi{background:#1d172d;border-color:#423960;color:#baa8ff} :where(html[data-theme="dark"]) .sched-chev{color:#ffffff} :where(html[data-theme="dark"]) .sched-card.open .sched-chev{color:#868692} :where(html[data-theme="dark"]) .sched-tzline{color:#a2a2af} :where(html[data-theme="dark"]) .sched-ev{border-bottom:1px solid rgba(255,255,255,.081)} :where(html[data-theme="dark"]) .sched-ev:last-child{border-bottom:0} :where(html[data-theme="dark"]) .sched-when small{color:#868692} :where(html[data-theme="dark"]) .sched-what{border-left:3px solid var(--dot)} :where(html[data-theme="dark"]) .sched-what small{color:#a2a2af} :where(html[data-theme="dark"]) .sched-go{border:1px solid rgba(108,113,253,.501);background:#161524;color:#a5b1ff} :where(html[data-theme="dark"]) .sched-go.in{background:#059669;border-color:#059669;color:#fff} :where(html[data-theme="dark"]) .sched-note{color:#868692} :where(html[data-theme="dark"]) .sched-more{color:#a2a2af} :where(html[data-theme="dark"]) .sched-q{background:#1a1826;border-top:1px solid rgba(108,113,253,.282)} :where(html[data-theme="dark"]) .sched-q > p{color:#a2a2af} :where(html[data-theme="dark"]) .sched-tz{background:#161524;border:1px solid rgba(108,113,253,.34);color:#c2c2cf} :where(html[data-theme="dark"]) .sched-tz svg{color:#a5b1ff} :where(html[data-theme="dark"]) .sched-seg{border:1px solid rgba(108,113,253,.427);background:#161524} :where(html[data-theme="dark"]) .sched-seg button{border:0;border-left:1px solid rgba(108,113,253,.34);background:transparent;color:#a2a2af} :where(html[data-theme="dark"]) .sched-seg button:first-child{border-left:0} :where(html[data-theme="dark"]) .sched-seg button.on{background:#4f46e5;color:#fff} :where(html[data-theme="dark"]) .sched-send{border:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff} :where(html[data-theme="dark"]) .sched-error{color:#ff9689} :where(html[data-theme="dark"]) .sched-thanks p{color:#a2a2af} :where(html[data-theme="dark"]) .noa-avail-h{color:#a2a2af} :where(html[data-theme="dark"]) .noa-avail-h span{color:#868692} :where(html[data-theme="dark"]) .practice-length-label{color:#e0e1ee} :where(html[data-theme="dark"]) .practice-length-opts{border:1px solid rgba(108,113,253,.427);background:rgba(22,21,36,.6)} :where(html[data-theme="dark"]) .practice-length-opts button{border:0;border-left:1px solid rgba(108,113,253,.365);background:transparent;color:var(--muted)} :where(html[data-theme="dark"]) .practice-length-opts button:first-child{border-left:0} :where(html[data-theme="dark"]) .practice-length-opts button.active{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .cancel-modal{background:rgba(1,3,13,.62)} :where(html[data-theme="dark"]) .cancel-dialog{background:#161524;border:1px solid var(--ring);box-shadow:0 28px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .cancel-progress{background:rgba(124,58,237,.14)} :where(html[data-theme="dark"]) .cancel-progress-fill{background:linear-gradient(90deg,#7c3aed,#4f46e5)} :where(html[data-theme="dark"]) .cancel-preview-flag{background:#241c00;color:#f3a079} :where(html[data-theme="dark"]) .cancel-reason{border:1.5px solid var(--ring);background:#161524;color:#e0e1ee} :where(html[data-theme="dark"]) .cancel-reason:hover{border-color:rgba(144,94,255,.53)} :where(html[data-theme="dark"]) .cancel-reason.selected{border-color:#7c3aed;background:rgba(124,58,237,.08);color:#bba8ff} :where(html[data-theme="dark"]) .cancel-detail{border:1.5px solid var(--ring);background:#161524;color:#e0e1ee} :where(html[data-theme="dark"]) .cancel-detail:focus{outline:none;border-color:#7c3aed} :where(html[data-theme="dark"]) .cancel-gift{background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(245,158,11,.18))} :where(html[data-theme="dark"]) .cancel-gift svg{fill:#baa8ff} :where(html[data-theme="dark"]) .cancel-offer-line{color:var(--muted)} :where(html[data-theme="dark"]) .cancel-keep li,:where(html[data-theme="dark"]) .cancel-lose li{color:#c2c2cf} :where(html[data-theme="dark"]) .cancel-keep svg{fill:#6acea3} :where(html[data-theme="dark"]) .cancel-lose svg{fill:#868692} :where(html[data-theme="dark"]) .cancel-quiet-btn{border:0;background:none;color:var(--muted);text-decoration:underline} :where(html[data-theme="dark"]) .cancel-quiet-btn:hover{color:#b5b5c2} :where(html[data-theme="dark"]) .cancel-endline{color:#c2c2cf} :where(html[data-theme="dark"]) .cancel-danger-btn{border:1.5px solid rgba(236,57,52,.575);background:#161524;color:#ff9689} :where(html[data-theme="dark"]) .cancel-danger-btn:hover{background:rgba(220,38,38,.06)} :where(html[data-theme="dark"]) .cancel-done-mark.is-good{background:rgba(5,150,105,.12)} :where(html[data-theme="dark"]) .cancel-done-mark.is-good svg{fill:#6acea3} :where(html[data-theme="dark"]) .cancel-done-mark.is-gone{background:rgba(107,114,128,.12)} :where(html[data-theme="dark"]) .cancel-done-mark.is-gone svg{fill:#a2a2af} :where(html[data-theme="dark"]) .cancel-done-body{color:#c2c2cf} :where(html[data-theme="dark"]) .p-sub-cancel{border:0;background:none;color:var(--muted);text-decoration:underline} :where(html[data-theme="dark"]) .p-sub-cancel:hover{color:#ff9689} :where(html[data-theme="dark"]) .msg-new-btn{border:0;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .msg-new-btn:hover{filter:brightness(1.06)} :where(html[data-theme="dark"]) .msg-picker-back{border:0;background:none;color:var(--muted)} :where(html[data-theme="dark"]) .msg-picker-search input{border:1px solid var(--ring)!important;background:#161524;color:var(--ink)} :where(html[data-theme="dark"]) .msg-picker-search input:focus{outline:2px solid #4f46e5} :where(html[data-theme="dark"]) .cr-live-row{border:1px solid var(--ring);background:#161524} :where(html[data-theme="dark"]) .cr-live-row:hover{border-color:#4f46e5} :where(html[data-theme="dark"]) .cr-live-play{background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .cr-live-text strong{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-live-text small{color:var(--muted)} :where(html[data-theme="dark"]) .cr-level{color:#78c9a8;background:#052319;border:1px solid #184c39} :where(html[data-theme="dark"]) .cr-level.is-n5{color:#77bff7;background:#002134;border-color:#11455c} :where(html[data-theme="dark"]) .cr-level.is-n4{color:#fa9d69;background:#241c00;border-color:#af9d55} :where(html[data-theme="dark"]) .cr-level.is-n3{color:#ff949a;background:#381017;border-color:#5e3139} :where(html[data-theme="dark"]) .cr-level.is-n2{color:#baa8ff;background:#271536;border-color:#423960} :where(html[data-theme="dark"]) .cr-level.is-n1{color:#d4d4e1;background:#202030;border-color:#3b4350} :where(html[data-theme="dark"]) .cr-slides{text-decoration:none;background:var(--brand);color:#fff} :where(html[data-theme="dark"]) .cr-slides:hover{box-shadow:0 8px 20px rgba(79,70,229,.28)} :where(html[data-theme="dark"]) .cr-recap{background:#161524;border:1px solid var(--ring)} :where(html[data-theme="dark"]) .cr-gram span{border-bottom:1px solid var(--ring);color:var(--muted)} :where(html[data-theme="dark"]) .cr-gram span:last-child{border-bottom:0} :where(html[data-theme="dark"]) .cr-gram b{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-gram i{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-rule{color:var(--muted);border-left:3px solid #4f46e5} :where(html[data-theme="dark"]) .cr-q{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .cr-q h4{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-q-n{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-q-ask b{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-q-ask i{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-q-eg em{color:var(--muted)} :where(html[data-theme="dark"]) .cr-q-eg b{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-q-eg i{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-q-eg span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-topic{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .cr-topic h4{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-topic h4 span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-frame{border-left:3px solid #4f46e5} :where(html[data-theme="dark"]) .cr-frame b{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-frame i{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-frame span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-line em{color:var(--muted)} :where(html[data-theme="dark"]) .cr-line b{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-line i{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-line span{color:var(--muted)} :where(html[data-theme="dark"]) .cr-stat b{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-stat small{color:var(--muted)} :where(html[data-theme="dark"]) .cr-podium li{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .cr-podium li:last-child{border-bottom:0} :where(html[data-theme="dark"]) .cr-podium li:not(.is-medal) .cr-podium-name{color:var(--muted)} :where(html[data-theme="dark"]) .cr-medal{color:var(--muted)} :where(html[data-theme="dark"]) .cr-podium-name{color:#e0e1ee} :where(html[data-theme="dark"]) .cr-summit{color:#fa9d69} :where(html[data-theme="dark"]) .cr-winner b{color:#a5b0ff} :where(html[data-theme="dark"]) .cr-winner i{color:var(--muted)} :where(html[data-theme="dark"]) .cr-podium.is-partial .cr-medal{color:var(--muted)} :where(html[data-theme="dark"]) .cr-known{color:var(--muted)} :where(html[data-theme="dark"]) .cr-round{color:var(--muted)} :where(html[data-theme="dark"]) .cr-podium-score{color:#a5b0ff} :where(html[data-theme="dark"]) .msg-swipe-hint{background:rgba(22,21,36,.92);box-shadow:0 1px 5px rgba(0,0,0,.56);color:#a5b1ff} :where(html[data-theme="dark"]) .msg-quote{border:0;border-left:3px solid currentColor;background:rgba(22,21,36,.42);color:inherit} :where(html[data-theme="dark"]) .msg-bubble.mine .msg-quote{background:rgba(22,21,36,.22)} :where(html[data-theme="dark"]) .msg-bubble.msg-flash{animation:msgFlash--dark 1.2s ease-out} :where(html[data-theme="dark"]) .msg-reply-bar{border-top:1px solid var(--ring);border-left:3px solid #4f46e5;background:#161524} :where(html[data-theme="dark"]) .msg-reply-bar-who{color:#a5b1ff} :where(html[data-theme="dark"]) .msg-reply-bar-text{color:var(--muted)} :where(html[data-theme="dark"]) .msg-reply-bar-cancel{border:0;background:#1a1a29;color:#e0e1ee} :where(html[data-theme="dark"]) .msg-actions{background:rgba(1,3,13,.42)} :where(html[data-theme="dark"]) .msg-actions-panel{background:#161524;box-shadow:0 24px 60px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .msg-actions-panel button{border:0;border-bottom:1px solid var(--ring);background:#161524;color:#e0e1ee} :where(html[data-theme="dark"]) .msg-actions-panel button:last-child{border-bottom:0} :where(html[data-theme="dark"]) .msg-actions-panel button.is-danger{color:#ff9689} :where(html[data-theme="dark"]) .msg-actions-panel .msg-actions-cancel{color:var(--muted)} :root:where([data-theme="dark"]){--ob2-ink:#d2d2df;--ob2-body:#bdbdca;--ob2-line:rgba(144,94,255,.282);--ob2-rail:#22183a;--ob2-gold-a:#fbbf24;--ob2-gold-b:#f59e0b;--ob2-gold-deep:#a16207} :where(html[data-theme="dark"]) .ob2-kicker{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-h1,:where(html[data-theme="dark"]) .ob2-h2,:where(html[data-theme="dark"]) .ob2-planbtn-amt{background-image:linear-gradient(112deg,#a5b0ff 0%,#a5b1ff 34%,#baa8ff 72%,#cba0ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .ob2-lede{color:var(--ob2-body)} :where(html[data-theme="dark"]) .ob2-sub{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-cta{border:0;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 14px 30px rgba(79,70,229,.28)} :where(html[data-theme="dark"]) .ob2-cta:hover{box-shadow:0 18px 38px rgba(79,70,229,.34)} :where(html[data-theme="dark"]) .ob2-noa{border:2px solid #313a5f;box-shadow:0 14px 34px rgba(79,70,229,.18);background:#151b32} :where(html[data-theme="dark"]) .ob2-float{background:#161524;border:1.5px solid #313a5f;box-shadow:0 8px 20px rgba(31,38,135,.13);color:#c2c3d0} :where(html[data-theme="dark"]) .ob2-float b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-proof{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .ob2-faces span{color:#ffffff;border:2.5px solid #343344;box-shadow:0 2px 8px rgba(31,38,135,.14)} :where(html[data-theme="dark"]) .ob2-proof-txt{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-proof-txt b{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-choice{border:1.5px solid #40365c;background:#161524;box-shadow:0 3px 12px rgba(31,38,135,.05)} :where(html[data-theme="dark"]) .ob2-choice:hover{border-color:rgba(144,94,255,.511);box-shadow:0 10px 24px rgba(79,70,229,.14)} :where(html[data-theme="dark"]) .ob2-choice.picked,:where(html[data-theme="dark"]) .ob2-choice.selected{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 14px 30px rgba(79,70,229,.3)} :where(html[data-theme="dark"]) .ob2-choice-txt strong{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-choice-txt small{color:#9d9daa} :where(html[data-theme="dark"]) .ob2-choice.picked .ob2-choice-txt strong,:where(html[data-theme="dark"]) .ob2-choice.selected .ob2-choice-txt strong{color:#ffffff} :where(html[data-theme="dark"]) .ob2-choice.picked .ob2-choice-txt small,:where(html[data-theme="dark"]) .ob2-choice.selected .ob2-choice-txt small{color:rgba(255,255,255,.86)} :where(html[data-theme="dark"]) .ob2-plan-for{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-tile{border:1px solid var(--ob2-line);background:#161524;box-shadow:0 6px 22px rgba(79,70,229,.07)} :where(html[data-theme="dark"]) .ob2-tile-hd svg{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-tile-hd strong{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-tile .post{box-shadow:none;border:1px solid #3d3459} :where(html[data-theme="dark"]) .ob2-post-excerpt{color:#a6a6b2;background:#181727;border:1px solid #3d3459} :where(html[data-theme="dark"]) .ob2-post-excerpt b{color:#c1c1ce} :where(html[data-theme="dark"]) .ob2-comment-name{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-comment-when{color:#90909d} :where(html[data-theme="dark"]) .comment-text{color:#c1c1ce} :where(html[data-theme="dark"]) .ob2-cal{background:#181727;border:1px solid #3d3459} :where(html[data-theme="dark"]) .ob2-cal-saved{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-cal-saved strong{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-xp{background:#181727;border:1px solid #3d3459} :where(html[data-theme="dark"]) .ob2-xp-flame{color:#ff9877} :where(html[data-theme="dark"]) .ob2-xp-nopi{color:#dfac77} :where(html[data-theme="dark"]) .ob2-xp-bar{background:var(--ob2-rail)} :where(html[data-theme="dark"]) .ob2-xp-fill{background:linear-gradient(90deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .ob2-xp-lbl{color:#9494a1} :where(html[data-theme="dark"]) .ob2-xp-lbl b{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-comm{background:#181727;border:1px solid #3d3459} :where(html[data-theme="dark"]) .ob2-comm-row{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-comm-av{color:#ffffff} :where(html[data-theme="dark"]) .ob2-comm-row b{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-syl-scroll::-webkit-scrollbar-thumb{background:rgba(124,58,237,.24)} :where(html[data-theme="dark"]) .scene{background:#112948;box-shadow:0 16px 40px rgba(17,12,60,.26);border:1px solid rgba(255,255,255,.096)} :where(html[data-theme="dark"]) .climber{border:2px solid #fff;box-shadow:0 3px 9px rgba(17,12,60,.35);background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff} :where(html[data-theme="dark"]) .climber.summited{border-color:#34d399} :where(html[data-theme="dark"]) .hud-chip{background:rgba(2,3,13,.82);color:#fff} :where(html[data-theme="dark"]) .ob2-roulette{background:#161524;border:1px solid #38394f;box-shadow:0 16px 40px rgba(17,12,60,.18)} :where(html[data-theme="dark"]) .reel-label{color:#a2a2af} :where(html[data-theme="dark"]) .slot{background:linear-gradient(180deg,#171726 0%,#1a1a28 100%);border:1px solid #38394f} :where(html[data-theme="dark"]) .slot-item .sj{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .slot-item .se{color:#a2a2af} :where(html[data-theme="dark"]) .slot-item .se .jp{color:#878793} :where(html[data-theme="dark"]) .slot-frame{border:2px solid #4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1)} :where(html[data-theme="dark"]) .slot.landed .slot-frame{border-color:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.18)} :where(html[data-theme="dark"]) .slot-fade.t{background:linear-gradient(180deg,rgba(24,23,38,.97) 18%,rgba(24,23,38,.55) 70%,rgba(24,23,38,0) 100%)} :where(html[data-theme="dark"]) .slot-fade.b{background:linear-gradient(0deg,rgba(24,23,38,.97) 18%,rgba(24,23,38,.55) 70%,rgba(24,23,38,0) 100%)} :where(html[data-theme="dark"]) .ob2-bonus{background:linear-gradient(180deg,#171726 0%,#1a1a28 100%);border:1px solid #38394f} :where(html[data-theme="dark"]) .ob2-bonus b{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-bonus span{color:#878793} :where(html[data-theme="dark"]) .ob2-spin{border:0;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.35)} :where(html[data-theme="dark"]) .ob2-prompt{border:1px solid var(--ob2-line);background:#161524;box-shadow:0 12px 36px rgba(79,70,229,.11)} :where(html[data-theme="dark"]) .ob2-prompt-q{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-model{border-top:1px solid var(--ob2-line)} :where(html[data-theme="dark"]) .ob2-model-lbl{color:#baa8ff} :where(html[data-theme="dark"]) .ob2-model-jp{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-model-ro{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-model-en{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-prompt-gram{border-top:1px solid var(--ob2-line);color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-prompt-gram span{color:#90909d} :where(html[data-theme="dark"]) .ob2-mic{border:0;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 16px 38px rgba(79,70,229,.34)} :where(html[data-theme="dark"]) .ob2-mic svg{color:#ffffff} :where(html[data-theme="dark"]) .ob2-mic.rec{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 16px 38px rgba(220,38,38,.36)} :where(html[data-theme="dark"]) .ob2-mic.rec::after{border:2px solid rgba(236,57,52,.501)} :where(html[data-theme="dark"]) .ob2-mic:not(.rec)::before{border:2px solid rgba(144,94,255,.501)} :where(html[data-theme="dark"]) .ob2-mic-hint{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-wave i{background:linear-gradient(180deg,var(--purple),var(--brand))} :where(html[data-theme="dark"]) .ob2-timer{color:#ff968a} :where(html[data-theme="dark"]) .ob2-orb-wrap::before{background:radial-gradient(circle at 50% 55%,rgba(124,58,237,.22),rgba(124,58,237,0) 68%)} :where(html[data-theme="dark"]) .ob2-sending p{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-check{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 10px 24px rgba(22,163,74,.3)} :where(html[data-theme="dark"]) .ob2-check svg{color:#ffffff} :where(html[data-theme="dark"]) .ob2-done-hd strong{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-reward{border-top:1px solid var(--ring);border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .ob2-reward b{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-reward small{color:#9494a1} :where(html[data-theme="dark"]) .ob2-reward .rw-nopis b{color:#e4ac5d} :where(html[data-theme="dark"]) .ob2-reward .rw-streak b{color:#ff968a} :where(html[data-theme="dark"]) .ob2-reward .rw-done b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-live-hd b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-live-hd span{color:#9494a1} :where(html[data-theme="dark"]) .ob2-live-list{border-left:1px solid var(--ob2-line)} :where(html[data-theme="dark"]) .ob2-live-list li{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-live-list b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-live-list i{color:#9494a1} :where(html[data-theme="dark"]) .ob2-says-list::-webkit-scrollbar-thumb{background:rgba(124,58,237,.28)} :where(html[data-theme="dark"]) .ob2-say{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .ob2-say:last-child{border-bottom:0} :where(html[data-theme="dark"]) .ob2-say-stars{color:#f2b705} :where(html[data-theme="dark"]) .ob2-say blockquote{color:var(--ob2-body)} :where(html[data-theme="dark"]) .ob2-say figcaption{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-benefits li{border-bottom:1px solid var(--ring);color:#c1c1ce} :where(html[data-theme="dark"]) .ob2-benefits li:last-child{border-bottom:0} :where(html[data-theme="dark"]) .ob2-benefits svg{color:#67d280} :where(html[data-theme="dark"]) .ob2-planbtn{border:2px solid #40365c;background:#161524} :where(html[data-theme="dark"]) .ob2-planbtn:hover{border-color:rgba(144,94,255,.501)} :where(html[data-theme="dark"]) .ob2-planbtn-name{color:#9494a1} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="monthly"] .ob2-planbtn-amt{background-image:linear-gradient(135deg,#e3a509 0%,#b4780a 100%)} :where(html[data-theme="dark"]) .ob2-planbtn-per{color:#9494a1;-webkit-text-fill-color:#9494a1} :where(html[data-theme="dark"]) .ob2-planbtn-note{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-planbtn-note b{color:#7ace8d} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="monthly"].active{border-color:#f59e0b} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="monthly"].active .ob2-planbtn-name{color:#e7a969} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="monthly"].active .ob2-radio{border-color:#f59e0b} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="monthly"].active .ob2-radio::after{background:linear-gradient(135deg,var(--ob2-gold-a),var(--ob2-gold-b))} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="yearly"].active{border-color:#4f46e5} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="yearly"].active .ob2-planbtn-name{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="yearly"].active .ob2-radio{border-color:#4f46e5} :where(html[data-theme="dark"]) .ob2-planbtn[data-plan="yearly"].active .ob2-radio::after{background:linear-gradient(135deg,var(--brand),var(--purple))} :where(html[data-theme="dark"]) .ob2-radio{border:2px solid #43395f} :where(html[data-theme="dark"]) .ob2-perday{color:#a6a6b2} :where(html[data-theme="dark"]) .ob2-perday strong{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-payfoot{color:#9494a1} :where(html[data-theme="dark"]) .ob2-shelf{border:1px solid var(--ob2-line);background:#161524;box-shadow:0 12px 36px rgba(79,70,229,.1)} :where(html[data-theme="dark"]) .ob2-shelf-hd{color:#9494a1} :where(html[data-theme="dark"]) .ob2-shelf-hd strong{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-shelf-row{border-top:1px solid var(--ob2-line)} :where(html[data-theme="dark"]) .ob2-shelf-t strong{color:var(--ob2-ink)} :where(html[data-theme="dark"]) .ob2-shelf-t small{color:#9494a1} :where(html[data-theme="dark"]) .ob2-shelf-row b{color:#a5b1ff} :where(html[data-theme="dark"]) .ob2-shelf-row.is-top b{background-image:linear-gradient(135deg,#e5ad3c 0%,#e4ac5d 100%);-webkit-text-fill-color:transparent;color:transparent} @media (max-width:760px){:where(html[data-theme="dark"]) #subscriptionView .join-flow-footer{background:rgba(23,23,38,.97);border-top:1px solid var(--ring)}} :where(html[data-theme="dark"]) .mc-card{background:var(--glass-strong);border:1.5px solid rgba(108,113,255,.388)} :where(html[data-theme="dark"]) .mc-card figcaption b{color:var(--ink)} :where(html[data-theme="dark"]) .mc-card figcaption b small{color:var(--muted)} :where(html[data-theme="dark"]) .mc-card figcaption span{color:var(--muted)} :where(html[data-theme="dark"]) .mc-ring-bg{fill:none;stroke:#3e345a} :where(html[data-theme="dark"]) .mc-ring{fill:none;stroke:#baa8ff} :where(html[data-theme="dark"]) .mc-ring-num{fill:var(--ink)} :where(html[data-theme="dark"]) .mc-ring-of{fill:var(--muted)} :where(html[data-theme="dark"]) .mc-base{stroke:var(--ring)} :where(html[data-theme="dark"]) .mc-area{fill:rgba(186,168,255,.12)} :where(html[data-theme="dark"]) .mc-step{fill:none;stroke:#baa8ff} :where(html[data-theme="dark"]) .mc-pt{fill:#baa8ff;stroke:var(--card)} :where(html[data-theme="dark"]) .mc-hover{fill:#baa8ff;stroke:var(--card)} :where(html[data-theme="dark"]) .mc-line-axis{color:var(--muted)} :where(html[data-theme="dark"]) .mc-tip{background:#393948;color:#fff;box-shadow:0 8px 22px rgba(17,24,39,.18)} :where(html[data-theme="dark"]) .mc-stack .is-learned{background:#16a34a} :where(html[data-theme="dark"]) .mc-stack .is-learning{background:#f59e0b} :where(html[data-theme="dark"]) .mc-stack .is-none{background:#202030} :where(html[data-theme="dark"]) .mc-stack-key{color:var(--muted)} :where(html[data-theme="dark"]) .mc-stack-key span::before{background:#202030} :where(html[data-theme="dark"]) .mc-stack-key .is-learned::before{background:#16a34a} :where(html[data-theme="dark"]) .mc-stack-key .is-learning::before{background:#f59e0b} :where(html[data-theme="dark"]) .mc-class{background:var(--glass-strong);border:1.5px solid rgba(108,113,255,.388)} :where(html[data-theme="dark"]) .mc-class[open]{border-color:rgba(108,113,255,.575)} :where(html[data-theme="dark"]) .mc-date{color:var(--muted)} :where(html[data-theme="dark"]) .mc-name strong i{color:var(--muted)} :where(html[data-theme="dark"]) .mc-name small{color:var(--muted)} :where(html[data-theme="dark"]) .mc-chev{color:var(--muted)} :where(html[data-theme="dark"]) .mc-h{color:var(--muted)} :where(html[data-theme="dark"]) .mc-items > li{border-bottom:1px solid var(--ring)} :where(html[data-theme="dark"]) .mc-items > li:last-child{border-bottom:0} :where(html[data-theme="dark"]) .mc-q{color:var(--muted)} :where(html[data-theme="dark"]) .mc-items i{color:var(--muted)} :where(html[data-theme="dark"]) .mc-ans > summary{color:#a5b1ff} :where(html[data-theme="dark"]) .mc-ans p{border-left:2px solid rgba(144,94,255,.53)} :where(html[data-theme="dark"]) .mc-ans p span{color:var(--muted)} :where(html[data-theme="dark"]) .mc-foot{color:var(--muted)} :where(html[data-theme="dark"]) .mc-link{border:0;background:none;color:#a5b1ff} :where(html[data-theme="dark"]) .mc-section{color:var(--muted)} :where(html[data-theme="dark"]) .mc-empty,:where(html[data-theme="dark"]) .mc-error{color:var(--muted)} :where(html[data-theme="dark"]) .ck-overlay{background:rgba(1,3,13,.5)} :where(html[data-theme="dark"]) .ck-card{background:var(--card);border:1.5px solid rgba(108,113,255,.399);box-shadow:0 24px 60px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .ck-mark{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 10px 24px rgba(22,163,74,.3)} :where(html[data-theme="dark"]) .ck-class{color:#a5b0ff} :where(html[data-theme="dark"]) .ck-nopis{color:#dfac77} :where(html[data-theme="dark"]) #profileView > .page-panel{background:none!important;border:0!important;box-shadow:none!important} :where(html[data-theme="dark"]) .pv-av{background:conic-gradient(var(--purple) var(--p,0%),#22183a 0)} :where(html[data-theme="dark"]) .pv-av .profile-photo{box-shadow:0 0 0 3px var(--card)} :where(html[data-theme="dark"]) .pv-who-text small{color:var(--muted)} :where(html[data-theme="dark"]) .pv-gear{border:0;background:transparent;color:var(--muted)} :where(html[data-theme="dark"]) .pv-gear:hover{background:rgba(124,58,237,.08);color:#a5b1ff} :where(html[data-theme="dark"]) .pv-tile{border:0;color:inherit} :where(html[data-theme="dark"]) .pv-tile small{color:var(--muted)} :where(html[data-theme="dark"]) .pv-lbl{color:rgba(224,225,238,.55)} :where(html[data-theme="dark"]) .pv-num small{color:var(--muted)} :where(html[data-theme="dark"]) .pv-go{color:#a5b1ff} :where(html[data-theme="dark"]) .pv-tile.is-streak{background:#2a1600} :where(html[data-theme="dark"]) .pv-tile.is-streak .pv-num{color:#ff9972} :where(html[data-theme="dark"]) .pv-tile.is-course{background:#1f1732} :where(html[data-theme="dark"]) .pv-tile.is-gym{background:#002212} :where(html[data-theme="dark"]) .pv-tile.is-nopis{background:#221900} :where(html[data-theme="dark"]) .pv-tile.is-nopis .pv-num{color:#dfac77} :where(html[data-theme="dark"]) .pv-tile.is-classes{background:#0d1c2d} :where(html[data-theme="dark"]) .pv-week i{background:#331900} :where(html[data-theme="dark"]) .pv-week i.is-on{background:linear-gradient(135deg,#f97316,#ea580c)} :where(html[data-theme="dark"]) .pv-week i.is-today{box-shadow:0 0 0 1.5px rgba(255,255,255,.12),0 0 0 3px #f97316} :where(html[data-theme="dark"]) .pv-seals i{color:#ffffff;border:1.2px dashed rgba(127,134,149,.575)} :where(html[data-theme="dark"]) .pv-seals i.is-done{background:#d8412f;border:0} :where(html[data-theme="dark"]) .pv-seals i.is-now{border-color:#7c3aed} :where(html[data-theme="dark"]) .pv-next-btn{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--purple));box-shadow:0 10px 24px rgba(79,70,229,.22)} :where(html[data-theme="dark"]) .pv-next-play{background:rgba(22,21,36,.2);color:#ffffff} :where(html[data-theme="dark"]) .pv-links button{border:0;border-top:1px solid var(--ring);background:none;color:inherit} :where(html[data-theme="dark"]) .pv-links button span{color:var(--muted)} :where(html[data-theme="dark"]) .st-grp h3{color:var(--muted)} :where(html[data-theme="dark"]) .st-panel{background:var(--card)} :where(html[data-theme="dark"]) .st-row{border:0;border-top:1px solid var(--ring);background:none;color:inherit} :where(html[data-theme="dark"]) .st-panel > .st-row:first-child{border-top:0} :where(html[data-theme="dark"]) .st-k small{color:var(--muted)} :where(html[data-theme="dark"]) .st-v{border:0;background:none;color:var(--muted)} :where(html[data-theme="dark"]) .st-chev{color:var(--muted)} :where(html[data-theme="dark"]) .st-link{border:0;background:none;color:#a5b1ff} :where(html[data-theme="dark"]) .st-status{color:var(--muted)} :where(html[data-theme="dark"]) .st-membership .p-sub{border:0!important;box-shadow:none!important;background:var(--card)} :where(html[data-theme="dark"]) .st-logout{border:0;background:var(--card);color:#ff968a} :where(html[data-theme="dark"]) .noa-checkin{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .noa-checkin-link code{background:var(--soft)} :where(html[data-theme="dark"]) .noa-checkin-refresh{border:0;background:none;color:#a5b1ff} :where(html[data-theme="dark"]) .rw-overlay{background:rgba(1,3,13,.55)} :where(html[data-theme="dark"]) .rw-card{background:var(--card);box-shadow:0 30px 80px rgba(0,0,0,.62)} :where(html[data-theme="dark"]) .rw-jp{color:#a5b0ff} :where(html[data-theme="dark"]) .rw-jp i{color:var(--muted)} :where(html[data-theme="dark"]) .rw-seal{background:#d8412f;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 4px 10px rgba(216,65,47,.25)} :where(html[data-theme="dark"]) .rw-rule{color:var(--muted)} :where(html[data-theme="dark"]) .rw-total{color:#dfac77} :where(html[data-theme="dark"]) .rw-collect{border:0;color:#3b2a00;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 12px 26px rgba(245,158,11,.35)} :where(html[data-theme="dark"]) .rw-collect:not(:disabled){animation:rwGlow--dark 1.8s ease-in-out infinite} :where(html[data-theme="dark"]) .rw-petal{background:#a06485} :where(html[data-theme="dark"]) .rw-petal:nth-child(3n){background:#3b172e} :where(html[data-theme="dark"]) .rw-petal:nth-child(4n){background:#a19048} :where(html[data-theme="dark"]) .ncl-flash{border:1px solid #384066;background:var(--soft);color:#a5b0ff} :where(html[data-theme="dark"]) .ncl-err{color:#ff9689} :where(html[data-theme="dark"]) .ncl-err-inline{color:#ff9689} :where(html[data-theme="dark"]) .ncl-google{border:1px solid var(--ring);background:var(--card)} :where(html[data-theme="dark"]) .ncl-google.is-on{border-color:#234f35} :where(html[data-theme="dark"]) .ncl-link{border:0;background:none;color:#a5b1ff;text-decoration:none} :where(html[data-theme="dark"]) .ncl-link:hover{text-decoration:underline} :where(html[data-theme="dark"]) .ncl-link.is-quiet{color:var(--muted)} :where(html[data-theme="dark"]) .ncl-row{border:1px solid var(--ring);background:var(--card)} :where(html[data-theme="dark"]) .ncl-row.is-draft{border-color:#727eb5} :where(html[data-theme="dark"]) .ncl-row.is-published{border-color:#234f35} :where(html[data-theme="dark"]) .ncl-state{color:var(--muted)} :where(html[data-theme="dark"]) .is-draft .ncl-state{color:#a5b1ff} :where(html[data-theme="dark"]) .is-published .ncl-state{color:#7ace8d} :where(html[data-theme="dark"]) .is-needs_deck .ncl-state,:where(html[data-theme="dark"]) .is-draft_failed .ncl-state{color:#fa9d69} :where(html[data-theme="dark"]) .ncl-step{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .ncl-step .muted{color:var(--muted)} :where(html[data-theme="dark"]) .ncl-dot{border:1.5px solid #3b4350;color:#ffffff} :where(html[data-theme="dark"]) .ncl-step.is-done .ncl-dot{background:#16a34a;border-color:#16a34a} :where(html[data-theme="dark"]) .ncl-step.is-todo .ncl-dot{border-color:#f59e0b} :where(html[data-theme="dark"]) .ncl-step.is-wait .ncl-dot{border-color:#727eb5} :where(html[data-theme="dark"]) .ncl-row-actions{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .ncl-transcript{border:1px solid var(--ring);background:var(--card)} :where(html[data-theme="dark"]) .ncl-checks{border:1px solid #af9d55;background:#201800} :where(html[data-theme="dark"]) .ncl-field > span{color:var(--ink)} :where(html[data-theme="dark"]) .ncl-field > span i{color:var(--muted)} :where(html[data-theme="dark"]) .ncl-msg{color:#a5b0ff} :where(html[data-theme="dark"]) .ncl-preview{border-top:1px solid var(--ring)} :where(html[data-theme="dark"]) .ncl-preview-label{color:var(--muted)} :where(html[data-theme="dark"]) .ncl-novideo{color:var(--muted);border:1px dashed var(--ring)} :where(html[data-theme="dark"]) .ob3{--ob3-ink:#d2d2df;--ob3-body:#b1b1be;--ob3-line:rgba(108,113,255,.365);--ob3-line-strong:rgba(108,113,255,.633);--ob3-rail:#22183a;color:var(--ob3-ink);background:radial-gradient(120% 60% at 50% 0%,#221b3e 0%,rgba(34,27,62,0) 70%), linear-gradient(180deg,#1d192f 0%,#171726 55%,#1b1927 100%)} :where(html[data-theme="dark"]) .ob3-shell{border:1.5px solid rgba(108,113,255,.312);background:linear-gradient(180deg,#1b1826 0%,#161524 55%,#181727 100%);box-shadow:0 30px 80px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .ob3-back{border:0;background:none;color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3 .ob3-h{color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-p{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-num{background-image:linear-gradient(112deg,#a5b0ff 0%,#a5b1ff 34%,#baa8ff 72%,#cba0ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .ob3-dot{border:0;background:#2e264a} :where(html[data-theme="dark"]) .ob3-dot.active{background:#4f46e5} :where(html[data-theme="dark"]) .ob3-cta{border:0;background:#4f46e5;color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.25)} :where(html[data-theme="dark"]) .ob3-cta.is-waiting{box-shadow:none} :where(html[data-theme="dark"]) .ob3-cta-join{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 14px 30px rgba(124,58,237,.35)} :where(html[data-theme="dark"]) .ob3-card{background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 18px 40px rgba(55,48,163,.1),0 2px 6px rgba(55,48,163,.05)} :where(html[data-theme="dark"]) .ob3-stack .ob3-stack-front{border:2px solid var(--ob3-line-strong);box-shadow:0 24px 50px rgba(55,48,163,.18)} :where(html[data-theme="dark"]) .ob3-mini{background:#21183f;color:#fff;box-shadow:0 6px 14px rgba(33,24,63,.25)} :where(html[data-theme="dark"]) .ob3-choice{background:#161524;border:1.5px solid var(--ob3-line);color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-choice.selected{border:2px solid #4f46e5;box-shadow:0 10px 24px rgba(79,70,229,.14)} :where(html[data-theme="dark"]) .ob3-ico{background:var(--ob3-rail);color:#a5b1ff} :where(html[data-theme="dark"]) .ob3-t small{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-radio{border:1.5px solid #453e65;color:#ffffff} :where(html[data-theme="dark"]) .ob3-choice.selected .ob3-radio{background:#4f46e5;border-color:#4f46e5} :where(html[data-theme="dark"]) .ob3-facts{border-top:1px solid rgba(108,113,255,.282);border-bottom:1px solid rgba(108,113,255,.282)} :where(html[data-theme="dark"]) .ob3-facts span{color:var(--ob3-body);border-left:1px solid rgba(108,113,255,.282)} :where(html[data-theme="dark"]) .ob3-facts span:first-child{border-left:0} :where(html[data-theme="dark"]) .ob3-facts b{color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-cover{background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 10px 24px rgba(55,48,163,.08)} :where(html[data-theme="dark"]) .ob3-cover img{background:#21183a} :where(html[data-theme="dark"]) .ob3-cover figcaption{color:var(--ob3-ink);border-top:1px solid #3d3559} :where(html[data-theme="dark"]) .ob3-row{background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 18px 40px rgba(55,48,163,.1),0 2px 6px rgba(55,48,163,.05)} :where(html[data-theme="dark"]) .ob3-row.is-live{border:2px solid var(--ob3-line-strong);box-shadow:0 22px 46px rgba(55,48,163,.16),0 0 0 6px rgba(79,70,229,.06)} :where(html[data-theme="dark"]) .ob3-av img{background:var(--ob3-rail)} :where(html[data-theme="dark"]) .ob3-av i{background:#ef4444;border:2.5px solid #fff} :where(html[data-theme="dark"]) .ob3-screen.active .ob3-av i{animation:ob3Pulse--dark 1.6s ease-out infinite} :where(html[data-theme="dark"]) .ob3-row-t small{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-row-t em{color:#ff958d} :where(html[data-theme="dark"]) .ob3-bell{border:1.5px solid var(--ob3-line);background:#161524;color:#a5b1ff} :where(html[data-theme="dark"]) .ob3-join{background:#21183f;color:#fff} :where(html[data-theme="dark"]) .ob3-ring{border:1.5px dashed rgba(108,113,255,.365)} :where(html[data-theme="dark"]) .ob3-ring.is-in{border-color:rgba(108,113,255,.215)} :where(html[data-theme="dark"]) .ob3-me img{border:3px solid #343344;box-shadow:0 16px 34px rgba(79,70,229,.3);background:var(--ob3-rail)} :where(html[data-theme="dark"]) .ob3-me::before,:where(html[data-theme="dark"]) .ob3-me::after{border:2px solid rgba(144,94,255,.474)} :where(html[data-theme="dark"]) .ob3-mic{color:#fff;border:3px solid #fff;background:linear-gradient(145deg,#4f46e5,#7c3aed)} :where(html[data-theme="dark"]) .ob3-node{color:#a5b1ff;background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 10px 22px rgba(55,48,163,.1)} :where(html[data-theme="dark"]) .ob3-reply{background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 18px 40px rgba(55,48,163,.1)} :where(html[data-theme="dark"]) .ob3-play{background:#4f46e5;color:#fff} :where(html[data-theme="dark"]) .ob3-wave i{background:#4f46e5} :where(html[data-theme="dark"]) .ob3-who-replied small{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-stat div + div{border-top:1px solid rgba(108,113,255,.249)} :where(html[data-theme="dark"]) .ob3-stat .is-yes b{background-image:linear-gradient(112deg,#a5b0ff 0%,#a5b1ff 34%,#baa8ff 72%,#cba0ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .ob3-stat .is-no b{color:#8f8f9b} :where(html[data-theme="dark"]) .ob3-stat span{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-stat .is-yes span{color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-rv{background:#161524;border:1.5px solid var(--ob3-line);box-shadow:0 18px 40px rgba(55,48,163,.1),0 2px 6px rgba(55,48,163,.05)} :where(html[data-theme="dark"]) .ob3-rv.is-p0{border:2px solid var(--ob3-line-strong);box-shadow:0 24px 50px rgba(55,48,163,.18)} :where(html[data-theme="dark"]) .ob3-rv-av{color:#fff;background:linear-gradient(112deg,#3730a3 0%,#4f46e5 34%,#7c3aed 72%,#a855f7 100%)} :where(html[data-theme="dark"]) .ob3-rv-who small{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-stars{color:#f3a53a} :where(html[data-theme="dark"]) .ob3-stars i{color:#b4b4c1} :where(html[data-theme="dark"]) .ob3-rv blockquote{color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-rv blockquote::before{background-image:linear-gradient(112deg,#a5b0ff 0%,#a5b1ff 34%,#baa8ff 72%,#cba0ff 100%);-webkit-text-fill-color:transparent;color:transparent} :where(html[data-theme="dark"]) .ob3-pager{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-pager button{border:1.5px solid var(--ob3-line);background:#161524;color:#a5b1ff} :where(html[data-theme="dark"]) .ob3-hero{border:0;color:#fff;background:radial-gradient(90% 70% at 100% 0%,rgba(168,85,247,.85) 0%,rgba(168,85,247,0) 60%), radial-gradient(70% 60% at 0% 100%,rgba(55,48,163,.9) 0%,rgba(55,48,163,0) 70%), linear-gradient(145deg,#4338ca 0%,#4f46e5 45%,#7c3aed 100%);box-shadow:0 28px 54px rgba(79,70,229,.40),0 0 0 6px rgba(79,70,229,.08),inset 0 1px 0 rgba(255,255,255,.28)} :where(html[data-theme="dark"]) .ob3-hero::after{background:linear-gradient(105deg,transparent 30%,rgba(22,21,36,.22) 48%,transparent 66%)} :where(html[data-theme="dark"]) .ob3-hero[aria-pressed="false"]{filter:saturate(.7)} :where(html[data-theme="dark"]) .ob3-hero .ob3-radio{border:2px solid rgba(255,255,255,.112)} :where(html[data-theme="dark"]) .ob3-hero[aria-pressed="true"] .ob3-radio{background:#161524;border-color:#343344;color:#a5b1ff} :where(html[data-theme="dark"]) .ob3-hero-noa{border:3px solid rgba(52,51,68,.9);box-shadow:0 10px 24px rgba(30,27,75,.35);background:#22183a} :where(html[data-theme="dark"]) .ob3-hero .ob3-hero-list{border-top:1px solid rgba(255,255,255,.035)} :where(html[data-theme="dark"]) .ob3-hero-list > span{border-bottom:1px solid rgba(255,255,255,.022)} :where(html[data-theme="dark"]) .ob3-hero-list > span:last-child{border-bottom:0} :where(html[data-theme="dark"]) .ob3-alt{background:#161524;border:1.5px solid var(--ob3-line);color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-alt[aria-pressed="true"]{border:2px solid #4f46e5;box-shadow:0 12px 28px rgba(79,70,229,.16)} :where(html[data-theme="dark"]) .ob3-alt[aria-pressed="true"] .ob3-radio{background:#4f46e5;border-color:#4f46e5} :where(html[data-theme="dark"]) .ob3-alt-t{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-alt-t b{color:var(--ob3-ink)} :where(html[data-theme="dark"]) .ob3-alt-note{color:#a5b1ff} :where(html[data-theme="dark"]) .ob3-proof-txt{color:var(--ob3-body)} :where(html[data-theme="dark"]) .ob3-proof-txt b{color:var(--ob3-ink)} @media (max-width:600px){:where(html[data-theme="dark"]) .ob3-shell{border:0;box-shadow:none;background:transparent}} /* ---- dark-theme-tune.css ---- */ /* Dark theme — the hand-tuned part. dark-theme.js appends this after the generated twins of styles.css, so these rules win ties. Everything here is scoped to html[data-theme="dark"]; the light theme never sees it. */ html[data-theme="dark"]{ color-scheme:dark; --bg:#13111f; } /* The page itself sits below the cards (in light mode it is the other way round: white cards on a lavender wash). */ html[data-theme="dark"] body{ background:linear-gradient(180deg,#15132a 0%,#13111f 55%,#110f1c 100%) fixed; } /* Below a short page (and iOS overscroll) the canvas shows: same night, no seam. */ html[data-theme="dark"]{background:#110f1c;} /* The drifting kanji: the light theme's violet, a touch quieter — lifted to lavender they read as grey smudges on the night ground. */ html[data-theme="dark"] .kana-field{color:#7c6ee0;opacity:.55;} /* Installed app: the strip under the iPhone status bar is the topbar's night, not a purple band above it. */ @media (display-mode: standalone){ html[data-theme="dark"] body::before{background:#161524;} } /* Leaderboard globe: a night ocean, brand-purple land. */ html[data-theme="dark"] .real-globe-ocean{fill:#1b1832;stroke:#3a3456;} html[data-theme="dark"] .real-globe-countries path{fill:#7c3aed;stroke:#a78bfa;} html[data-theme="dark"] .real-globe-rim{stroke:#6d5bd0;} /* Classes with Noa: the "not yet" share of the Gym bar has to stay visible on night. */ html[data-theme="dark"] .mc-stack .is-none, html[data-theme="dark"] .mc-stack-key .is-none::before{background:#3d3760;}