.tabs{display:flex;border-bottom:1px solid #e2e8f0;gap:2px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab{padding:12px 20px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#64748b;border-radius:8px 8px 0 0;transition:all .3s ease;position:relative}.tab:disabled{opacity:.5;cursor:not-allowed}.tab.locked{opacity:.4;cursor:not-allowed;background:#f8f9fa;color:#9ca3af}.tab.locked .tab-content .tab-date,.tab.locked .tab-content .tab-title{color:#9ca3af}.tab.locked .tab-progress-fill{background:#e5e7eb}.tab.active{background:#0c8ce9;color:#fff}.tab:not(.active):hover:not(:disabled):not(.locked){background:#f1f5f9;color:#334155}.tab-content{display:flex;flex-direction:column;align-items:start;margin:0;padding:0}.tab .tab-content .tab-date{font-size:12px;color:#23014d66;font-weight:600}.tab.active .tab-content .tab-date{font-size:12px;color:#fff6;font-weight:600}.tab .tab-content .tab-title{font-size:14px;color:#23014d;font-weight:600;text-align:start}.tab.active .tab-content .tab-title{font-size:14px;color:#fff;font-weight:600}.tab-progress{margin-top:5px;width:200px;height:3px;background:#0000004d;border-radius:3px;overflow:hidden}.tab-progress-fill{height:100%;background:#23014d;transition:width .5s ease}.tab.active .tab-content .tab-progress-fill{height:100%;background:#fff;transition:width .5s ease}.concept-item,.achievement-item{display:flex;align-items:center;gap:10px;padding:2px 8px;border:1px solid #474787;border-radius:8px;font-size:13px;background:#474787;margin:5px 0}.workshop-play-pause-btn{width:auto;height:auto;border:none;background:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;margin-right:12px}.workshop-play-pause-btn:hover{transform:scale(1.1)}.workshop-play-pause-btn:active{transform:scale(.95)}.workshop-seekbar-container{position:relative;height:4px;width:100%;margin-top:4px}.workshop-seekbar{width:100%;height:4px;border-radius:2px;position:relative;cursor:pointer;overflow:visible;background:#e5e7eb}.workshop-seekbar-progress{position:absolute;height:4px;background:#23014d;border-radius:2px;width:0%;transition:width .1s ease;top:0}.workshop-seekbar-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:12px;height:12px;background:#23014d;border:2px solid #ffffff;border-radius:50%;cursor:grab;opacity:0;transition:opacity .2s ease;box-shadow:0 1px 3px #0003}.workshop-seekbar:hover .workshop-seekbar-handle{opacity:1}.workshop-seekbar-handle:active{cursor:grabbing}#workshop-audio-player-button.loading .workshop-play-pause-btn{opacity:.5;cursor:wait}#workshop-audio-player-button.error .workshop-play-pause-btn{opacity:.3;cursor:not-allowed}.tooltip{display:none;position:absolute;background:#ffe066;color:#23014d;padding:6px 14px;border-radius:8px;font-size:15px;font-family:Work Sans,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #23014d1a;z-index:10;pointer-events:none;top:100%;left:50%;transform:translate(-50%);margin-top:5px}.stat-avatar:hover .tooltip{display:block}.toast{position:fixed;top:20px;right:20px;z-index:10000;padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;transform:translate(-100px);opacity:0;transition:all .3s ease;max-width:350px;word-wrap:break-word}.toast.success{background:#10b981}.toast.error{background:#f44}.toast.show{transform:translateY(0);opacity:1}[data-astro-cid-v2nv6xds]{margin:0;box-sizing:border-box}body{font-family:Work Sans,sans-serif;background:linear-gradient(135deg,#e0f2fe,#f3e5f5);height:100vh;overflow:hidden;align-content:center}.loading-overlay[data-astro-cid-v2nv6xds]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e0f2fe,#f3e5f5);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-astro-cid-v2nv6xds]{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner[data-astro-cid-v2nv6xds]{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #23014d;border-radius:50%;animation:spin 1s linear infinite}.loading-text[data-astro-cid-v2nv6xds]{font-size:18px;font-weight:600;color:#23014d;text-align:center}.container[data-astro-cid-v2nv6xds]{max-width:1030px;height:calc(100vh - 80px);max-height:900px;margin:20px auto 0;background:#faf3e8;border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:visible;display:flex;flex-direction:column;border:1px solid #bfbfbf}.header[data-astro-cid-v2nv6xds]{display:flex;justify-content:space-between;padding:20px 30px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);flex-shrink:0;align-items:flex-start;gap:20px}.title-section[data-astro-cid-v2nv6xds]{flex:1;max-width:70%;min-height:80px;display:flex;flex-direction:column;justify-content:flex-start}.title-section[data-astro-cid-v2nv6xds] h1[data-astro-cid-v2nv6xds]{font-size:24px;font-weight:700;color:#23014d;margin-bottom:6px;line-height:1.2}.title-section[data-astro-cid-v2nv6xds] .date[data-astro-cid-v2nv6xds]{font-weight:600;font-weight:700;font-size:17px;color:#23014d}.title-section[data-astro-cid-v2nv6xds] .subtitle[data-astro-cid-v2nv6xds]{color:#23014d66;font-size:17px;line-height:1.2;height:40.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:clamp(12px,4vw,17px)}.stats[data-astro-cid-v2nv6xds]{display:flex;padding:10px 0;gap:10px;flex-shrink:0;align-items:top| right}.stat-item[data-astro-cid-v2nv6xds]{text-align:center;min-width:60px;flex-shrink:0}.stat-value[data-astro-cid-v2nv6xds]{font-size:18px;font-weight:700;font-style:Bold;color:#23014d}.stat-label[data-astro-cid-v2nv6xds]{font-size:15px;color:#23014d66;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.stat-avatar[data-astro-cid-v2nv6xds]{width:32px;height:32px;border-radius:50%;border:2px solid #2E0166;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:default;position:relative}.divider[data-astro-cid-v2nv6xds]{height:.5px;background:#d9d9d9;flex-shrink:0}.content[data-astro-cid-v2nv6xds]{display:grid;grid-template-columns:2fr 3fr;gap:15px;padding:25px 30px;background:#ebe1d3;flex:1;overflow:hidden;border:1px solid #bfbfbf}.learning-progress[data-astro-cid-v2nv6xds]{background:#2c2c54;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 15px 35px #2d374866;border:.5px solid #474787}.progress-header[data-astro-cid-v2nv6xds]{display:flex;justify-content:space-between;padding:12px;align-items:center;margin-bottom:10px;background:#40407a;border:.5px solid #474787}.progress-title[data-astro-cid-v2nv6xds]{font-size:16px;font-weight:600}.progress-subtitle[data-astro-cid-v2nv6xds]{font-size:12px;opacity:.4;font-weight:500}.progress-bg[data-astro-cid-v2nv6xds]{background:#1b1b33;border-radius:10px;padding:12px;margin:0 10px;position:relative}.progress-circle[data-astro-cid-v2nv6xds]{width:100px;height:100px;margin:auto;position:relative;flex-shrink:0}.progress-indicator-container[data-astro-cid-v2nv6xds]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column}.processing-spinner[data-astro-cid-v2nv6xds]{position:absolute;top:8px;right:15px;width:20px;height:20px;border:2px solid #5f4f72;border-top:2px solid #0c8ce9;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-time-text[data-astro-cid-v2nv6xds]{margin-top:20px;color:#fff;font-size:12px;text-align:right}.circle-bg[data-astro-cid-v2nv6xds]{width:100%;height:100%;border-radius:50%;background:conic-gradient(#0c8ce9 0deg 270deg,#605073 270deg 360deg);display:flex;align-items:center;justify-content:center;transition:background .5s ease}.circle-inner[data-astro-cid-v2nv6xds]{width:70px;height:70px;border-radius:50%;background:#1b1b33;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 4px 8px #0000004d}.progress-percent[data-astro-cid-v2nv6xds]{font-size:16px;font-weight:700}.progress-label[data-astro-cid-v2nv6xds]{font-size:10px;opacity:.4;color:#fff}.key-concepts[data-astro-cid-v2nv6xds],.achievements[data-astro-cid-v2nv6xds]{margin:15px 10px;overflow-y:auto}.key-concepts-divider[data-astro-cid-v2nv6xds]{border-bottom:#474787 1px solid}.section-title[data-astro-cid-v2nv6xds]{font-size:17px;font-weight:600;margin-bottom:12px}.icon[data-astro-cid-v2nv6xds]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.right-panel[data-astro-cid-v2nv6xds]{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border-radius:10px;border:1px solid #dedede;box-shadow:0 4px 4px #00000040}.code-editor[data-astro-cid-v2nv6xds]{background:#fff;border-radius:10px;flex:1;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-title[data-astro-cid-v2nv6xds]{font-size:16px;font-weight:600;color:#23014d;padding:10px;background:#f2f2f2;flex-shrink:0;border:.5px solid #dedede}.architecture-diagram[data-astro-cid-v2nv6xds]{flex:1;margin:10px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;min-height:180px;border:1px solid rgba(226,232,240,.6);box-shadow:inset 0 2px 4px #00000005;overflow:visible}.workshop-image-container[data-astro-cid-v2nv6xds]{position:relative;width:100%;height:100%;min-height:180px}.workshop-image[data-astro-cid-v2nv6xds]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.image-skeleton[data-astro-cid-v2nv6xds]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;overflow:hidden}.skeleton-shimmer[data-astro-cid-v2nv6xds]{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-placeholder[data-astro-cid-v2nv6xds]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:16px;border:2px dashed #e2e8f0}.placeholder-text[data-astro-cid-v2nv6xds]{font-size:16px;color:#64748b;font-weight:500;text-align:center}.workshop-image-wrapper[data-astro-cid-v2nv6xds]{position:relative;width:100%;height:100%;cursor:pointer}.clickable-image[data-astro-cid-v2nv6xds]{transition:transform .2s ease,filter .2s ease}.clickable-image[data-astro-cid-v2nv6xds]:hover{filter:opacity(.8)}.tooltip[data-astro-cid-v2nv6xds]{display:none;position:absolute}.tooltip-bottom-center[data-astro-cid-v2nv6xds]{left:50%;top:100%;transform:translate(-50%,-150%);margin-top:8px;background:#ffe066;color:#23014d;padding:6px 14px;border-radius:8px;font-size:15px;font-family:Work Sans,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #23014d1a;pointer-events:none}.tooltip-parent[data-astro-cid-v2nv6xds]{position:relative}.tooltip-parent[data-astro-cid-v2nv6xds]:hover .tooltip[data-astro-cid-v2nv6xds]{display:block}.image-modal[data-astro-cid-v2nv6xds]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-modal[data-astro-cid-v2nv6xds].show{opacity:1}.image-modal-overlay[data-astro-cid-v2nv6xds]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-modal-content[data-astro-cid-v2nv6xds]{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.image-modal-container[data-astro-cid-v2nv6xds]{position:relative;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;margin:20px}.modal-image[data-astro-cid-v2nv6xds]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.image-modal-close-wrapper[data-astro-cid-v2nv6xds]{position:absolute;top:0;right:0;z-index:10001;margin:10px 12px 12px;pointer-events:auto}.challenge-section[data-astro-cid-v2nv6xds]{background:#f2f2f2;border-radius:10px;margin:0 10px 10px;padding:10px;border:.5px solid #dedede;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px;position:relative}.audio-time-stack[data-astro-cid-v2nv6xds]{position:absolute;top:8px;right:8px;font-family:Work Sans,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0%;color:#666;display:none;align-items:center;justify-content:center;z-index:10}.time-separator[data-astro-cid-v2nv6xds]{margin:0 4px}.challenge-header[data-astro-cid-v2nv6xds]{display:flex;align-items:center;justify-content:left}.challenge-title-content[data-astro-cid-v2nv6xds]{flex:1}.challenge-title[data-astro-cid-v2nv6xds]{font-size:12px;font-weight:400;color:#000;margin-bottom:6px}.challenge-text[data-astro-cid-v2nv6xds]{font-size:14px;color:#23014d;line-height:1.4}.bottom-section[data-astro-cid-v2nv6xds]{padding:10px 30px;background:#f8fafccc;border-radius:0 0 20px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.day-progress[data-astro-cid-v2nv6xds]{display:flex;align-items:center;gap:15px}.progress-bar[data-astro-cid-v2nv6xds]{width:200px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.progress-fill[data-astro-cid-v2nv6xds]{height:100%;background:#23014d;transition:width .5s ease}.buttons[data-astro-cid-v2nv6xds]{display:flex;gap:12px}.btn[data-astro-cid-v2nv6xds]{font-size:18px;font-weight:700;border-radius:32px;padding:10px 32px;background:#fff;color:#23014d;transition:background .2s,color .2s,transform .2s;cursor:pointer;line-height:1.2}.btn[data-astro-cid-v2nv6xds]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-astro-cid-v2nv6xds]{border:1.5px solid #2E0166;color:#23014d;background:#fff}.btn-secondary[data-astro-cid-v2nv6xds]:enabled:hover{background:#ccb8e5}.btn-secondary[data-astro-cid-v2nv6xds]:enabled:active{background:#9485a6}.btn-primary[data-astro-cid-v2nv6xds],.btn-success[data-astro-cid-v2nv6xds]{background:#23014d;color:#ffd500}.btn-primary[data-astro-cid-v2nv6xds]:enabled:hover,.btn-success[data-astro-cid-v2nv6xds]:hover{background:#ffd500;color:#23014d}.btn-primary[data-astro-cid-v2nv6xds]:enabled:active,.btn-success[data-astro-cid-v2nv6xds]:active{background:#ff6}@media (max-width: 768px){.container[data-astro-cid-v2nv6xds]{margin:80px 10px 10px;border-radius:15px;max-width:none;height:calc(100vh - 100px)}.header[data-astro-cid-v2nv6xds]{flex-direction:column;gap:20px;text-align:center;align-items:center}.title-section[data-astro-cid-v2nv6xds]{max-width:100%;min-height:auto;text-align:center}.title-section[data-astro-cid-v2nv6xds] h1[data-astro-cid-v2nv6xds]{height:auto;min-height:57.6px}.stat-item[data-astro-cid-v2nv6xds]{min-width:50px}.content[data-astro-cid-v2nv6xds]{grid-template-columns:1fr;padding:20px;gap:20px}.tabs[data-astro-cid-v2nv6xds]{overflow-x:auto}.bottom-section[data-astro-cid-v2nv6xds]{flex-direction:column;gap:20px;padding:20px}.buttons[data-astro-cid-v2nv6xds]{width:100%;justify-content:center}.loading-text[data-astro-cid-v2nv6xds]{font-size:16px}.spinner[data-astro-cid-v2nv6xds]{width:40px;height:40px;border-width:3px}.image-modal-container[data-astro-cid-v2nv6xds]{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);margin:10px}.image-modal-close-wrapper[data-astro-cid-v2nv6xds]{margin:6px 8px 8px}.audio-time-stack[data-astro-cid-v2nv6xds]{top:6px;right:6px;font-size:6px}}@media (max-width: 480px){.image-modal-close-wrapper[data-astro-cid-v2nv6xds]{margin:6px}.audio-time-stack[data-astro-cid-v2nv6xds]{top:4px;right:4px;font-size:5px}}
