.forum-hub-container{width:100%;height:100svh;padding-left:20px;padding-right:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom));background:var(--bg-surface-1);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;position:relative;transition:background-color .3s ease}.forum-hub-container:before{content:"";position:absolute;top:-10%;right:-10%;width:70%;height:70%;background:radial-gradient(circle,#a855f71f,#a855f700 70%);filter:blur(80px);z-index:0}.forum-hub-content{width:100%;max-width:500px;margin:0 auto;height:100%;padding:20px 0 0;display:flex;flex-direction:column;position:relative;z-index:1}.forum-hub-header{text-align:left;margin-bottom:30px;padding-left:10px;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.forum-hub-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.03em;transition:color .3s ease}.forum-hub-subtitle{font-size:.95rem;color:var(--text-tertiary);font-weight:500}.forum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 12px;padding:10px;justify-items:center;align-content:flex-start}@media (max-width: 320px){.forum-grid{grid-template-columns:repeat(3,1fr)}}.forum-icon-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;width:100%;max-width:80px;transition:transform .2s cubic-bezier(.33,1,.68,1);appearance:none;-webkit-tap-highlight-color:transparent}.forum-icon-item:active{transform:scale(.92)}.forum-icon-box{position:relative;width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-surface-2);border:1px solid var(--border-glass, rgba(255, 255, 255, .1));transition:all .3s cubic-bezier(.4,0,.2,1)}.forum-icon-item--board .forum-icon-box{color:#a855f7;background:#a855f714;border-color:#a855f733}.forum-icon-item--library .forum-icon-box{color:#3b82f6;background:#3b82f614;border-color:#3b82f633}.forum-icon-item--bpm-tapper .forum-icon-box{color:#ec4899;background:#ec489914;border-color:#ec489933}.forum-icon-item--metronome .forum-icon-box{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.forum-icon-item:hover .forum-icon-box{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003;border-color:currentColor;background:rgba(var(--brand-color-rgb, 255, 255, 255),.15)}.forum-icon-glyph{font-size:28px;color:inherit;transition:all .3s ease}.forum-icon-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:-.02em;transition:color .3s ease}[data-theme=dark] .forum-hub-container{background:var(--bg-surface-1)}[data-theme=dark] .forum-hub-container:before{background:radial-gradient(circle,#a855f726,#a855f700 70%)}[data-theme=light] .forum-hub-container:before{background:radial-gradient(circle,#3b82f614,#3b82f600 70%)}.forum-icon-box{border:1px solid var(--border-glass);background:var(--bg-surface-glass)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}