/* Ported from the approved wireframe boards by tools/port_css.py. Do not edit; app.css holds the app's own rules. */
body{margin:0}
.app a{color:var(--teal-text);text-decoration:none}
.app a:hover{color:var(--teal-text)}
.app .ph{width:390px;height:844px;box-sizing:border-box;background:var(--bg);color:var(--text);font-family:'Nunito',sans-serif;display:flex;flex-direction:column;overflow:hidden}
.app .top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px;gap:10px}
.app .top h1{margin:0;font-size:var(--t-title3);font-weight:900}
.app .ico{width:44px;height:44px;border-radius:12px;background:var(--surface);display:grid;place-items:center;color:var(--muted)}
.app .fire{display:flex;align-items:center;gap:5px;font-weight:900;font-size:var(--t-body)}
.app .bar{margin:4px 18px 0;height:30px;border-radius:8px;background:var(--surface);display:flex;align-items:center;padding:0 10px;font-size:var(--t-sub);font-weight:900}
.app .bdg{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--t-cap);font-weight:900;color:#fff;flex:none}
.app .best{background:#0F7A70}
.app .mis{background:#E6912C}
.app .blu{background:#CA3431}
.app .tagx{margin-left:auto;font-size:var(--t-foot);font-weight:900;padding:3px 8px;border-radius:7px;background:var(--badge);color:#fff}
.app .stage{flex:1;margin:0 14px;border-radius:16px;background:var(--panel);color:var(--text);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.app .sl{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}
.app .sld{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.app .call{background:var(--card);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--card-sh)}
.app .call b{font-size:var(--t-sub);font-weight:900}
.app .call span{font-size:var(--t-sub);line-height:1.35;color:var(--text2);font-weight:600}
.app .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:var(--t-sub);font-weight:800;padding:6px 0;border-bottom:1px solid var(--line)}
.app .row:last-child{border-bottom:0}
.app .num{font-weight:900}
.app .card{background:var(--surface);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.app .chip{font-size:var(--t-cap);font-weight:900;padding:5px 9px;border-radius:999px;background:var(--surface);color:var(--text);white-space:nowrap}
.app .chip.g{background:#0F7A70;color:#fff}
.app .chip.o{color:var(--warn-text);box-shadow:inset 0 0 0 2px #E6A85C;background:transparent}
.app .acts{display:flex;align-items:center;gap:10px;padding:10px 16px 22px}
.app .sm{flex:none;width:62px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--t-foot);font-weight:800;color:var(--muted)}
.app .go{flex:1;min-height:58px;border-radius:14px;background:#0F7A70;box-shadow:0 5px 0 #0A524B;display:grid;place-items:center;font-size:var(--t-title3);font-weight:900;color:#fff}
.app .opt{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--text);border-radius:14px;padding:12px;box-shadow:var(--card-sh)}
.app .opt .k{flex:none;width:38px;height:38px;border-radius:10px;background:var(--badge);color:#fff;display:grid;place-items:center;font-size:var(--t-title3);font-weight:900}
.app .opt p{margin:0;font-size:var(--t-sub);line-height:1.35;font-weight:800}
.app .opt small{display:block;font-size:var(--t-foot);color:var(--muted2);font-weight:600}
.app .sel{box-shadow:0 0 0 3px #2AB3A6,0 3px 0 #0A524B}
.app .sel .k{background:#0F7A70}
.app .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--tabbar);border-top:1px solid var(--tabline);padding:8px 4px 26px}
.app .nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;color:var(--muted);font-size:var(--t-cap);font-weight:800}
.app .nav a.on{color:var(--teal-text)}
.app .dot{width:10px;height:10px;border-radius:999px;background:var(--raised)}
.app .dot.on{background:var(--fill)}
.app .ph{position:relative}
.app .rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:2px 16px 4px}
.app .rail span{display:flex;flex-direction:column;gap:5px;font-size:var(--t-cap);font-weight:900;color:var(--muted2);text-transform:uppercase;letter-spacing:.05em}
.app .rail span::before{content:"";height:6px;border-radius:999px;background:var(--raised)}
.app .rail .dn{color:var(--muted)}
.app .rail .dn::before{background:#1E7F76}
.app .rail .on{color:var(--text)}
.app .rail .on::before{background:var(--fill)}
.app .sc{flex:1;overflow:hidden;padding:8px 16px 8px;display:flex;flex-direction:column;gap:10px}
.app .term{text-decoration:underline dotted;text-decoration-color:var(--teal-text);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:800}
.app .stage .term{text-decoration-color:var(--teal-text)}
.app .facts{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:5px;font-size:var(--t-sub);line-height:1.35;font-weight:700;color:var(--text2)}
.app .para{margin:0;font-size:var(--t-sub);line-height:1.45;font-weight:700;color:var(--text2)}
.app .mut{margin:0;font-size:var(--t-foot);font-weight:700;color:var(--muted)}
.app .mini{display:flex;gap:10px;align-items:baseline;font-size:var(--t-sub);font-weight:800;line-height:1.35}
.app .mini .k{flex:none;width:24px;height:24px;border-radius:7px;background:var(--badge);display:grid;place-items:center;font-size:var(--t-foot);font-weight:900;color:#FFFFFF}
.app .ln{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:6px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;font:800 var(--t-sub) 'Nunito',sans-serif;color:var(--text);text-align:left}
.app .ln .n{font-weight:900;white-space:nowrap}
.app .ln.hd{min-height:0;padding:0 2px 6px;font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}
.app .note{font-size:var(--t-sub);line-height:1.4;font-weight:700;color:var(--text2);padding:2px 2px 10px;border-bottom:1px solid var(--line)}
.app .st{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line2)}
.app .st:first-of-type{border-top:0}
.app .st .f{font-weight:900;font-size:var(--t-sub)}
.app .st p{margin:0;font-size:var(--t-sub);line-height:1.35;font-weight:700;color:var(--text)}
.app .st small{display:block;margin-top:3px;font-size:var(--t-foot);font-weight:700;color:var(--muted2)}
.app .ok{display:inline-block;margin-top:4px;font-size:var(--t-cap);font-weight:900;padding:2px 7px;border-radius:6px;background:var(--right-bg);color:var(--label)}
.app .no{display:inline-block;margin-top:4px;font-size:var(--t-cap);font-weight:900;padding:2px 7px;border-radius:6px;background:var(--bad-bg);color:var(--on-bad)}
.app .res{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:9px 12px;border-radius:10px;background:var(--card2);font-size:var(--t-sub);font-weight:800}
.app .res b{font-size:var(--t-body);font-weight:900}
.app .cl{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:12px;background:var(--card);box-shadow:var(--card-sh);font-size:var(--t-sub);font-weight:900;color:var(--text)}
.app .cl span:last-child{white-space:nowrap}
.app .bt{display:flex;flex-direction:column;gap:5px}
.app .bt div{display:flex;justify-content:space-between;font-size:var(--t-sub);font-weight:900}
.app .trk{height:14px;border-radius:999px;background:var(--track)}
.app .trk i{display:block;height:14px;border-radius:999px;background:var(--track-fill)}
.app .dim{position:absolute;inset:0;background:var(--dim)}
.app .sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 18px 30px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sheet-sh)}
.app .grab{align-self:center;width:44px;height:5px;border-radius:999px;background:#5A564F}
.app .cps{display:flex;gap:8px;flex-wrap:wrap}
.app .cps.r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.app .cps.r3 .cp{justify-content:center;text-align:center;border-radius:12px;padding:4px 6px;line-height:1.2;font-size:var(--t-foot)}
.app .cp{min-height:40px;padding:0 13px;border-radius:999px;border:0;background:var(--raised);color:var(--text);font:800 var(--t-sub) 'Nunito',sans-serif;display:inline-flex;align-items:center}
.app .cp.on{background:#0F7A70;color:#fff}
.app .ghost{flex:1;min-height:52px;border-radius:14px;background:var(--surface);display:grid;place-items:center;font-size:var(--t-body);font-weight:900;color:var(--text)}
.app .q{background:var(--card);color:var(--text);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px}
.app .q p{margin:0;font-size:var(--t-sub);line-height:1.35;font-weight:800}
.app .qo{display:flex;align-items:center;min-height:40px;padding:4px 11px;border-radius:10px;background:var(--card2);font-size:var(--t-sub);font-weight:700;line-height:1.3}
.app .qo.r{box-shadow:inset 0 0 0 2px #0F7A70;background:var(--right-bg)}
.app .sbig{display:flex;justify-content:center;gap:18px;padding:6px 0}
.app .stage{overflow-y:auto}
.app .rail span{color:var(--muted2)}
.app .go,.app .go:hover{color:#fff}
.app .tab{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;font-size:var(--t-foot)}
.app .term{padding:12px 8px;margin:-12px -8px}
.app .ico{min-width:44px;min-height:44px}
.app .cp{min-height:44px}
.app .card .chip{background:var(--raised)}
.app .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.app .tb3{min-height:60px;border-radius:12px;background:var(--surface);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:var(--t-sub);font-weight:800;line-height:1.2;padding:8px 6px}
.app .tb3 svg{color:var(--teal-text)}
.app .tb3.on{background:#0F7A70;color:#fff}
.app .tb3.on svg{color:#fff}
.app .mis{background:#A5570D}
.app .sbig span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--t-foot);font-weight:800;color:var(--muted)}
.app .cohd{display:flex;align-items:center;gap:12px}
.app .cologo{flex:none;width:46px;height:46px;border-radius:12px;background:#9A5B2E;color:#FFF3E6;display:grid;place-items:center}
.app .cohd b{font-size:var(--t-body);font-weight:900;display:block}
.app .cohd small{font-size:var(--t-foot);font-weight:700;color:var(--muted)}
.app .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.app .tile{background:var(--raised);border-radius:12px;padding:10px 11px;display:flex;flex-direction:column;gap:2px}
.app .tile .v{font-size:var(--t-title3);font-weight:900;line-height:1.15}
.app .tile .l{font-size:var(--t-foot);font-weight:700;color:var(--text2);line-height:1.3}
.app .tile .ti{color:var(--teal-text);margin-bottom:2px}
.app .status{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--note-bg);color:var(--on-note);font-size:var(--t-sub);font-weight:800}
.app .ev{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line2)}
.app .ev:first-of-type{border-top:0;padding-top:2px}
.app .evi{width:38px;height:38px;border-radius:10px;background:var(--right-bg);color:var(--teal-text);display:grid;place-items:center}
.app .ev b{display:block;font-size:var(--t-sub);font-weight:900;color:var(--text);line-height:1.3}
.app .ev .d{display:block;margin-top:2px;font-size:var(--t-sub);font-weight:700;color:var(--text2);line-height:1.35}
.app .tl{position:relative;height:96px;margin:6px 2px 0}
.app .tl .ax{position:absolute;left:0;right:0;top:66px;height:4px;border-radius:2px;background:var(--track)}
.app .tl .tk{position:absolute;top:76px;font-size:var(--t-cap);font-weight:800;color:var(--muted2);transform:translateX(-50%);white-space:nowrap}
.app .tl .tk.end{transform:translateX(-100%)}
.app .tl .tk.t0{transform:none}
.app .tl .tb{position:absolute;height:22px;border-radius:7px;font-size:var(--t-cap);font-weight:900;color:var(--text);display:flex;align-items:center;padding-left:8px;box-sizing:border-box;white-space:nowrap}
.app .tl .mk{position:absolute;top:0;height:70px;width:3px;margin-left:-1px;border-radius:2px;background:var(--inverse)}
.app .lg{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--t-foot);font-weight:800;color:var(--text2)}
.app .lg span{display:inline-flex;align-items:center;gap:6px}
.app .lg i{width:3px;height:14px;border-radius:2px;display:inline-block}
.app .oc{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:12px;background:var(--surface)}
.app .oc .k{flex:none;width:30px;height:30px;border-radius:8px;background:var(--badge);display:grid;place-items:center;font-size:var(--t-sub);font-weight:900;color:#FFFFFF}
.app .oc b{font-size:var(--t-sub);font-weight:900;display:block}
.app .oc small{font-size:var(--t-foot);font-weight:700;color:var(--muted)}
.app .oc .p{margin-left:auto;font-size:var(--t-sub);font-weight:900;white-space:nowrap}
.app .nsec{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--label);margin:6px 2px 4px}
.app .nsec i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted2);font-weight:800}
.app .fact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 2px;border-bottom:1px solid var(--line);font-size:var(--t-sub);font-weight:800;color:var(--text)}
.app .fact .n{font-weight:900;white-space:nowrap}
.app .fact small,.app .ocd small{display:block;margin-top:1px;font-size:var(--t-cap);font-weight:700;color:var(--muted2);line-height:1.3}
.app .ocd{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:start;background:var(--card);border-radius:12px;border-left:5px solid var(--c);padding:7px 10px 7px 8px;margin-bottom:6px;box-shadow:var(--card-sh);font-size:var(--t-sub);font-weight:800;color:var(--text)}
.app .ocd .k{width:30px;height:30px;border-radius:8px;background:var(--c);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-sub)}
.app .ocd .n{font-weight:900;white-space:nowrap;text-align:right}
.app .ocd .n small{text-align:right}
.app .ocd .n.m{color:var(--loss)}
.app .ocd .ox{grid-column:2 / 4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:1px dashed var(--line);padding-top:5px;margin-top:2px}
:is(.g-Classroom,.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .acc{border:0;width:100%;font-family:inherit;cursor:pointer;text-align:left}
:is(.g-Classroom,.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .acc.open{border-radius:12px 12px 0 0;box-shadow:none;background:var(--card);border-bottom:1px solid var(--line2)}
:is(.g-Classroom,.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .accb{background:var(--card);border-radius:0 0 12px 12px;padding:4px 12px 12px;box-shadow:var(--card-sh);margin-top:-8px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rate{background:var(--surface);border-radius:16px;padding:14px;display:flex;align-items:center;gap:14px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rate .big{font-size:38px;font-weight:900;line-height:1}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rate .up{font-size:var(--t-sub);font-weight:900;color:var(--teal-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rate small{display:block;margin-top:4px;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .spark{margin-left:auto;flex:none}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .mode{background:var(--surface);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;color:var(--text);min-height:44px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .mode .mi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .mode b{font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .mode span{font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .mode em{font-style:normal;font-size:var(--t-cap);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .soon{align-self:flex-start;font-size:var(--t-cap);font-weight:900;padding:2px 7px;border-radius:6px;background:var(--raised);color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .hscroll{display:flex;gap:8px;overflow-x:auto;flex:none}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .hub > *{flex-shrink:0}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rec{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border-radius:12px;background:var(--surface)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rec .bdg{width:24px;height:24px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rec b{font-size:var(--t-sub);font-weight:900;display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rec small{font-size:var(--t-cap);font-weight:700;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rec .d{margin-left:auto;font-size:var(--t-sub);font-weight:900;white-space:nowrap}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvhd{background:var(--surface);border-radius:16px;padding:14px;display:flex;align-items:center;gap:14px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ring{flex:none;width:64px;height:64px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvhd b{display:block;font-size:var(--t-title3);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvhd small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--surface)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk .r1{display:flex;align-items:center;gap:10px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk .lv{flex:none;width:34px;height:34px;border-radius:10px;background:#0F7A70;color:#fff;display:grid;place-items:center;font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk .lv.lo{background:var(--badge);color:#FFFFFF}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk b{font-size:var(--t-sub);font-weight:900;display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk small{font-size:var(--t-cap);font-weight:700;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk .xp{margin-left:auto;font-size:var(--t-cap);font-weight:800;color:var(--muted);white-space:nowrap}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .xpb{height:8px;border-radius:999px;background:var(--raised)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .xpb i{display:block;height:8px;border-radius:999px;background:var(--fill)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk.weak{box-shadow:inset 0 0 0 2px #A5570D}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .sk.weak .xp{color:var(--warn-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .dots{display:flex;justify-content:center;gap:7px;padding:6px 0 2px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .dots i{width:8px;height:8px;border-radius:999px;background:var(--raised)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .dots i.on{width:22px;background:var(--fill)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .swipe{flex:1;position:relative;display:flex;align-items:stretch;padding:8px 26px 4px;overflow:hidden}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .peek{position:absolute;top:24px;bottom:20px;width:16px;border-radius:12px;background:var(--surface)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .peek.l{left:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .peek.r{right:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .cardx{flex:1;border-radius:20px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .cardx.board{background:var(--panel);color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .cardx.board p{color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .cxh{display:flex;align-items:center;gap:10px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .cxh .n{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .board .cxh .n{color:var(--label)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .hint{font-size:var(--t-foot);font-weight:800;color:var(--muted);text-align:center}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .skip{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:6px 14px;border-radius:12px;background:var(--tabbar);color:var(--muted);font-size:var(--t-sub);font-weight:800}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .skip b{color:var(--teal-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .tl.big{height:150px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qb{border:0;width:100%;text-align:left;font-family:inherit;cursor:pointer;color:var(--text);background:var(--card);box-shadow:var(--card-sh),inset 0 0 0 1.5px var(--line2);min-height:44px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qb.r{box-shadow:inset 0 0 0 2.5px #2AB3A6;background:var(--right-bg)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qb.w{box-shadow:inset 0 0 0 2.5px #A5570D;background:var(--wrong-bg)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qb.fade{opacity:.55}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .fb{font-size:var(--t-foot);font-weight:800;line-height:1.4;padding:8px 10px;border-radius:10px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ok2{background:var(--right-bg);color:var(--label)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .no2{background:var(--wrong-bg);color:var(--on-wrong)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lsd{display:flex;gap:8px;align-items:center;font-size:var(--t-sub);font-weight:800;color:var(--text2);padding:6px 10px;border-radius:10px;background:var(--surface)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lsd i{font-style:normal;flex:none;width:22px;height:22px;border-radius:6px;background:#0F7A70;color:#fff;display:grid;place-items:center;font-size:var(--t-cap);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qn{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .nx{border:0;min-height:44px;border-radius:12px;background:var(--raised);color:var(--text);font:900 var(--t-sub) 'Nunito',sans-serif;cursor:pointer}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lst{display:flex;flex-direction:column;gap:8px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lst .fb{display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .take{background:var(--panel);color:var(--text);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .take b{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .take span{font-size:var(--t-body);font-weight:900;line-height:1.35}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rt{background:var(--surface);border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:2px;position:relative}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rt .l{font-size:var(--t-cap);font-weight:800;color:var(--muted);line-height:1.25;padding-right:22px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rt .v{font-size:var(--t-title3);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .rt .c{font-size:var(--t-cap);font-weight:700;color:var(--muted2);line-height:1.3}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .gr{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:6px;background:#E6912C;color:var(--text);font-size:var(--t-cap);font-weight:900;display:grid;place-items:center}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .src{font-size:var(--t-cap);font-weight:700;color:var(--muted2);line-height:1.35}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .src b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#E6912C;color:var(--text);font-size:var(--t-cap);font-weight:900;margin-right:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chk{display:flex;flex-direction:column;gap:5px;font-size:var(--t-foot);font-weight:800;color:var(--text2)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chk span::before{content:"☐ ";color:var(--teal-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chipgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chipgrid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:4px 8px;border-radius:10px;background:var(--surface);font-size:var(--t-foot);font-weight:900;color:var(--text);line-height:1.2}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chipgrid span.o{background:transparent;box-shadow:inset 0 0 0 2px #E6A85C;color:var(--warn-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .chipgrid span.g{background:#0F7A70;color:#fff}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .tilebtn{border:0;font-family:inherit;text-align:left;cursor:pointer;color:var(--text);position:relative}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .tilebtn::after{content:"›";position:absolute;top:8px;right:10px;font-size:var(--t-body);font-weight:900;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .bk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 0;border-top:1px solid var(--line2);font-size:var(--t-sub);font-weight:800}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .bk:first-of-type{border-top:0}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .bk span:last-child{font-weight:900;white-space:nowrap}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .bk small{display:block;font-size:var(--t-cap);font-weight:700;color:var(--muted);margin-top:1px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .optrow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;padding:3px 10px;border-radius:12px;background:var(--surface);font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .optrow .k{width:30px;height:30px;border-radius:8px;background:var(--badge);display:grid;place-items:center;color:#FFFFFF}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .optrow small{font-size:var(--t-cap);font-weight:700;color:var(--muted);display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .gapnote{font-size:var(--t-foot);font-weight:800;color:var(--text);line-height:1.35;background:var(--note-bg);border-radius:10px;padding:6px 10px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .eq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 2px;font-size:var(--t-sub);font-weight:800;color:var(--text);border-bottom:1px solid var(--line)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .eq .n{font-weight:900;white-space:nowrap}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .eq small{display:block;font-size:var(--t-cap);font-weight:700;color:var(--muted2);margin-top:1px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .eq.tot{border-bottom:0;background:var(--right-bg);border-radius:10px;padding:7px 10px;margin-top:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .evs .ev{padding:6px 0}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .link{font-size:var(--t-foot);font-weight:800;color:var(--label);line-height:1.4;padding:6px 2px 2px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--line)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr:first-of-type{border-top:0}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr .r1{display:flex;justify-content:space-between;font-size:var(--t-sub);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr .r2{display:flex;justify-content:space-between;font-size:var(--t-foot);font-weight:800;color:var(--muted2)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr .r2 b{color:var(--loss)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pr.prb .r1{color:var(--teal-text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ans{background:var(--right-bg);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ans .h{font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ans .h i{font-style:normal;color:var(--label)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ans ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:var(--t-sub);font-weight:700;line-height:1.4}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc{background:var(--card);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--card-sh)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc .t{font-size:var(--t-sub);font-weight:900;color:var(--teal-text);line-height:1.3}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc .w{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;font-size:var(--t-sub);font-weight:700;color:var(--text2);line-height:1.4}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc .w b{font-size:var(--t-cap);font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:2px 0;border-radius:6px;text-align:center;align-self:start}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc .w b.why{background:var(--note-bg);color:var(--on-wrong)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .flipc .w b.when{background:var(--right-bg);color:var(--label)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lsec{border:0;width:100%;font-family:inherit;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:12px;background:var(--surface);color:var(--text);font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lsec.open{border-radius:12px 12px 0 0;background:var(--raised)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lsec .tr{color:var(--warn-text);font-size:var(--t-cap);font-weight:900;margin-left:6px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lbody{background:var(--raised);border-radius:0 0 12px 12px;padding:2px 12px 12px;margin-top:-8px;font-size:var(--t-sub);font-weight:700;line-height:1.5;color:var(--text2)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lbody b{color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ansopt{border:0;width:100%;font-family:inherit;cursor:pointer;text-align:left;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:8px 12px;border-radius:12px;background:var(--card);color:var(--text);font-size:var(--t-sub);font-weight:800;line-height:1.3;box-shadow:var(--card-sh)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ansopt .k{width:30px;height:30px;border-radius:8px;background:var(--panel);display:grid;place-items:center;font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ansopt.r{box-shadow:inset 0 0 0 2.5px #2AB3A6,var(--card-sh);background:var(--right-bg)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ansopt.w{box-shadow:inset 0 0 0 2.5px #A5570D,var(--card-sh);background:var(--wrong-bg)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .ansopt.fade{opacity:.5}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qdots{display:flex;gap:6px;align-items:center}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qdots i{width:24px;height:6px;border-radius:999px;background:var(--raised)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .qdots i.on{background:var(--fill)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:9px 12px;border-radius:12px;background:var(--surface);align-items:start}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl .b{width:40px;height:40px;border-radius:10px;background:var(--raised);display:grid;place-items:center;font-weight:900;font-size:var(--t-sub)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl.you{box-shadow:inset 0 0 0 2px #2AB3A6}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl.you .b{background:#0F7A70;color:#fff}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl b{font-size:var(--t-sub);font-weight:900;display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl span{font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.4;display:block}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .lvl em{font-style:normal;font-size:var(--t-foot);font-weight:800;color:var(--teal-text);display:block;margin-top:2px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pathrow{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px;border-radius:12px;background:var(--surface);color:var(--text)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pathrow b{font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pathrow small{display:block;font-size:var(--t-cap);font-weight:700;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pathrow.on{box-shadow:inset 0 0 0 2px #2AB3A6;flex-direction:column;align-items:stretch}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .biz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .biz span{min-height:44px;border-radius:10px;background:var(--raised);display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--t-foot);font-weight:900;padding:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .biz span.on{background:#0F7A70;color:#fff}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .byo{min-height:40px;border-radius:10px;border:1.5px dashed var(--outline);display:flex;align-items:center;justify-content:center;font-size:var(--t-foot);font-weight:800;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--surface);border-radius:12px;padding:4px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .seg span{min-height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:var(--t-foot);font-weight:900;color:var(--muted)}
:is(.g-Main,.g-Path) .seg span.on{background:var(--inverse);color:var(--on-inverse)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .seg span.on,:is(.g-HowItWorks,.g-NameCo,.g-Profile) .seg button.on{background:#0F7A70;color:#fff}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .seg button{min-height:44px;border:0;border-radius:9px;background:transparent;font:900 var(--t-foot) 'Nunito',sans-serif;color:var(--muted);cursor:pointer}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .biz button{min-height:44px;border:0;border-radius:10px;background:var(--raised);color:var(--text);font:900 var(--t-foot) 'Nunito',sans-serif;cursor:pointer;padding:4px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .biz button.on{background:#0F7A70;color:#fff}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .later{margin-left:auto;font-size:var(--t-cap);font-weight:900;color:var(--muted);white-space:nowrap}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .timer{font-size:44px;font-weight:900;text-align:center;line-height:1}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .post{background:var(--surface);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .post b{font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .post small{font-size:var(--t-foot);font-weight:700;color:var(--muted)}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .pathrow.wk{box-shadow:inset 0 0 0 2px #A5570D}
:is(.g-HowItWorks,.g-Main,.g-NameCo,.g-Path,.g-Profile) .split{display:flex;height:12px;border-radius:999px;overflow:hidden}
.app .term{padding:14px 9px;margin:-14px -9px}
.app .sc-interp:empty{display:none}
.app .qb{gap:6px}
.app .acts .ghost{min-height:58px}
.app button.ghost{border:0;font-family:inherit;cursor:pointer}
.app .ghost:disabled{background:transparent;box-shadow:inset 0 0 0 1.5px var(--outline);color:var(--muted2);cursor:default}
.app .seg button span,.app .biz button span,.app .cp span{color:inherit}
.app .chip.t{color:var(--teal-text)}
.app a:focus-visible,.app button:focus-visible,.app input:focus-visible,.app label:has(input:focus-visible){outline:2px solid #3CC2B4;outline-offset:2px}
.app .send{flex:none;width:48px;height:48px;border:0;border-radius:12px;background:#0F7A70;color:#fff;font:900 var(--t-title3) 'Nunito',sans-serif;cursor:pointer}
.app .send:disabled{background:transparent;box-shadow:inset 0 0 0 1.5px var(--outline);color:var(--muted2);cursor:default}
.app .qin{flex:1;display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;background:var(--bg)}
.app .qin input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:700 var(--t-sub) 'Nunito',sans-serif}
.app .qin input::placeholder{color:var(--muted2)}
.app .top h1{text-align:center;line-height:1.1}
.app .top h1 .eb{display:block;font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2);margin-bottom:2px}
.app button.ico{border:0;cursor:pointer;font-family:inherit;padding:0}
:is(.g-Main) .pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(.g-Main) .pill{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:999px;background:var(--surface);font-size:var(--t-foot);font-weight:900;color:var(--text);text-align:center;white-space:nowrap}
:is(.g-Main) .pill.t{color:var(--teal-text)}
:is(.g-Classroom) .pager .nx{min-height:44px;border:0;border-radius:12px;background:var(--raised);color:var(--text);font:900 var(--t-sub) 'Nunito',sans-serif;cursor:pointer}
:is(.g-Classroom) .pager{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:auto}
:is(.g-Classroom) .pager span{font-size:var(--t-foot);font-weight:800;color:var(--muted);text-align:center}
:is(.g-Classroom) .pager .nx:disabled{opacity:1;background:transparent;box-shadow:inset 0 0 0 1.5px var(--outline);color:var(--muted2);cursor:default}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .evs .ev{grid-template-columns:30px minmax(0,1fr)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .evn{width:30px;height:30px;border-radius:9px;background:var(--right-bg);color:var(--teal-text);display:grid;place-items:center;font-weight:900;font-size:var(--t-sub)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .words{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .wl{font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) a.wd{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--t-foot);font-weight:800;text-decoration:underline dotted var(--teal-text);text-decoration-thickness:2px;text-underline-offset:3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .fg{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:5px 2px;border-bottom:1px solid var(--line);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .fg .fl{font-size:var(--t-sub);font-weight:800;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .fg .fv{font-size:var(--t-sub);font-weight:900;white-space:nowrap;text-align:right}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .fg small{grid-column:1 / -1;font-size:var(--t-cap);font-weight:700;color:var(--muted2);line-height:1.3;margin-top:1px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .fg.wide .fv{grid-column:1 / -1;white-space:normal;text-align:left;margin-top:1px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;background:var(--card);border-radius:12px;padding:7px 10px 3px 8px;margin-bottom:4px;box-shadow:var(--card-sh);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc .k{width:30px;height:30px;border-radius:8px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-sub)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc .ol{display:block;font-size:var(--t-foot);font-weight:700;color:var(--text2);line-height:1.3;margin:1px 0 3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc .fg{border-bottom:0;border-top:1px dashed var(--line)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .opc .fg{padding:4px 0 2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .mth{margin:0;font-size:var(--t-sub);font-weight:800;line-height:1.4;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .why1{margin:4px 0 0;font-size:var(--t-foot);font-weight:700;line-height:1.4;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .unit{font-size:var(--t-foot);font-weight:700;color:var(--muted2);line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .rtag{align-self:flex-start;font-size:var(--t-foot);font-weight:900;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--teal-text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .cl .v{white-space:nowrap;flex:none}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .cl>span:first-child{flex:1;min-width:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .cl>span:first-child span{white-space:normal}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .cl{padding:6px 12px;line-height:1.3}
.app .bdg.mis{background:#A5570D}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mav{flex:none;width:36px;height:36px;display:block}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mav--sm{width:32px;height:32px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mc{background:var(--surface);border:1px solid var(--line2);border-radius:16px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mc-hd{display:flex;align-items:center;gap:10px;min-height:36px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mc-hd h2{flex:1;min-width:0;margin:0;font-size:var(--t-body);line-height:1.25;font-weight:900;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mc-p{margin:0;font-size:var(--t-sub);line-height:1.45;font-weight:600;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mc-ft{display:flex;gap:8px;margin-top:2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mtag{flex:none;font-size:var(--t-foot);font-weight:900;line-height:1;padding:7px 10px;border-radius:999px;white-space:nowrap}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mtag--best{background:#0F7A70;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mtag--gap{color:var(--warn-text);box-shadow:inset 0 0 0 1.5px #E6A85C}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 16px;border:0;border-radius:12px;background:var(--raised);color:var(--text);font:800 var(--t-sub)/1 'Nunito',sans-serif;text-decoration:none;cursor:pointer}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbtn svg{width:18px;height:18px;flex:none}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbtn:hover{background:var(--raised);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbtn:focus-visible,:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbar:focus-visible{outline:2px solid #3CC2B4;outline-offset:2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ml{display:flex;align-items:flex-start;gap:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ml-b{flex:1;min-width:0;margin:0;background:var(--surface);border:1px solid var(--line2);border-radius:4px 16px 16px 16px;padding:10px 14px;font-size:var(--t-sub);line-height:1.45;font-weight:600;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ml--sheet .ml-b{background:var(--raised);border-color:var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbar{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 6px 6px 10px;border:1px solid var(--line2);border-radius:14px;background:var(--surface);font-family:inherit;text-align:left;cursor:pointer}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbar span{flex:1;font-size:var(--t-sub);line-height:1.35;font-weight:800;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mbar b{flex:none;width:44px;height:44px;border-radius:10px;background:#0F7A70;color:#FFFFFF;display:grid;place-items:center;font-size:var(--t-body)}
:is(.g-Main) .ptl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(.g-Main) .ptile{min-height:72px;border-radius:14px;background:var(--surface);color:var(--text);padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:3px}
:is(.g-Main) .ptile b{font-size:var(--t-sub);font-weight:900}
:is(.g-Main) .ptile span{font-size:var(--t-sub);font-weight:700;color:var(--muted)}
:is(.g-Main) .ptile:hover{color:var(--text)}
:is(.g-Path) .duo .tb3{min-height:88px}
:is(.g-Path) .coh{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
:is(.g-Path) .rnm{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:12px;background:var(--surface);color:var(--teal-text);font-size:var(--t-sub);font-weight:900}
:is(.g-Path) .rnm:hover{color:var(--teal-text)}
:is(.g-HowItWorks,.g-Profile) .lst2{display:flex;flex-direction:column;gap:8px}
:is(.g-HowItWorks,.g-Profile) .lrow{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;gap:10px;align-items:center;min-height:60px;padding:10px 16px;border-radius:14px;background:var(--surface);color:var(--text)}
:is(.g-HowItWorks,.g-Profile) .lrow:hover{color:var(--text)}
:is(.g-HowItWorks,.g-Profile) .lrow b{display:block;font-size:var(--t-sub);font-weight:900}
:is(.g-HowItWorks,.g-Profile) .lrow small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35;margin-top:2px}
:is(.g-HowItWorks,.g-Profile) .lrow .cv{color:var(--muted)}
:is(.g-HowItWorks,.g-Profile) .lrow.static{grid-template-columns:minmax(0,1fr) auto}
:is(.g-HowItWorks,.g-Profile) .soon2{font-size:var(--t-cap);font-weight:900;padding:4px 9px;border-radius:999px;background:var(--raised);color:var(--muted)}
:is(.g-HowItWorks,.g-Profile) .mhero{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--surface)}
:is(.g-HowItWorks,.g-Profile) .mhero .mi{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#FFFFFF}
:is(.g-HowItWorks,.g-Profile) .mhero b{display:block;font-size:var(--t-body);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-Profile) .mhero small{display:block;font-size:var(--t-sub);font-weight:700;color:var(--muted);line-height:1.35;margin-top:2px}
:is(.g-HowItWorks) .hab{margin:auto 2px 6px}
:is(.g-Profile) .pf{gap:12px}
:is(.g-Profile) .pfch{font-size:var(--t-sub);font-weight:900;color:var(--teal-text)}
:is(.g-Profile) .seg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--raised)}
:is(.g-Profile) .seg3 button{min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--text2);font:900 var(--t-sub)/1.2 'Nunito',sans-serif;cursor:pointer;padding:4px 6px}
:is(.g-Profile) .seg3 button.on{background:#0F7A70;color:#FFFFFF}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmc{gap:12px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmcard{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmf{display:flex;flex-direction:column;gap:8px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nml{font-size:var(--t-sub);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmin{min-height:52px;box-shadow:inset 0 0 0 1.5px var(--outline)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmin:focus-within{box-shadow:inset 0 0 0 2px #3CC2B4}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmf:has(input:focus-visible){outline:none}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmin input{font-size:var(--t-body);font-weight:800}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmh{margin:0;font-size:var(--t-sub);font-weight:700;color:var(--muted);line-height:1.4}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmd{align-self:flex-start;min-height:44px;border-radius:12px;padding:0 14px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmprev{gap:10px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmpv{display:flex;flex-direction:column;gap:2px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmpv b{font-size:var(--t-sub);font-weight:900;color:var(--text);overflow-wrap:anywhere}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmpv span{font-size:var(--t-sub);font-weight:700;color:var(--muted)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmbar i{height:8px;border-radius:999px;background:var(--raised)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmd{gap:5px}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmw{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:16px;display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-around}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmw li{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:6px 16px;border-top:1px solid var(--line2)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmw li:first-child{border-top:0}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmw b{font-size:var(--t-sub);font-weight:900;color:var(--text)}
:is(.g-HowItWorks,.g-NameCo,.g-Profile) .nmw span{font-size:var(--t-sub);font-weight:700;color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs{gap:12px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs .opt{flex:1 1 0;max-height:150px;min-height:96px;padding:14px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs .opt .k{width:40px;height:40px;border-radius:11px;font-size:var(--t-title3);background:var(--badge);color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs .opt.sel .k{background:#0F7A70}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs .opt p{font-size:var(--t-body);line-height:1.3;font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .chs .opt small{font-size:var(--t-sub);line-height:1.4;margin-top:4px;color:var(--text2);font-weight:700}
.app .ph{--bg:#2B2926;--surface:#3A3733;--raised:#4A4640;--panel:#3A3733;--card:#4A4640;--card2:#45413B;--tabbar:#24221F;--tabline:#3A3733;--badge:#24221F;--text:#F2F0EC;--text2:#E4E0D9;--muted:#CFCAC1;--muted2:#C2BDB4;--label:#5ED3C6;--teal-text:#56D0C3;--on-right:#BFE8E2;--on-wrong:#F5C9A5;--on-bad:#F4B4AE;--on-note:#F5D2A8;--loss:#F2A39D;--warn-text:#E6A85C;--right-bg:#1F3D3A;--wrong-bg:#4A3426;--bad-bg:#4A2A27;--note-bg:#4A3A2A;--track:#5A564F;--track-fill:#8F897F;--line:#55504A;--line2:#4A4640;--outline:#5A564F;--inverse:#F2F0EC;--on-inverse:#26231F;--dim:rgba(18,16,14,.62);--card-sh:0 1px 2px rgba(0,0,0,.35);--sheet-sh:0 -6px 24px rgba(0,0,0,.35);color-scheme:dark}
.app .ph[data-theme="light"]{--bg:#F3F1EC;--surface:#FFFFFF;--raised:#ECE9E2;--panel:#FFFFFF;--card:#F6F4EF;--card2:#EFEDE7;--tabbar:#FFFFFF;--tabline:#E2DED4;--badge:#3A3733;--text:#26231F;--text2:#3A3733;--muted:#57524A;--muted2:#625D55;--label:#16675F;--teal-text:#0B6B62;--on-right:#0A524B;--on-wrong:#8A4708;--on-bad:#9E2B22;--on-note:#6B3A0C;--loss:#B42F2C;--warn-text:#9A5108;--right-bg:#E6F5F3;--wrong-bg:#FBEBDD;--bad-bg:#F7DCD8;--note-bg:#F5E6D3;--track:#DEDAD0;--track-fill:#A8A392;--line:#D8D4C8;--line2:#E2DED4;--outline:#C9C4B8;--inverse:#26231F;--on-inverse:#FFFFFF;--dim:rgba(38,35,31,.42);--card-sh:0 1px 2px rgba(38,35,31,.08),0 0 0 1px #E2DED4;--sheet-sh:0 -6px 24px rgba(38,35,31,.14);color-scheme:light}
.app .ph ::selection{background:var(--fill);color:#FFFFFF}
.app .ph[data-theme="light"] .ghost,.app .ph[data-theme="light"] .ghost:disabled{box-shadow:inset 0 0 0 1.5px var(--outline)}
.app .ph[data-theme="light"] .nav{box-shadow:0 -1px 0 var(--tabline)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mc{position:relative;background:var(--surface);border:1px solid var(--line2);border-radius:16px;padding:14px 16px 16px;gap:8px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mc::after{content:"";position:absolute;left:24px;bottom:-8px;width:14px;height:14px;background:inherit;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transform:rotate(45deg);border-bottom-right-radius:3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mc-hd{min-height:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mc-hd h2{color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mc-p{color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mbtn{background:var(--raised);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mbtn:hover{background:var(--raised);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mtag--best{background:#0F7A70;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mtag--gap{color:var(--warn-text);box-shadow:inset 0 0 0 1.5px var(--warn-text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .ml{display:block;position:relative}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .ml-b{position:relative;background:var(--surface);border:1px solid var(--line2);border-radius:16px;padding:12px 16px;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .ml-b::after{content:"";position:absolute;left:24px;bottom:-8px;width:14px;height:14px;background:inherit;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transform:rotate(45deg);border-bottom-right-radius:3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .ml--sheet .ml-b{background:var(--raised);border-color:var(--raised)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .ml--sheet .ml-b::after{border-color:var(--raised)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mbar{background:var(--surface);border-color:var(--line2);padding:6px 6px 6px 16px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-HowItWorks,.g-Lesson,.g-Main,.g-NameCo,.g-Profile,.g-Result,.g-Term,.g-Wrapup) .mbar span{color:var(--text2)}
:is(.g-Classroom,.g-Main,.g-Path) .top h1.tabh{flex:1;text-align:left}
:is(.g-Classroom,.g-Main,.g-Path) .top .menu{border:0;cursor:pointer;font-family:inherit;padding:0;color:var(--text);background:var(--surface)}
:is(.g-Classroom,.g-Main,.g-Path) .drawer{position:absolute;left:0;top:0;bottom:0;width:316px;background:var(--surface);border-radius:0 22px 22px 0;box-shadow:6px 0 24px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:18px 14px 24px;gap:14px}
:is(.g-Classroom,.g-Main,.g-Path) .dr-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}
:is(.g-Classroom,.g-Main,.g-Path) .dr-co b{display:block;font-size:var(--t-body);font-weight:900;color:var(--text)}
:is(.g-Classroom,.g-Main,.g-Path) .dr-co small{display:block;font-size:var(--t-sub);font-weight:700;color:var(--muted);margin-top:2px}
:is(.g-Classroom,.g-Main,.g-Path) .dr-hd .ico{border:0;cursor:pointer;font-family:inherit;padding:0;background:var(--raised);color:var(--text)}
:is(.g-Classroom,.g-Main,.g-Path) .dr-list{display:flex;flex-direction:column;gap:6px}
:is(.g-Classroom,.g-Main,.g-Path) .dr-row{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:12px;align-items:center;min-height:60px;padding:8px 10px;border-radius:14px;background:var(--raised);color:var(--text)}
:is(.g-Classroom,.g-Main,.g-Path) .dr-row:hover{color:var(--text)}
:is(.g-Classroom,.g-Main,.g-Path) .dr-i{width:40px;height:40px;border-radius:11px;background:var(--surface);color:var(--teal-text);display:grid;place-items:center}
:is(.g-Classroom,.g-Main,.g-Path) .dr-t b{display:block;font-size:var(--t-sub);font-weight:900}
:is(.g-Classroom,.g-Main,.g-Path) .dr-t small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.3;margin-top:1px}
:is(.g-Classroom,.g-Main,.g-Path) .dr-cv{color:var(--muted)}
.app .acts > a,.app .acts > button{flex:1 1 0;min-width:0}
.app .mode .mi{color:#FFFFFF}
.app .biz button span{background:transparent;min-height:0;padding:0;display:inline}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .top h1{font-size:var(--t-title3)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .top h1 .eb{font-size:var(--t-cap)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rail span{font-size:var(--t-cap)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .d99{flex:1;min-height:0;overflow-y:auto;padding:6px 16px 8px;display:flex;flex-direction:column;gap:8px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .lab{display:block;font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .blk{background:var(--panel);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .blk p{margin:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ttl{margin:0;font-size:var(--t-body);font-weight:900;line-height:1.3;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .co99{display:flex;align-items:center;gap:12px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .co99 .cologo{width:44px;height:44px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .co99 b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .co99 small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ev99{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;gap:10px;align-items:start;padding:6px 0 2px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ev99 > div{padding-top:3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .evx{width:44px;height:44px;margin:-6px -8px 0 0;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font-family:inherit}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .evx .cv{transform:rotate(90deg);transition:transform .15s}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .evx.on .cv{transform:rotate(-90deg)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ev99 .evn{width:28px;height:28px;border-radius:8px;background:var(--right-bg);color:var(--teal-text);display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ev99 b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ev99 .d{display:block;margin-top:3px;font-size:var(--t-sub);font-weight:600;line-height:1.4;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .xw99{margin:0;font-size:var(--t-foot);font-weight:700;color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .xw99 .term{margin-left:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .kfr{display:flex;flex-direction:column;gap:0;padding:5px 0 4px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .kfr:first-of-type{border-top:0;padding-top:2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .kfl{font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .kfv{font-size:var(--t-sub);font-weight:900;line-height:1.3;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ops99{display:grid;grid-auto-rows:1fr;gap:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:60px;margin:0;padding:6px 12px;border:0;border-radius:14px;background:var(--card);color:var(--text);text-align:left;font-family:inherit;cursor:pointer;box-shadow:var(--card-sh)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99 .k{width:40px;height:40px;border-radius:11px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-size:var(--t-title3);font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99 b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99 small{display:block;margin-top:1px;font-size:var(--t-sub);font-weight:600;color:var(--text2);line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99.sel{box-shadow:0 0 0 3px #2AB3A6}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .op99.sel .k{background:#0F7A70}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .vd99{gap:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .vd99 h2{margin:0;font-size:var(--t-body);font-weight:900;line-height:1.25;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .vd99 .mtag{align-self:flex-start;font-size:var(--t-foot)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .vd99 .mc-p{font-size:var(--t-sub);line-height:1.45}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .unit99{font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rr{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 0 8px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rr .k{width:28px;height:28px;border-radius:8px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rr.rbest .k{background:#0F7A70}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rr .n{font-size:var(--t-sub);font-weight:800;line-height:1.3;color:var(--text);padding-top:3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rr .v{font-size:var(--t-sub);font-weight:900;white-space:nowrap;padding-top:3px;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .tgs{display:flex;gap:6px;margin-top:5px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .tg{display:inline-flex;align-items:center;font-size:var(--t-cap);font-weight:900;line-height:1;padding:5px 8px;border-radius:999px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .tg.best{background:#0F7A70;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .tg.mine{background:var(--raised);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr{display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:12px;align-items:center;min-height:56px;padding:8px 14px;border-radius:14px;background:var(--panel);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr:hover{color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35;margin-top:1px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr .cv{color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .gdr.dn small{color:var(--teal-text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rule99{font-size:var(--t-body);font-weight:800;line-height:1.4;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qq{font-size:var(--t-sub);font-weight:900;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qas{display:grid;grid-auto-rows:1fr;gap:8px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qa{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;margin:0;padding:8px 12px;border:0;border-radius:12px;background:var(--card2);color:var(--text);font:700 var(--t-sub)/1.35 'Nunito',sans-serif;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--outline)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qa.r{box-shadow:inset 0 0 0 2px #2AB3A6;background:var(--right-bg)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qa.w{box-shadow:inset 0 0 0 2px var(--warn-text);background:var(--wrong-bg)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .qa .mk{flex:none;font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .fb99{margin:0;font-size:var(--t-sub);font-weight:800;line-height:1.4;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .para99{margin:0;font-size:var(--t-sub);font-weight:600;line-height:1.45;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .st99{display:flex;flex-direction:column;gap:3px;padding:8px 0 4px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .st99:first-of-type{border-top:0;padding-top:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .st99 b{font-size:var(--t-sub);font-weight:900;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .mth99{font-size:var(--t-sub);font-weight:700;line-height:1.4;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0 6px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99:first-of-type{border-top:0;padding-top:2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99 .k{width:28px;height:28px;border-radius:8px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99.rbest .k{background:#0F7A70}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99 .hd99{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99 .hd99 > span:first-child{white-space:normal;overflow-wrap:anywhere}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99 .hd99 > span:last-child{white-space:nowrap;text-align:right}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .cmp99 > div{min-width:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .flp99{display:flex;flex-direction:column;gap:4px;padding:10px 0 6px;border-top:1px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .flp99:first-of-type{border-top:0;padding-top:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .flp99 .if{font-size:var(--t-sub);font-weight:900;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .flp99 .lab{margin-top:4px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .stars99{display:flex;justify-content:center;gap:22px;padding:4px 0 2px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .stars99 span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--t-foot);font-weight:800;color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .yc99{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .yc99 b{font-size:var(--t-sub);font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .yc99 .yv{font-size:var(--t-title3);font-weight:900;text-align:right}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .yc99 small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99{display:flex;flex-direction:column;gap:7px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .r1{display:flex;justify-content:space-between;gap:10px;font-size:var(--t-sub);font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .r1 > span:last-child{color:var(--muted);white-space:nowrap}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .bar8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .bar8 i{height:8px;border-radius:999px;background:var(--track)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .bar8 i.f{background:var(--fill)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .pg99 .ln{font-size:var(--t-foot);font-weight:700;color:var(--muted);min-height:0;padding:0;border:0;display:block}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .lvup99{align-self:flex-start;font-size:var(--t-foot);font-weight:900;padding:6px 10px;border-radius:999px;background:#0F7A70;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .stk99{display:flex;align-items:center;gap:6px;font-size:var(--t-foot);font-weight:800;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ai99{align-self:flex-start;font-size:var(--t-cap);font-weight:900;letter-spacing:.04em;padding:4px 8px;border-radius:999px;background:var(--surface);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .aiq{align-self:flex-end;max-width:80%;margin:0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#0F7A70;color:#FFFFFF;font-size:var(--t-sub);font-weight:700;line-height:1.4}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .ainote{margin:0;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .sheet .ico{border:0;cursor:pointer;font-family:inherit;padding:0;background:var(--raised);color:var(--text);border-radius:999px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .co99 .cologo{background:#0F7A70;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .acts > a,:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .acts > button{flex:1 1 0;min-width:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .acts .ghost{min-height:58px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rpo{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:14px;background:var(--raised);color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rpo .ri{flex:none;width:40px;height:40px;border-radius:10px;background:#0F7A70;display:grid;place-items:center;font-size:var(--t-title3);font-weight:900;color:#FFFFFF}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rpo b{display:block;font-size:var(--t-sub);font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Main,.g-Result,.g-Term,.g-Wrapup) .rpo small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.35}
:is(.g-Classroom) .srch{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--surface);color:var(--muted)}
:is(.g-Classroom) .srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:700 var(--t-sub) 'Nunito',sans-serif}
:is(.g-Classroom) .srch input::placeholder{color:var(--muted2)}
:is(.g-Classroom) .tlist{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin:0 -4px;padding:0 4px 8px}
:is(.g-Classroom) .tgrp{display:flex;flex-direction:column;gap:6px}
:is(.g-Classroom) .tlet{position:sticky;top:0;z-index:1;font-size:var(--t-cap);font-weight:900;letter-spacing:.06em;color:var(--label);background:var(--bg);padding:2px 0}
:is(.g-Classroom) .trow{background:var(--surface);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
:is(.g-Classroom) .trow b{font-size:var(--t-sub);font-weight:900}
:is(.g-Classroom) .trow > span{font-size:var(--t-sub);font-weight:600;color:var(--text2);line-height:1.4}
:is(.g-Classroom,.g-Main,.g-Path) .top h1.tabh{flex:1;text-align:left;margin-left:2px}
:is(.g-Classroom,.g-Main,.g-Path) .tops{display:flex;align-items:center;gap:8px}
:is(.g-Classroom,.g-Main,.g-Path) .pbtn{border:0;cursor:pointer;font-family:inherit;padding:0;border-radius:999px;background:var(--surface);color:var(--text)}
:is(.g-Classroom,.g-Main,.g-Path) .psheet{gap:12px}
:is(.g-Classroom,.g-Main,.g-Path) .ps-hd{display:flex;align-items:center;gap:12px}
:is(.g-Classroom,.g-Main,.g-Path) .ps-hd .dr-co{flex:1;min-width:0}
:is(.g-Classroom,.g-Main,.g-Path) .pav{flex:none;width:44px;height:44px;border-radius:999px;background:#0F7A70;color:#FFFFFF;display:grid;place-items:center;font-size:var(--t-body);font-weight:900}
:is(.g-Classroom,.g-Main,.g-Path) .ps-hd .ico{border:0;cursor:pointer;font-family:inherit;padding:0;background:var(--raised);color:var(--text);border-radius:999px}
:is(.g-Classroom,.g-Main,.g-Path) .psheet .dr-row{background:var(--raised)}
:is(.g-Classroom,.g-Main,.g-Path) .psheet .dr-i{background:var(--surface)}
:is(.g-Main) .duo99{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
:is(.g-Main) .duo99 .ghost,:is(.g-Main) .duo99 .go{min-height:58px}
:is(.g-Main) .meta99{margin:2px 2px 0;font-size:var(--t-foot);font-weight:800;color:var(--muted)}
:is(.g-Main) .dn99{display:flex;align-items:center;gap:10px;font-size:var(--t-sub);font-weight:800}
:is(.g-Main) p.stk99{margin:0 2px}
:is(.g-Path) .pth-hd{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
:is(.g-Path) .pth-hd .coh b{font-size:var(--t-title3);font-weight:900}
:is(.g-Path) .pst{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-height:48px}
:is(.g-Path) .pst-b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:var(--t-sub);background:var(--raised);color:var(--text)}
:is(.g-Path) .pst-dn .pst-b{background:#0F7A70;color:#FFFFFF}
:is(.g-Path) .pst-on .pst-b{background:#0F7A70;color:#FFFFFF;box-shadow:0 0 0 3px var(--fill)}
:is(.g-Path) .pst-t b{display:block;font-size:var(--t-body);font-weight:900;line-height:1.25}
:is(.g-Path) .pst-t small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);line-height:1.3}
:is(.g-Path) .pst-cur{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:10px;align-items:center;margin-left:52px;min-height:56px;padding:8px 12px;border-radius:14px;background:var(--panel);color:var(--text)}
:is(.g-Path) .pst-cur:hover{color:var(--text)}
:is(.g-Path) .pst-cur .k{width:32px;height:32px;border-radius:9px;background:#0F7A70;color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Path) .pst-cur b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3}
:is(.g-Path) .pst-cur small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted)}
:is(.g-Path) .pst-cur .cv{color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .d99.f100{gap:10px;padding:8px 16px 10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .blk{padding:13px 16px 14px;gap:7px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .who{margin:0;font-size:var(--t-sub);font-weight:600;line-height:1.4;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .co100{gap:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .co100 .cologo{width:36px;height:36px;border-radius:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .co100 .cologo svg{width:18px;height:18px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .co100 b{display:inline;font-size:var(--t-sub)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .co100 small{display:block}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ev100{margin:0;padding:8px 0 0;border-top:1px solid var(--line2);font-size:var(--t-sub);font-weight:600;line-height:1.42;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .lab + .ev100{border-top:0;padding-top:0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ev100 b{font-weight:800;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .who .term,:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ev100 .term{margin:-14px -9px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .qline{margin:0;font-size:var(--t-body);font-weight:900;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .qtop{padding:2px 2px 0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .olab{padding:2px 2px 0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .qb100{display:flex;flex-direction:column;gap:4px;margin-top:3px;padding-top:9px;border-top:2px solid var(--line2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .meta100{margin:0;font-size:var(--t-foot);font-weight:700;line-height:1.35;color:var(--muted)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .meta100 b{color:var(--text);font-weight:900}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .yc100 .r2{display:flex;align-items:center;justify-content:space-between;gap:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .yc100 .r2 .mtag{align-self:center}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .pg99{gap:5px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .wd100 .blk{padding:12px 16px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .wd100.roomy{gap:14px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .wd100.roomy .stars99 svg{width:66px;height:66px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .wd100.roomy .blk{padding:14px 16px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .lk100{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .xw99 .term{white-space:nowrap}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .xwl{white-space:nowrap}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .xw99{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:2px;padding-right:10px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .br100 .blk{padding:12px 16px 13px;gap:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .pnm{margin:-4px 0 0;font-size:var(--t-sub);font-weight:800;line-height:1.35;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .hw100{margin-top:4px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .rr{padding:7px 0 6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .vd99{gap:5px;padding:12px 16px 13px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .ops99{grid-auto-rows:auto}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .kfr{padding:4px 0 3px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .kfr:first-of-type{padding-top:1px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .op99{min-height:62px;padding:8px 12px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .qa{min-height:48px;padding:6px 12px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .qas{gap:6px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100{gap:8px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .blk{padding:10px 16px 11px;gap:5px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .qa{min-height:44px;padding:5px 12px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .qq{line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .rule99{line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .para99{line-height:1.4}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .ls100 .fb99{line-height:1.35}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .yp100{font-size:var(--t-body);font-weight:900;line-height:1.3}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .stars99 svg{width:60px;height:60px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .lead100{margin:0;padding:2px 2px 4px;font-size:var(--t-sub);font-weight:700;line-height:1.45;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .gdr{min-height:64px;padding:10px 16px}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .tgl{align-self:flex-start}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .f100 .stars99{padding:6px 0 0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .sl100{margin:-2px 0 2px;text-align:center;font-size:var(--t-title3);font-weight:900;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .acts .ghost.gdl{display:grid;place-items:center;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .d99.f100{background:linear-gradient(var(--bg) 30%, rgba(0,0,0,0)) center top / 100% 36px no-repeat local, linear-gradient(rgba(0,0,0,0), var(--bg) 70%) center bottom / 100% 36px no-repeat local, radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.28), rgba(0,0,0,0)) center top / 100% 12px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.28), rgba(0,0,0,0)) center bottom / 100% 12px no-repeat scroll}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .offl{margin:0;padding:10px 14px;border-radius:12px;background:var(--raised);font-size:var(--t-foot);font-weight:700;line-height:1.4;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .aiw{margin:0;padding:12px 14px;border-radius:14px;background:var(--raised);font-size:var(--t-sub);font-weight:700;color:var(--text2)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .aif{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--raised);font-size:var(--t-sub);font-weight:700;color:var(--text)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .aif .aire{flex:none;min-height:44px;padding:0 14px;font-size:var(--t-sub);background:var(--surface)}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .sheet.kbup{bottom:336px;padding-bottom:12px;border-radius:22px 22px 0 0}
:is(.g-Ask,.g-Choose,.g-Compare,.g-Drill,.g-Flip,.g-GoDeeper,.g-Lesson,.g-Result,.g-Term,.g-Wrapup) .kbd{position:absolute;left:0;right:0;bottom:0;height:336px;background:var(--surface);border-top:1px solid var(--line2);display:grid;place-items:center;font-size:var(--t-foot);font-weight:800;color:var(--muted);z-index:5}
.app .ph{--safe-t:max(59px, env(safe-area-inset-top, 59px));--safe-b:max(34px, env(safe-area-inset-bottom, 34px)); --t-cap:12px;--t-foot:13px;--t-sub:15px;--t-body:17px;--t-title3:20px;--t-title:22px;--t-large:28px; padding-top:var(--safe-t)}
.app .ph[data-ts="large"]{--t-cap:14px;--t-foot:16px;--t-sub:19px;--t-body:21px;--t-title3:24px;--t-title:26px;--t-large:32px}
.app .top{padding-top:2px}
.app .nav{padding-bottom:var(--safe-b)}
.app .acts{padding-bottom:var(--safe-b)}
.app .sheet{padding-bottom:calc(var(--safe-b) + 8px)}
.app .drawer{top:var(--safe-t)}
.app .sc,.app .stage{overflow-y:auto}
.app .ico.sp{visibility:hidden;flex:none;width:44px;min-width:44px}
.app .ph{--track:#4A4640;--track-fill:#A39C90;--outline:#7D776E;--fill:#2AB3A6}
.app .ph[data-theme="light"]{--track:#DEDAD0;--track-fill:#6E695F;--outline:#8F897F;--fill:#0F7A70}
.app .rail .dn::before,.app .rail .on::before{background:var(--fill)}
.app .rail span::before{background:var(--track)}
.app .rail .dn::before,.app .rail .on::before{background:var(--fill)}
.app .chip.o{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--outline);background:transparent}
.app .cologo,.app .ow-i.o{background:#0F7A70;color:#FFFFFF}
.app .sk.weak,.app .pathrow.wk{box-shadow:inset 0 0 0 1.5px var(--outline)}
.app .rbl li{grid-template-columns:20px minmax(0,1fr)}
.app .rbm{display:grid;place-items:center;width:20px;height:20px;margin-top:1px}
.app .rbi{display:block;width:20px;height:20px}
.app .rbm.ok,.app .rbm.no{display:grid;padding:0;background:none;border-radius:0;font-size:inherit}
:is(.g-Main) .sc .lab{color:var(--muted)}
:is(.g-Main) .meta99{font-weight:700}
:is(.g-Main) .offl{margin:0;padding:10px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--outline);font-size:var(--t-foot);font-weight:700;line-height:1.4;color:var(--text)}
:is(.g-Path) .pst-btn{width:100%;border:0;margin:0;padding:0;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;grid-template-columns:40px minmax(0,1fr) 12px}
:is(.g-Path) .pst-btn .cv{color:var(--muted)}
:is(.g-Path) .sdl{display:flex;flex-direction:column;gap:6px}
:is(.g-Path) .sdr{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:10px;align-items:center;min-height:48px;padding:6px 12px;border-radius:12px;background:var(--raised);color:var(--text)}
:is(.g-Path) .sdr:hover{color:var(--text)}
:is(.g-Path) .sdr .k{width:32px;height:32px;border-radius:9px;background:#0F7A70;color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Path) .sdr b{font-size:var(--t-sub);font-weight:800;line-height:1.3}
:is(.g-Path) .sdr.off{grid-template-columns:32px minmax(0,1fr);background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2)}
:is(.g-Path) .sdr.off .k{background:var(--surface);color:var(--text)}
:is(.g-Path) .sdr small{display:block;font-size:var(--t-cap);font-weight:700;color:var(--muted)}
:is(.g-Path) .sdr .cv{color:var(--muted)}
:is(.g-NameCo) .kbd{position:absolute;left:0;right:0;bottom:0;height:336px;background:var(--surface);border-top:1px solid var(--line2);display:grid;place-items:center;font-size:var(--t-foot);font-weight:800;color:var(--muted);z-index:5}
:is(.g-NameCo) .nmgo{flex:none;min-height:52px;font-size:var(--t-body)}
:is(.g-HowItWorks) .hw{gap:10px}
:is(.g-HowItWorks) .rtab{display:flex;flex-direction:column;border-radius:14px;background:var(--surface);padding:4px 12px}
:is(.g-HowItWorks) .rtr{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line2);font-size:var(--t-foot);font-weight:700;color:var(--text2);line-height:1.3}
:is(.g-HowItWorks) .rtr:first-child{border-top:0}
:is(.g-HowItWorks) .rtr > span:first-child{font-weight:900;color:var(--text)}
:is(.g-HowItWorks) .rth{font-size:var(--t-cap);font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
:is(.g-HowItWorks) .rth > span:first-child{color:var(--muted)}
:is(.g-HowItWorks) .sc[data-scroll]{overflow-y:auto}
:is(.g-HowItWorks) .sc[data-scroll] > *{flex-shrink:0}
:is(.g-HowItWorks) .sc[data-scroll] .rbc,:is(.g-HowItWorks) .sc[data-scroll] .rsp{flex:none;overflow:visible}
:is(.g-HowItWorks) .sc[data-scroll] .rbg{flex:none;height:auto;grid-template-rows:none;grid-auto-rows:auto}
:is(.g-Classroom) .tlet{color:var(--text)}
.app .sheet button.ico,.app .sheet a.ico{background:radial-gradient(circle at center, var(--raised) 0, var(--raised) 15px, transparent 15.5px) !important;color:var(--text);border:0;box-shadow:none}
.app .ph[data-theme="light"] .sheet button.ico,.app .ph[data-theme="light"] .sheet a.ico{background:radial-gradient(circle at center, #E4E0D8 0, #E4E0D8 15px, transparent 15.5px) !important}
.app .sheet .ico svg{width:13px;height:13px}
.app .ph button,.app .ph a{white-space:normal;overflow-wrap:break-word}
.app :where(.ph) :where(div,span,a,button,p,b,small,label,li,ul,ol,section,nav,strong,em,h1,h2,h3,input){min-width:0}
.app .ph{width:min(390px,100vw);height:min(844px,100vh);height:min(844px,100dvh);max-width:100%}
html,body{overflow-x:hidden}
:is(.g-Compare,.g-Result) .rr.rmine,:is(.g-Compare,.g-Result) .cmp99.rmine{background:var(--raised);box-shadow:inset 0 0 0 2px var(--label);border-radius:12px;margin:2px -10px;padding-left:10px;padding-right:10px;border-top-color:transparent}
:is(.g-Compare,.g-Result) .rr.rmine + .rr,:is(.g-Compare,.g-Result) .cmp99.rmine + .cmp99{border-top-color:transparent}
:is(.g-Compare,.g-Result) .rr.rbest .n,:is(.g-Compare,.g-Result) .rr.rbest .v,:is(.g-Compare,.g-Result) .cmp99.rbest .hd99{color:var(--teal-text)}
:is(.g-Compare,.g-Result) .bck{display:inline-block;vertical-align:-1px;margin-right:5px}
:is(.g-Result) .bestx{margin-top:5px;padding-top:6px;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:1px}
:is(.g-Compare) .bestx{margin-top:8px;padding-top:9px;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:3px}
:is(.g-Compare,.g-Result) .bestx .lab{margin-top:0}
:is(.g-Lesson) .fbq1{margin:0 0 4px}
:is(.g-Ask) .asknote{margin:2px 0 0;color:var(--muted);font-size:var(--t-small,14px);line-height:1.45}
:is(.g-Ask) .sugl{margin-top:6px}
:is(.g-Ask) .sug103{display:flex;flex-direction:column;gap:8px}
:is(.g-Ask) .sug103 .cp{text-align:left;justify-content:flex-start;width:100%}
.app .ph{--bg:#252320;--surface:#34312D;--raised:#423E39;--panel:#34312D;--card:#423E39;--card2:#3D3A35;--tabbar:#1E1C1A;--tabline:#34312D;--badge:#1E1C1A; --line:#4D4843;--line2:#423E39;--edge:#151311;--edge2:#2A2724; --acc:#0F7A70;--acc-hi:#13867B;--acc-edge:#0A4F48;--acc-soft:#1E3B38; --bar:#8F897F;--bar-best:#2AB3A6;--bar-cost:#E6A85C; --bub:#FFFFFF;--hero1:#0F3B37;--hero2:#175B53; --r-card:20px;--r-btn:16px;--r-tile:18px;--r-pill:999px; --t-cap:13px;--t-foot:13px;--t-sub:15px;--t-body:17px;--t-head:20px;--t-title3:21px;--t-title:24px;--t-large:32px;--t-hero:34px;--t-num:40px; --sh-card:0 1px 0 rgba(255,255,255,.04) inset;--sh-pop:0 8px 22px rgba(0,0,0,.30)}
.app .ph[data-theme="light"]{--bg:#F3F1EC;--surface:#FFFFFF;--raised:#ECE9E2;--panel:#FFFFFF;--card:#F4F2ED;--card2:#EFEDE7;--tabbar:#FFFFFF;--tabline:#E2DED4;--badge:#3A3733; --line:#DCD8CE;--line2:#E6E2D9;--edge:#D3CEC3;--edge2:#E2DED4; --acc-soft:#E3F3F1;--bar:#8C867B;--bar-best:#0F7A70;--bar-cost:#C77A1F; --sh-card:0 1px 2px rgba(38,35,31,.07),0 0 0 1px #E6E2D9;--sh-pop:0 8px 22px rgba(38,35,31,.14)}
.app .ph[data-ts="large"]{--t-cap:14px;--t-foot:16px;--t-sub:19px;--t-body:21px;--t-head:23px;--t-title3:24px;--t-title:26px;--t-large:34px;--t-hero:36px;--t-num:42px}
.app .ph{background:var(--bg)}
.app .ph ::selection{background:rgba(42,179,166,.35)}
.app .ph :focus-visible{outline:3px solid var(--bar-best);outline-offset:2px}
.app .ttl{font-size:var(--t-body);font-weight:900;letter-spacing:-.005em}
.app .lab{font-size:var(--t-sub);font-weight:900;letter-spacing:0;text-transform:none;color:var(--text);line-height:1.25}
.app .sc .lab{color:var(--text)}
.app .sld{font-size:var(--t-head);font-weight:900;letter-spacing:-.01em;text-transform:none;color:var(--text);line-height:1.2}
.app .sheet .sld{font-size:var(--t-body)}
.app .sl{font-size:var(--t-sub);font-weight:900;letter-spacing:0;text-transform:none;color:var(--text)}
.app .unit99{font-size:var(--t-foot);font-weight:700;color:var(--muted)}
.app .top{padding:4px 16px 8px;min-height:0;gap:10px}
.app .top h1{font-size:var(--t-title);font-weight:900;letter-spacing:-.015em;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;min-width:0}
.app .top h1 .eb{display:block;text-transform:none;letter-spacing:0;font-size:var(--t-foot);font-weight:800;color:var(--muted2);margin:0;line-height:1.2}
.app .top h1.tabh{display:block;font-size:var(--t-large) !important;letter-spacing:-.02em}
.app .ico{width:44px;height:44px;border-radius:999px;background:var(--surface);color:var(--text)}
.app .top .ico svg{width:15px;height:15px}
.app .top .pbtn svg{width:22px;height:22px}
.app .rail{gap:6px;padding:2px 16px 10px}
.app .rail span{gap:0}
.app .rail span::before{height:8px;border-radius:999px}
.app .rail i.vh{font-style:normal}
.app .blk{border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}
.app .ph[data-theme="light"] .blk{box-shadow:var(--sh-card)}
.app .go{min-height:60px;border-radius:var(--r-btn);background-color:var(--acc);background-image:linear-gradient(180deg,var(--acc-hi) 0%,var(--acc) 100%); box-shadow:0 5px 0 var(--acc-edge);color:#FFFFFF;font-size:var(--t-title3);font-weight:900;letter-spacing:.005em;line-height:1.15;text-align:center; white-space:normal;padding:8px 16px;transition:transform .08s ease-out,box-shadow .08s ease-out;border:0;cursor:pointer;font-family:inherit}
.app .go:active{transform:translateY(3px);box-shadow:0 2px 0 var(--acc-edge)}
.app .ghost{border-radius:var(--r-btn);background:var(--surface);box-shadow:0 4px 0 var(--edge);color:var(--text);font-weight:900;white-space:normal;line-height:1.15;text-align:center}
.app .ph[data-theme="light"] .ghost{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line)}
.app .ghost:disabled,.app .ph[data-theme="light"] .ghost:disabled{background:transparent;box-shadow:inset 0 0 0 2px var(--outline);color:var(--muted2)}
.app .acts{gap:12px;padding:10px 16px var(--safe-b)}
.app .acts > .ghost{flex:0 1 auto;min-width:112px;max-width:44%;width:auto;padding:0 14px;min-height:60px;font-size:var(--t-body)}
.app .acts > .ghost:disabled{flex:1 1 0;max-width:none}
.app .ghost.gdl,.app .acts > .ghost.gdl{display:flex;align-items:center;justify-content:center;gap:7px}
.app .gdl svg{flex:none}
.app .xsq{flex:0 0 60px !important;width:60px;min-height:60px;border-radius:var(--r-btn);background:var(--surface);box-shadow:0 4px 0 var(--edge);display:grid;place-items:center;color:var(--text);border:0;cursor:pointer}
.app .ph[data-theme="light"] .xsq{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line)}
.app .nav{background:var(--tabbar)}
.app .nav a{font-size:var(--t-cap);font-weight:800;gap:3px}
.app .nav a svg{width:24px;height:24px}
.app .subtabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 0 2px}
.app .subtabs .chip.tab,.app .subtabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;background:transparent;border-radius:0;box-shadow:none;font-size:var(--t-sub);font-weight:900;color:var(--muted);white-space:nowrap}
.app .subtabs .chip.tab[aria-current="page"],.app .subtabs a[aria-current="page"],.app .subtabs button[aria-current="page"]{color:var(--text);box-shadow:inset 0 -3px 0 var(--bar-best)}
.app .seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:var(--surface);border-radius:14px;padding:4px}
.app .seg button{min-height:44px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:900 var(--t-foot)/1 'Nunito',sans-serif;cursor:pointer;min-width:0}
.app .seg button[aria-pressed="true"]{background:var(--acc);color:#FFFFFF}
.app .sh106{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:6px}
.app .sh106 h2{margin:0;font-size:var(--t-head);font-weight:900;letter-spacing:-.01em;color:var(--text)}
.app .sh106 .cnt{min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:var(--t-foot);font-weight:900;display:inline-grid;place-items:center}
.app .sh106 .va{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-size:var(--t-sub);font-weight:900;color:var(--muted)}
.app .car106{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}
.app .car106::-webkit-scrollbar{display:none}
.app .car106 > *{flex:0 0 150px;scroll-snap-align:start}
.app .cc106{min-height:164px;border-radius:var(--r-tile);background:var(--surface);box-shadow:0 4px 0 var(--edge);padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--text);min-width:0}
.app .ph[data-theme="light"] .cc106{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line2)}
.app .cc106 b{font-size:var(--t-body);font-weight:900;line-height:1.2}
.app .cc106 small{font-size:var(--t-sub);font-weight:800;color:var(--muted);line-height:1.25}
.app .cc106 .art{width:52px;height:52px;flex:none}
.app .tiles106{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.app .tile106{border-radius:var(--r-tile);background:var(--surface);box-shadow:0 4px 0 var(--edge);padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;color:var(--text)}
.app .ph[data-theme="light"] .tile106{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line2)}
.app .tile106 .art{width:34px;height:34px}
.app .tile106 b{font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.app .tile106 small{font-size:var(--t-foot);font-weight:800;color:var(--muted);text-align:center;line-height:1.2}
.app .row106{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto 12px;align-items:center;gap:12px;min-height:60px;padding:6px 2px;border-bottom:1px solid var(--line);color:var(--text)}
.app .row106 .art{width:32px;height:32px}
.app .row106 b{font-size:var(--t-body);font-weight:900;line-height:1.2;display:block}
.app .row106 small{display:block;font-size:var(--t-foot);font-weight:700;color:var(--muted);margin-top:2px}
.app .row106 .val{font-size:var(--t-head);font-weight:900;font-variant-numeric:tabular-nums}
.app .row106 .dl{display:inline-flex;align-items:center;gap:3px;min-width:42px;justify-content:flex-start;font-size:var(--t-sub);font-weight:900}
.app .dl.up{color:var(--teal-text)}
.app .dl.dn{color:var(--warn-text)}
.app .dl.eq{color:var(--muted)}
.app .row106 .cv{color:var(--muted)}
.app .cb106,.app .mc{position:relative;background:var(--bub);border:0;border-radius:20px;box-shadow:var(--sh-pop); --text:#26231F;--text2:#3A3733;--muted:#57524A;--muted2:#625D55;--label:#0B6B62;--teal-text:#0B6B62;--line2:#E6E2D9;--warn-text:#9A5108;--raised:#F1EEE8;--card:#F4F2ED;color:#26231F}
.app .ph[data-theme="light"] .cb106,.app .ph[data-theme="light"] .mc{box-shadow:0 6px 18px rgba(38,35,31,.10),0 0 0 1px #E2DED4}
.app .cb106{padding:14px 16px 15px;display:flex;flex-direction:column;gap:6px}
.app .cb106::after,.app .mc::after{content:"";position:absolute;left:30px;bottom:-8px;width:18px;height:18px;background:var(--bub);border:0;transform:rotate(45deg);border-radius:0 0 4px 0}
.app .cbh{display:flex;align-items:center;gap:9px;min-height:28px}
.app .cbh .ci{width:28px;height:28px;flex:none}
.app .cbh b{font-size:var(--t-body);font-weight:900;color:#26231F;letter-spacing:-.005em}
.app .cbh .cbx{margin-left:auto;font-size:var(--t-foot);font-weight:900;color:#57524A}
.app .cb106 p{margin:0;font-size:var(--t-sub);font-weight:600;line-height:1.45;color:#3A3733}
.app .cb106 p.lead{font-size:var(--t-body);font-weight:900;line-height:1.3;color:#26231F}
.app .cb106 + *{margin-top:6px}
.app .hero106{position:relative;border-radius:22px;overflow:clip;flex:none;color:#FFFFFF;background-color:var(--hero1);background-image:linear-gradient(140deg,var(--hero2) 0%,var(--hero1) 70%);box-shadow:0 5px 0 #0A2D2A;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}
.app .hero106 .hart{position:absolute;right:8px;top:14px;width:124px;height:98px;pointer-events:none}
.app .hero106 .htop{min-height:100px;max-width:calc(100% - 122px);display:flex;flex-direction:column;gap:10px;position:relative}
.app .hero106 h2{margin:0;font-size:var(--t-title);font-weight:900;line-height:1.12;letter-spacing:-.015em;color:#FFFFFF;position:relative}
.app .hero106 p{margin:0;font-size:var(--t-sub);font-weight:700;line-height:1.4;color:#E3F1EF;position:relative}
.app .hero106 .hmeta{display:flex;align-items:center;gap:10px;margin-top:4px;position:relative}
.app .hero106 .hbar{flex:1;height:12px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;min-width:0}
.app .hero106 .hbar i{display:block;height:100%;border-radius:999px;background:#5ED3C6}
.app .hero106 .hnum{font-size:var(--t-sub);font-weight:900;color:#FFFFFF;white-space:nowrap}
.app .hchip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.28);font-size:var(--t-foot);font-weight:900;color:#FFFFFF;position:relative}
.app .cmp106{display:flex;flex-direction:column;gap:4px}
.app .br106{display:flex;flex-direction:column;gap:5px;padding:6px 10px 7px;margin:0 -10px;border-radius:14px}
.app .br106 .bt{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center}
.app .br106 .k{width:26px;height:26px;border-radius:8px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
.app .ph[data-theme="light"] .br106 .k{background:#3A3733}
.app .br106 .n{font-size:var(--t-sub);font-weight:800;line-height:1.25;color:var(--text);min-width:0}
.app .br106 .v{font-size:var(--t-body);font-weight:900;white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:5px}
.app .br106 .tr{height:10px;border-radius:999px;background:var(--track);overflow:hidden;margin-left:36px}
.app .br106 .tr i{display:block;height:100%;border-radius:999px;background:var(--bar)}
.app .br106.b-best .k{background:var(--acc)}
.app .br106.b-best .tr i{background:var(--bar-best)}
.app .br106.b-best .n,.app .br106.b-best .v{color:var(--teal-text)}
.app .br106.b-cost .tr i{background:var(--bar-cost)}
.app .br106.b-mine{background:var(--raised);box-shadow:inset 0 0 0 2px var(--outline)}
.app .br106.b-mine.b-best{box-shadow:inset 0 0 0 2px var(--bar-best)}
.app .strip106{display:flex;align-items:center;gap:6px;justify-content:space-between}
.app .strip106 .sa{width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:12px}
.app .strip106 .si{flex:1;display:flex;justify-content:center;gap:8px}
.app .strip106 .sc1{width:56px;height:48px;border-radius:12px;display:grid;place-items:center}
.app .strip106 .sc1.on{background:var(--surface);box-shadow:inset 0 0 0 2px var(--outline)}
.app .opt106{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;border-radius:var(--r-btn);background:var(--surface);box-shadow:0 4px 0 var(--edge);color:var(--text);font-size:var(--t-body);font-weight:900;padding:8px 16px;text-align:center}
.app .ph[data-theme="light"] .opt106{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line2)}
.app .opt106 .art{width:32px;height:32px;flex:none}
.app .pin106{padding:10px 16px 14px;background:var(--bg);position:relative;display:flex;gap:12px}
.app .pin106::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;background:linear-gradient(rgba(37,35,32,0),var(--bg));pointer-events:none}
.app .ph[data-theme="light"] .pin106::before{background:linear-gradient(rgba(243,241,236,0),var(--bg))}
.app .pin106 > .go,.app .pin106 > .ghost{flex:1 1 0;min-width:0;display:grid;place-items:center}
.app .pin106 > .ghost{flex:0 0 auto;min-width:120px;min-height:60px;font-size:var(--t-body);padding:0 14px}
.app .op99{border-radius:var(--r-btn);background:var(--surface);box-shadow:0 4px 0 var(--edge)}
.app .ph[data-theme="light"] .op99{box-shadow:0 4px 0 var(--edge),inset 0 0 0 1px var(--line2)}
.app .op99.sel,.app .ph[data-theme="light"] .op99.sel{box-shadow:0 4px 0 var(--acc-edge),inset 0 0 0 3px var(--bar-best)}
.app .qa{border-radius:14px;background:var(--surface);box-shadow:0 3px 0 var(--edge)}
.app .ph[data-theme="light"] .qa{box-shadow:0 3px 0 var(--edge),inset 0 0 0 1px var(--line)}
.app .blk .qa{background:var(--raised)}
.app .qa.r,.app .ph[data-theme="light"] .qa.r{box-shadow:inset 0 0 0 2px var(--bar-best);background:var(--right-bg)}
.app .qa.w,.app .ph[data-theme="light"] .qa.w{box-shadow:inset 0 0 0 2px var(--warn-text);background:var(--wrong-bg)}
.app .art{display:block}
.app .disc{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--acc-soft);flex:none}
.app .disc svg{width:26px;height:26px}
.app .hn106{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;padding:4px 2px 2px;flex:none}
.app .hn106 .disc{grid-row:1 / span 2;width:60px;height:60px;border-radius:18px}
.app .hn106 .disc svg{width:36px;height:36px}
.app .hn106 .hn-n{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:48px;font-weight:900;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}
.app .hn106 .hn-u{font-size:var(--t-head);font-weight:900;color:var(--muted);letter-spacing:0}
.app .hn106 .hn-s{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--t-sub);font-weight:800;color:var(--muted);line-height:1.3}
.app .t106 > *,.app .dr106 > *,.app .sk106 > *,.app .cl106 > .hn106{flex-shrink:0}
.app .f100 .lab{font-size:14px}
.app .ph[data-ts="large"] .f100 .lab{font-size:var(--t-sub)}
.app .go,.app .ghost,.app .xsq,.app .cc106,.app .tile106,.app .row106,.app .opt106,.app .hero106,.app .cb106,.app .br106,.app .seg,.app .seg button,.app .subtabs a,.app .sh106,.app .co106,.app .rw106,.app .pin106,.app .qa,.app .op99{box-sizing:border-box}
.app .cb106 .vh,.app .cbh .vh{left:0;top:0}
.app .ri .sld{font-size:var(--t-sub);margin-top:2px}
.app .sc.hub.ri{gap:8px}
.app .ow-sec{text-transform:none;letter-spacing:0;font-size:var(--t-head);font-weight:900;color:var(--text)}
.app .top h1,.app .hero106 h2,.app .sh106 h2,.app .sld,.app .ttl,.app .cb106 p.lead{text-wrap:balance}
.app .pathrow > span:first-child,.app .h2r .h2l{min-width:0;flex:1 1 auto}
.app .h2r .h2w{flex:none;text-align:right}
.app .h2l small{white-space:normal !important}
.app .pathrow .later{flex:none}
.app .ow-chips{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--surface);border-radius:14px;padding:4px}
.app .ow-chips button{min-height:44px;min-width:0;padding:0 4px;white-space:nowrap !important;font-size:var(--t-foot) !important;border-radius:11px}
:is(.g-Main) .tb106{justify-content:flex-start;gap:16px;padding:4px 16px 6px}
:is(.g-Main) .av106{width:44px;height:44px;border-radius:12px;background:#F6EBD3;color:#0F7A70;font:900 20px/1 'Nunito',sans-serif;display:grid;place-items:center;border:0;cursor:pointer;padding:0}
:is(.g-Main) .tbst,:is(.g-Main) .tbrt{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--t-head);font-weight:900;color:var(--text)}
:is(.g-Main) .tbst .art{width:26px;height:26px}
:is(.g-Main) .tbrt .art{width:22px;height:22px}
:is(.g-Main) .t106{gap:8px;padding-top:6px;padding-bottom:12px;overflow-y:auto}
:is(.g-Main) .co106{display:grid;grid-template-columns:44px minmax(0,1fr) 12px;gap:12px;align-items:center;padding:14px 14px 14px 16px;color:var(--text)}
:is(.g-Main) .co106 b{display:block;font-size:var(--t-body);font-weight:900;line-height:1.2}
:is(.g-Main) .co106 small{display:block;font-size:var(--t-sub);font-weight:700;color:var(--muted);line-height:1.3;margin-top:2px}
:is(.g-Main) .stg5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:8px}
:is(.g-Main) .stg5 i{height:8px;border-radius:999px;background:var(--track)}
:is(.g-Main) .stg5 i.f{background:var(--fill)}
:is(.g-Main) .wl106{display:flex;flex-direction:column;gap:10px}
:is(.g-Main) .wl106 .st{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:16px;background:var(--surface);font-size:var(--t-body);font-weight:900}
:is(.g-Main) .wl106 .st i{font-style:normal;width:32px;height:32px;border-radius:10px;background:var(--acc-soft);color:var(--teal-text);display:grid;place-items:center;flex:none}
:is(.g-Main) .offl{margin:0}
:is(.g-Classroom) .cl106 .hn106{margin:2px 0 2px}
:is(.g-Classroom) .cl106 .hn106 .hn-n{font-size:var(--t-num)}
:is(.g-Result) .yd106{gap:12px}
:is(.g-Result) .yd106 .cb106{gap:5px;padding:12px 16px 14px}
:is(.g-Result) .cbx.cx-best{color:#0B6B62}
:is(.g-Result) .cbx.cx-cost{color:#9A5108}
:is(.g-Result) .ydr .cmp106{gap:7px;padding-top:14px;padding-bottom:12px}
:is(.g-Result) .ydr .br106{padding:9px 10px 10px;gap:7px}
:is(.g-Result) .yd106 .bestx{margin-top:6px;padding-top:8px;border-top:1px solid #E6E2D9;display:flex;flex-direction:column;gap:2px}
:is(.g-Result) .yd106 .bestx .lead{font-size:var(--t-sub)}
:is(.g-Result) .yd106 .cmp106{padding:12px 16px 8px;margin-top:4px}
:is(.g-Result) .yd106 .cmp106 .unit99{margin:-2px 0 2px}
:is(.g-Term) .fbq1{margin:0 0 4px}
:is(.g-Lesson,.g-Term) .ls106{gap:10px}
:is(.g-Lesson,.g-Term) .trp106{margin-top:4px;padding-top:7px;border-top:1px solid #E6E2D9;display:flex;flex-direction:column;gap:3px}
:is(.g-Lesson,.g-Term) .ls106 .fbq1{font-size:14px;font-weight:700;line-height:1.3}
:is(.g-Lesson,.g-Term) .ls106 .cb106{gap:4px;padding:10px 16px 12px}
:is(.g-Lesson,.g-Term) .lsq1 .qas{gap:10px}
:is(.g-Lesson,.g-Term) .lsq1 .qa{min-height:54px}
:is(.g-Lesson,.g-Term) .ls106 .cb106 .cbh{min-height:24px}
:is(.g-Lesson,.g-Term) .ls106 .cb106 .ci{width:24px;height:24px}
:is(.g-Lesson,.g-Term) .ls106 .cb106 p.lead{font-size:var(--t-body);line-height:1.3}
:is(.g-Lesson,.g-Term) .ls106 .cb106 p{line-height:1.4}
:is(.g-Lesson,.g-Term) .ls106 .blk{padding:12px 16px 13px;gap:6px}
:is(.g-Lesson,.g-Term) .ls106 .cb106 + .blk{margin-top:2px}
:is(.g-Lesson,.g-Term) .ls106 .cbh{min-height:20px;gap:8px}
:is(.g-Lesson,.g-Term) .ls106 .blk .cbh b{font-size:var(--t-sub);color:var(--text)}
:is(.g-Lesson,.g-Term) .ls106 .blk .ci{width:20px;height:20px}
:is(.g-Lesson,.g-Term) .ls106 .blk{padding:10px 16px 11px;gap:5px}
:is(.g-Lesson,.g-Term) .cbh .cbx{margin-left:auto;font-size:var(--t-foot);font-weight:900;color:var(--muted)}
:is(.g-Wrapup) .wd106{gap:10px}
:is(.g-Wrapup) .wd106 .stars99{gap:18px;justify-content:center}
:is(.g-Wrapup) .wd106 .stars99 > span{font-size:var(--t-sub);font-weight:900;color:var(--muted)}
:is(.g-Wrapup) .wd106 .stars99 svg{width:58px;height:58px}
:is(.g-Wrapup) .wd106 .sl100{font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.05;text-align:center;margin:2px 0 4px;color:var(--text)}
:is(.g-Wrapup) .wd106 .cb106{margin-bottom:6px}
:is(.g-Wrapup) .yc106{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px}
:is(.g-Wrapup) .yc106 .ci{width:30px;height:30px;flex:none}
:is(.g-Wrapup) .yc106 b{display:block;font-size:var(--t-body);font-weight:900;line-height:1.25}
:is(.g-Wrapup) .yc106 small{display:block;font-size:var(--t-sub);font-weight:800;color:var(--muted)}
:is(.g-Wrapup) .yc106 > span:not(.yv){flex:1 1 auto;min-width:96px}
:is(.g-Wrapup) .yc106 .yv{margin-left:auto;text-align:right;max-width:58%}
:is(.g-Wrapup) .yc106 .yv b{font-size:var(--t-head)}
:is(.g-Wrapup) .wd106 .st108{gap:14px}
:is(.g-Wrapup) .wd106 .sl100{margin-bottom:0}
:is(.g-Wrapup) .earn108{margin:-6px 0 4px;text-align:center;font-size:var(--t-sub);font-weight:800;line-height:1.3;color:var(--muted)}
:is(.g-Compare) .hn108{gap:10px}
:is(.g-Compare) .hn108 .hnu{margin:0 2px;font-size:var(--t-sub);font-weight:800;line-height:1.35;color:var(--muted)}
:is(.g-Compare) .hc108{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:0 14px}
:is(.g-Compare) .hc108.open{padding-bottom:14px}
:is(.g-Compare) .top h1.hnt{font-size:var(--t-title3);white-space:nowrap}
:is(.g-Compare) .hc108.mine,:is(.g-Compare) .ph[data-theme="light"] .hc108.mine{box-shadow:inset 0 0 0 2px var(--label)}
:is(.g-Compare) .hh108{display:grid;grid-template-columns:28px minmax(0,1fr) auto 12px;gap:10px;align-items:center;width:100%;min-height:54px;padding:9px 0;border:0;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
:is(.g-Compare) .hh108 .k{width:28px;height:28px;border-radius:8px;background:var(--badge);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:var(--t-foot)}
:is(.g-Compare) .hc108.best .hh108 .k{background:#0F7A70}
:is(.g-Compare) .hh108 .hn{min-width:0}
:is(.g-Compare) .hh108 b{display:block;font-size:var(--t-sub);font-weight:900;line-height:1.3;overflow-wrap:anywhere}
:is(.g-Compare) .hh108 small{display:block;margin-top:1px;font-size:var(--t-foot);font-weight:800;color:var(--muted);line-height:1.3}
:is(.g-Compare) .hh108 .hv{font-size:var(--t-sub);font-weight:900;white-space:nowrap;text-align:right}
:is(.g-Compare) .hc108.best .hh108 b,:is(.g-Compare) .hc108.best .hh108 .hv{color:var(--teal-text)}
:is(.g-Compare) .hh108 .cv{color:var(--muted);transition:transform .15s}
:is(.g-Compare) .hc108.open .hh108 .cv{transform:rotate(180deg)}
:is(.g-Compare) .stp108{list-style:none;margin:0;padding:9px 0 0;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:8px}
:is(.g-Compare) .stp108 li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--t-sub);font-weight:700;line-height:1.4;color:var(--text2)}
:is(.g-Compare) .stp108 .n{width:24px;height:24px;border-radius:999px;background:var(--acc-soft);color:var(--teal-text);display:grid;place-items:center;font-size:var(--t-foot);font-weight:900}