/* Wygenerowane przez tools/build-jungle.js — nie edytuj ręcznie. Jasny motyw „dżungla”: fiolet → zieleń, granat → ciemna zieleń. */ /* styles.css */ :root:not([data-theme="dark"]) { --surface-2: #f5f9f3; --surface-3: #f0fcea; --text: #0b411b; --line: #edf4ea; --accent: #43b31b; --accent-soft: #f0fcea; --accent-text: #43b31b; --pastel-ink: #0b411b; --gem: #47bc1c; --l0: #d9e5d4; --l1: #daf7cc; --l2: #59df29; --l3: #4fd11f; --l4: #43b31b; --shadow: 0 14px 34px rgba(35, 68, 25, 0.06), 0 2px 6px rgba(35, 68, 25, 0.02); --shadow-sm: 0 2px 8px rgba(26, 54, 18, 0.05); } :where(:root:not([data-theme="dark"])) body { background: linear-gradient(180deg, #f7fcf5 0%, #edf2fb 100%); } :where(:root:not([data-theme="dark"])) .pill-stat:hover { box-shadow: 0 4px 12px rgba(26, 54, 18, 0.08); } :where(:root:not([data-theme="dark"])) .flag { background: #0f5b26; } :where(:root:not([data-theme="dark"])) .card { border: 1px solid rgba(237, 244, 234, 0.85); } :where(:root:not([data-theme="dark"])) .btn.pill { box-shadow: 0 8px 24px rgba(67, 179, 27, 0.35); } :where(:root:not([data-theme="dark"])) .btn.pill:hover:not(:disabled) { background: #3cc213; box-shadow: 0 10px 28px rgba(67, 179, 27, 0.42); } :where(:root:not([data-theme="dark"])) .bar.dark { background: rgba(23, 37, 19, 0.14); } :where(:root:not([data-theme="dark"])) .gem-pill { background: #f0fcea; color: #43b31b; } :where(:root:not([data-theme="dark"])) .dot { background: #d9e5d4; } :where(:root:not([data-theme="dark"])) .dot.active { background: #43b31b; } :where(:root:not([data-theme="dark"])) .focus-top .card-title { color: #172513; } :where(:root:not([data-theme="dark"])) .pnode.locked { background: #d9e5d4; } :where(:root:not([data-theme="dark"])) .pchip { box-shadow: 0 2px 6px rgba(46, 101, 29, 0.1); } :where(:root:not([data-theme="dark"])) .float-card { box-shadow: 0 10px 28px rgba(46, 101, 29, 0.14); } :where(:root:not([data-theme="dark"])) .listen { box-shadow: 0 10px 22px -6px rgba(70, 185, 28, 0.55); } :where(:root:not([data-theme="dark"])) .cel-reward { box-shadow: 0 6px 18px rgba(70, 185, 28, 0.18); } :where(:root:not([data-theme="dark"])) .badge-card .gem-pill { color: #3d9024; } :where(:root:not([data-theme="dark"])) .round.main { box-shadow: 0 10px 22px -6px rgba(70, 185, 28, 0.55); } :where(:root:not([data-theme="dark"])) .nav { border-top: 1px solid #edf4ea; box-shadow: 0 -4px 20px rgba(26, 54, 18, 0.04); } :where(:root:not([data-theme="dark"])) .nav button.active { color: #43b31b; } :where(:root:not([data-theme="dark"])) .nav button.active .nav-ind { background: #43b31b; } :where(:root:not([data-theme="dark"])) .plan-preview { box-shadow: 0 12px 26px -10px rgba(70, 185, 28, 0.6); } :where(:root:not([data-theme="dark"])) .overline.light { color: #e9fae1; } :where(:root:not([data-theme="dark"])) .st-stop.on .st-dot { box-shadow: 0 4px 12px rgba(70, 185, 28, 0.35); } /* plan-hero.css */ :where(:root:not([data-theme="dark"])) .hero { color: #0d5222; background: radial-gradient(38% 55% at 14% 62%, rgba(212, 215, 254, 0.85) 0%, rgba(212, 215, 254, 0) 72%), radial-gradient(55% 70% at 0% 100%, rgba(228, 249, 218, 0.95) 0%, rgba(228, 249, 218, 0) 70%), radial-gradient(45% 60% at 100% 55%, rgba(167, 233, 231, 0.9) 0%, rgba(167, 233, 231, 0) 70%), linear-gradient(115deg, #cbe0fd 0%, #c6e3fa 45%, #b7f3ec 100%); } :where(:root:not([data-theme="dark"])) .statusbar .stat-gems b { color: #44b41b; } :where(:root:not([data-theme="dark"])) .statusbar .flag { box-shadow: 0 6px 16px rgba(22, 138, 57, 0.2); } :where(:root:not([data-theme="dark"])) .ph-title { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ph-mode { color: #40b21d; box-shadow: 0 4px 12px rgba(25, 155, 64, 0.12); } :where(:root:not([data-theme="dark"])) .ph-settings { color: #0d5222; box-shadow: 0 6px 16px rgba(25, 155, 64, 0.14); } :where(:root:not([data-theme="dark"])) .ph-settings:hover { box-shadow: 0 10px 22px rgba(25, 155, 64, 0.2); } :where(:root:not([data-theme="dark"])) .ph-label { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .ph-cta, :where(:root:not([data-theme="dark"])) .hero .plan-focus .btn.pill { background: linear-gradient(90deg, #38a5f1 0%, #5981f3 50%, #47be1c 100%); } :where(:root:not([data-theme="dark"])) .ph-cta::before { background: linear-gradient(90deg, #4f8ff6 0%, #4bc71e 45%, #46b91c 100%); } :where(:root:not([data-theme="dark"])) .ph-cta:hover, :where(:root:not([data-theme="dark"])) .hero .plan-focus .btn.pill:hover:not(:disabled) { box-shadow: 0 20px 36px -10px rgba(71, 190, 28, 0.8); background: linear-gradient(90deg, #38a5f1 0%, #5981f3 50%, #47be1c 100%); } :where(:root:not([data-theme="dark"])) .ph-task:focus-visible, :where(:root:not([data-theme="dark"])) .ph-cta:focus-visible, :where(:root:not([data-theme="dark"])) .ph-settings:focus-visible, :where(:root:not([data-theme="dark"])) .pill-stat:focus-visible, :where(:root:not([data-theme="dark"])) .flag:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .hero .plan-focus .focus-top .card-title { color: #0d5222; } :where(:root:not([data-theme="dark"])) .hero .dot { background: rgba(13, 82, 34, 0.18); } :where(:root:not([data-theme="dark"])) .ph-sq { box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.12), 0 4px 10px rgba(22, 138, 57, 0.18); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-label b { color: #40b21d; } :where(:root:not([data-theme="dark"])) .ln-tile { background: linear-gradient(160deg, #ffffff -20%, var(--tint, #f2fced) 60%); box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.95), inset 0 -5px 0 rgba(17, 103, 43, 0.05), 0 8px 0 color-mix(in srgb, var(--tint, #f2fced) 76%, #9c6a4c 24%), 0 26px 40px -14px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .ln-tile.done { box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.95), 0 8px 0 #f1d68c, 0 26px 40px -14px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .ln-new { background: linear-gradient(90deg, #38a5f1 0%, #5981f3 50%, #47be1c 100%); } :where(:root:not([data-theme="dark"])) .ln-cefr { background: linear-gradient(180deg, #4cca1e, #43b31b); box-shadow: 0 4px 10px rgba(67, 179, 27, 0.3); } :where(:root:not([data-theme="dark"])) .ln-topic { box-shadow: 0 4px 12px rgba(25, 155, 64, 0.1); } :where(:root:not([data-theme="dark"])) .ln-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ln-say { box-shadow: 0 6px 16px rgba(25, 155, 64, 0.16); } :where(:root:not([data-theme="dark"])) .ln-say:hover { box-shadow: 0 10px 22px rgba(25, 155, 64, 0.22); } :where(:root:not([data-theme="dark"])) .ln-tile:focus-visible, :where(:root:not([data-theme="dark"])) .ln-say:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .ln-dots i { background: rgba(13, 82, 34, 0.15); } :where(:root:not([data-theme="dark"])) .ln-dots i.on::after { background: linear-gradient(90deg, #38a5f1, #47be1c); } :where(:root:not([data-theme="dark"])) .ln-rv-text { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .ln-rv-open:hover { color: #40b21d; } :where(:root:not([data-theme="dark"])) .ln-rv-name { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .ln-rv-name:hover { color: #40b21d; } :where(:root:not([data-theme="dark"])) .ln-rv-sel:hover { background-color: rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .ln-rv-go { border: 2.5px solid #46b91c; color: #3dc514; } :where(:root:not([data-theme="dark"])) .ln-rv-go:hover:not(:disabled) { background: #46b91c; } :where(:root:not([data-theme="dark"])) .ln-tile { background: linear-gradient(160deg, #ffffff 10%, color-mix(in srgb, var(--tint, #f2fced) 60%, #ffffff)) padding-box, linear-gradient(135deg, #4cca1e 0%, #38a5f1 50%, #6fdc2a 100%) border-box; box-shadow: 0 9px 0 -1px rgba(67, 179, 27, 0.28), 0 28px 44px -16px rgba(54, 115, 36, 0.45), inset 0 2px 0 rgba(255, 255, 255, 0.9); } :where(:root:not([data-theme="dark"])) .ln-tile .ln-pic { box-shadow: inset 0 0 0 1px rgba(14, 86, 36, 0.08), 0 6px 14px -4px rgba(17, 103, 43, 0.25); } :where(:root:not([data-theme="dark"])) .ln-tile:hover { box-shadow: 0 9px 0 -1px rgba(67, 179, 27, 0.34), 0 34px 50px -16px rgba(54, 115, 36, 0.55), inset 0 2px 0 rgba(255, 255, 255, 0.9); } :where(:root:not([data-theme="dark"])) .ln-tile { background: linear-gradient(160deg, color-mix(in srgb, var(--tint, #f2fced) 70%, #ffffff), var(--tint, #f2fced)) padding-box, linear-gradient(135deg, #4cca1e 0%, #38a5f1 50%, #6fdc2a 100%) border-box; } :where(:root:not([data-theme="dark"])) .ln-tile .ln-pic, :where(:root:not([data-theme="dark"])) .ln-tile .wa-img { box-shadow: none; } :where(:root:not([data-theme="dark"])) .ln-cefr { background: linear-gradient(180deg, #51d620 0%, #45b81c 100%); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(35, 101, 14, 0.25), 0 5px 12px -3px rgba(67, 179, 27, 0.55); text-shadow: 0 1px 1px rgba(31, 86, 14, 0.35); } :where(:root:not([data-theme="dark"])) .ln-topic { border: 1px solid rgba(67, 179, 27, 0.12); box-shadow: inset 0 1.5px 0 #ffffff, 0 5px 12px -4px rgba(25, 155, 64, 0.25); } :where(:root:not([data-theme="dark"])) .ph-cont-x { background: rgba(67, 179, 27, 0.12); color: #40b21d; } :where(:root:not([data-theme="dark"])) .ph-cont-x:hover { background: #40b21d; } :where(:root:not([data-theme="dark"])) .rd-test { box-shadow: 0 8px 18px -8px rgba(25, 155, 64, 0.3); } :where(:root:not([data-theme="dark"])) .rd-test b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .rd-circle { box-shadow: 0 7px 0 rgba(0, 0, 0, 0.12), 0 12px 22px -8px rgba(22, 138, 57, 0.45); } :where(:root:not([data-theme="dark"])) .rd-node.lock .rd-circle { background: #dce7d7; } :where(:root:not([data-theme="dark"])) .rd-label b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .rd-here { background: #0d5222; } :where(:root:not([data-theme="dark"])) .rd-node.open .rd-circle { background: linear-gradient(160deg, #53db21, #45b81c); } /* packs.css */ :where(:root:not([data-theme="dark"])) .pk-back { color: #0d5222; } :where(:root:not([data-theme="dark"])) .pk-back:hover { background: rgba(67, 179, 27, 0.08); } :where(:root:not([data-theme="dark"])) .pk-card { box-shadow: 0 6px 18px rgba(20, 120, 50, 0.06); } :where(:root:not([data-theme="dark"])) .pk-card:hover { box-shadow: 0 14px 30px rgba(20, 120, 50, 0.13); } :where(:root:not([data-theme="dark"])) .pk-name { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .pk-chev { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .pk-card:focus-visible, :where(:root:not([data-theme="dark"])) .pk-back:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .cv-pop { box-shadow: 0 18px 40px rgba(30, 58, 22, 0.18); } :where(:root:not([data-theme="dark"])) .cv-pop button { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .cv-pop button svg { color: #43b31b; } :where(:root:not([data-theme="dark"])) .cv-pop button:hover:not(:disabled) { background: #f6fdf2; } :where(:root:not([data-theme="dark"])) .word-row:hover { background: rgba(67, 179, 27, 0.05); } :where(:root:not([data-theme="dark"])) .wr-open:focus-visible::after { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .wr-img { box-shadow: 0 4px 10px rgba(17, 103, 43, 0.12); } :where(:root:not([data-theme="dark"])) .wr-en b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .wr-say:hover { color: #43b31b; background: #f4fcf0; } :where(:root:not([data-theme="dark"])) .cv-cta { background: linear-gradient(180deg, rgba(247, 252, 245, 0), #f7fcf5 45%); } :where(:root:not([data-theme="dark"])) .cv-learn { background: linear-gradient(90deg, #45b81b, #43b31b); box-shadow: 0 14px 30px -10px rgba(67, 179, 27, 0.75); } :where(:root:not([data-theme="dark"])) .cv-learn:hover:not(:disabled) { box-shadow: 0 20px 36px -10px rgba(67, 179, 27, 0.85); } :where(:root:not([data-theme="dark"])) .cv-learn:focus-visible, :where(:root:not([data-theme="dark"])) .cv-menu > summary:focus-visible, :where(:root:not([data-theme="dark"])) .wr-say:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .rs-card { box-shadow: 0 8px 24px rgba(20, 120, 50, 0.08); } :where(:root:not([data-theme="dark"])) .rs-card:hover { box-shadow: 0 16px 32px rgba(20, 120, 50, 0.14); } :where(:root:not([data-theme="dark"])) .rs-open:focus-visible::after { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .rs-img { box-shadow: 0 6px 14px rgba(17, 103, 43, 0.18); } :where(:root:not([data-theme="dark"])) .rs-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .rs-go { background: linear-gradient(90deg, #45b81b, #43b31b); box-shadow: 0 10px 22px -8px rgba(67, 179, 27, 0.8); } :where(:root:not([data-theme="dark"])) .rs-go:hover { box-shadow: 0 14px 28px -8px rgba(67, 179, 27, 0.9); } :where(:root:not([data-theme="dark"])) .rs-card:hover .rs-chev { color: #43b31b; } :where(:root:not([data-theme="dark"])) .wd-link:hover { color: #43b31b; background: #f4fcf0; } :where(:root:not([data-theme="dark"])) .wa-img { box-shadow: 0 10px 24px rgba(17, 103, 43, 0.2); } :where(:root:not([data-theme="dark"])) .wd-say:hover { color: #43b31b; background: rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .pick-top h2 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .pick-count { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .pick-progress { background: rgba(13, 82, 34, 0.07); } :where(:root:not([data-theme="dark"])) .pick-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .wd-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .wd-pl b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .wd-topic:hover { background: #eafae2; color: #40b21d; } :where(:root:not([data-theme="dark"])) .wd-block p { color: #0c4d20; } :where(:root:not([data-theme="dark"])) dialog.ask { color: #0d5222; box-shadow: 0 30px 70px rgba(21, 43, 14, 0.3); } :where(:root:not([data-theme="dark"])) dialog.ask::backdrop { background: rgba(10, 59, 25, 0.45); } :where(:root:not([data-theme="dark"])) .ask-input { border: 2px solid #e7f1e2; background: #f9fcf7; color: #0d5222; } :where(:root:not([data-theme="dark"])) .ask-input:focus { border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .ask-btn { background: linear-gradient(90deg, #45b81b, #43b31b); box-shadow: 0 10px 22px -10px rgba(67, 179, 27, 0.8); } :where(:root:not([data-theme="dark"])) .ask-btn:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .dv-count { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .dv-img { box-shadow: 0 4px 10px rgba(17, 103, 43, 0.12); } :where(:root:not([data-theme="dark"])) .dv-img.empty { border: 2px dashed #deecd7; } :where(:root:not([data-theme="dark"])) .dv-text b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .dv-btn { border: 1.5px solid #e7f1e2; } :where(:root:not([data-theme="dark"])) .dv-btn:hover:not(:disabled) { background: #f8fdf5; } :where(:root:not([data-theme="dark"])) .dv-btn.go { border-color: #43b31b; background: #43b31b; } :where(:root:not([data-theme="dark"])) .dv-busy { color: #43b31b; } :where(:root:not([data-theme="dark"])) .dv-spin { border: 3px solid #e7f1e2; border-top-color: #43b31b; } :where(:root:not([data-theme="dark"])) .dv-select { border: 1.5px solid #e7f1e2; color: #0c4d20; } :where(:root:not([data-theme="dark"])) .dv-snd { background: #f4f8f2; } :where(:root:not([data-theme="dark"])) .dv-snd.new { background: #f2fced; } :where(:root:not([data-theme="dark"])) .toast-undo { color: #5ee02f; } :where(:root:not([data-theme="dark"])) .toast-time { background: #4cca1e; } :where(:root:not([data-theme="dark"])) .tf-tile { background: #effbe9; box-shadow: 0 6px 0 #d8f6c9; } :where(:root:not([data-theme="dark"])) .tf-pl { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .tf-en { color: #4ac31d; } :where(:root:not([data-theme="dark"])) .tf-btn { border: 2px solid #eef5eb; box-shadow: 0 8px 18px -10px rgba(17, 103, 43, 0.3); } :where(:root:not([data-theme="dark"])) .tf-btn:hover:not(:disabled) { border-color: #dff2d6; } :where(:root:not([data-theme="dark"])) .pic-card { box-shadow: 0 8px 18px -12px rgba(17, 103, 43, 0.35); } :where(:root:not([data-theme="dark"])) .pic-label { background: rgba(9, 56, 23, 0.72); } :where(:root:not([data-theme="dark"])) .ex-chip { border: 2px solid #ebf2e7; background: #fcfefb; } :where(:root:not([data-theme="dark"])) .ex-chip.on { border-color: #4ac51d; background: #f4fcf0; } :where(:root:not([data-theme="dark"])) .ex-tx b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .ex-check { border: 2px solid #62e134; } :where(:root:not([data-theme="dark"])) .ex-chip.on .ex-check { border-color: #43b31b; background: #43b31b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E") center / 14px no-repeat; } :where(:root:not([data-theme="dark"])) .bw-slot { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .bw-slot.on { border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .bw-word { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .bw-word.on { border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .bw-tile { border: 2px solid #eef5eb; box-shadow: 0 6px 0 #e7f1e2; color: #0c4d20; } :where(:root:not([data-theme="dark"])) .bw-tile:active:not(:disabled) { box-shadow: 0 3px 0 #e7f1e2; } :where(:root:not([data-theme="dark"])) .pr-btn { box-shadow: 0 6px 16px -10px rgba(17, 103, 43, 0.35); color: #0c4d20; } :where(:root:not([data-theme="dark"])) .wd-step::before { background: #e7f1e2; } :where(:root:not([data-theme="dark"])) .wd-step i { border: 3px solid #deecd7; } :where(:root:not([data-theme="dark"])) .wd-step.done::before, :where(:root:not([data-theme="dark"])) .wd-step.cur::before { background: #43b31b; } :where(:root:not([data-theme="dark"])) .wd-step.done i { background: #43b31b; border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .wd-step.cur i { border-color: #43b31b; box-shadow: 0 0 0 5px rgba(67, 179, 27, 0.18); } :where(:root:not([data-theme="dark"])) .wd-step.cur small { color: #40b21d; } :where(:root:not([data-theme="dark"])) .wd-level b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .icon-btn:hover svg { color: #43b31b; } :where(:root:not([data-theme="dark"])) .tf-en .icon-btn { color: #4ac31d; } :where(:root:not([data-theme="dark"])) .sync-pin input { border: 1.5px solid #e7f1e2; } :where(:root:not([data-theme="dark"])) .set-icon.glossy { box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.12), 0 4px 10px rgba(22, 138, 57, 0.16); } :where(:root:not([data-theme="dark"])) .btn.pill { background: linear-gradient(90deg, #38a5f1 0%, #5981f3 50%, #47be1c 100%); box-shadow: 0 14px 28px -10px rgba(89, 110, 245, 0.7); } :where(:root:not([data-theme="dark"])) .btn.pill:hover:not(:disabled) { background: linear-gradient(90deg, #4f8ff6 0%, #4bc71e 45%, #46b91c 100%); box-shadow: 0 20px 36px -10px rgba(71, 190, 28, 0.8); } :where(:root:not([data-theme="dark"])) .listen { background: linear-gradient(145deg, #5fb4ff 0%, #6a7dfb 50%, #47bd1c 100%); box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.35), inset 0 -6px 0 rgba(31, 86, 14, 0.25), 0 16px 30px -10px rgba(71, 188, 28, 0.75); } :where(:root:not([data-theme="dark"])) .listen::before { border: 3px solid rgba(75, 200, 30, 0.35); } :where(:root:not([data-theme="dark"])) .listen:hover { box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.35), inset 0 -6px 0 rgba(31, 86, 14, 0.25), 0 22px 38px -10px rgba(71, 188, 28, 0.85); } :where(:root:not([data-theme="dark"])) .opt { border: 2px solid #edf6e9; box-shadow: 0 6px 0 #eef6ea, 0 10px 22px -14px rgba(57, 101, 43, 0.35); } :where(:root:not([data-theme="dark"])) .opt::before { background: linear-gradient(180deg, #5fb4ff, #47bd1c); } :where(:root:not([data-theme="dark"])) .opt:hover:not(:disabled) { border-color: #5fe030; box-shadow: 0 8px 0 #e9fae1, 0 14px 26px -14px rgba(67, 179, 27, 0.45); } :where(:root:not([data-theme="dark"])) .opt:active:not(:disabled) { box-shadow: 0 2px 0 #e9fae1; } :where(:root:not([data-theme="dark"])) .opt kbd { background: #f4fcf0; color: #45b81c; box-shadow: inset 0 -2px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .opt.picked { border-color: #47bd1c; box-shadow: 0 6px 0 #e1f8d6; } :where(:root:not([data-theme="dark"])) .opt-pic .wr-img { box-shadow: 0 4px 10px rgba(22, 138, 57, 0.2); } :where(:root:not([data-theme="dark"])) .study { background: linear-gradient(180deg, #ffffff 0%, #f9fef6 100%); } :where(:root:not([data-theme="dark"])) .promo { box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.7), 0 10px 24px -14px rgba(57, 101, 43, 0.35); } :where(:root:not([data-theme="dark"])) .promo b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .promo-x:hover { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .voc-menu { box-shadow: 0 10px 28px -16px rgba(57, 101, 43, 0.3); } :where(:root:not([data-theme="dark"])) .voc-row + .voc-row { box-shadow: 0 -1px 0 #f2f7f0; } :where(:root:not([data-theme="dark"])) .voc-row:hover { background: #f8fdf6; } :where(:root:not([data-theme="dark"])) .voc-row b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .voc-chev { color: #57de25; } :where(:root:not([data-theme="dark"])) .pk-img.svg .pk-emoji { box-shadow: 0 10px 18px rgba(17, 103, 43, 0.16), inset 0 -4px 0 rgba(17, 103, 43, 0.06); } :where(:root:not([data-theme="dark"])) .pc-dots i.d0 { background: #46b91c; box-shadow: 0 3px 8px rgba(70, 185, 28, 0.4); } :where(:root:not([data-theme="dark"])) .pick-actions .pick-go { background: linear-gradient(90deg, #49c11d, #3cc113); box-shadow: 0 16px 30px -12px rgba(60, 193, 19, 0.75); } :where(:root:not([data-theme="dark"])) .pick-actions .pick-go:hover { box-shadow: 0 20px 36px -10px rgba(60, 193, 19, 0.9); } :where(:root:not([data-theme="dark"])) .pick-q { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .pick-q:hover, :where(:root:not([data-theme="dark"])) .pick-q:focus { background: #e7fade; } :where(:root:not([data-theme="dark"])) .pick-q:focus-visible { box-shadow: 0 0 0 3px #46b91c; } :where(:root:not([data-theme="dark"])) .sm-cta { background: linear-gradient(to top, var(--bg, #f5faf3) 75%, transparent); } :where(:root:not([data-theme="dark"])) .sm-go { background: linear-gradient(90deg, #49c11d, #3cc113); box-shadow: 0 16px 30px -12px rgba(60, 193, 19, 0.75); } :where(:root:not([data-theme="dark"])) .sm-go:hover { box-shadow: 0 20px 36px -10px rgba(60, 193, 19, 0.9); } :where(:root:not([data-theme="dark"])) .sm-more { color: #43b31b; } :where(:root:not([data-theme="dark"])) .sm-more:hover { background: #f4fcf0; } :where(:root:not([data-theme="dark"])) .cv-tabs { border-bottom: 1px solid #e9f1e5; } :where(:root:not([data-theme="dark"])) .cv-tabs button.on { color: #0d5222; border-bottom-color: #46b91c; } :where(:root:not([data-theme="dark"])) .cv-links button { color: #3dc514; } :where(:root:not([data-theme="dark"])) .cv-links button:hover:not(:disabled) { background: #f4fcf0; } :where(:root:not([data-theme="dark"])) .lvl-chip { border: 2px solid #e9f4e3; } :where(:root:not([data-theme="dark"])) .lvl-chip.on { background: linear-gradient(180deg, #51d620, #45b81c); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.4), 0 6px 14px -4px rgba(67, 179, 27, 0.55); } :where(:root:not([data-theme="dark"])) .pg { box-shadow: 0 8px 22px -12px rgba(51, 101, 36, 0.28); } :where(:root:not([data-theme="dark"])) .pg-ic { background: linear-gradient(180deg, #f5fdf1, #ecfbe4); } :where(:root:not([data-theme="dark"])) .pg-text b { color: #0b411b; } :where(:root:not([data-theme="dark"])) .pg-bar { background: #eef5eb; } :where(:root:not([data-theme="dark"])) .pg-bar i { background: linear-gradient(90deg, #51d620, #45b81c); } :where(:root:not([data-theme="dark"])) .pg-chev { background: rgba(67, 179, 27, 0.1); color: #40b21d; } :where(:root:not([data-theme="dark"])) .pg-head:hover .pg-chev { background: rgba(67, 179, 27, 0.18); } :where(:root:not([data-theme="dark"])) .dv-zoom { background: rgba(17, 29, 13, 0.62); } :where(:root:not([data-theme="dark"])) .dv-zoom-card b { color: #0b411b; } :where(:root:not([data-theme="dark"])) .dv-zoom-sizes img { box-shadow: 0 4px 10px rgba(17, 103, 43, 0.15); } :where(:root:not([data-theme="dark"])) .rate-pop { box-shadow: 0 14px 34px -12px rgba(35, 79, 22, 0.35), 0 0 0 1px rgba(67, 179, 27, 0.08); } :where(:root:not([data-theme="dark"])) .rate-pop input { accent-color: #43b31b; } :where(:root:not([data-theme="dark"])) .rate-pop .rp-val { color: #40b21d; } :where(:root:not([data-theme="dark"])) .fb-overlay { background: rgba(17, 29, 13, 0.38); } :where(:root:not([data-theme="dark"])) .fb-sheet { box-shadow: 0 28px 70px -20px rgba(20, 43, 13, 0.55); } :where(:root:not([data-theme="dark"])) .prompt-art { box-shadow: 0 6px 14px -6px rgba(17, 103, 43, 0.35); } :where(:root:not([data-theme="dark"])) .pr-img { box-shadow: 0 3px 8px -4px rgba(17, 103, 43, 0.35); } :where(:root:not([data-theme="dark"])) .pr-num { background: #f4fdf0; color: #4bc81e; box-shadow: inset 0 -2px 0 rgba(67, 179, 27, 0.15); } :where(:root:not([data-theme="dark"])) .opt:hover:not(:disabled) kbd { background: #45b81c; } :where(:root:not([data-theme="dark"])) .fx-sparks i:nth-child(3n + 1) { background: #4ecf1f; box-shadow: 0 0 6px rgba(78, 207, 31, 0.7); } :where(:root:not([data-theme="dark"])) .tf-stamp { box-shadow: 0 8px 18px -8px rgba(21, 43, 14, 0.45); } @media (hover: hover) { :where(:root:not([data-theme="dark"])) .pic-card:hover:not(:disabled) { box-shadow: 0 16px 26px -14px rgba(17, 103, 43, 0.45); } } :where(:root:not([data-theme="dark"])) .pic-card.ok { box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.22), 0 10px 20px -12px rgba(17, 103, 43, 0.35); } :where(:root:not([data-theme="dark"])) .type-form input:focus { box-shadow: 0 0 0 4px rgba(67, 179, 27, 0.14); } :where(:root:not([data-theme="dark"])) .dunno-link:hover { color: #40b21d; background: rgba(67, 179, 27, 0.08); } :where(:root:not([data-theme="dark"])) .fb-diff b { color: #0c4d20; } :where(:root:not([data-theme="dark"])) dialog.wcard { color: #0d5222; box-shadow: 0 30px 70px rgba(21, 43, 14, 0.35); } :where(:root:not([data-theme="dark"])) dialog.wcard::backdrop { background: rgba(10, 59, 25, 0.55); } :where(:root:not([data-theme="dark"])) .wc-x { color: #0d5222; } :where(:root:not([data-theme="dark"])) .wc-mean.cur { background: #f6fdf3; } :where(:root:not([data-theme="dark"])) .wc-mean i { color: #40b21d; } :where(:root:not([data-theme="dark"])) body:has(.pick-top) { background: radial-gradient(60% 34% at 12% 8%, rgba(79, 209, 31, 0.16), transparent 70%), radial-gradient(55% 30% at 92% 46%, rgba(110, 200, 255, 0.16), transparent 70%), radial-gradient(70% 26% at 30% 100%, rgba(120, 220, 120, 0.14), transparent 70%), #f6fdf2; } :where(:root:not([data-theme="dark"])) .pick-progress { background: rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .pick-actions:not(.single) .pick-go { box-shadow: 0 6px 0 #35841d, 0 16px 26px -8px rgba(60, 193, 19, 0.55); } :where(:root:not([data-theme="dark"])) .pick-actions:not(.single) .pick-go:hover { box-shadow: 0 6px 0 #35841d, 0 20px 30px -8px rgba(60, 193, 19, 0.65); } :where(:root:not([data-theme="dark"])) .pick-actions:not(.single) .pick-go:active { box-shadow: 0 1px 0 #35841d, 0 6px 12px -6px rgba(60, 193, 19, 0.5); } :where(:root:not([data-theme="dark"])) .pick-actions .wd-link { border: 2px solid #e8f5e2; box-shadow: 0 4px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .pick-actions .wd-link:hover { color: #40b21d; border-color: #dcf7ce; box-shadow: 0 4px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .pick-actions .wd-link:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wc-sb { box-shadow: 0 4px 0 rgba(17, 103, 43, 0.1); color: #178e3b; } :where(:root:not([data-theme="dark"])) .wc-sb:hover { box-shadow: 0 6px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wc-sb:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wc-note { background: #f8fdf5; } :where(:root:not([data-theme="dark"])) .wc-ni { box-shadow: 0 2px 0 rgba(17, 103, 43, 0.08); } :where(:root:not([data-theme="dark"])) .wc-note h4 { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .wc-exsay { box-shadow: 0 2px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wc-act { border: 2px solid #e8f5e2; box-shadow: 0 4px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wc-act:hover { border-color: #dcf7ce; box-shadow: 0 4px 0 #dcf7ce; color: #40b21d; } :where(:root:not([data-theme="dark"])) .wc-act:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wc-ni { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.09); } :where(:root:not([data-theme="dark"])) .wc-note:hover { box-shadow: 0 10px 20px -12px rgba(51, 101, 36, 0.35); } :where(:root:not([data-theme="dark"])) .wc-exsay { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wc-act { box-shadow: 0 5px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wc-act:hover { box-shadow: 0 7px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .wc-act:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wc-sb { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .session-top > .icon-btn { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .session-top > .icon-btn:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .session-top .bar.thick { background: rgba(67, 179, 27, 0.1); box-shadow: inset 0 2px 3px rgba(51, 101, 36, 0.12); } :where(:root:not([data-theme="dark"])) .gem-count { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .card.study { border: 2px solid #eef9e9; background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 6px 0 #eaf6e4, 0 20px 34px -22px rgba(65, 137, 43, 0.45); } :where(:root:not([data-theme="dark"])) .card.study > .badge { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .dunno-link { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .dunno-link:hover { background: #fff; color: #40b21d; border-color: #dcf7ce; box-shadow: 0 4px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .dunno-link:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .fb-sheet { background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 8px 0 rgba(255, 255, 255, 0.35), 0 28px 70px -20px rgba(20, 43, 13, 0.6); } :where(:root:not([data-theme="dark"])) .fb-sheet .gain { box-shadow: 0 3px 0 rgba(64, 178, 29, 0.15); } :where(:root:not([data-theme="dark"])) .fb-sheet .btn.wide { background: linear-gradient(90deg, #47bd1c, #40b21d); box-shadow: 0 5px 0 #33791e, 0 14px 22px -8px rgba(64, 178, 29, 0.5); } :where(:root:not([data-theme="dark"])) .card.study > .badge::before { background: linear-gradient(135deg, #53db21, #43b31b); box-shadow: 0 0 0 3px rgba(67, 179, 27, 0.15); } :where(:root:not([data-theme="dark"])) dialog.ask { background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 8px 0 rgba(255, 255, 255, 0.3), 0 30px 70px rgba(21, 43, 14, 0.4); } :where(:root:not([data-theme="dark"])) .ask-btn { box-shadow: 0 5px 0 #3a8a22, 0 12px 20px -8px rgba(67, 179, 27, 0.55); background: linear-gradient(90deg, #49c11d, #43b31b); } :where(:root:not([data-theme="dark"])) .ask-btn:active { box-shadow: 0 1px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .ask-btn.ghost { border: 2px solid #e8f5e2; box-shadow: 0 5px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .ask-btn.ghost:hover { color: #40b21d; border-color: #dcf7ce; box-shadow: 0 5px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .ask-btn.ghost:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .fb-tool { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .fb-tool:hover { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.1); color: #40b21d; } :where(:root:not([data-theme="dark"])) .card.study .tf-tile { background: linear-gradient(180deg, #f2fced, #e9fae0); } :where(:root:not([data-theme="dark"])) .card.study .tf-img .wa-img { box-shadow: 0 10px 20px -10px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .pic-card { box-shadow: 0 6px 0 color-mix(in srgb, var(--tint, #f2f3f8) 55%, #a86a1c 45%), 0 16px 24px -14px rgba(17, 103, 43, 0.4); } :where(:root:not([data-theme="dark"])) .pic-card kbd { color: #45b81c; box-shadow: 0 2px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .pic-card:hover:not(:disabled) kbd { background: #45b81c; } :where(:root:not([data-theme="dark"])) .pic-card.ok { box-shadow: 0 6px 0 #3aa860, 0 0 0 5px rgba(34, 197, 94, 0.22); } :where(:root:not([data-theme="dark"])) .pr-col::before { color: #45b81c; } :where(:root:not([data-theme="dark"])) .pr-btn { border: 2px solid #eaf9e2; background: linear-gradient(180deg, #fff, #fafef8); box-shadow: 0 5px 0 #e2f5d8, 0 12px 18px -12px rgba(51, 101, 36, 0.4); } :where(:root:not([data-theme="dark"])) .pr-btn:active:not(:disabled) { box-shadow: 0 1px 0 #e2f5d8; } :where(:root:not([data-theme="dark"])) .pr-count { box-shadow: 0 3px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .prompt-pl.has-art:not(:has(.prompt-art))::before { box-shadow: 0 3px 6px rgba(17, 103, 43, 0.25); } :where(:root:not([data-theme="dark"])) .type-box input { border: 2px solid #e7f1e2; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .type-actions .btn.ghost { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .type-actions .btn.ghost:hover { color: #40b21d; border-color: #dcf7ce; box-shadow: 0 5px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .type-actions .btn.primary { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 5px 0 #3a8a22, 0 12px 20px -8px rgba(67, 179, 27, 0.55); } :where(:root:not([data-theme="dark"])) .hint-cost { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .type-box input:focus { border-color: #49c11d; box-shadow: 0 5px 0 #e1f8d5, 0 0 0 5px rgba(67, 179, 27, 0.14); } :where(:root:not([data-theme="dark"])) .bgfx-veil { background: linear-gradient(180deg, rgba(248, 253, 246, 0.72), rgba(248, 253, 246, 0.5) 60%, rgba(248, 253, 246, 0.66)); } :where(:root:not([data-theme="dark"])) [data-scene="doodle"] .bgfx-veil { background: linear-gradient(180deg, rgba(248, 253, 246, 0.5), rgba(248, 253, 246, 0.3)); } :where(:root:not([data-theme="dark"])) .bgfx-orb.a { background: rgba(79, 209, 31, 0.5); } :where(:root:not([data-theme="dark"])) .sx-hero { background: linear-gradient(160deg, #f3fcef, #e4e9ff 60%, #dff3ff); box-shadow: 0 7px 0 #dff4d5, 0 24px 34px -22px rgba(65, 137, 43, 0.5); } :where(:root:not([data-theme="dark"])) .sx-title { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-chips span { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.08); } :where(:root:not([data-theme="dark"])) .sx-chips b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-h { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-tile { border: 2px solid #eef9e9; box-shadow: 0 6px 0 #e8f8e0, 0 16px 22px -16px rgba(51, 101, 36, 0.45); } :where(:root:not([data-theme="dark"])) .sx-tile:hover { box-shadow: 0 10px 0 #e8f8e0, 0 20px 26px -16px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .t-ex .sx-num { color: #3cc113; } :where(:root:not([data-theme="dark"])) .sx-bar { background: rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .t-ex .sx-bar::before { background: linear-gradient(90deg, #53db21, #3cc113); } :where(:root:not([data-theme="dark"])) .sx-card, :where(:root:not([data-theme="dark"])) .sx-mini { border: 2px solid #eef9e9; box-shadow: 0 6px 0 #e8f8e0, 0 16px 22px -16px rgba(51, 101, 36, 0.4); } :where(:root:not([data-theme="dark"])) .sx-flag { box-shadow: 0 4px 10px -2px rgba(17, 103, 43, 0.35); } :where(:root:not([data-theme="dark"])) .sx-lrow h3 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-head h3 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-head b { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .sx-day.prize i { background: #f3fcef; border-color: #e1f8d5; box-shadow: 0 4px 0 #e1f8d5; } :where(:root:not([data-theme="dark"])) .sx-day.prize small { color: #43b820; } :where(:root:not([data-theme="dark"])) .sx-mini h4 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sx-mrows b { color: #429d26; } :where(:root:not([data-theme="dark"])) .sx-cta { background: linear-gradient(to top, var(--bg, #f5faf3) 78%, transparent); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 5px 0 #3a8a22, 0 12px 20px -8px rgba(67, 179, 27, 0.55); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more:hover { background: linear-gradient(90deg, #49c11d, #43b31b); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more:active { box-shadow: 0 1px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .sx-cta { background: linear-gradient(to top, rgba(246, 253, 242, 0.92) 70%, transparent); } :where(:root:not([data-theme="dark"])) .t-ex .sx-num { color: #f08a12; } :where(:root:not([data-theme="dark"])) .t-acc .sx-num { color: #3cc113; } :where(:root:not([data-theme="dark"])) .t-ex .sx-bar::before { background: linear-gradient(90deg, #ffc83d, #f08a12); } :where(:root:not([data-theme="dark"])) .t-acc .sx-bar::before { background: linear-gradient(90deg, #53db21, #3cc113); } :where(:root:not([data-theme="dark"])) .wd-bar .pk-back { box-shadow: 0 4px 0 rgba(17, 103, 43, 0.12); } :where(:root:not([data-theme="dark"])) .wd-bar .pk-back:hover { box-shadow: 0 6px 0 rgba(17, 103, 43, 0.12); } :where(:root:not([data-theme="dark"])) .wd-bar .pk-back:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.12); } :where(:root:not([data-theme="dark"])) .wd-art .wa-img { box-shadow: 0 8px 0 rgba(0, 0, 0, 0.06), 0 20px 28px -16px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .wd-sb { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.1); color: #178e3b; } :where(:root:not([data-theme="dark"])) .wd-sb:hover { box-shadow: 0 7px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wd-sb:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .wd-topic { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .wd-topic:hover { background: #fff; border-color: #dcf7ce; box-shadow: 0 6px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .wd-block.wd-prog { border: 2px solid #eef9e9; background: linear-gradient(160deg, #fbfef9, #fff); box-shadow: 0 5px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .wd-block h3 { color: #40b21d; } :where(:root:not([data-theme="dark"])) .wd-cta .wd-link { border: 2px solid #e8f5e2; box-shadow: 0 5px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wd-cta .wd-link:hover { color: #40b21d; border-color: #dcf7ce; box-shadow: 0 7px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .wd-cta .wd-link:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .wd-badges .ln-cefr { background: linear-gradient(135deg, #53db21, #43b31b); box-shadow: 0 3px 0 #3a8a22, 0 8px 14px -6px rgba(67, 179, 27, 0.6); } :where(:root:not([data-theme="dark"])) .wd-step::before { background: #eaf6e4; } :where(:root:not([data-theme="dark"])) .wd-step i { border: 3px solid #deecd7; box-shadow: 0 3px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .wd-step.done::before { background: linear-gradient(90deg, #7be835, #3fc40f); } :where(:root:not([data-theme="dark"])) .wd-step.cur::before { background: linear-gradient(90deg, #3fc40f, #eaf6e4); } :where(:root:not([data-theme="dark"])) .wd-step.done i { background: linear-gradient(180deg, #7be835, #3fc40f); border-color: #fff; } :where(:root:not([data-theme="dark"])) .wd-step.cur i { background: linear-gradient(180deg, #53db21, #43b31b); border-color: #fff; box-shadow: 0 3px 0 #3a8a22, 0 0 0 5px rgba(67, 179, 27, 0.2); } :where(:root:not([data-theme="dark"])) .wd-level { background: #f4fdf0; } :where(:root:not([data-theme="dark"])) .wd-level b { color: #40b21d; } :where(:root:not([data-theme="dark"])) .wd-meta span { border: 2px solid #eef9e9; box-shadow: 0 4px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .wd-meta b { color: #429d26; } :where(:root:not([data-theme="dark"])) .wd-block .chip { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .wd-block .chip:hover { color: #40b21d; box-shadow: 0 6px 0 #dcf7ce; border-color: #dcf7ce; } :where(:root:not([data-theme="dark"])) .wd-block .chip:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .wd-block .chip.on { background: linear-gradient(180deg, #53db21, #43b31b); border-color: #43b31b; box-shadow: 0 4px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .wd-state.learning { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 6px 0 #3a8a22, 0 14px 22px -8px rgba(67, 179, 27, 0.5); } :where(:root:not([data-theme="dark"])) .wd-state.learning .wd-ring::after { background: #43b31b; } :where(:root:not([data-theme="dark"])) .pg-cap { color: #45b81c; } :where(:root:not([data-theme="dark"])) .pg { border: 2px solid #eef9e9; box-shadow: 0 6px 0 #e8f8e0, 0 16px 22px -16px rgba(51, 101, 36, 0.4); } :where(:root:not([data-theme="dark"])) .pg:hover { box-shadow: 0 8px 0 #e8f8e0, 0 20px 26px -16px rgba(51, 101, 36, 0.45); } :where(:root:not([data-theme="dark"])) .pg.open { border-color: #dcf7ce; box-shadow: 0 6px 0 #dcf7ce, 0 16px 22px -16px rgba(67, 179, 27, 0.45); } :where(:root:not([data-theme="dark"])) .pg-ic { background: linear-gradient(160deg, #f7fdf4, #edfbe6); box-shadow: inset 0 -3px 0 rgba(67, 179, 27, 0.12), 0 3px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .pg.open .pg-ic { background: linear-gradient(160deg, #f1fceb, #e3f9d8); } :where(:root:not([data-theme="dark"])) .pg-bar { background: rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .pg-bar i { background: linear-gradient(90deg, #7be835, #3fc40f); } :where(:root:not([data-theme="dark"])) .pg-chev { background: #fff; border: 2px solid #eaf6e4; box-shadow: 0 3px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .pg-head:hover .pg-chev { background: #fff; border-color: #dcf7ce; box-shadow: 0 3px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .pk-card { background: radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.75), transparent 45%), linear-gradient(135deg, var(--tint), color-mix(in srgb, var(--tint) 72%, #49c11d 28%)); box-shadow: 0 6px 0 color-mix(in srgb, var(--tint) 55%, #436f35 45%), 0 18px 24px -14px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .pk-card:hover { box-shadow: 0 10px 0 color-mix(in srgb, var(--tint) 55%, #436f35 45%), 0 24px 30px -14px rgba(51, 101, 36, 0.55); } :where(:root:not([data-theme="dark"])) .pk-card:active { box-shadow: 0 1px 0 color-mix(in srgb, var(--tint) 55%, #436f35 45%); } :where(:root:not([data-theme="dark"])) .pk-pill { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.18); } :where(:root:not([data-theme="dark"])) .rs-img { box-shadow: none; } :where(:root:not([data-theme="dark"])) .sub-hero { background: radial-gradient(38% 55% at 14% 62%, rgba(212, 215, 254, 0.85), transparent 72%), radial-gradient(55% 70% at 0% 100%, rgba(228, 249, 218, 0.95), transparent 70%), radial-gradient(45% 60% at 100% 55%, rgba(167, 233, 231, 0.9), transparent 70%), linear-gradient(115deg, #cbe0fd 0%, #c8dcfb 45%, #c9f2ee 100%); } :where(:root:not([data-theme="dark"])) .sub-hero .sh-back { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.13); } :where(:root:not([data-theme="dark"])) .sub-hero .sh-back:hover { box-shadow: 0 7px 0 rgba(17, 103, 43, 0.13); } :where(:root:not([data-theme="dark"])) .sub-hero .sh-back:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.13); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-task { background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 6px 0 rgba(86, 149, 67, 0.22), 0 16px 22px -14px rgba(51, 101, 36, 0.45); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-task:hover { box-shadow: 0 9px 0 rgba(86, 149, 67, 0.22), 0 22px 28px -14px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-task:active { box-shadow: 0 1px 0 rgba(86, 149, 67, 0.22); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-task.sel { border-color: #47bd1c; background: linear-gradient(180deg, #f8fdf5, #effbea); box-shadow: 0 6px 0 #53db21, 0 0 0 5px rgba(71, 189, 28, 0.18), 0 16px 24px -12px rgba(67, 179, 27, 0.55); } :where(:root:not([data-theme="dark"])) .sub-hero .ph-num { background: #f4fdf0; box-shadow: 0 3px 0 #e8f8e0; color: #45b81c; } :where(:root:not([data-theme="dark"])) .card.study.intro .pron { background: #f2fced; color: #47bc1c; } :where(:root:not([data-theme="dark"])) .card.study.intro .word-pl { color: #0d5222; } :where(:root:not([data-theme="dark"])) .card.study.intro .fb-ex .icon-btn { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .card.study.intro > .muted.small { background: #f4fdf0; color: #47bc1c; } :where(:root:not([data-theme="dark"])) .card.study.intro .intro-tile .wa-img, :where(:root:not([data-theme="dark"])) .card.study.intro .intro-tile img { box-shadow: 0 10px 20px -10px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .intro-actions .wd-link { border: 2px solid #e8f5e2; box-shadow: 0 4px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .intro-actions .wd-link:hover { color: #40b21d; border-color: #dcf7ce; box-shadow: 0 4px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .intro-actions .wd-link:active { box-shadow: 0 1px 0 #e8f5e2; } :where(:root:not([data-theme="dark"])) .cx-hero { background: radial-gradient(60% 50% at 88% 12%, rgba(255, 255, 255, 0.75), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--tint) 100%, #fff 0%), color-mix(in srgb, var(--tint) 62%, #53db21 38%)); box-shadow: 0 8px 0 color-mix(in srgb, var(--tint) 55%, #4c893a 45%), 0 24px 30px -22px rgba(51, 101, 36, 0.55); } :where(:root:not([data-theme="dark"])) .cx-btn { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.15); color: #0d5222; } :where(:root:not([data-theme="dark"])) .cx-btn:hover { box-shadow: 0 7px 0 rgba(17, 103, 43, 0.15); } :where(:root:not([data-theme="dark"])) .cx-btn:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.15); } :where(:root:not([data-theme="dark"])) .cx-dots i { background: #43b31b; } :where(:root:not([data-theme="dark"])) .cx-pop { border: 2px solid #eef9e9; box-shadow: 0 6px 0 #e8f8e0, 0 24px 34px -14px rgba(42, 86, 29, 0.55); } :where(:root:not([data-theme="dark"])) .cx-pop button { color: #178e3b; } :where(:root:not([data-theme="dark"])) .cx-pop button:hover:not(:disabled) { background: #f6fdf2; } :where(:root:not([data-theme="dark"])) .cx-title { color: #0d5222; } :where(:root:not([data-theme="dark"])) .cx-chips span { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .cx-chips b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .cx-prog { box-shadow: inset 0 2px 3px rgba(51, 101, 36, 0.15); } :where(:root:not([data-theme="dark"])) .cx-prog b { color: #178e3b; } :where(:root:not([data-theme="dark"])) .cx-search { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-search:focus-within { border-color: #49c11d; box-shadow: 0 5px 0 #e1f8d5, 0 0 0 5px rgba(67, 179, 27, 0.12); } :where(:root:not([data-theme="dark"])) .cx-search input { color: #0d5222; } :where(:root:not([data-theme="dark"])) .cx-sort { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-sort.on { border-color: #49c11d; color: #40b21d; background: #f8fdf5; } :where(:root:not([data-theme="dark"])) .cx-sort:hover { box-shadow: 0 7px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-sort:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-filters .chip { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-filters .chip:hover { color: #40b21d; box-shadow: 0 6px 0 #dcf7ce; border-color: #dcf7ce; } :where(:root:not([data-theme="dark"])) .cx-filters .chip.on { background: linear-gradient(180deg, #53db21, #43b31b); border-color: #43b31b; box-shadow: 0 4px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .cx-filters .segmented { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-filters .seg.on { background: linear-gradient(180deg, #53db21, #43b31b); box-shadow: 0 3px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .cx-tabs button { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-tabs button.on { background: linear-gradient(180deg, #53db21, #43b31b); border-color: #43b31b; box-shadow: 0 4px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .cx-list .word-row { border: 2px solid #eef9e9; background: linear-gradient(180deg, #fff, #fbfefa); box-shadow: 0 5px 0 #e8f8e0, 0 14px 20px -16px rgba(51, 101, 36, 0.4); } :where(:root:not([data-theme="dark"])) .cx-list .word-row:hover { background: linear-gradient(180deg, #fff, #f7fdf4); box-shadow: 0 8px 0 #e8f8e0, 0 20px 26px -16px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .cx-list .word-row:active { box-shadow: 0 1px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .cx-list .wr-img { box-shadow: 0 5px 10px -3px rgba(22, 138, 57, 0.3); } :where(:root:not([data-theme="dark"])) .cx-list .wr-emoji { box-shadow: 0 5px 10px -3px rgba(22, 138, 57, 0.25); } :where(:root:not([data-theme="dark"])) .cx-list .wr-lvl.dots { background: #f4fdf0; } :where(:root:not([data-theme="dark"])) .cx-list .wr-lvl.dots i { background: #deecd7; } :where(:root:not([data-theme="dark"])) .cx-list .wr-lvl.dots i.on { background: linear-gradient(180deg, #53db21, #43b31b); box-shadow: 0 0 6px rgba(67, 179, 27, 0.5); } :where(:root:not([data-theme="dark"])) .wr-chev { background: #f4fdf0; color: #43b31b; } :where(:root:not([data-theme="dark"])) .word-row:hover .wr-chev { background: #e9fae1; } :where(:root:not([data-theme="dark"])) .cx-empty b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .cx-go.review { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 6px 0 #3a8a22, 0 16px 26px -8px rgba(67, 179, 27, 0.55); } :where(:root:not([data-theme="dark"])) .cx-go.review:hover:not(:disabled) { box-shadow: 0 8px 0 #3a8a22, 0 20px 30px -8px rgba(67, 179, 27, 0.65); } :where(:root:not([data-theme="dark"])) .cx-links button { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-links button:hover:not(:disabled) { color: #40b21d; box-shadow: 0 7px 0 #dcf7ce; border-color: #dcf7ce; } :where(:root:not([data-theme="dark"])) .cx-links button:active:not(:disabled) { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ln-rv-sel { box-shadow: 0 3px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .ln-rv-sel:hover { background-color: #f6fdf2; box-shadow: 0 4px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .ln-rv-sel:active { box-shadow: 0 1px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .rg-opt { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; color: #178e3b; } :where(:root:not([data-theme="dark"])) .rg-opt:hover { border-color: #dcf7ce; box-shadow: 0 7px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .rg-opt:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .cx-sortpop button.sel { background: #f6fdf2; color: #40b21d; } :where(:root:not([data-theme="dark"])) .gm-mini { box-shadow: 0 6px 0 color-mix(in srgb, var(--tint) 50%, var(--pill) 50%), 0 18px 24px -14px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .gm-mini b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gm-pill { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.18); } :where(:root:not([data-theme="dark"])) .gm-stats b { color: #40b21d; } :where(:root:not([data-theme="dark"])) .mm-back { background: repeating-linear-gradient(45deg, #49c11d 0 10px, #45b81b 10px 20px); box-shadow: 0 6px 0 #3a8a22, 0 14px 18px -10px rgba(67, 179, 27, 0.6); } :where(:root:not([data-theme="dark"])) .mm-front { background: linear-gradient(180deg, #fff, #f6fdf2); box-shadow: 0 6px 0 #dff4d5, 0 14px 18px -10px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .mm-front b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sp-time, :where(:root:not([data-theme="dark"])) .sn-solved, :where(:root:not([data-theme="dark"])) .hm-round { border: 2px solid #eef9e9; box-shadow: 0 3px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .sp-time b, :where(:root:not([data-theme="dark"])) .sn-solved b, :where(:root:not([data-theme="dark"])) .hm-round b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sp-mult { background: #f2fced; color: #47bc1c; } :where(:root:not([data-theme="dark"])) .sp-card, :where(:root:not([data-theme="dark"])) .hm-card, :where(:root:not([data-theme="dark"])) .sn-card { border: 2px solid #eef9e9; background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 6px 0 #e8f8e0, 0 20px 30px -22px rgba(65, 137, 43, 0.5); } :where(:root:not([data-theme="dark"])) .sp-img img { box-shadow: 0 8px 14px -6px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .sp-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .hm-img img { box-shadow: 0 8px 14px -6px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .hm-pl { color: #0d5222; } :where(:root:not([data-theme="dark"])) .hm-slot { background: #f4fdf0; border: 2px solid #e8f8e0; box-shadow: 0 3px 0 #e8f8e0; color: #0d5222; } :where(:root:not([data-theme="dark"])) .hm-slot.on { border-color: #53db21; box-shadow: 0 3px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .hm-key { border: 2px solid #e8f8e0; box-shadow: 0 4px 0 #e8f8e0; color: #178e3b; } :where(:root:not([data-theme="dark"])) .hm-key:hover:not(:disabled) { border-color: #dcf7ce; box-shadow: 0 6px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .hm-key:active:not(:disabled) { box-shadow: 0 1px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .hm-key.miss { background: #f3f6f1; } :where(:root:not([data-theme="dark"])) .hm-hint em { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .sn-btn { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .sn-btn:hover { color: #40b21d; box-shadow: 0 7px 0 #dcf7ce; border-color: #dcf7ce; } :where(:root:not([data-theme="dark"])) .sn-btn:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .gm-result { background: linear-gradient(160deg, #f3fcef, #e4e9ff 60%, #dff3ff); box-shadow: 0 7px 0 #dff4d5, 0 24px 34px -22px rgba(65, 137, 43, 0.5); } :where(:root:not([data-theme="dark"])) .gm-result h2 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gm-big b { color: #45b81c; } :where(:root:not([data-theme="dark"])) .gm-back { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .gm-back:hover { color: #40b21d; box-shadow: 0 7px 0 #dcf7ce; border-color: #dcf7ce; } :where(:root:not([data-theme="dark"])) .gm-back:active { box-shadow: 0 1px 0 #eaf6e4; } @media (hover: hover) and (pointer: fine) { :where(:root:not([data-theme="dark"])) .row-arr { box-shadow: 0 5px 0 rgba(17, 103, 43, 0.16), 0 10px 18px -8px rgba(17, 103, 43, 0.4); color: #40b21d; } :where(:root:not([data-theme="dark"])) .row-arr:hover { box-shadow: 0 7px 0 rgba(17, 103, 43, 0.16), 0 14px 22px -8px rgba(17, 103, 43, 0.45); } :where(:root:not([data-theme="dark"])) .row-arr:active { box-shadow: 0 1px 0 rgba(17, 103, 43, 0.16); } } :where(:root:not([data-theme="dark"])) .dl-setup h2 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .dl-bot { box-shadow: 0 6px 0 var(--c3), 0 18px 24px -14px rgba(51, 101, 36, 0.5); } :where(:root:not([data-theme="dark"])) .dl-bot:hover { box-shadow: 0 9px 0 var(--c3), 0 22px 28px -14px rgba(51, 101, 36, 0.55); } :where(:root:not([data-theme="dark"])) .dl-bot-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .dl-bot-text em { color: #45b81c; } :where(:root:not([data-theme="dark"])) .dl-bot-gem { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.14); color: #43b820; } :where(:root:not([data-theme="dark"])) .dl-side { border: 2px solid #eef9e9; box-shadow: 0 5px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .dl-side.you { background: linear-gradient(180deg, #f8fdf5, #effbea); border-color: #e1f8d5; box-shadow: 0 5px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .dl-side b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .dl-pts { color: #45b81c; } :where(:root:not([data-theme="dark"])) .dl-tug i { background: linear-gradient(90deg, #53db21, #43b31b); } :where(:root:not([data-theme="dark"])) .dl-mid small b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .dl-timer { background: rgba(67, 179, 27, 0.12); box-shadow: inset 0 2px 3px rgba(51, 101, 36, 0.15); } :where(:root:not([data-theme="dark"])) .dl-timer b { color: #178e3b; } :where(:root:not([data-theme="dark"])) .dl-card { border: 2px solid #eef9e9; background: linear-gradient(180deg, #fff, #f9fef7); box-shadow: 0 6px 0 #e8f8e0, 0 20px 30px -22px rgba(65, 137, 43, 0.5); } :where(:root:not([data-theme="dark"])) .dl-q { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .dl-img { box-shadow: 0 8px 14px -6px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .dl-word { color: #0d5222; } :where(:root:not([data-theme="dark"])) .dl-opt { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; color: #178e3b; } :where(:root:not([data-theme="dark"])) .dl-opt kbd { background: #f4fcf0; color: #45b81c; box-shadow: inset 0 -2px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .dl-opt:hover:not(:disabled) { border-color: #dcf7ce; box-shadow: 0 7px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .dl-opt:active:not(:disabled) { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .dl-opt.picked { border-color: #49c11d; background: #f4fdf0; box-shadow: 0 5px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .rn-lives { border: 2px solid #eef9e9; box-shadow: 0 3px 0 #e8f8e0; } :where(:root:not([data-theme="dark"])) .rn-gates b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .rn-ask { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .rn-ask-img { box-shadow: 0 6px 10px -5px rgba(22, 138, 57, 0.4); } :where(:root:not([data-theme="dark"])) .rn-ask-txt small { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .rn-ask-txt b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .rn-stage { box-shadow: 0 8px 0 #ddf2d2, 0 22px 34px -16px rgba(53, 108, 36, 0.55); } :where(:root:not([data-theme="dark"])) .rn-tile::after { background: radial-gradient(rgba(16, 43, 7, 0.32), transparent 70%); } :where(:root:not([data-theme="dark"])) .rn-tile span { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .rn-shadow { background: radial-gradient(rgba(16, 43, 7, 0.4), transparent 70%); } :where(:root:not([data-theme="dark"])) .rn-count b { text-shadow: 0 6px 0 #43b31b, 0 12px 26px rgba(22, 72, 7, 0.4); } :where(:root:not([data-theme="dark"])) .rn-tip kbd { background: #f4fcf0; color: #45b81c; box-shadow: inset 0 -2px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .bb-stage { box-shadow: 0 8px 0 #ddf2d2, 0 22px 34px -16px rgba(53, 108, 36, 0.55); } :where(:root:not([data-theme="dark"])) .bb-ceil { background: linear-gradient(180deg, #45b81b, #40b21d); box-shadow: 0 3px 0 rgba(43, 115, 22, 0.3); } :where(:root:not([data-theme="dark"])) .bb-face { box-shadow: inset 0 -5px 8px rgba(0, 0, 0, 0.16), inset 0 3px 6px rgba(255, 255, 255, 0.5), 0 4px 0 color-mix(in srgb, var(--c) 68%, #000), 0 9px 12px -6px rgba(26, 65, 14, 0.5); } :where(:root:not([data-theme="dark"])) .nav { box-shadow: 0 -8px 26px rgba(46, 101, 29, 0.1); } :where(:root:not([data-theme="dark"])) .nav button.active .nav-ind { background: linear-gradient(180deg, rgba(73, 193, 29, 0.2), rgba(73, 193, 29, 0.07)); box-shadow: inset 0 0 0 1.5px rgba(73, 193, 29, 0.2); } :where(:root:not([data-theme="dark"])) .nav button.active > span:last-child { color: #43b31b; } :where(:root:not([data-theme="dark"])) .ht-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .nav button.on .nav-ind { background: linear-gradient(180deg, rgba(73, 193, 29, 0.2), rgba(73, 193, 29, 0.07)); box-shadow: inset 0 0 0 1.5px rgba(73, 193, 29, 0.2); } :where(:root:not([data-theme="dark"])) .nav button.on > span:last-child { color: #43b31b; } :where(:root:not([data-theme="dark"])) .ai-hello b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ai-chips button { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; color: #178e3b; } :where(:root:not([data-theme="dark"])) .ai-chips button:hover { box-shadow: 0 6px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .ai-chips button:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ai-bub { color: #0c4d20; box-shadow: 0 3px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ai-msg.me .ai-bub { background: linear-gradient(135deg, #49c11d, #43b31b); box-shadow: 0 3px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .ai-bub.typing i { background: #53dc21; } :where(:root:not([data-theme="dark"])) .ai-bar { box-shadow: 0 6px 22px -8px rgba(46, 101, 29, 0.4); border: 2px solid #eaf6e4; } :where(:root:not([data-theme="dark"])) .ai-bar input { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .ai-send { background: linear-gradient(135deg, #49c11d, #43b31b); box-shadow: 0 4px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .ai-send:active { box-shadow: 0 1px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .gr-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-title h2 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-body { box-shadow: 0 5px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .gr-body h4 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-body i { color: #407f2d; } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.on { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 10px 22px -10px rgba(67, 179, 27, 0.8); } :where(:root:not([data-theme="dark"])) .gr-pn { border: 2px solid #eaf6e4; box-shadow: 0 4px 0 #eaf6e4; color: #40b21d; } :where(:root:not([data-theme="dark"])) .gr-pn:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .gr-trainer { box-shadow: 0 6px 0 #eaf6e4; border: 2px solid #eaf6e4; } :where(:root:not([data-theme="dark"])) .gr-trainer-badge { color: #40bd1b; } :where(:root:not([data-theme="dark"])) .gr-cheat-card { background: linear-gradient(165deg, #ffffff 0%, #fcfefb 60%, #f6fdf2 100%); border: 2px solid #e2f7d8; box-shadow: 0 8px 0 #e2f7d8, 0 16px 28px -12px rgba(67, 179, 27, 0.18); } :where(:root:not([data-theme="dark"])) .gr-cheat-badge { background: #f1fceb; color: #359418; } :where(:root:not([data-theme="dark"])) .gr-cheat-btn-toggle { color: #47bd1c; } :where(:root:not([data-theme="dark"])) .gr-cheat-title { color: #12200e; } :where(:root:not([data-theme="dark"])) .gr-cheat-visual code { color: #409327; } :where(:root:not([data-theme="dark"])) .gr-cheat-punchline { color: #367523; } :where(:root:not([data-theme="dark"])) .au-mode b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .au-set { border: 2px solid #effaea; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .au-set-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .au-pack-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .sk-img { box-shadow: 0 10px 16px -8px rgba(22, 138, 57, 0.45); } :where(:root:not([data-theme="dark"])) .ap-title b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ap-seg { background: #effaea; box-shadow: inset 0 2px 4px rgba(46, 101, 29, 0.12); } :where(:root:not([data-theme="dark"])) .ap-seg button.on { color: #0d5222; box-shadow: 0 3px 0 #dcefd2, 0 6px 12px -6px rgba(46, 101, 29, 0.4); } :where(:root:not([data-theme="dark"])) .ap-prog { background: #eaf6e4; } :where(:root:not([data-theme="dark"])) .ap-prog i { background: linear-gradient(90deg, #49c11d, #4f8ff0); } :where(:root:not([data-theme="dark"])) .ap-card { background: var(--tint, #ecfbe4); } :where(:root:not([data-theme="dark"])) .ap-card.cur { box-shadow: 0 9px 0 color-mix(in srgb, var(--tint, #ecfbe4) 70%, #4ca730), 0 22px 30px -14px rgba(53, 108, 36, 0.55); } :where(:root:not([data-theme="dark"])) .ap-card.prev, :where(:root:not([data-theme="dark"])) .ap-card.next { box-shadow: 0 6px 0 color-mix(in srgb, var(--tint, #ecfbe4) 70%, #4ca730); } :where(:root:not([data-theme="dark"])) .ap-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ap-say { background: #f2fced; color: #40b21d; box-shadow: 0 3px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .ap-pron { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .ap-side.on { color: #43b31b; } :where(:root:not([data-theme="dark"])) .ap-listic { background: #f2fced; color: #40b21d; box-shadow: 0 3px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .ap-ico { border: 2px solid #eaf6e4; color: #40b21d; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ap-ico:active:not(:disabled) { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ap-big { background: radial-gradient(circle at 32% 26%, #51d820, #45b81b 58%, #40b21d); box-shadow: 0 8px 0 #3c9023, 0 16px 24px -10px rgba(67, 179, 27, 0.75); } :where(:root:not([data-theme="dark"])) .ap-big:active { box-shadow: 0 3px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .ap-min { border: 2px solid #eaf6e4; color: #178e3b; box-shadow: 0 3px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .ap-min.on { background: #43b31b; border-color: #43b31b; box-shadow: 0 3px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .ap-min.on small { color: #e7fadd; } :where(:root:not([data-theme="dark"])) .ap-row:hover { background: #f6fdf3; } :where(:root:not([data-theme="dark"])) .ap-row.cur { background: #f2fced; box-shadow: inset 0 0 0 2px #dcf7ce; } :where(:root:not([data-theme="dark"])) .ap-row-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .ap-row-say { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .toast, :where(:root:not([data-theme="dark"])) .toast.has-undo { border: 2px solid #eaf6e4; color: #0d5222; box-shadow: 0 5px 0 #eaf6e4, 0 18px 30px -12px rgba(38, 94, 22, 0.45); } :where(:root:not([data-theme="dark"])) .toast-ic { background: radial-gradient(circle at 30% 25%, #fff, #effbea); box-shadow: inset 0 -3px 0 rgba(64, 178, 29, 0.12), 0 3px 6px -2px rgba(53, 108, 36, 0.35); } :where(:root:not([data-theme="dark"])) .toast-undo, :where(:root:not([data-theme="dark"])) .toast.has-undo .toast-undo { background: #f2fced; color: #40b21d; box-shadow: 0 3px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .toast-undo:hover { background: #e9fae1; color: #3c9023; } :where(:root:not([data-theme="dark"])) .toast-time { background: linear-gradient(90deg, #49c11d, #4f8ff0); } :where(:root:not([data-theme="dark"])) .hm-tasks.gram { background: linear-gradient(135deg, #f1f5ff 0%, #e4ecff 50%, #f1fcec 100%); } :where(:root:not([data-theme="dark"])) .pl-card { box-shadow: 0 6px 0 #eaf6e4, 0 18px 30px -18px rgba(53, 108, 36, 0.5); } :where(:root:not([data-theme="dark"])) .pl-q { color: #47bc1c; } :where(:root:not([data-theme="dark"])) .pl-word { color: #0d5222; } :where(:root:not([data-theme="dark"])) .pl-opt { border: 2px solid #eaf6e4; box-shadow: 0 5px 0 #eaf6e4; color: #178e3b; } :where(:root:not([data-theme="dark"])) .pl-opt kbd { background: #f4fcf0; color: #45b81c; box-shadow: inset 0 -2px 0 #e5f9db; } :where(:root:not([data-theme="dark"])) .pl-opt:hover:not(:disabled) { border-color: #dcf7ce; box-shadow: 0 7px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .pl-opt:active:not(:disabled) { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .pl-dk:hover:not(:disabled) { background: #f4fcf0; color: #40b21d; } :where(:root:not([data-theme="dark"])) .pl-lvl { background: linear-gradient(180deg, #49c11d, #43b31b); box-shadow: 0 4px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .pl-bar.me { background: #f2fced; box-shadow: inset 0 0 0 2px #dcf7ce; color: #3c9023; } :where(:root:not([data-theme="dark"])) .pl-bar span { background: #eaf6e4; } :where(:root:not([data-theme="dark"])) .pl-banner { background: linear-gradient(135deg, #f1fcec, #dfe9ff); border: 2px solid #e2f8d7; box-shadow: 0 6px 0 #62e134, 0 16px 24px -16px rgba(64, 178, 29, 0.55); } :where(:root:not([data-theme="dark"])) .pl-banner-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .pl-go { background: linear-gradient(180deg, #45b81b, #43b31b); box-shadow: 0 4px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .pl-go:active { box-shadow: 0 1px 0 #3c9023; } :where(:root:not([data-theme="dark"])) .st-bar i { background: linear-gradient(180deg, #51d820, #43b31b); } :where(:root:not([data-theme="dark"])) .st-col.zero .st-bar i { background: #eaf6e4; } :where(:root:not([data-theme="dark"])) .st-tile { border: 2px solid #effaea; box-shadow: 0 4px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .st-tile b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .st-tile.ring { background: conic-gradient(#4cd137 calc(var(--p) * 1%), #eaf6e4 0); } :where(:root:not([data-theme="dark"])) .st-lv b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .st-val { color: #40b21d; } :where(:root:not([data-theme="dark"])) .sl-note { background: linear-gradient(135deg, #f4fdf0, #e6efff); border: 2px solid #e4f9d9; box-shadow: 0 5px 0 #d5f1c7; } :where(:root:not([data-theme="dark"])) .sl-note b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-crumb b { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .gp-sentence { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-gap { border-bottom: 4px solid #51d820; background: rgba(67, 179, 27, 0.07); color: #43b31b; } :where(:root:not([data-theme="dark"])) .gp-pl-q .pl-line { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-build .bw-tile { box-shadow: 0 4px 0 #e7f1e2; } :where(:root:not([data-theme="dark"])) .gp-build .bw-tile:active:not(:disabled) { box-shadow: 0 2px 0 #e7f1e2; } :where(:root:not([data-theme="dark"])) .gp-full { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-expl { background: rgba(67, 179, 27, 0.07); } :where(:root:not([data-theme="dark"])) .gp-star svg { fill: #ddead7; stroke: #5bdf2a; } :where(:root:not([data-theme="dark"])) .gp-sum-sub { color: #40b21d; } :where(:root:not([data-theme="dark"])) .gp-miss-row { border-top: 1px solid rgba(67, 179, 27, 0.1); } :where(:root:not([data-theme="dark"])) .gp-miss-main b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-back-link:hover { color: #40b21d; } :where(:root:not([data-theme="dark"])) .gr-stars i { color: #d9e4d3; } :where(:root:not([data-theme="dark"])) .gp-top-cta b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-cta-text b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-read { background: rgba(67, 179, 27, 0.08); } :where(:root:not([data-theme="dark"])) .gr-hero-n { box-shadow: 0 3px 0 rgba(17, 103, 43, 0.1); } :where(:root:not([data-theme="dark"])) .gr-sec-t h4 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-row.locked .gr-num { background: radial-gradient(circle at 30% 24%, #fff, #eef2ec); } :where(:root:not([data-theme="dark"])) .gr-cheat-pill { color: #178e3b; } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.on { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 6px 0 #3a8a22, 0 14px 22px -10px rgba(67, 179, 27, 0.7); } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.on:active { box-shadow: 0 1px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.static:active { box-shadow: 0 6px 0 #3a8a22, 0 14px 22px -10px rgba(67, 179, 27, 0.7); } :where(:root:not([data-theme="dark"])) .gp-top-cta.ai { border-color: #dff8d3; background: linear-gradient(135deg, #fff, #f1fcec); box-shadow: 0 5px 0 #e4f9d9; } :where(:root:not([data-theme="dark"])) .gp-top-cta.ai:hover { box-shadow: 0 7px 0 #dbf7cd; } :where(:root:not([data-theme="dark"])) .gp-top-cta.ai:active { box-shadow: 0 1px 0 #e4f9d9; } :where(:root:not([data-theme="dark"])) .gp-ai-btn { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 5px 0 #3a8a22, 0 12px 20px -10px rgba(67, 179, 27, 0.7); } :where(:root:not([data-theme="dark"])) .gp-ai-btn:hover { box-shadow: 0 7px 0 #3a8a22, 0 16px 24px -10px rgba(67, 179, 27, 0.75); } :where(:root:not([data-theme="dark"])) .gp-ai-btn:active { box-shadow: 0 1px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .gp-rule { background: #f2fced; } :where(:root:not([data-theme="dark"])) .gp-rule b { color: #3a8a22; } :where(:root:not([data-theme="dark"])) .gp-why, :where(:root:not([data-theme="dark"])) .gp-ex { box-shadow: inset 0 0 0 1.5px rgba(57, 101, 43, 0.1); } :where(:root:not([data-theme="dark"])) .gp-why ol { color: #116a2c; } :where(:root:not([data-theme="dark"])) .gp-why p { color: #116a2c; } :where(:root:not([data-theme="dark"])) .gp-ex p { color: #116a2c; } :where(:root:not([data-theme="dark"])) .ph-cta, :where(:root:not([data-theme="dark"])) .hero .plan-focus .btn.pill, :where(:root:not([data-theme="dark"])) .btn.pill { background: linear-gradient(90deg, #38a5f1 0%, #5981f3 50%, #47be1c 100%); box-shadow: 0 4px 0 #3f52c4, 0 10px 16px -10px rgba(89, 110, 245, 0.7); } :where(:root:not([data-theme="dark"])) .cv-learn, :where(:root:not([data-theme="dark"])) .ask-btn { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 4px 0 #3a8a22, 0 10px 16px -10px rgba(67, 179, 27, 0.65); } :where(:root:not([data-theme="dark"])) .ask-btn.ghost { box-shadow: 0 3px 0 #d9dcea; } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.on { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 4px 0 #3a8a22, 0 10px 16px -10px rgba(67, 179, 27, 0.65); } :where(:root:not([data-theme="dark"])) .gr-nav .gr-done.static:active { box-shadow: 0 4px 0 #3a8a22, 0 10px 16px -10px rgba(67, 179, 27, 0.65); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more, :where(:root:not([data-theme="dark"])) .gp-ai-btn, :where(:root:not([data-theme="dark"])) .type-actions .btn.primary { background: linear-gradient(90deg, #49c11d, #43b31b); box-shadow: 0 3px 0 #3a8a22, 0 8px 14px -10px rgba(67, 179, 27, 0.6); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more:hover, :where(:root:not([data-theme="dark"])) .gp-ai-btn:hover, :where(:root:not([data-theme="dark"])) .type-actions .btn.primary:hover { box-shadow: 0 3px 0 #3a8a22, 0 8px 14px -10px rgba(67, 179, 27, 0.6); background: linear-gradient(90deg, #49c11d, #43b31b); } :where(:root:not([data-theme="dark"])) .sx-cta .sm-more:active, :where(:root:not([data-theme="dark"])) .gp-ai-btn:active, :where(:root:not([data-theme="dark"])) .type-actions .btn.primary:active { box-shadow: 0 1px 0 #3a8a22; } :where(:root:not([data-theme="dark"])) .type-actions .btn.ghost, :where(:root:not([data-theme="dark"])) .wc-act, :where(:root:not([data-theme="dark"])) .btn.ghost-line, :where(:root:not([data-theme="dark"])) .gr-pn { border: 2px solid #eaf6e4; color: #5a6086; box-shadow: 0 3px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .type-actions .btn.ghost:hover, :where(:root:not([data-theme="dark"])) .wc-act:hover, :where(:root:not([data-theme="dark"])) .btn.ghost-line:hover, :where(:root:not([data-theme="dark"])) .gr-pn:hover { border-color: #dcf7ce; color: #40b21d; box-shadow: 0 3px 0 #dcf7ce; } :where(:root:not([data-theme="dark"])) .type-actions .btn.ghost:active, :where(:root:not([data-theme="dark"])) .wc-act:active, :where(:root:not([data-theme="dark"])) .btn.ghost-line:active, :where(:root:not([data-theme="dark"])) .gr-pn:active { box-shadow: 0 1px 0 #eaf6e4; } :where(:root:not([data-theme="dark"])) .hm-today { background: linear-gradient(135deg, #f1f5ff 0%, #e4ecff 50%, #f1fcec 100%); } :where(:root:not([data-theme="dark"])) .td-ht b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .td-ic { box-shadow: inset 0 -3px 0 rgba(17, 103, 43, 0.08); } :where(:root:not([data-theme="dark"])) .td-tx b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .td-rec .td-tx .td-note { color: #40b21d; } :where(:root:not([data-theme="dark"])) .gr-srs { border: 2px solid #e8f4e2; box-shadow: 0 3px 0 #e8f4e2; } :where(:root:not([data-theme="dark"])) .gr-srs.rec { border-color: #dff8d3; background: linear-gradient(135deg, #f6fdf3, #eefbe7); box-shadow: 0 3px 0 #dff8d3; } :where(:root:not([data-theme="dark"])) .gr-srs-tx b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-lessons > b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .lk-gram-tx b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gr-tag.rec { border: 1.5px solid #dff8d3; background: #f1fcec; color: #40b21d; } :where(:root:not([data-theme="dark"])) .gp-wc-en { color: #0d5222; } :where(:root:not([data-theme="dark"])) .gp-fly-tx b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .flag.avatar { background: var(--av, #ecfbe4); } :where(:root:not([data-theme="dark"])) .av-opt { box-shadow: 0 0 0 2px rgba(67, 179, 27, 0.18), 0 6px 12px -6px rgba(51, 101, 36, 0.4); } /* tasks.css */ :where(:root:not([data-theme="dark"])) .tk-part-icon { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .lk-num { background: linear-gradient(135deg, #45b81b, #38a5f1); box-shadow: 0 8px 18px -8px rgba(67, 179, 27, 0.8); } :where(:root:not([data-theme="dark"])) .lk-info b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .lk-part:hover { border-color: #d7f6c8; box-shadow: 0 8px 18px -10px rgba(67, 179, 27, 0.6); } :where(:root:not([data-theme="dark"])) .lk-part:hover > i { color: #43b31b; } :where(:root:not([data-theme="dark"])) .lk-part:focus-visible { outline: 3px solid #46b91c; } :where(:root:not([data-theme="dark"])) .lk-parts b { background: #f2fced; color: #40b21d; } :where(:root:not([data-theme="dark"])) .lk-chip { border: 1.5px solid rgba(13, 82, 34, 0.12); } :where(:root:not([data-theme="dark"])) .lk-chip.on { border-color: #43b31b; background: #43b31b; } :where(:root:not([data-theme="dark"])) .tk-top { background: #f7fcf5; } :where(:root:not([data-theme="dark"])) .tk-title h2 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .tk-grammar { background: #f2fced; color: #326722; } :where(:root:not([data-theme="dark"])) .tk-sec { box-shadow: 0 8px 22px rgba(20, 120, 50, 0.06); } :where(:root:not([data-theme="dark"])) .tk-sec h3 { color: #0d5222; } :where(:root:not([data-theme="dark"])) .tk-key { background: linear-gradient(135deg, #45b81b, #43b31b); } :where(:root:not([data-theme="dark"])) .tk-prompt { color: #0c4d20; } :where(:root:not([data-theme="dark"])) .tk-blank { border-bottom: 2.5px solid #5fe030; } :where(:root:not([data-theme="dark"])) .tk-blank.filled { color: #40b21d; border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .tk-opt { border: 2px solid #e7f1e2; } :where(:root:not([data-theme="dark"])) .tk-opt:hover:not(:disabled) { border-color: #5fe030; } :where(:root:not([data-theme="dark"])) .tk-opt.on { border-color: #43b31b; background: #43b31b; box-shadow: 0 8px 16px -8px rgba(67, 179, 27, 0.8); } :where(:root:not([data-theme="dark"])) .tk-opt .ripple { background: rgba(67, 179, 27, 0.2); } :where(:root:not([data-theme="dark"])) .tk-input { border: 2px solid #e7f1e2; background: #fafef8; color: #0d5222; } :where(:root:not([data-theme="dark"])) .tk-input:focus { border-color: #43b31b; } :where(:root:not([data-theme="dark"])) .tk-score { background: linear-gradient(135deg, #f2fced, #e1f2ff); } :where(:root:not([data-theme="dark"])) .tk-score > b { color: #0d5222; } :where(:root:not([data-theme="dark"])) .tk-gems { color: #41a423 !important; } :where(:root:not([data-theme="dark"])) .tk-secscore b { color: #40b21d; } :where(:root:not([data-theme="dark"])) .lk-ai { background: linear-gradient(120deg, #46b91c, #38a5f1); box-shadow: 0 10px 22px -10px rgba(67, 179, 27, 0.7); } :where(:root:not([data-theme="dark"])) .tk-ai { background: #f3fcef; color: #3a6e2a; } :where(:root:not([data-theme="dark"])) .tk-ai-more { color: #43b31b; } :where(:root:not([data-theme="dark"])) .tk-ai-more:hover { background: #f4fcf0; }