:root{--mastered:#63b99b;--half:#f3c969;--unseen:#dfe7ea;--fuzzy:#e7a66e;--unfamiliar:#dc7b78}
.roadmap-page{max-width:1180px;padding-bottom:90px}.roadmap-heading{align-items:end}.heading-actions{display:flex;gap:10px}.status-overview,.vocabulary-map,.word-workspace{margin-top:22px;border:1px solid #d7e7ed;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(35,76,94,.06)}.status-overview{padding:25px 28px;border-radius:8px}.overview-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-title>div{display:flex;align-items:center;gap:12px}.overview-title span{color:#6b8792;font-size:13px}.overview-title select{min-height:38px;border:1px solid #cce0e7;border-radius:5px;background:#fff;color:#244f61;padding:0 34px 0 11px}.overview-title strong{font:700 22px Georgia,serif;color:#1d5368}.status-track{display:flex;width:100%;height:22px;margin-top:22px;border-radius:4px;overflow:visible;background:#edf2f4}.status-segment{position:relative;flex:var(--segment) 1 0;min-width:0;height:22px;padding:0;border:0;background:var(--status-color);cursor:pointer}.status-segment:first-child{border-radius:4px 0 0 4px}.status-segment:last-child{border-radius:0 4px 4px 0}.status-segment span{position:absolute;z-index:3;left:50%;bottom:calc(100% + 9px);width:max-content;transform:translateX(-50%);padding:6px 9px;border:1px solid #d5e4e9;border-radius:4px;background:#173f50;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.status-segment:hover span,.status-segment:focus-visible span{opacity:1;transform:translate(-50%,-2px)}.status-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.status-legend button{display:flex;align-items:center;gap:7px;padding:4px 0;border:0;background:transparent;color:#597580;cursor:pointer}.status-legend i{width:9px;height:9px;border-radius:2px}.status-legend strong{font-size:12px;color:#244f61}.status-total{margin:14px 0 0;text-align:center;color:#557680;font-variant-numeric:tabular-nums}.vocabulary-map{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(450px,1.2fr);align-items:center;gap:36px;padding:35px;border-radius:8px}.map-copy h2{margin:0;color:#214d5e;font-size:31px}.map-copy>p:not(.section-kicker){color:#65808b;line-height:1.8}.map-union{display:flex;align-items:baseline;gap:12px;margin-top:25px}.map-union strong{font:700 46px Georgia,serif;color:#ea765d}.map-union span{color:#708893;font-size:13px}.venn{position:relative;min-height:390px}.venn-circle{position:absolute;width:230px;height:230px;border:1px solid rgba(39,91,111,.18);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#214f61;cursor:pointer;mix-blend-mode:multiply;transition:transform .2s,filter .2s}.venn-circle:hover,.venn-circle:focus-visible{z-index:5;transform:scale(1.035);filter:saturate(1.12)}.venn-circle strong{font-size:20px}.venn-circle span{margin-top:7px;font:700 27px Georgia,serif}.venn-circle small{margin-top:5px}.venn-cet4{left:5%;top:10px;background:rgba(121,198,224,.72)}.venn-cet6{right:5%;top:10px;background:rgba(245,184,117,.72)}.venn-postgrad{left:50%;bottom:0;transform:translateX(-50%);background:rgba(153,208,167,.72)}.venn-postgrad:hover,.venn-postgrad:focus-visible{transform:translateX(-50%) scale(1.035)}.progress-workspace{border-radius:8px;overflow:hidden}.status-tabs{display:flex;overflow:auto;border-bottom:1px solid #dce9ee}.status-tabs button{flex:1;min-width:112px;border:0;border-bottom:3px solid transparent;background:#f8fbfc;color:#637e89;padding:15px}.status-tabs button.active{border-color:#277c9c;background:#fff;color:#1e5970;font-weight:700}.status-tabs span{margin-left:4px;color:#8ba0a8}.saved-list{padding:0 24px}.saved-word{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #e3ecef}.saved-main{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0}.saved-main a{text-decoration:none}.saved-main strong{color:#1f4c5e;font:700 20px Georgia,serif}.saved-main span{color:#496b78;overflow-wrap:anywhere}.saved-main small{color:#8399a1}.saved-actions{display:flex;align-items:center;gap:8px}.saved-actions select{min-height:36px;border:1px solid #cfe0e6;border-radius:5px;background:#fff;color:#456672;padding:0 8px}.pocket-button,.pocket-toggle{min-height:34px;border:1px solid #dda771;border-radius:5px;background:#fff9ef;color:#9a5d24;padding:6px 11px;cursor:pointer}.pocket-button.packed,.pocket-toggle.active{background:#f0a95f;color:#fff;border-color:#f0a95f}.library-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.entry-actions{display:flex;align-items:center;gap:9px}.three-columns{grid-template-columns:repeat(3,1fr)}.five-columns{grid-template-columns:repeat(5,1fr)}
@media(max-width:800px){.vocabulary-map{grid-template-columns:1fr;padding:25px 18px}.venn{min-height:330px}.venn-circle{width:195px;height:195px}.saved-word,.saved-main{grid-template-columns:1fr}.saved-actions{justify-content:space-between}.overview-title{align-items:flex-start;flex-direction:column}.status-track{height:28px}.status-segment{height:28px}.status-segment span{display:none}.status-segment:focus span{display:block;opacity:1}.five-columns{grid-template-columns:repeat(2,1fr)}.main-nav{overflow-x:auto}.main-nav a{white-space:nowrap}}
@media(max-width:520px){.roadmap-page{padding-left:14px;padding-right:14px}.heading-actions{width:100%}.heading-actions>*{flex:1}.venn{min-height:285px}.venn-circle{width:160px;height:160px}.venn-circle span{font-size:21px}.saved-list{padding:0 15px}.status-overview{padding:21px 16px}.status-legend{display:grid;grid-template-columns:repeat(2,1fr)}.book-stats.three-columns{grid-template-columns:repeat(3,1fr)}.result-grid.five-columns{grid-template-columns:repeat(2,1fr)}}
.word-forms-panel{margin:24px 0 0;padding:20px 0;border-top:1px solid #e1ecef}.word-forms-panel h2,.word-forms-panel h3{margin:0 0 13px;color:#355f6f;font-size:14px}.word-forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-form-cell{min-width:0;padding:10px 13px;border:1px solid #d9e7eb;border-radius:5px;background:#f8fbfc}.word-form-cell span{display:block;color:#234e5f;font:600 16px/1.25 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.relation-word{text-decoration:none;cursor:pointer;border-radius:3px;transition:background-color .15s,padding-left .15s}.relation-word:hover,.relation-word:focus-visible{background:#eef7fa;padding-left:7px;outline:none}.relation-word:hover b,.relation-word:focus-visible b{color:#176b94}