.admin-layout.active{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 70px)}.admin-sidebar{background:var(--ink);color:white;padding:28px 24px;display:flex;flex-direction:column}.admin-sidebar .brand{color:white}.admin-sidebar .brand-mark i{border-color:white}.admin-sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:75px}.admin-sidebar nav button{border:0;background:none;color:#9e9aaa;padding:12px 14px;text-align:left;font:500 12px "DM Sans";cursor:pointer}.admin-sidebar nav button.selected{background:var(--purple);color:white}.admin-sidebar>small{margin-top:auto;line-height:1.8;color:#747080;font-size:9px}.admin-main{padding:48px 5vw;background:#f6f3ed}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top span,.stat-grid article>span{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:bold}.admin-top h2{font:700 35px "Syne";letter-spacing:-1.5px;margin:7px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.stat-grid article{background:white;border:1px solid var(--line);padding:22px}.stat-grid strong{display:block;font:700 40px "Syne";margin:15px 0 7px}.stat-grid small{color:var(--muted);font-size:10px}.green{display:inline-block;width:7px;height:7px;background:#4cce7c;border-radius:50%;margin-right:5px}.event-list-head{display:flex;justify-content:space-between;align-items:end;margin:38px 0 15px}.event-list-head h3{font:700 21px "Syne";margin:0}.event-list-head p{font-size:11px;color:var(--muted);margin:5px 0}.event-list-head button{border:0;background:none;font-weight:bold;font-size:11px}.event-list{background:white;border:1px solid var(--line)}.event-list article{display:grid;grid-template-columns:55px 1fr 190px 100px;gap:16px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.event-list article:last-child{border:0}.event-icon{width:48px;height:48px;display:grid;place-items:center;font:800 22px "Syne"}.purple{background:var(--purple);color:white}.coral{background:var(--coral)}.yellow{background:var(--yellow)}.event-type{font-size:8px;letter-spacing:1.3px;color:var(--purple);font-weight:bold}.event-list h4{font:700 14px "Syne";margin:5px 0}.event-list small{color:var(--muted);font-size:9px}.event-state>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.event-state>strong{font-size:10px;display:block;margin-top:6px}.event-state .live{color:#ee5e50}.event-state .live i{display:inline-block;width:6px;height:6px;background:#ee5e50;border-radius:50%;margin-right:4px}.event-list article>button{border:1px solid var(--line);background:white;padding:9px;font:600 10px "DM Sans";cursor:pointer}
@media(max-width:850px){.header-right .live-pill{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-art{height:420px;margin-top:20px}.hero h1{font-size:64px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{border-bottom:1px solid var(--line)}.join-layout.active{grid-template-columns:1fr}.join-intro{min-height:560px}.join-card{padding:55px 8vw;max-width:none}.admin-layout.active{grid-template-columns:1fr}.admin-sidebar{display:none}.stat-grid{grid-template-columns:1fr}.event-list article{grid-template-columns:55px 1fr 90px}.event-state{display:none}}@media(max-width:560px){.site-header{height:70px;padding:0 20px}.header-right{gap:10px}.ghost-button{font-size:0;border:0;padding:0}.ghost-button span{font-size:18px}.hero{padding:45px 22px 30px}.hero h1{font-size:52px;letter-spacing:-4px}.lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:350px}.event-card{width:210px;height:300px;padding:17px}.event-card strong{font-size:25px}.question-mark{font-size:85px}.card-front{left:3%}.card-back{right:3%}.feature-strip{grid-template-columns:1fr}.feature-strip>div{min-height:95px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}.join-intro{padding:35px 25px;min-height:510px}.join-intro h2{font-size:65px}.join-card{padding:45px 24px}.quiz-main{padding:35px 20px}.question-head{grid-template-columns:1fr 74px;gap:10px}.timer{width:74px;height:74px}.timer strong{font-size:24px}.timer small{top:44px}.answers{grid-template-columns:1fr}.answers button{height:67px}.quiz-footer{display:none}.admin-main{padding:35px 18px}.admin-top .primary-button{display:none}.event-list article{grid-template-columns:45px 1fr 70px;padding:13px 10px;gap:10px}.event-icon{width:40px;height:40px}.event-list article>button{font-size:0}.event-list article>button:first-letter{font-size:13px}}