/* Tabloora English Global 4.0 */
.sidebar-support{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#fff2dd,#fff8ed);color:#533514;text-decoration:none;border:1px solid #f5d8a7;margin-bottom:10px;transition:.2s transform,.2s box-shadow}.sidebar-support:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(92,57,18,.13)}.sidebar-support>span{font-size:24px}.sidebar-support div{display:flex;flex-direction:column;min-width:0}.sidebar-support b{font-size:13px}.sidebar-support small{font-size:10px;line-height:1.25;color:#826443}.top-support{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff3db;color:#6c461b;text-decoration:none;font-size:12px;font-weight:900;border:1px solid #f5d8a7;white-space:nowrap}.support-banner{margin-top:18px;padding:22px 24px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#1c1932,#302660);color:#fff;box-shadow:var(--shadow)}.support-banner>div{display:flex;gap:14px;align-items:flex-start}.support-banner>div>span{font-size:32px}.support-banner p{margin:5px 0;color:#ded9f8}.support-banner small{color:#afa7d7}.support-button,.support-anchor{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;background:#ffdd80!important;color:#402a10!important;border-color:#ffdd80!important;font-weight:900;padding:13px 17px;border-radius:14px}.global-launch{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:26px;align-items:center;background:linear-gradient(135deg,#fbfcff,#f1efff)}.language-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.language-pills span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12px;font-weight:800}.language-pills .active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,76,255,.1)}.global-word-summary{padding:20px;border-radius:20px;background:#fff}.global-word-summary>strong{display:block;font-size:30px}.global-word-summary small{color:var(--muted)}.global-word-summary .secondary-btn{width:100%;margin-top:10px}.global-onboarding-modal{max-width:1100px}.global-onboarding{display:grid;grid-template-columns:.95fr 1.05fr;min-height:650px}.global-onboarding-hero{padding:46px;color:#fff;background:radial-gradient(circle at 70% 20%,rgba(93,221,255,.35),transparent 30%),linear-gradient(145deg,#17132d,#5637d7 58%,#12a7aa);display:flex;flex-direction:column;justify-content:center}.global-onboarding-hero h1{font-size:clamp(37px,5vw,62px);line-height:1.03;margin:18px 0}.global-onboarding-hero>p{color:#e5e0ff}.onboarding-values{display:grid;gap:10px;margin:22px 0}.onboarding-values span{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.12);font-weight:800}.donation-trust{margin-top:18px;padding:16px;border-radius:16px;background:rgba(255,221,128,.14);border:1px solid rgba(255,221,128,.35)}.donation-trust p{margin:4px 0 0;color:#fff4d4}.global-onboarding-form{padding:38px;overflow:auto}.language-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}.language-selector.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0}.language-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;color:var(--text)}.language-card span{font-size:26px}.language-card b{font-size:13px}.language-card.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,76,255,.12);background:#f7f5ff}.profile-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.free-trust-box{padding:16px;border:1px solid #d9e9df;border-radius:16px;background:#f3fff8}.free-trust-box p{margin:6px 0;color:#486556}.free-trust-box small{color:#667c6e}.global-profile-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px}.dictionary-panel{align-self:start;padding:18px;border-radius:18px;background:#f6f7fb;display:flex;flex-direction:column;gap:10px}.dictionary-panel span{font-size:12px;color:var(--muted)}.support-profile{margin-top:18px;border:1px solid #f2d5a0;background:linear-gradient(135deg,#fffaf0,#fff)}.support-profile .support-anchor{width:max-content}.legacy-profile{margin-top:18px}.legacy-profile>summary{cursor:pointer;font-weight:900;padding:14px 0}.word-journey-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#201942,#6047dc);color:#fff}.word-journey-hero p{color:#dcd5ff}.word-target-ring{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#5ee0b8 var(--word-progress,0%),rgba(255,255,255,.15) 0);box-shadow:inset 0 0 0 12px rgba(31,25,65,.82)}.word-target-ring strong{font-size:24px}.word-target-ring small{color:#fff}.vocabulary-browser{margin-top:18px}.vocab-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center}.vocab-toolbar .answer-input{margin:0}.dictionary-state{font-size:12px;padding:8px 10px;border-radius:999px;background:#f2f4f8;color:var(--muted)}.dictionary-state.ready{background:#e9fff4;color:#187852}.dictionary-state.fallback{background:#fff3e4;color:#9a5b09}.vocab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;max-height:760px;overflow:auto;padding-right:4px}.vocab-row{display:grid;grid-template-columns:42px 38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fff}.vocab-row.seen{background:#f2fff8;border-color:#ccebdc}.vocab-row>span{color:var(--muted);font-size:11px}.vocab-row>button{border:0;background:#f1efff;border-radius:10px;width:34px;height:34px;cursor:pointer}.vocab-row div{display:flex;flex-direction:column}.vocab-row b{font-size:15px}.vocab-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-row em{font-style:normal}.roadmap-active-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.roadmap-word-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:'rank word audio' 'rank translation audio';gap:2px 10px;align-items:center;padding:13px;border:1px solid var(--border);background:#fff;border-radius:15px;text-align:left;cursor:pointer}.roadmap-word-card>span{grid-area:rank;color:var(--muted)}.roadmap-word-card>b{grid-area:word;font-size:18px}.roadmap-word-card>small{grid-area:translation;color:var(--primary);font-weight:800}.roadmap-word-card>em{grid-area:audio;font-style:normal}.discovery-box{padding:14px;border-radius:14px;background:#f6f7fb}.discovery-box summary{cursor:pointer;font-weight:900}.discovery-box>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.discovery-box span{padding:8px;background:#fff;border-radius:9px;font-size:12px}.roadmap-quiz-launch{text-align:center;margin-top:20px}.roadmap-quiz{margin-top:18px;padding:20px;border-radius:18px;background:#f8f7ff}.word-exit-condition{margin-top:18px}.source-note{color:var(--muted);font-size:12px}.hidden{display:none!important}
@media(max-width:1050px){.top-support{display:none}.language-selector.compact{grid-template-columns:repeat(2,1fr)}.global-profile-card{grid-template-columns:1fr}.global-launch{grid-template-columns:1fr}.support-banner{align-items:flex-start}.vocab-list{grid-template-columns:1fr}}
@media(max-width:760px){.global-onboarding{grid-template-columns:1fr}.global-onboarding-hero{padding:28px;min-height:420px}.global-onboarding-form{padding:24px}.profile-name-grid{grid-template-columns:1fr}.support-banner{flex-direction:column}.support-button{width:100%}.vocab-toolbar{grid-template-columns:1fr}.roadmap-active-grid{grid-template-columns:1fr}.discovery-box>div{grid-template-columns:1fr 1fr}.global-launch{padding:20px}.language-selector.compact{grid-template-columns:1fr 1fr}.bottom-nav{overflow-x:auto;justify-content:flex-start}.bottom-nav button{min-width:64px}}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.global-level-overview{margin-top:22px}.global-level-card>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eeeaff;color:var(--primary);font-weight:950;font-size:18px}.global-level-card>b{float:right;color:var(--muted);font-size:12px}.global-level-card h3{margin:16px 0 8px}.global-level-card p{color:var(--muted);min-height:62px}.global-level-card small{display:block;text-align:right;margin-top:6px;color:var(--muted)}.path-progress-summary{display:flex;flex-direction:column;text-align:right}.path-progress-summary strong{font-size:34px}.path-summary{display:grid;grid-template-columns:minmax(230px,.5fr) 1fr;gap:20px;align-items:center;margin-bottom:18px}.path-summary>div:first-child{display:flex;flex-direction:column}.path-summary span{color:var(--muted);font-size:13px}.global-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.global-day-card{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:'number copy' 'status status';gap:8px 12px;align-items:center;text-align:left;padding:14px;border:1px solid var(--border);background:#fff;border-radius:18px;color:var(--text);cursor:pointer;box-shadow:0 4px 14px rgba(26,23,53,.035)}.global-day-card>span{grid-area:number;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eeeaff;color:var(--primary);font-weight:950}.global-day-card>div{grid-area:copy;min-width:0;display:flex;flex-direction:column}.global-day-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-day-card small{color:var(--muted)}.global-day-card em{grid-area:status;font-size:10px;color:var(--muted);font-style:normal;border-top:1px solid var(--border);padding-top:7px}.global-day-card.complete{border-color:#bce8d3;background:#f2fff8}.global-day-card.complete>span{background:#d9f8e9;color:#16865c}.global-day-card.locked{opacity:.55;cursor:not-allowed}.global-day-card:not(.locked):hover{transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.global-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.grid-4,.global-day-grid{grid-template-columns:1fr}.path-summary{grid-template-columns:1fr}.global-level-card p{min-height:auto}}