/* VOKS Community — unified Discord-inspired, mobile-first visual system */
:root{--voks-purple:#6850d8;--voks-purple2:#8b54d8;--voks-teal:#16b5a6;--voks-ink:#25263b;--voks-muted:#777b8c;--voks-line:#e7e6ef;--voks-bg:#fbfaff;--voks-card:#fff;--voks-shadow:0 8px 24px rgba(43,39,85,.07)}
html{scroll-behavior:smooth}body{background:var(--voks-bg)!important;color:var(--voks-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}a{transition:color .18s,background .18s,border-color .18s}main.container{max-width:1240px!important;min-height:calc(100vh - 220px)}
.voks-community-bar{background:linear-gradient(100deg,#e9e7ff 0%,#e8edff 54%,#e5fbf7 100%);border-bottom:1px solid #deddf1;box-shadow:0 4px 16px rgba(52,48,115,.07)}.voks-community-inner{max-width:1240px;min-height:58px;margin:auto;padding:8px 18px;display:flex;align-items:center;gap:12px}.voks-community-brand{text-decoration:none}.voks-community-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6254e8,#8b58d7);color:#fff;font-size:19px;box-shadow:0 5px 14px #6850d833}.voks-community-copy{min-width:0;flex:1}.voks-community-copy strong{font-size:.9rem;color:#33334e}.voks-community-copy small{display:block;color:#74778a;font-size:.75rem}.voks-live{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#e1e5ff;color:#6658c9;padding:2px 8px;font-size:.66rem;font-weight:800;vertical-align:2px}.voks-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#29b989}.voks-join-now{white-space:nowrap;text-decoration:none;color:#fff;background:linear-gradient(100deg,#6850d8,#536cde);border-radius:22px;padding:9px 16px;font-size:.76rem;font-weight:800;box-shadow:0 5px 13px #6656ce30}.voks-join-now:hover{color:#fff;transform:translateY(-1px)}
.voks-main-nav{background:#fff!important;border-bottom:1px solid var(--voks-line);box-shadow:0 3px 14px rgba(44,41,80,.035)}.voks-main-nav .navbar-brand{color:#34334e!important}.voks-main-nav .nav-link{color:#666b80!important;font-weight:650;font-size:.88rem;padding:.7rem .85rem!important}.voks-main-nav .nav-link:hover{color:var(--voks-purple)!important}.voks-main-nav .navbar-toggler{border:1px solid #e5e2f2;border-radius:11px;padding:6px 9px}.voks-main-nav .navbar-toggler:focus{box-shadow:0 0 0 .18rem #6850d822}.brand-mark{background:linear-gradient(135deg,#6850d8,#13b5a5)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 5px 13px #6850d82b}.voks-user-name{color:#73778b!important}
.hero{background:linear-gradient(115deg,#eeeaff 0%,#edf1ff 55%,#e7faf6 100%)!important;color:#33334f!important;border:1px solid #e1def5;border-radius:25px!important;box-shadow:var(--voks-shadow)!important}.hero h1{background:linear-gradient(95deg,#6850d8,#287e9d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#70748a!important;opacity:1!important}.hero .badge{background:#fff!important;color:#6c55ce!important}.hero .btn-light{background:linear-gradient(100deg,#6850d8,#16b5a6)!important;border:0!important;color:#fff!important}
.panel,.interest-card,.message,.topic-card,.featured-topic{background:#fff;border:1px solid var(--voks-line);border-radius:19px;box-shadow:var(--voks-shadow)}.panel{padding:clamp(18px,3vw,30px)}.interest-card{transition:transform .18s,border-color .18s,box-shadow .18s}.interest-card:hover{transform:translateY(-3px);border-color:#c7b9f0;box-shadow:0 13px 28px #5143a018}.topic-link{color:var(--voks-ink);text-decoration:none}.topic-link:hover{color:var(--voks-purple)}
.btn-primary{background:linear-gradient(100deg,#7049db,#19b5a7)!important;border:0!important;color:#fff!important;box-shadow:0 5px 13px #7053cf24}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-outline-secondary,.btn-light{border-color:#e4e2ed!important}.form-control,.form-select{border:1px solid #e4e3ed!important;border-radius:13px!important;padding:.72rem .9rem}.form-control:focus,.form-select:focus{border-color:#a99ae8!important;box-shadow:0 0 0 .2rem #6850d817!important}.interest-check{accent-color:var(--voks-purple)}
/* Chatroom */.chat-shell{background:linear-gradient(145deg,#f1effb,#edf4f7)!important;border:1px solid #e1dfef!important;border-radius:23px!important;padding:clamp(10px,2vw,20px)!important}.chat-scroll{scroll-behavior:smooth}.chat-day span{background:#fff!important;border:1px solid #e8e6f0;color:#77758b!important}.chat-bubble{background:#fff!important;border:1px solid #eeedf3;box-shadow:0 3px 10px rgba(45,42,75,.055)!important;border-radius:18px 18px 18px 5px!important}.chat-row.mine .chat-bubble{background:#e6f8f3!important;border-color:#d4f0e8!important;border-radius:18px 18px 5px 18px!important}.chat-avatar{background:linear-gradient(135deg,#6850d8,#17b5a6)!important}.chat-name{color:#3b3a53}.chat-meta{color:#85879a!important}.chat-composer{border:1px solid #e4e2ef!important;border-radius:20px!important;box-shadow:0 7px 20px rgba(45,42,75,.06)}.chat-composer button{border-radius:13px!important}.member-item{border-color:#efedf5!important}.member-avatar{background:#efedff!important;color:#6a54ce!important}.online-dot{background:#20b981!important}.offline-dot{background:#b3b5c2!important}
/* Discovery pages */.discovery-head h1{background:linear-gradient(95deg,#6851cf,#347caa)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}.topic-card,.featured-topic{box-shadow:0 6px 18px rgba(43,39,85,.055)!important}.topic-card:hover,.featured-topic:hover{border-color:#c4b7ec!important;box-shadow:0 12px 25px rgba(81,67,160,.12)!important}.topic-open,.featured-cta{background:linear-gradient(100deg,#7544d8,#12b5a5)!important}.topic-icon{background:#f2edff!important;color:#7759d4!important}
/* Tables and alerts in admin pages */.table{--bs-table-bg:transparent;border-color:#eeedf4}.table thead th{background:#f4f1ff!important;color:#5c528f!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #e7e2f4}.table td{vertical-align:middle;color:#4e5268}.alert{border-radius:14px}.modal-content{border:1px solid #e8e5f1;border-radius:20px;box-shadow:0 18px 50px rgba(34,30,76,.15)}.modal-header{border-bottom-color:#efedf5}.modal-footer{border-top-color:#efedf5}
.footer{color:#9698a8!important;padding-top:20px}
@media(max-width:767.98px){.voks-community-inner{min-height:54px;padding:7px 12px;gap:8px}.voks-community-mark{width:34px;height:34px;font-size:17px}.voks-community-copy strong{font-size:.76rem}.voks-community-copy small{font-size:.64rem;line-height:1.25}.voks-join-now{font-size:.67rem;padding:8px 10px}.voks-main-nav .navbar-collapse{padding:8px 0 12px}.voks-main-nav .navbar-nav{align-items:stretch!important}.voks-main-nav .nav-link{padding:.55rem .25rem!important}.hero{border-radius:18px!important;padding:22px 18px!important}.hero h1{font-size:1.8rem}.panel{border-radius:17px}.chat-shell{margin-left:-2px;margin-right:-2px;border-radius:17px!important}.chat-scroll{min-height:48vh;max-height:60vh}.chat-bubble{max-width:88%;padding:10px 12px}.chat-composer{position:sticky;bottom:8px;z-index:5;padding:9px!important}.chat-composer textarea{font-size:16px!important}.footer{padding-left:12px;padding-right:12px}}
@media(max-width:360px){.voks-community-copy small{display:none}.voks-join-now{padding:7px 8px}}