body.language-ui-refresh,body.language-tool-focus{background:#f6f8fb;color:#0f172a}body.language-ui-refresh .lang-hero,body.language-tool-focus .hero,body.language-tool-focus .tool-hero{background:#f8fbff !important;background-image:linear-gradient(180deg,#f8fbff 0%,#ffffff 78%) !important;border-bottom:1px solid #dbe5f1 !important;color:#0f172a !important;text-align:left !important}body.language-ui-refresh .lang-hero::before,body.language-ui-refresh .lang-hero__scripts,body.language-tool-focus .hero::after{display:none !important}body.language-ui-refresh .lang-hero h1,body.language-tool-focus .hero h1,body.language-tool-focus .tool-hero h1{color:#0f172a !important;font-family:"DM Sans",system-ui,sans-serif !important;font-weight:800 !important;letter-spacing:0 !important;line-height:1.04 !important}body.language-ui-refresh .lang-hero h1 em,body.language-tool-focus .hero h1 span,body.language-tool-focus .tool-hero h1 em{color:#0057b8 !important;font-style:normal !important}body.language-ui-refresh .hero-sub,body.language-tool-focus .hero p,body.language-tool-focus .hero-sub{color:#475569 !important;opacity:1 !important}body.language-ui-refresh .hero-eyebrow,body.language-tool-focus .badge,body.language-tool-focus .count-badge,body.language-tool-focus .tool-card__badge,body.language-tool-focus .cat-btn,body.language-tool-focus .fc-cat,body.language-tool-focus .theme-chip{border-radius:8px !important}body.language-ui-refresh .quick-translate input,body.language-tool-focus input,body.language-tool-focus select,body.language-tool-focus textarea{border-radius:8px !important}body.language-ui-refresh .qt-chip,body.language-ui-refresh .filter-btn,body.language-tool-focus .cat-btn,body.language-tool-focus .fc-cat,body.language-tool-focus .theme-chip,body.language-tool-focus .tab,body.language-tool-focus .phrase,body.language-tool-focus .name-card,body.language-tool-focus .script-card,body.language-tool-focus .char-cell{transition:border-color 0.16s ease,background 0.16s ease,box-shadow 0.16s ease !important}body.language-ui-refresh .filter-btn.active,body.language-tool-focus .cat-btn.active,body.language-tool-focus .fc-cat.active,body.language-tool-focus .theme-chip.active,body.language-tool-focus .tab.active,body.language-tool-focus .btn,body.language-tool-focus .translate-btn,body.language-tool-focus .quiz-next,body.language-tool-focus .fc-btn-next{border-color:#0057b8 !important;background:#0057b8 !important;color:#ffffff !important}body.language-tool-focus .card,body.language-tool-focus .quiz-card,body.language-tool-focus .wotd,body.language-tool-focus .daily-card,body.language-tool-focus .notd,body.language-tool-focus .tabs,body.language-tool-focus .output-box,body.language-tool-focus .translate-output,body.language-ui-refresh .tool-card,body.language-ui-refresh .quiz-box,.language-planner-card,.language-handoff-card{border:1px solid #dbe5f1 !important;border-radius:8px !important;box-shadow:0 10px 26px rgba(15,23,42,0.05) !important}body.language-tool-focus .card h2,body.language-tool-focus .quiz-card h3,body.language-tool-focus .seo-section h2,body.language-tool-focus .faq h2,body.language-tool-focus .card-title,body.language-tool-focus .notd-label,body.language-tool-focus .daily-label,body.language-tool-focus .wotd-label,body.language-tool-focus .tool-hero .breadcrumb span,body.language-tool-focus .name-card .origin{color:#0057b8 !important}body.language-tool-focus .wotd,body.language-tool-focus .daily-card,body.language-tool-focus .notd,body.language-tool-focus .tone-guide{background:#eef6ff !important;border-color:#bfdbfe !important;color:#0f172a !important}body.language-tool-focus .wotd-lang,body.language-tool-focus .daily-pidgin,body.language-tool-focus .notd-name,body.language-tool-focus .name-card .name,body.language-tool-focus .phrase .lang,body.language-tool-focus .phrase .sw,body.language-tool-focus .script-card .sample{color:#0f172a !important}body.language-tool-focus .script-info,body.language-tool-focus .script-card,body.language-tool-focus .script-card .sample,body.language-tool-focus .output-box,body.language-tool-focus .char-cell{min-width:0 !important;overflow-wrap:anywhere !important}body.language-tool-focus .phrase:hover,body.language-tool-focus .name-card:hover,body.language-tool-focus .char-cell:hover,body.language-ui-refresh .tool-card:hover{border-color:#0057b8 !important;background:#f8fbff !important;box-shadow:0 10px 22px rgba(15,23,42,0.08) !important;transform:none !important}body.language-tool-focus .tab-icon,body.language-tool-focus .speak-btn,body.language-tool-focus .p-btn{font-size:0 !important}body.language-tool-focus .tab-icon::after{content:attr(data-mark);font-size:0.72rem;font-weight:900}body.language-tool-focus .speak-btn::after,body.language-tool-focus .p-btn::after{content:attr(data-mark);display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:0.72rem;font-weight:900}body.language-tool-focus .df-upgrade,body.language-tool-focus .df-faq{display:none !important}.language-planner,.language-handoff{width:min(1120px,calc(100% - 40px));margin:28px auto}.language-planner-card,.language-handoff-card{background:#ffffff;padding:22px}.language-planner-head,.language-handoff-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.language-kicker{display:inline-flex;align-items:center;min-height:30px;margin:0 0 10px;padding:0 10px;border:1px solid #dbe5f1;border-radius:8px;background:#ffffff;color:#0057b8;font-size:0.72rem;font-weight:900;letter-spacing:0.06em;text-transform:uppercase}.language-planner h2,.language-handoff h2{margin:0;color:#0f172a;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:0}.language-planner p,.language-handoff p,.language-output,.language-checks{color:#475569;line-height:1.62}.language-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.language-lane{border:1px solid #dbe5f1;border-radius:8px;background:#f8fafc;padding:16px}.language-lane h3{margin:0 0 8px;font-size:1rem}.language-lane-actions,.language-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.language-lane a,.language-lane button,.language-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-weight:800;cursor:pointer}.language-lane a,.language-actions button[data-language-primary]{border:1px solid #0057b8;background:#0057b8;color:#ffffff;padding:0 12px;text-decoration:none}.language-lane button,.language-actions button{border:1px solid #cbd5e1;background:#ffffff;color:#0f172a;padding:0 12px}.language-lane button[aria-pressed="true"]{border-color:#0057b8;box-shadow:inset 0 0 0 2px rgba(0,87,184,0.18)}.language-output{display:block;min-height:150px;max-height:320px;overflow:auto;white-space:pre-wrap;margin-top:16px;border:1px solid #dbe5f1;border-radius:8px;background:#f8fafc;padding:14px}.language-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,0.9fr);gap:18px;margin-top:18px}.language-checks{margin:0;padding-left:18px}.language-status{min-height:22px;margin-top:10px;color:#0057b8;font-weight:800}body.language-ui-refresh button:focus-visible,body.language-ui-refresh a:focus-visible,body.language-tool-focus button:focus-visible,body.language-tool-focus a:focus-visible,body.language-tool-focus input:focus-visible,body.language-tool-focus select:focus-visible,body.language-tool-focus textarea:focus-visible,body.language-tool-focus summary:focus-visible{outline:3px solid rgba(0,87,184,0.28) !important;outline-offset:3px !important}@media (max-width:920px){.language-planner-head,.language-handoff-head,.language-grid{display:block}.language-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.language-planner,.language-handoff{width:min(100% - 28px,1120px)}.language-lanes{grid-template-columns:1fr}.language-actions button,.language-lane a,.language-lane button{flex:1 1 150px}body.language-tool-focus .char-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}body.language-tool-focus .char-cell{min-height:44px !important}body.language-tool-focus .hero,body.language-tool-focus .tool-hero,body.language-ui-refresh .lang-hero{padding-left:20px !important;padding-right:20px !important}}@media (prefers-reduced-motion:reduce){body.language-ui-refresh *,body.language-tool-focus *{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}}