body{background:radial-gradient(ellipse at 20% -10%,hsl(var(--tint-indigo) / .25),transparent 55%),radial-gradient(ellipse at 85% 110%,hsl(var(--gold-base) / .12),transparent 50%),var(--bg-deep)}.gurbani-app{min-height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1}.gurbani-topbar{position:sticky;top:0;z-index:40;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);box-shadow:0 4px 30px hsl(var(--shade) / .5)}.gurbani-topbar-inner{display:flex;justify-content:space-between;align-items:center;width:min(1080px,100% - 32px);margin:0 auto;padding:16px 0}.gurbani-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s}.gurbani-brand:hover{opacity:.8}.gurbani-khanda{font-family:var(--font-logo);font-size:2rem;color:var(--gold-primary);text-shadow:0 0 10px var(--gold-glow)}.gurbani-title-block{display:flex;flex-direction:column}.gurbani-name{font-family:var(--font-native);font-size:var(--text-xl);font-weight:700;line-height:1;color:var(--gold-primary)}.gurbani-roman{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.gurbani-topbar-right{display:flex;align-items:center;gap:16px}.portal-tabs{display:flex;justify-content:center;gap:12px;margin:var(--space-md) auto var(--space-lg);width:min(400px,100% - 32px);background:var(--bg-card);border:1px solid var(--border-subtle);padding:5px;border-radius:var(--radius-full)}.portal-tab{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);text-align:center}.portal-tab.active{background:linear-gradient(135deg,var(--gold-dim),var(--gold-primary));color:var(--on-gold);box-shadow:0 4px 16px var(--gold-glow);font-weight:600}.gurbani-main{flex-grow:1;width:min(1080px,100% - 32px);margin:0 auto;padding:var(--space-xl) 0}.gurbani-view{display:none;animation:fadeUp .4s ease}.gurbani-view.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gurbani-hero-head{text-align:center;margin-bottom:var(--space-xl)}.gurbani-hero-head h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;margin-bottom:12px;color:var(--gold-primary);text-shadow:0 4px 12px hsl(var(--halo) / .4),0 1px 3px hsl(var(--halo) / .6)}.gurbani-hero-head p{font-size:var(--text-lg);color:var(--text-secondary);max-width:680px;margin:0 auto;line-height:1.6}.banis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.bani-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;transition:var(--transition-smooth);text-decoration:none;color:inherit;position:relative;overflow:hidden}.bani-card:hover{border-color:hsl(var(--gold-base) / .22);transform:translateY(-4px);box-shadow:0 12px 30px hsl(var(--shade) / .4),0 0 20px var(--purple-glow)}.bani-card-icon{font-family:var(--font-logo);font-size:var(--text-3xl);color:var(--gold-primary);margin-bottom:var(--space-sm);text-shadow:0 0 10px var(--gold-glow)}.bani-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.bani-card-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md);flex-grow:1}.bani-card-read-link{font-size:var(--text-sm);font-weight:600;color:var(--gold-bright);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px}.bani-card-read-link span{transition:transform .2s}.bani-card:hover .bani-card-read-link span{transform:translate(4px)}.bani-card.locked{opacity:.6;filter:grayscale(80%)}.bani-card.locked:hover{transform:none;border-color:var(--border-light);box-shadow:none;cursor:not-allowed}.practice-menu-list{display:flex;flex-direction:column;gap:var(--space-sm);max-width:700px;margin:0 auto}.practice-menu-item{display:flex;align-items:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);text-decoration:none;color:inherit;transition:var(--transition-smooth);cursor:pointer}.practice-menu-item:hover{background:hsl(var(--tint-indigo) / .8);border-color:hsl(var(--indigo-base) / .3);transform:translate(4px)}.practice-menu-icon{font-family:var(--font-logo);font-size:var(--text-2xl);color:var(--gold-primary);width:48px;text-align:center;margin-right:var(--space-md);text-shadow:0 0 10px var(--gold-glow)}.practice-menu-content{flex-grow:1}.practice-menu-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:4px}.practice-menu-desc{font-size:var(--text-sm);color:var(--text-secondary)}.practice-menu-action{font-size:var(--text-sm);color:var(--gold-bright);font-weight:600;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px}.practice-menu-item:hover .practice-menu-action span{transform:translate(4px);transition:transform .2s}.user-badge{display:flex;gap:14px;font-size:var(--text-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 16px;align-items:center}.badge-stats{display:flex;gap:12px}.badge-stat{display:flex;gap:4px}.gold-bar-top{height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent)}.gold-bar-bottom{height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent);position:fixed;bottom:0;left:0;right:0;z-index:200}