/* Polyglot AI 2.8 runtime UI layer — works without rebuilding */
.v28-method-panel,.v28-dashboard-cycle,.v28-skill-method,.v28-lesson-context{border-radius:20px;padding:17px;margin:0 0 14px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(22px)}
.v28-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.v28-panel-head h2{font-size:19px;margin:4px 0 0}.v28-panel-head p{max-width:570px;margin:0;color:#98a2c6;font-size:10px;line-height:1.55}.v28-eyebrow{font-size:9px;font-weight:900;letter-spacing:.16em;color:#a5b4fc}
.v28-cycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.v28-cycle-wrap{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;min-width:0}.v28-cycle-wrap:last-child{grid-template-columns:1fr}.v28-cycle-step{min-height:90px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(8,13,27,.52);padding:10px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;cursor:pointer;color:#eef2ff}.v28-cycle-step:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.v28-cycle-step.active{border-color:rgba(167,139,250,.8);background:linear-gradient(150deg,rgba(139,92,246,.18),rgba(12,18,35,.74));box-shadow:0 0 0 2px rgba(139,92,246,.12)}.v28-cycle-step.done{border-color:rgba(52,211,153,.35)}.v28-step-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.12);font-size:15px}.v28-cycle-step b{font-size:9px}.v28-cycle-step small{font-size:7px;color:#98a2c6;line-height:1.35}.v28-connector{height:2px;background:linear-gradient(90deg,rgba(139,92,246,.5),rgba(34,211,238,.35));position:relative}.v28-connector:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-top:2px solid rgba(34,211,238,.55);border-right:2px solid rgba(34,211,238,.55);transform:translateY(-50%) rotate(45deg)}
.v28-cycle-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:9px 11px;border-radius:11px;background:rgba(34,211,238,.055);border:1px solid rgba(34,211,238,.12);font-size:8px;color:#98a2c6;line-height:1.5}.v28-cycle-note b{color:#fff}.v28-method-panel{margin-bottom:14px}
.v28-journey{margin-top:12px}.v28-journey-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.v28-journey-title b{font-size:10px}.v28-journey-title span{font-size:8px;color:#98a2c6}.v28-phase-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.v28-phase{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(5,10,22,.4);padding:9px;min-width:0}.v28-phase.is-done{border-color:rgba(52,211,153,.3);background:rgba(16,185,129,.035)}.v28-phase-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.v28-phase-head>span:first-child{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(139,92,246,.12);font-size:13px}.v28-phase-head div{display:flex;flex-direction:column;min-width:0}.v28-phase-head small{font-size:6px;color:#98a2c6}.v28-phase-head b{font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-phase-desc{min-height:24px;font-size:6.5px;color:#98a2c6;line-height:1.35;margin:0 0 6px}.v28-phase-lessons{display:flex;flex-direction:column;gap:4px}.v28-phase-lessons button{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:8px;padding:6px;color:#eef2ff;text-align:left;display:flex;align-items:center;gap:5px;cursor:pointer}.v28-phase-lessons button:hover{background:rgba(139,92,246,.08)}.v28-phase-lessons button.is-done{color:#a7f3d0}.v28-phase-lessons button span{font-size:8px;line-height:1.3}.v28-original-lessons-hidden{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.v28-skill-method{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:center}.v28-skill-copy h2{font-size:17px;margin:4px 0}.v28-skill-copy p{font-size:8px;color:#98a2c6;line-height:1.5;margin:0}.v28-skill-method .v28-cycle-step{min-height:58px;align-items:center;text-align:center;justify-content:center}.v28-skill-method .v28-cycle-step small{display:none}.v28-skill-method .v28-step-icon{width:25px;height:25px;font-size:12px}.v28-bridge{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.v28-bridge button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:10px;color:#eef2ff;padding:8px 10px;text-align:left;cursor:pointer}.v28-bridge button:last-child{text-align:right;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(34,211,238,.06));border-color:rgba(167,139,250,.25)}.v28-bridge small{display:block;font-size:6px;color:#98a2c6;letter-spacing:.08em}.v28-bridge b{font-size:8px}.v28-topic-link{margin:7px 0;padding:7px 9px;border-left:2px solid #8b5cf6;border-radius:0 8px 8px 0;background:rgba(139,92,246,.05);display:flex;justify-content:space-between;gap:8px;font-size:7px}.v28-topic-link span{color:#98a2c6}.v28-topic-link b{text-align:right}
.v28-lesson-context{display:grid;grid-template-columns:220px 1fr;gap:13px;align-items:center;max-width:1100px;margin:0 auto 12px}.v28-lesson-context-copy{display:flex;flex-direction:column;gap:3px}.v28-lesson-context-copy b{font-size:10px}.v28-lesson-context-copy small{font-size:7px;color:#98a2c6}.v28-lesson-context .v28-cycle-step{min-height:48px;padding:6px;align-items:center;text-align:center;justify-content:center}.v28-lesson-context .v28-cycle-step small{display:none}.v28-lesson-context .v28-step-icon{width:23px;height:23px;font-size:11px}.v28-next-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.055));border:1px solid rgba(167,139,250,.2)}.v28-next-badge span{display:flex;flex-direction:column;gap:2px}.v28-next-badge small{font-size:6px;color:#a5b4fc;letter-spacing:.1em;font-weight:900}.v28-next-badge b{font-size:9px}.v28-next-badge em{font-style:normal;font-size:16px;color:#67e8f9}
@media(max-width:1250px){.v28-cycle,.v28-phase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v28-cycle-wrap,.v28-cycle-wrap:last-child{grid-template-columns:1fr}.v28-connector{display:none}.v28-skill-method,.v28-lesson-context{grid-template-columns:1fr}}
@media(max-width:760px){.v28-panel-head{align-items:flex-start;flex-direction:column}.v28-cycle,.v28-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-cycle-step{min-height:58px;flex-direction:row;align-items:center}.v28-cycle-step small{display:none}.v28-phase-desc{min-height:0}.v28-skill-method{padding:13px}.v28-bridge{grid-template-columns:1fr}.v28-method-panel,.v28-dashboard-cycle,.v28-skill-method,.v28-lesson-context{border-radius:16px;padding:13px}}