.themes-container{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.themes-header{background:white;padding:20px 16px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-stats{justify-content:space-between;max-width:400px;margin:0 auto}.header-stats,.stat-item{display:flex;align-items:center}.stat-item{gap:6px;font-weight:600;font-size:16px;color:#3c3c3c}.stat-icon{font-size:20px}.stat-value{font-size:18px;font-weight:700}.current-module{background:linear-gradient(135deg,#58cc02,#4ba302);margin:20px 16px;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(88,204,2,.3);position:relative;overflow:hidden}.current-module:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.module-header{color:white;flex:1 1}.module-label{display:block;font-size:12px;font-weight:600;opacity:.9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.module-title{display:block;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:8px}.module-description{display:block;font-size:14px;font-weight:400;line-height:1.4;opacity:.95;margin-top:8px}.module-icon{font-size:32px;opacity:.9}.themes-path{flex:1 1;padding:20px 16px;gap:8px;max-width:400px;margin:0 auto}.theme-wrapper,.themes-path{display:flex;flex-direction:column;align-items:center;width:100%}.connection-line,.theme-wrapper{position:relative}.connection-line{width:4px;height:40px;margin:0 auto 8px;border-radius:2px}.line-completed{background:linear-gradient(180deg,#58cc02,#4ba302);box-shadow:0 2px 4px rgba(88,204,2,.3)}.line-locked{background:#e5e5e5}.theme-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);border:4px solid white}.theme-circle:hover{transform:scale(1.05)}.theme-completed{background:linear-gradient(135deg,#58cc02,#4ba302);box-shadow:0 4px 16px rgba(88,204,2,.4)}.theme-current{background:linear-gradient(135deg,#1cb0f6,#1899d6);box-shadow:0 4px 16px rgba(28,176,246,.4);animation:pulse 2s infinite}.theme-locked{background:#e5e5e5;cursor:not-allowed;box-shadow:0 2px 8px rgba(0,0,0,.1)}.theme-icon{font-size:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-locked .theme-icon{opacity:.5}.completion-check{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#58cc02;box-shadow:0 2px 6px rgba(0,0,0,.2);border:2px solid #58cc02}.theme-info{text-align:center;margin-top:12px;max-width:200px}.theme-title{font-size:16px;font-weight:700;color:#3c3c3c;margin-bottom:4px}.theme-subtitle{font-size:14px;color:#666;margin-bottom:8px;line-height:1.3}.theme-locked .theme-subtitle,.theme-locked .theme-title{color:#999}.mastery-stars{display:flex;justify-content:center;gap:4px;margin-top:8px}.star{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.star-filled{color:#ffd700}.star-empty{color:#e5e5e5}.bottom-nav{background:white;padding:12px 0 20px;justify-content:space-around;box-shadow:0 -2px 8px rgba(0,0,0,.1);border-top:1px solid #f0f0f0}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;gap:4px;cursor:pointer;transition:all .2s ease;position:relative;padding:8px 12px;border-radius:12px}.nav-item:hover{background:#f8f8f8}.nav-item.active{background:#e3f2fd}.nav-icon{font-size:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-item.active .nav-icon{color:#1cb0f6}.nav-notification{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ff4b4b;border-radius:50%;border:2px solid white}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:480px){.themes-header{padding:16px 12px 12px}.header-stats{max-width:320px}.stat-item{font-size:14px}.stat-value{font-size:16px}.current-module{margin:16px 12px;padding:16px}.module-title{font-size:18px}.module-description{font-size:13px}.module-icon{font-size:28px}.themes-path{padding:16px 12px}.theme-circle{width:70px;height:70px}.theme-icon{font-size:28px}.theme-title{font-size:15px}.theme-subtitle{font-size:13px}.nav-icon{font-size:22px}}@media (max-width:360px){.theme-circle{width:60px;height:60px}.theme-icon{font-size:24px}.completion-check{width:20px;height:20px;font-size:12px}}