/* GO OS v3 skin: layered on top of the base styles in index.html */
.v3-eb{font:700 11px Orbitron,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#8f8fe0}
.v3-back{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:0;flex:none}
.v3-back svg,.v3-ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v3-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
.v3-head h1{margin:6px 0 6px;font-size:clamp(28px,5vw,44px)}.v3-head .sub{margin:0}
.v3-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(74,222,128,.35);color:#86efac;font-size:13px;background:rgba(74,222,128,.06);white-space:nowrap}
.v3-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);align-items:start}
@media(max-width:900px){.v3-grid{grid-template-columns:1fr}}
.v3-card{padding:24px;border:1px solid var(--b);border-radius:22px;background:linear-gradient(155deg,rgba(49,31,78,.5),rgba(12,8,22,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 42px rgba(0,0,0,.28);margin-bottom:18px}
.v3-card h3{margin:0 0 14px;font-size:18px;display:flex;gap:10px;align-items:center}
.v3-green{background:linear-gradient(135deg,#34d399,#38bdf8);color:#04130e;border:0;font-weight:600;box-shadow:0 6px 24px rgba(52,211,153,.35)}
.v3-green:hover{background:linear-gradient(135deg,#34d399,#38bdf8);filter:brightness(1.08)}
.v3-empty{border:1px dashed rgba(255,255,255,.16);border-radius:18px;padding:40px 20px;text-align:center;display:grid;gap:8px;justify-items:center}
.v3-empty .ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--b);color:#6ee7b7}
.v3-empty b{font-size:16px}.v3-empty p{margin:0;color:var(--m);font-size:14px;max-width:420px}
.v3-safe li{list-style:none;display:flex;gap:10px;margin:0 0 14px;color:#d6d0f0;font-size:14px}.v3-safe{padding:0;margin:0}
.v3-safe .ico{color:#6ee7b7;flex:none;margin-top:2px}
.v3-warn{border-color:rgba(251,191,36,.25);background:linear-gradient(155deg,rgba(80,50,30,.4),rgba(12,8,22,.82))}
.v3-warn h3{color:#fcd34d}
.v3-seg{display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:18px;background:rgba(7,5,15,.55);border:1px solid var(--b);min-width:min(420px,100%)}
.v3-seg button{border:0;background:none;border-radius:14px;padding:12px 18px;display:flex;gap:8px;align-items:center;justify-content:center;color:var(--m)}
.v3-seg button.on{background:linear-gradient(135deg,#6d28d9,#3b82f6);color:#fff;box-shadow:0 6px 22px rgba(99,102,241,.45)}
.v3-lab{font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--m);margin:22px 0 8px;display:block}
.v3-input{display:flex;align-items:center;gap:10px;border-radius:16px;border:1px solid var(--b);background:rgba(7,5,15,.55);padding:0 16px;max-width:min(520px,100%)}
.v3-input input{flex:1;border:0;background:none;font-size:22px;padding:15px 0;box-shadow:none!important;min-width:0}.v3-input span{color:var(--m);font-size:12px;letter-spacing:.12em}
.v3-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap;color:var(--m);font-size:13px}
.v3-save{background:linear-gradient(135deg,#8b5cf6,#d946ef);border:0;border-radius:999px;padding:13px 24px;font-weight:600;box-shadow:0 6px 24px rgba(168,85,247,.4)}
.v3-chip{padding:8px 16px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.04)}.v3-chip.on{background:rgba(124,58,237,.3);border-color:#8b5cf6;color:#fff}
.v3-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.v3-search{width:100%;padding:14px 18px 14px 44px;border-radius:999px;background:rgba(7,5,15,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a79fcb' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center/18px}
/* toggles */
.v3-tg{position:relative;width:52px;height:30px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.14);flex:none}
.v3-tg:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#0b0618;transition:.2s}
.v3-tg[aria-checked=true]{background:#6d28d9}.v3-tg[aria-checked=true]:after{left:25px}
.v3-pref{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--b);border-radius:16px;background:rgba(255,255,255,.03);margin-bottom:12px}
.v3-pref small{display:block;color:var(--m)}
.v3-quiet{padding:16px;border-radius:16px;border:1px solid rgba(167,110,255,.35);background:rgba(109,40,217,.18)}
.v3-quiet small{color:#a89bf5;letter-spacing:.14em;font-weight:700;font-size:11px}.v3-quiet b{display:block;font-size:22px;margin:6px 0}
.v3-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v3-cat{padding:14px 16px;border-radius:14px;border:1px solid var(--b)}.v3-cat small{letter-spacing:.14em;font-size:11px;font-weight:700;opacity:.85}.v3-cat b{display:block;font-size:22px}
/* help */
.v3-hhero{padding:38px;border-radius:28px;border:1px solid var(--b);background:radial-gradient(ellipse at 90% 0,rgba(74,222,128,.14),transparent 45%),rgba(255,255,255,.03);margin-bottom:18px}
.v3-hhero h1 span{color:#6ee7b7}
.v3-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--b);font:700 11px Orbitron;letter-spacing:.16em;margin-right:8px;color:#a7f3d0;background:rgba(74,222,128,.06)}
.v3-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}
.v3-stat{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--b);border-radius:18px;background:rgba(255,255,255,.03)}.v3-stat b{font-size:24px;display:block;line-height:1.1}.v3-stat small{color:var(--m)}
.v3-tabs{display:inline-flex;padding:5px;border:1px solid var(--b);border-radius:16px;background:rgba(7,5,15,.5);margin-bottom:18px}
.v3-tabs button{border:0;background:none;border-radius:12px;padding:11px 18px;color:var(--m)}.v3-tabs button.on{background:rgba(74,222,128,.14);color:#6ee7b7}
.v3-h{font:700 13px Orbitron;letter-spacing:.16em;margin:0 0 16px}
.v3-hot{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.v3-hot button{text-align:left;padding:18px;border-radius:16px;display:grid;gap:8px;background:rgba(255,255,255,.03)}.v3-hot small{color:#6ee7b7;letter-spacing:.14em;font-weight:700;font-size:10.5px;text-transform:uppercase}
.v3-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:start}
.v3-topic{border:1px solid var(--b);border-radius:18px;background:rgba(255,255,255,.03);overflow:hidden}
.v3-topic>button{display:flex;width:100%;justify-content:space-between;align-items:flex-end;min-height:110px;border:0;border-radius:0;background:none;text-align:left;padding:18px}
.v3-topic .ti{color:#6ee7b7}.v3-topic .body{padding:0 18px 16px;color:var(--m);font-size:14px}.v3-topic .body p{margin:8px 0}
.v3-faq{border:1px solid var(--b);border-radius:16px;background:rgba(255,255,255,.03);margin-bottom:10px}
.v3-faq summary{padding:16px 18px;cursor:pointer;display:flex;gap:14px;align-items:center}.v3-faq summary small{color:#6ee7b7;font:700 10px Orbitron;letter-spacing:.12em;text-transform:uppercase;flex:none;max-width:210px}
.v3-faq p{margin:0;padding:0 18px 16px;color:var(--m)}
.v3-talk{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.v3-talk{grid-template-columns:1fr}}
.v3-talk a,.v3-talk button{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;text-decoration:none;color:inherit;text-align:left;background:rgba(255,255,255,.02)}
.v3-talk .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(74,222,128,.1);color:#6ee7b7;border:1px solid var(--b);flex:none}.v3-talk small{color:var(--m);display:block}.v3-talk em{margin-left:auto;font-style:normal;font-size:12px;border:1px solid var(--b);border-radius:999px;padding:5px 12px;color:var(--m)}
/* library */
.v3-lhero{padding:44px;border-radius:28px;border:1px solid var(--b);background:linear-gradient(110deg,rgba(112,69,184,.3),rgba(14,10,30,.8) 55%,rgba(60,40,140,.25));display:flex;gap:24px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:26px}
.v3-lhero h1 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3-lhero .sub{max-width:640px}
.v3-lstats{display:flex;gap:12px;flex-wrap:wrap}.v3-ls{min-width:150px;padding:18px 20px;border-radius:20px;border:1px solid var(--b);background:rgba(255,255,255,.07)}.v3-ls small{letter-spacing:.18em;color:var(--m);font-size:11px;font-weight:700;display:block}.v3-ls b{font-size:34px}
.v3-lbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:6px 0 20px}.v3-lbar .v3-search{flex:1;min-width:220px;border-radius:999px}
.v3-select{border-radius:999px;padding:12px 18px;background:rgba(7,5,15,.55);appearance:none;min-width:190px}
.v3-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.v3-course{padding:0;overflow:hidden;border-radius:22px;text-align:left;display:block;width:100%;background:rgba(14,10,30,.7)}
.v3-cover{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,rgba(139,92,246,.35),transparent 55%),linear-gradient(160deg,#171127,#0a0714);background-size:cover;background-position:center}
.v3-cover:before{content:"";position:absolute;inset:34px 26px;border:0;background:linear-gradient(#e9e4ff,#e9e4ff) top left/22px 2px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) top left/2px 22px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) top right/22px 2px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) top right/2px 22px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) bottom left/22px 2px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) bottom left/2px 22px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) bottom right/22px 2px no-repeat,linear-gradient(#e9e4ff,#e9e4ff) bottom right/2px 22px no-repeat}
.v3-cover b{position:relative;font-size:28px;line-height:1.05;text-align:center;letter-spacing:-.03em;padding:0 40px}
.v3-lv{position:absolute;top:14px;left:14px;padding:4px 12px;border-radius:999px;font-size:12px;border:1px solid;background:rgba(0,0,0,.35)}
.v3-lv.Beginner{color:#6ee7b7;border-color:rgba(110,231,183,.4)}.v3-lv.Intermediate{color:#fcd34d;border-color:rgba(252,211,77,.4)}.v3-lv.Advanced{color:#fca5a5;border-color:rgba(252,165,165,.4)}
.v3-cn{position:absolute;right:14px;bottom:14px;font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45)}
.v3-cb{padding:16px 20px 20px}.v3-cb b{display:block;margin-bottom:4px}.v3-cb p{margin:0;color:var(--m);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* spaces */
.v3-pillwrap{position:fixed;top:calc(18px + env(safe-area-inset-top));right:max(24px,6vw);z-index:20}
.v3-userpill{display:flex;gap:12px;align-items:center;border-radius:999px;padding:8px 16px 8px 8px;background:rgba(14,10,30,.7)}
.v3-spaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;max-width:1120px;margin:auto}
.v3-space{min-height:340px;text-align:left;border-radius:30px;padding:34px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.v3-space .ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid var(--b);margin-bottom:26px}
.v3-space h2{margin:0;font-size:36px;letter-spacing:-.03em}.v3-space p{color:var(--m);margin:6px 0}
.v3-space .bot{margin-top:auto;display:flex;justify-content:space-between;font-size:15px}.v3-space .bot small{letter-spacing:.14em;color:var(--m)}
.v3-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,2,9,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}
.v3-modal .v3-card{width:min(460px,100%);margin:0}
.v3-msg{min-height:20px;font-size:13px;margin:10px 0 0}.v3-msg.err{color:#fca5a5}.v3-msg.ok{color:#86efac}
/* updates */
.v3-up{min-height:calc(100vh - 160px);display:flex;flex-direction:column}
.v3-uptop{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--m)}
.v3-upmain{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px 0}
@media(max-width:900px){.v3-upmain{grid-template-columns:1fr;padding:26px 0}}
.v3-upmain h1{font-size:clamp(34px,5.4vw,64px);margin:6px 0 14px}.v3-upmain .sub{font-size:19px}
.v3-tag{display:inline-block;padding:5px 14px;border-radius:999px;font:700 11px Orbitron;letter-spacing:.14em;border:1px solid;margin-left:10px;vertical-align:middle}
.v3-tag.new{color:#86efac;border-color:rgba(134,239,172,.45);background:rgba(74,222,128,.07)}.v3-tag.soon{color:#fcd34d;border-color:rgba(252,211,77,.45);background:rgba(251,191,36,.07)}
.v3-pts{padding:0;margin:26px 0 0}.v3-pts li{list-style:none;display:flex;gap:14px;align-items:center;margin:0 0 16px;font-size:17px;opacity:0;animation:in .5s forwards}
.v3-pts i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(109,40,217,.3);color:#c4b5fd;flex:none;font-style:normal}
.v3-panel{border:1px solid rgba(134,239,172,.25);border-radius:30px;padding:26px;background:rgba(14,10,30,.55);margin-bottom:16px;animation:in .6s both}
.v3-panel.soon{border-color:rgba(252,211,77,.3);background:linear-gradient(160deg,rgba(90,60,40,.3),rgba(14,10,30,.6))}
.v3-panel .v3-eb{color:#6ee7b7;margin-bottom:12px}.v3-panel.soon .v3-eb{color:#fcd34d}
.v3-panel li{list-style:none;display:flex;gap:12px;align-items:center;font-size:18px;margin:12px 0}.v3-panel ul{padding:0;margin:0}
.v3-panel li:before{content:"";width:8px;height:8px;border-radius:50%;background:#6ee7b7;flex:none}.v3-panel.soon li:before{background:#fcd34d}
.v3-xrow{display:flex;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--b);border-radius:22px;background:rgba(255,255,255,.03);margin-bottom:12px;animation:in .6s both}
.v3-xrow.on{border-color:rgba(167,110,255,.55);background:rgba(109,40,217,.16)}.v3-xrow small{display:block;color:var(--m)}.v3-xrow .st{margin-left:auto;font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--b);color:var(--m)}.v3-xrow.on .st{color:#86efac;border-color:rgba(134,239,172,.4);background:rgba(74,222,128,.08)}
.v3-bot{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none;font-size:24px}
.v3-chart{width:100%;border:1px solid var(--b);border-radius:26px;background:rgba(14,10,30,.65);padding:18px}.v3-chart .hd{display:flex;justify-content:space-between;color:var(--m);margin-bottom:6px}
.v3-chart .lv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.v3-chart .lv div{text-align:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--m);font-size:13px}.v3-chart .lv b{display:block;color:var(--t);font-size:15px}
.v3-bubble{align-self:flex-end;margin:0 0 14px auto;display:table;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#6366f1);font-weight:500}
.v3-bigsoon{margin:auto;width:min(420px,90%);padding:56px 30px;border-radius:30px;text-align:center;border:1px solid rgba(252,211,77,.3);background:linear-gradient(150deg,rgba(130,90,30,.45),rgba(30,15,50,.6));font-size:34px;font-weight:700;box-shadow:0 0 120px rgba(251,191,36,.12)}
.v3-bigsoon span{display:block;font-size:34px;margin-bottom:8px;color:#fcd34d}
.v3-dots{display:flex;gap:10px;justify-content:center;align-items:center}.v3-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}.v3-dots i.on{width:46px;border-radius:6px;background:#a78bfa}.v3-dots i.new{background:#34d399}.v3-dots i.soon{background:#fbbf24}.v3-dots i.on.new{background:#34d399}.v3-dots i.on.soon{background:#fbbf24}
.v3-upnav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.v3-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:600px){.v3-mini{grid-template-columns:1fr 1fr}}
.v3-mini div{aspect-ratio:1/.9;border:1px solid var(--b);border-radius:24px;display:grid;place-content:center;text-align:center;gap:8px;background:rgba(255,255,255,.03)}.v3-mini small{font:700 10px Orbitron;letter-spacing:.1em}.v3-mini .n{color:#86efac}.v3-mini .s{color:#fcd34d}
.v3-voice{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:999px;border:1px solid var(--b);background:rgba(255,255,255,.04)}
.v3-voice .mic{width:52px;height:52px;border-radius:50%;background:#9333ea;display:grid;place-items:center}
.v3-notice{border-radius:16px;padding:14px 16px;border:1px solid var(--b);background:rgba(8,6,16,.8);width:min(300px,100%);box-shadow:0 18px 50px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){.v3-pts li,.v3-panel,.v3-xrow{animation:none;opacity:1}}


/* ---------- course detail + embedded lesson experience ---------- */
.go-course-page,.go-lesson-page{width:100%;max-width:1500px;margin:0 auto;color:var(--t)}
.go-crumb,.go-lesson-crumb{display:flex;align-items:center;gap:22px;min-height:54px;margin:0 0 18px;color:var(--m);font-size:13px}
.go-crumb button,.go-lesson-crumb button{display:inline-flex;align-items:center;gap:10px;padding:7px 0;border:0;background:transparent;color:var(--m);white-space:nowrap}
.go-crumb button:hover,.go-lesson-crumb button:hover{color:var(--t);transform:none;background:transparent}
.go-crumb button svg,.go-lesson-crumb button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.go-course-hero{display:grid;grid-template-columns:minmax(220px,26%) minmax(0,1fr) 112px;gap:24px;align-items:center;min-height:210px;padding:0 26px 0 0;border:1px solid var(--b);border-radius:14px;overflow:hidden;background:linear-gradient(115deg,rgba(28,21,42,.94),rgba(17,13,26,.96));margin-bottom:34px}
.go-course-art{height:210px;min-width:0;display:grid;place-items:center;background:radial-gradient(circle at 60% 40%,rgba(105,83,145,.38),transparent 55%),linear-gradient(145deg,#191525,#08070d);background-position:center;background-size:cover;position:relative}
.go-course-art:after{content:"";position:absolute;inset:18% 13%;border:1px solid rgba(230,223,255,.65);border-left-color:transparent;border-right-color:transparent;pointer-events:none}
.go-course-art>span{color:#d9c8ff;opacity:.8}.go-course-art svg{width:54px;height:54px;stroke:currentColor;fill:none;stroke-width:1.2}
.go-course-summary{min-width:0;padding:22px 0}
.go-course-summary .row{gap:9px}
.go-level,.go-course-tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:5px 12px;font-size:12px;color:#a9c7ff;background:rgba(59,130,246,.12)}
.go-level.Beginner{color:#34d399;border-color:rgba(52,211,153,.35);background:rgba(16,185,129,.09)}
.go-level.Intermediate{color:#fbbf24;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}
.go-level.Advanced{color:#fca5a5;border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08)}
.go-course-summary h1{font-size:clamp(25px,3vw,34px);line-height:1.15;margin:14px 0 7px;letter-spacing:-.025em}
.go-course-summary>p{margin:0;color:var(--m);font-size:14px;max-width:760px}
.go-course-meta{display:flex;gap:20px;align-items:center;color:var(--m);font-size:13px;margin-top:13px}
.go-course-meta svg{width:16px;height:16px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.8;margin-right:5px}
.go-resume{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:11px 19px;border:0;border-radius:12px;color:white;background:linear-gradient(110deg,#8500ff,#a344f4);box-shadow:0 6px 25px rgba(147,51,234,.25);font-size:14px;font-weight:600}
.go-resume svg{width:18px;height:18px;fill:currentColor;stroke:none}
.go-resume:disabled{opacity:.45;cursor:not-allowed}
.go-progress-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a855f7 calc(var(--progress)*1%),rgba(255,255,255,.15) 0);position:relative}
.go-progress-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#17121f}
.go-progress-ring span{position:relative;font-size:14px;font-weight:600}
.go-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.go-section-heading h2{font-size:21px;margin:0;letter-spacing:-.02em}
.go-section-heading>span{font-size:12px;color:var(--m)}
.go-module{border:1px solid var(--b);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
.go-module-head{width:100%;display:flex;align-items:center;gap:13px;padding:16px 20px;text-align:left;background:transparent;border:0;border-radius:0}
.go-module-head:hover{background:rgba(255,255,255,.035);transform:none}
.go-module-number,.go-lesson-index{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(109,40,217,.2);color:#a855f7;font-size:13px;font-weight:600}
.go-module-name{display:grid;gap:2px;min-width:0}.go-module-name b{font-size:14px;font-weight:600}.go-module-name small{font-size:12px;color:var(--m)}
.go-module-chevron{margin-left:auto;color:var(--m);transition:transform .2s}.go-module-head.collapsed .go-module-chevron{transform:rotate(180deg)}
.go-lesson-list{padding:0 12px 12px}
.go-lesson-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:10px 8px;border:0;border-radius:12px;background:transparent}
.go-lesson-row:hover{background:rgba(139,92,246,.1);transform:none}
.go-lesson-row .go-lesson-index{width:30px;height:30px;border-radius:50%;font-size:12px}
.go-lesson-row .go-lesson-index svg{width:15px;height:15px;stroke:#86efac;fill:none;stroke-width:2}
.go-lesson-play{display:grid;place-items:center;width:20px;height:20px;color:#a855f7}
.go-lesson-play svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.go-lesson-title{font-size:14px;color:#eeeaf6;flex:1;min-width:0;text-align:left}
.go-lesson-state{font-size:11px;color:#86efac}
.go-no-lessons{padding:20px;color:var(--m);font-size:13px}
.go-lesson-page{max-width:1600px;margin:0 auto}
.go-lesson-crumb{border-bottom:1px solid rgba(255,255,255,.08);margin:0 -14px 22px;padding:0 14px 14px;gap:20px}
.go-lesson-crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.go-lesson-crumb span b{color:var(--t);font-weight:500}
.go-lesson-crumb small{white-space:nowrap;color:var(--m)}
.go-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 374px;gap:20px;align-items:start}
.go-lesson-main{min-width:0}
.go-player{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 290px);min-height:260px;border-radius:14px;overflow:hidden;background:#030207;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 50px rgba(0,0,0,.28);display:grid;place-items:center}
.go-video,.go-video-frame{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.go-video-empty{display:grid;justify-items:center;gap:10px;text-align:center;color:var(--m);padding:30px}
.go-video-empty>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.2);color:#c084fc}
.go-video-empty svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2}
.go-video-empty b{color:var(--t);font-size:17px}.go-video-empty span{font-size:13px}
.go-lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 12px}
.go-lesson-heading h1{font-size:25px;line-height:1.2;margin:0 0 7px;letter-spacing:-.025em}
.go-lesson-meta{display:flex;align-items:center;gap:8px;color:var(--m);font-size:12px}
.go-lesson-meta svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.go-protected{display:inline-flex;align-items:center;gap:5px;color:#d49a26}
.go-protected svg{width:14px;height:14px}
.go-lesson-nav{display:flex;gap:8px;flex:none}
.go-lesson-nav button{width:40px;height:40px;padding:0;border-radius:50%;font-size:25px;line-height:1;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)}
.go-lesson-nav button:disabled{opacity:.28;cursor:not-allowed}
.go-lesson-tabs{display:flex;gap:4px;margin-top:18px;padding:4px;border:1px solid var(--b);border-radius:13px;background:rgba(255,255,255,.025);width:max-content}
.go-lesson-tabs button{border:0;background:transparent;color:var(--m);padding:8px 13px;border-radius:9px;font-size:13px}
.go-lesson-tabs button:hover{transform:none}
.go-lesson-tabs button.on{background:rgba(10,8,17,.8);color:var(--t)}
.go-lesson-description{padding:18px 2px;color:#d7d1e4;font-size:14px;line-height:1.75;white-space:normal}
.go-description-empty{color:var(--m);margin:0}
.go-notes-panel{padding:14px 0}
.go-notes-panel textarea{width:100%;min-height:130px;resize:vertical;background:rgba(7,5,15,.65);border:1px solid var(--b);border-radius:12px;padding:13px;color:var(--t)}
.go-notes-panel small{display:block;color:var(--m);font-size:11px;margin-top:6px}
.go-complete-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;color:var(--m);font-size:12px}
.go-complete{padding:8px 13px;border-radius:999px;background:rgba(139,92,246,.13);border:1px solid rgba(168,85,247,.35);color:#d8b4fe;font-size:12px}
.go-complete.done{color:#86efac;border-color:rgba(134,239,172,.35);background:rgba(74,222,128,.08)}
.go-course-sidebar{border:1px solid var(--b);border-radius:14px;background:rgba(18,14,26,.84);overflow:hidden;position:sticky;top:92px;max-height:calc(100vh - 118px);overflow-y:auto}
.go-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.08)}
.go-sidebar-head b{font-size:14px}.go-sidebar-head span{font-size:12px;color:var(--m)}
.go-sidebar-module{padding:14px 17px 8px;font-size:10px;letter-spacing:.13em;color:#777183}
.go-sidebar-list{padding:0 9px 10px}
.go-sidebar-lesson{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent}
.go-sidebar-lesson:hover{transform:none;background:rgba(255,255,255,.04)}
.go-sidebar-lesson.active{border-color:rgba(147,51,234,.55);background:rgba(109,40,217,.19)}
.go-sidebar-num{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:none;color:var(--m);font-size:12px}
.go-sidebar-num svg{width:15px;height:15px;stroke:#86efac;fill:none;stroke-width:2}
.go-sidebar-copy{min-width:0;display:grid;gap:3px}
.go-sidebar-copy b{font-size:12px;line-height:1.35;font-weight:500;color:#e8e3ef}
.go-sidebar-copy small{font-size:10px;color:var(--m)}
@media(max-width:1050px){.go-lesson-layout{grid-template-columns:minmax(0,1fr) 310px}.go-course-hero{grid-template-columns:220px minmax(0,1fr) 82px}.go-progress-ring{width:70px;height:70px}}
@media(max-width:780px){.go-course-hero{grid-template-columns:1fr;gap:0;padding:0}.go-course-art{height:190px}.go-course-summary{padding:20px}.go-progress-ring{position:absolute;right:22px;top:210px;width:64px;height:64px}.go-course-summary{padding-right:82px}.go-lesson-layout{grid-template-columns:1fr}.go-course-sidebar{position:static;max-height:none;order:2}.go-player{min-height:210px;max-height:none}.go-lesson-crumb{gap:10px;font-size:11px}.go-lesson-heading h1{font-size:21px}.go-crumb{gap:12px}.go-course-art{height:170px}}
@media(max-width:480px){.go-course-summary{padding:18px 16px 20px}.go-course-summary h1{font-size:25px}.go-course-meta{flex-wrap:wrap;gap:10px}.go-progress-ring{top:190px;right:16px;width:56px;height:56px}.go-lesson-crumb span{display:none}.go-lesson-crumb small{margin-left:auto}.go-lesson-heading{align-items:flex-start}.go-lesson-nav button{width:36px;height:36px}}

/* Give the course and lesson views the wider workspace shown in the learning reference screens. */
main:has(.go-course-page),main:has(.go-lesson-page){max-width:1500px;width:100%}


/* ---------- GO OS Learning Dashboard home ---------- */
.go-learning-home{width:100%;max-width:1600px;margin:0 auto;color:var(--t)}
.go-learning-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 24px}
.go-learning-heading h1{font-size:25px;letter-spacing:-.025em;margin:0 0 5px}
.go-learning-heading small{font-size:10px;letter-spacing:.06em;color:var(--m)}
.go-learning-heading>span{font-size:10px;letter-spacing:.16em;color:var(--m)}
.go-welcome-card{position:relative;min-height:170px;padding:24px 26px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:linear-gradient(105deg,rgba(13,105,83,.48),rgba(18,65,58,.42) 42%,rgba(25,19,34,.97) 76%);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.go-welcome-main{flex:1;min-width:0;max-width:72%}
.go-trophy{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(45,212,191,.2);color:#7ce5cb;font-size:20px;float:left;margin:0 12px 8px 0}
.go-welcome-kicker{font-size:9px;letter-spacing:.13em;color:#b7d8d0;margin:1px 0 2px}
.go-welcome-card h2{font-size:22px;margin:0 0 12px;letter-spacing:-.02em}
.go-welcome-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.go-welcome-tags span{font-size:10px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#d8e7e2}
.go-xp-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.09em;color:#b7d8d0;margin-bottom:6px}
.go-xp-label b{font-size:10px;letter-spacing:0;color:#dbece7}
.go-xp-track{height:6px;background:rgba(255,255,255,.16);border-radius:99px;overflow:hidden;max-width:100%}
.go-xp-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#5eead4,#38bdf8);transition:width .35s ease}
.go-welcome-main>small{display:block;color:#b7d8d0;font-size:9px;margin-top:7px}
.go-week-ring{width:104px;height:104px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#55d6b6 0%,rgba(255,255,255,.12) 0);position:relative}
.go-week-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#17131e}
.go-week-ring>div{position:relative;text-align:center;display:grid;gap:3px}
.go-week-ring b{font-size:20px}.go-week-ring small{font-size:8px;line-height:1.35;letter-spacing:.08em;color:var(--m)}
.go-learning-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.go-learning-stats article{min-height:82px;padding:13px 15px;border:1px solid var(--b);border-radius:14px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.go-learning-stats article small{font-size:8px;letter-spacing:.1em;color:var(--m)}
.go-learning-stats article b{font-size:19px;line-height:1.15}
.go-learning-stats article span{font-size:9px;color:var(--m)}
.go-learning-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.go-continue-card,.go-quiz-card{min-height:132px;padding:16px;border:1px solid var(--b);border-radius:15px;background:linear-gradient(110deg,rgba(22,111,111,.3),rgba(22,19,31,.95));}
.go-panel-kicker,.go-quiz-copy small{font-size:8px;letter-spacing:.12em;color:var(--m)}
.go-continue-card h3{font-size:14px;margin:4px 0 12px}
.go-continue-content{display:flex;align-items:center;gap:12px;min-width:0}
.go-continue-thumb{width:116px;height:74px;flex:none;border:0;border-radius:10px;display:grid;place-items:center;color:white;background:radial-gradient(circle at 50% 50%,rgba(45,212,191,.24),rgba(5,20,28,.95));background-position:center;background-size:cover;font-size:23px}
button.go-continue-thumb:hover{transform:none;filter:brightness(1.12)}
.go-continue-content>div{min-width:0;display:grid;gap:5px}
.go-continue-content>div small{font-size:8px;letter-spacing:.1em;color:#7de0d0}
.go-continue-content>div b{font-size:12px;line-height:1.35}
.go-continue-content>div>span{font-size:10px;color:var(--m)}
.go-resume-small{width:max-content;padding:7px 12px;border:0;border-radius:9px;background:linear-gradient(100deg,#22b8bd,#3b82f6);color:white;font-size:10px;font-weight:600}
.go-quiz-card{display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,rgba(31,25,43,.98),rgba(78,29,115,.65))}
.go-quiz-orb{width:54px;height:54px;flex:none;border-radius:50%;border:3px solid rgba(255,255,255,.08);display:grid;place-items:center;color:var(--m);font-size:19px}
.go-quiz-copy{min-width:0;display:grid;gap:4px;flex:1}
.go-quiz-copy b{font-size:13px}.go-quiz-copy span{font-size:9px;color:var(--m);line-height:1.4}
.go-quiz-card>button{flex:none;padding:9px 12px;border:0;border-radius:9px;background:linear-gradient(100deg,#9333ea,#c026d3);color:white;font-size:10px}
.go-recommended-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.go-recommended-head>div:first-child>small{font-size:8px;letter-spacing:.11em;color:var(--m)}
.go-recommended-head h2{font-size:17px;margin:4px 0 0}
.go-recommended-head h2 span{font-size:10px;font-weight:400;color:var(--m)}
.go-recommended-actions{display:flex;align-items:center;gap:12px}
.go-recommended-actions select{max-width:170px;padding:8px 10px;border-radius:999px;border:1px solid var(--b);background:#17131f;color:var(--t);font-size:10px}
.go-recommended-actions button{border:0;background:transparent;color:var(--m);font-size:10px;white-space:nowrap}
.go-recommended-actions button span{color:var(--t);margin-left:5px}
.go-recommended-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.go-recommended-card{min-width:0;padding:0;text-align:left;border:1px solid var(--b);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.025)}
.go-recommended-card:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.5)}
.go-recommended-cover{height:118px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 20%,rgba(95,72,145,.5),transparent 48%),linear-gradient(145deg,#171322,#08070d);background-position:center;background-size:cover}
.go-recommended-level{width:max-content;padding:4px 8px;border-radius:999px;background:rgba(16,185,129,.18);color:#6ee7b7;font-size:8px}
.go-recommended-card:nth-child(1) .go-recommended-level{background:rgba(217,119,6,.18);color:#fbbf24}
.go-recommended-card:nth-child(3) .go-recommended-level{background:rgba(244,63,94,.18);color:#fda4af}
.go-recommended-cover>b{font-size:16px;line-height:1.1;text-shadow:0 2px 12px #000}
.go-recommended-info{padding:10px;display:grid;gap:4px}
.go-recommended-info>b{font-size:11px}.go-recommended-info small{font-size:9px;color:var(--m)}
@media(max-width:950px){.go-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.go-learning-feature-grid{grid-template-columns:1fr}.go-continue-card,.go-quiz-card{min-height:120px}}
@media(max-width:650px){.go-learning-heading h1{font-size:22px}.go-welcome-card{padding:18px;min-height:150px}.go-welcome-main{max-width:calc(100% - 75px)}.go-week-ring{width:72px;height:72px}.go-week-ring b{font-size:16px}.go-week-ring small{font-size:7px}.go-learning-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.go-learning-stats article{min-height:76px;padding:11px}.go-recommended-head{align-items:flex-start;flex-direction:column}.go-recommended-actions{width:100%;justify-content:space-between}.go-recommended-cover{height:105px}.go-recommended-cover>b{font-size:14px}.go-continue-thumb{width:90px;height:65px}.go-quiz-card{flex-wrap:wrap}.go-quiz-card>button{margin-left:auto}}


/* Learning dashboard: use the full available viewport width with deliberate edge spacing. */
main:has(.go-learning-home){
  width:100%;
  max-width:none;
  margin:0;
  padding-left:clamp(18px,2vw,38px);
  padding-right:clamp(18px,2vw,38px);
  box-sizing:border-box;
}
.go-learning-home{
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
}
.go-learning-home>*{min-width:0}
.go-recommended-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){
  main:has(.go-learning-home){padding-left:20px;padding-right:20px}
}
@media(max-width:560px){
  main:has(.go-learning-home){padding-left:14px;padding-right:14px}
}


/* 2026-11-07 responsive fixes: compact mobile top bar, learning cards and broker vault badge. */
@media (max-width: 560px) {
  #top {
    width: calc(100% - 12px);
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    padding: 6px;
    gap: 4px;
    justify-content: space-between;
    overflow: visible;
  }
  #top .logo { height: 23px; width: auto; flex: 0 0 auto; }
  #top .wm { display: none; }
  #top > span[style*="flex:1"] { display: none; }
  #top .dashboard-trigger {
    min-width: 0;
    flex: 1 1 auto;
    padding: 8px 7px;
    gap: 5px;
    border-radius: 11px;
    font-size: 10px;
    white-space: nowrap;
  }
  #top .dashboard-trigger .chevron { width: 12px; height: 12px; }
  #top .top-icon {
    width: 31px;
    height: 31px;
    min-width: 31px;
    flex: 0 0 31px;
    border-radius: 11px;
  }
  #top .top-icon svg { width: 16px; height: 16px; }
  #top .top-action {
    width: 31px;
    height: 31px;
    min-width: 31px;
    flex: 0 0 31px;
    padding: 0;
    display: grid;
    place-items: center;
    font-size: 0;
    border-radius: 11px;
  }
  #top .top-action svg { width: 15px; height: 15px; }
  #top .top-profile {
    width: 34px;
    height: 34px;
    min-width: 34px;
    flex: 0 0 34px;
    justify-content: center;
    padding: 2px;
    gap: 0;
  }
  #top .top-profile #topName,
  #top .top-profile > svg { display: none; }
  #top .avatar { width: 28px; height: 28px; }
  #learningMenu { right: auto; left: 10px; top: 58px; }
  #profileMenu { right: 8px; top: 58px; }
  .go-recommended-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .go-recommended-card { display: grid; grid-template-columns: minmax(104px, 38%) minmax(0, 1fr); align-items: stretch; }
  .go-recommended-cover { height: 100%; min-height: 112px; }
  .go-recommended-cover > b { font-size: 13px; }
  .go-recommended-info { align-content: center; padding: 13px; }
  .go-recommended-info > b { font-size: 13px; }
  .go-recommended-info small { font-size: 10px; }
  .v3-head { flex-direction: column; align-items: stretch; gap: 12px; }
  .v3-head > div:first-child { min-width: 0; width: 100%; }
  .v3-head > div:first-child > div { min-width: 0; }
  .v3-head h1 { font-size: clamp(27px, 8vw, 36px); overflow-wrap: anywhere; }
  .v3-head .v3-pill {
    align-self: flex-start;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 12px;
    padding: 8px 12px;
  }
}



/* Dashboard quiz snapshot checkbox indicator */
.go-quiz-check {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 15px;
  border: 1px solid rgba(192,132,252,.28);
  background: linear-gradient(145deg,rgba(147,51,234,.18),rgba(31,25,43,.9));
  color: #d8b4fe;
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.go-quiz-check svg { width: 27px; height: 27px; display: block; }
@media (max-width: 560px) {
  .go-quiz-card { gap: 11px; }
  .go-quiz-check { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; }
  .go-quiz-check svg { width: 23px; height: 23px; }
}

/* Minimal Vimeo lesson controls: play/pause and seek only */
.go-player:has(.go-vimeo-shell){display:block}
.go-vimeo-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#000}
.go-vimeo-frame{display:block;flex:1 1 auto;width:100%;height:0;min-height:0;border:0;background:#000}
.go-vimeo-controls{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:14px;padding:0 17px;background:#080711;border-top:1px solid rgba(255,255,255,.07)}
.go-vimeo-play{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;padding:0;border:0!important;border-radius:50%;background:transparent!important;color:#fff}
.go-vimeo-play:hover{background:rgba(255,255,255,.1)!important;transform:none}
.go-vimeo-play svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.go-vimeo-seek{appearance:none;-webkit-appearance:none;width:100%;height:4px;min-width:0;border:0;border-radius:99px;outline:none;background:linear-gradient(to right,#a78bfa 0%,#a78bfa 0%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.2) 100%);cursor:pointer}
.go-vimeo-seek::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 3px rgba(167,139,250,.2)}
.go-vimeo-seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 3px rgba(167,139,250,.2)}
@media(max-width:600px){.go-vimeo-controls{height:44px;flex-basis:44px;padding:0 13px}}

/* GO OS Library: compact, overflow-safe mobile layout */
@media(max-width:600px){
 .v3-lhero{padding:22px 18px;border-radius:20px;gap:18px;margin-bottom:18px;align-items:stretch}
 .v3-lhero>div:first-child{min-width:0;width:100%}
 .v3-lhero h1{font-size:clamp(25px,7vw,32px);line-height:1.12;overflow-wrap:anywhere}
 .v3-lhero .sub{font-size:13px;line-height:1.55;max-width:none}
 .v3-lstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 .v3-ls{min-width:0;padding:12px 9px;border-radius:14px}
 .v3-ls small{font-size:8px;letter-spacing:.08em;white-space:nowrap}
 .v3-ls b{font-size:25px}
 .v3-lbar{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;margin:6px 0 16px}
 .v3-lbar .v3-search{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .v3-lbar .row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .v3-select{min-width:0;width:100%;max-width:100%;padding:11px 14px;font-size:13px}
 .v3-courses{grid-template-columns:minmax(0,1fr);gap:14px;width:100%}
 .v3-course{min-width:0;border-radius:18px}
 .v3-cover{height:clamp(150px,48vw,205px)}
 .v3-cover b{font-size:clamp(23px,7vw,28px);padding:0 30px;overflow-wrap:anywhere}
 .v3-cb{padding:14px 16px 17px;min-width:0}
 .v3-cb p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45}
}
@media(max-width:360px){
 .v3-lhero{padding:18px 14px}
 .v3-ls{padding:10px 6px}
 .v3-ls small{font-size:7px;letter-spacing:.04em}
 .v3-ls b{font-size:22px}
}

/* Refined GO OS video timeline */
.go-vimeo-shell{overflow:hidden;border-radius:0}
.go-vimeo-controls{height:58px;flex-basis:58px;gap:12px;padding:0 18px;background:linear-gradient(180deg,#11101b 0%,#090812 100%);border-top:1px solid rgba(255,255,255,.09)}
.go-vimeo-play{width:36px;height:36px;flex-basis:36px;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.07)!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.go-vimeo-play:hover{background:rgba(183,154,255,.18)!important;border-color:rgba(183,154,255,.42)!important;transform:scale(1.04)}
.go-vimeo-play svg{width:17px;height:17px;stroke-width:2.2}
.go-vimeo-time{flex:0 0 auto;min-width:32px;color:rgba(255,255,255,.82);font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.go-vimeo-duration{color:rgba(255,255,255,.42);text-align:right}
.go-vimeo-seek{height:5px;padding:0;margin:0;border-radius:99px;touch-action:pan-y;transition:height .15s ease;--go-progress:0%}
.go-vimeo-seek:hover,.go-vimeo-seek:focus-visible{height:7px}
.go-vimeo-seek:focus-visible{outline:2px solid rgba(183,154,255,.8);outline-offset:5px}
.go-vimeo-seek::-webkit-slider-thumb{width:13px;height:13px;background:#fff;box-shadow:0 0 0 4px rgba(183,154,255,.2),0 1px 5px rgba(0,0,0,.35);transition:transform .15s ease}
.go-vimeo-seek:hover::-webkit-slider-thumb,.go-vimeo-seek:focus-visible::-webkit-slider-thumb{transform:scale(1.15)}
.go-vimeo-seek::-moz-range-thumb{width:13px;height:13px;background:#fff;box-shadow:0 0 0 4px rgba(183,154,255,.2),0 1px 5px rgba(0,0,0,.35)}
@media(max-width:600px){
 .go-vimeo-controls{height:54px;flex-basis:54px;gap:9px;padding:0 12px}
 .go-vimeo-play{width:34px;height:34px;flex-basis:34px}
 .go-vimeo-time{font-size:10px;min-width:29px}
 .go-vimeo-seek{height:6px}
}

.go-progress-wrap{display:grid;justify-items:center;align-content:center;gap:7px;flex:none}
.go-progress-wrap>small{font-size:10px;color:var(--m);white-space:nowrap;font-variant-numeric:tabular-nums}
.go-progress-ring{transition:background .35s ease}
.go-progress-ring span{font-variant-numeric:tabular-nums}
@media(max-width:600px){.go-progress-wrap{gap:5px}.go-progress-ring{width:70px;height:70px}.go-progress-wrap>small{font-size:9px}}


/* Cloud-synced course progress on the Library cards */
.v3-course-progress{display:flex;align-items:center;gap:11px;margin-top:14px;padding-top:12px;border-top:1px solid var(--b);text-align:left;min-width:0}
.v3-course-progress-ring{--progress:0%;width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#b79aff var(--progress),rgba(255,255,255,.12) 0);position:relative}
.v3-course-progress-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--card, #171321)}
.v3-course-progress-ring b{position:relative;font-size:9px;line-height:1;color:var(--t);font-weight:800}
.v3-course-progress>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.v3-course-progress strong{font-size:11px;color:var(--t);font-weight:700}
.v3-course-progress small{font-size:10px;color:var(--m)}
@media(max-width:600px){.v3-course-progress{margin-top:11px;padding-top:10px}.v3-course-progress-ring{width:35px;height:35px;flex-basis:35px}}

/* Consistent icon alignment: icons sit vertically and horizontally centred in action buttons. */
button:has(> svg) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
button > svg {
  flex: 0 0 auto;
  vertical-align: middle;
}
.go-trophy { display: grid; place-items: center; }
.go-trophy .go-learning-cap { width: 23px; height: 23px; display: block; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* 1-Click Trade buttons */
.v3-buy,.v3-sell{border:0;border-radius:14px;padding:14px 22px;font-weight:700;font-size:16px}
.v3-buy{background:linear-gradient(135deg,#16a34a,#22c55e);color:#04130e}.v3-sell{background:linear-gradient(135deg,#dc2626,#f43f5e);color:#fff}
.v3-buy:hover{filter:brightness(1.08)}.v3-sell:hover{filter:brightness(1.08)}