/* Events */
.ev-wrap{width:min(1040px,100% - 32px); margin-inline:auto; padding-bottom:28px;}
.ev-head{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:22px;}
.ev-head-tx{min-width:0; flex:1;}
.ev-head .cl-switch{flex:none;}
.ev-head h1{font:800 clamp(26px,4.5vw,36px)/1.25 'Sora','Inter',sans-serif; letter-spacing:-.01em; color:var(--navy); margin:0;}
html[lang="ar"] .ev-head h1,html[lang="ja"] .ev-head h1{font-family:inherit; letter-spacing:0; line-height:1.45;}
.ev-head p{margin:8px 0 0; color:var(--navy-soft); line-height:1.6;}

/* Official | Community */
.ev-seg{display:inline-flex; padding:4px; gap:4px; border-radius:999px; background:var(--blue-tint); margin-bottom:14px;}
.ev-seg a{padding:9px 20px; border-radius:999px; color:var(--navy-soft); text-decoration:none; font:700 14px/1 'Inter',sans-serif;}
html[lang="ar"] .ev-seg a,html[lang="ja"] .ev-seg a{font-family:inherit;}
.ev-seg a[aria-current]{background:var(--white); color:var(--blue-dark); box-shadow:0 1px 3px color-mix(in srgb,var(--navy) 14%,transparent);}
.ev-seg a:focus-visible,.ev-tabs a:focus-visible,.ev-pager a:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}

/* status tabs */
.ev-tabs{display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 0 4px; margin-bottom:20px;}
.ev-tabs::-webkit-scrollbar{display:none;}
.ev-tabs a{flex:none; display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px; border:1px solid var(--border-soft); background:var(--white); color:var(--navy-soft); text-decoration:none; font:600 13.5px/1 'Inter',sans-serif; transition:border-color .15s,color .15s;}
html[lang="ar"] .ev-tabs a,html[lang="ja"] .ev-tabs a{font-family:inherit;}
.ev-tabs a:hover{border-color:var(--blue); color:var(--navy);}
.ev-tabs i{width:8px; height:8px; border-radius:50%; background:var(--navy-soft); opacity:.5;}
.ev-tabs .is-live i{background:#17b26a; opacity:1;}
.ev-tabs .is-stopped i{background:#e08a2c; opacity:1;}
.ev-tabs .is-mine i{background:var(--blue); opacity:1;}
.ev-tabs a[aria-current]{background:var(--navy); border-color:var(--navy); color:var(--white);}

/* grid + card */
.ev-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr)); gap:18px;}
.ev-card{display:flex; flex-direction:column; min-width:0; border-radius:20px; overflow:hidden; background:var(--white); border:1px solid var(--border-soft); color:var(--navy); text-decoration:none;}
a.ev-card{transition:border-color .15s,transform .15s;}
a.ev-card:hover{border-color:var(--blue); transform:translateY(-2px);}
.ev-cover{position:relative; aspect-ratio:16/7; background:var(--blue-tint); display:grid; place-items:center; overflow:hidden;}
.ev-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.ev-cover.is-none svg{width:44px; height:44px; color:var(--blue); opacity:.55;}
.ev-st{position:absolute; top:12px; inset-inline-start:12px; display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:999px; background:color-mix(in srgb,var(--navy) 78%,transparent); color:#fff; backdrop-filter:blur(6px); font:700 11.5px/1 'Inter',sans-serif;}
html[lang="ar"] .ev-st,html[lang="ja"] .ev-st,html[lang="ar"] .ev-off{font-family:inherit;}
.ev-st i{width:7px; height:7px; border-radius:50%; background:#9aa3b2;}
.ev-st.is-live i{background:#3ddc97; box-shadow:0 0 0 3px color-mix(in srgb,#3ddc97 30%,transparent);}
.ev-st.is-stopped i{background:#ffa94d;}
.ev-st.is-canceled i{background:#ff6b6b;}
.ev-off{position:absolute; top:12px; inset-inline-end:12px; padding:6px 11px; border-radius:999px; background:var(--blue); color:#fff; font:700 11.5px/1 'Inter',sans-serif;}
.ev-body{display:flex; flex-direction:column; gap:12px; padding:16px 18px 14px; flex:1;}
.ev-name{margin:0; font:700 18px/1.35 'Sora','Inter',sans-serif; color:var(--navy); overflow-wrap:anywhere;}
html[lang="ar"] .ev-name,html[lang="ja"] .ev-name{font-family:inherit; line-height:1.5;}
.ev-desc{margin:0; color:var(--navy-soft); font-size:14px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line; overflow-wrap:anywhere;}
.ev-row{display:flex; flex-direction:column; gap:5px;}
.ev-k{font:700 11px/1 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--navy-soft); opacity:.8;}
html[lang="ar"] .ev-k,html[lang="ja"] .ev-k{font-family:inherit; letter-spacing:0; text-transform:none; font-size:12px;}
.ev-tags{display:flex; flex-wrap:wrap; gap:6px;}
.ev-tags b{padding:5px 10px; border-radius:999px; background:var(--blue-tint); color:var(--blue-dark); font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace; direction:ltr; unicode-bidi:isolate;}
.ev-rew{font-size:14px; line-height:1.55; color:var(--navy); white-space:pre-line; overflow-wrap:anywhere;}
.ev-dates{display:flex; gap:10px;}
.ev-dates span{flex:1; display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:12px; background:var(--paper);}
.ev-dates small{font-size:11.5px; color:var(--navy-soft);}
.ev-dates b{font:700 13px/1.2 'Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .ev-dates b{font-family:inherit;}
.ev-card.is-live .ev-dates span:last-child b{color:color-mix(in srgb,var(--teal) 62%,var(--navy));}
.ev-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:12px; border-top:1px solid var(--border-soft);}
.ev-by{display:flex; align-items:center; gap:8px; min-width:0;}
.ev-by img,.ev-noav{width:24px; height:24px; flex:none; border-radius:50%; object-fit:cover; background:var(--blue-tint); display:block;}
.ev-by-n{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 13px/1.2 'Inter',sans-serif;}
html[lang="ar"] .ev-by-n{font-family:inherit;}
.ev-vf{width:16px; height:16px; flex:none; color:var(--blue);}
.ev-stats{display:flex; gap:12px; flex:none; color:var(--navy-soft); font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace;}
.ev-stats span{display:inline-flex; align-items:center; gap:5px;}
.ev-stats svg{width:15px; height:15px;}

/* empty + pager */
.ev-empty{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:56px 20px; border-radius:20px; border:1px dashed var(--border-soft); color:var(--navy-soft);}
.ev-empty svg{width:44px; height:44px; color:var(--blue); opacity:.6; margin-bottom:6px;}
.ev-empty b{color:var(--navy); font-size:16px;}
.ev-pager{display:flex; align-items:center; justify-content:center; gap:16px; margin-top:26px; color:var(--navy-soft); font-size:13.5px;}
.ev-pager a{padding:10px 18px; border-radius:999px; border:1px solid var(--border-soft); background:var(--white); color:var(--navy); text-decoration:none; font-weight:600;}
.ev-pager a:hover{border-color:var(--blue);}
@media (max-width:520px){
  .ev-body{padding:14px 14px 12px;}
  .ev-foot{flex-wrap:wrap;}
}

/* ---- the event page ---- */
.ew-wrap{width:min(860px,100% - 32px);}
.ew-back{display:inline-flex; align-items:center; gap:4px; margin-bottom:14px; color:var(--blue); text-decoration:none; font:600 14px/1 'Inter',sans-serif;}
html[lang="ar"] .ew-back{font-family:inherit;}
.ew-back svg{width:18px; height:18px;}
html[dir="rtl"] .ew-back svg{transform:scaleX(-1);}
.ew-main{border-radius:22px; overflow:hidden; background:var(--white); border:1px solid var(--border-soft);}
.ew-cover{aspect-ratio:16/6;}
.ew-body{display:flex; flex-direction:column; gap:18px; padding:22px 24px 26px;}
.ew-name{margin:0; font:800 clamp(22px,4vw,30px)/1.3 'Sora','Inter',sans-serif; letter-spacing:-.01em; color:var(--navy); overflow-wrap:anywhere;}
html[lang="ar"] .ew-name,html[lang="ja"] .ew-name{font-family:inherit; letter-spacing:0; line-height:1.5;}
.ew-by{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.ew-ppl{display:inline-flex; align-items:center; gap:9px; padding:5px 12px 5px 6px; border-radius:999px; background:var(--paper); color:var(--navy); text-decoration:none; min-width:0; max-width:100%;}
html[dir="rtl"] .ew-ppl{padding:5px 6px 5px 12px;}
a.ew-ppl:hover{background:var(--blue-tint);}
.ew-ppl img,.ev-noav.is-big{width:30px; height:30px; border-radius:50%; object-fit:cover; flex:none;}
.ew-ppl-n{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 13.5px/1.2 'Inter',sans-serif;}
html[lang="ar"] .ew-ppl-n{font-family:inherit;}
.ew-pl{display:grid; place-items:center; width:22px; height:22px; flex:none; border-radius:50%; background:var(--c); color:#1a1408; font:800 12px/1 'JetBrains Mono',monospace; font-style:normal;}

.ew-actions{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.ew-react{display:inline-flex; border-radius:999px; border:1px solid var(--border-soft); overflow:hidden; background:var(--white);}
.ew-react button,.ew-ic{display:inline-flex; align-items:center; gap:7px; padding:10px 15px; border:0; background:transparent; color:var(--navy-soft); cursor:pointer; font:700 13.5px/1 'JetBrains Mono',ui-monospace,monospace; transition:background .15s,color .15s;}
.ew-react button+button{border-inline-start:1px solid var(--border-soft);}
.ew-react svg,.ew-ic svg{width:18px; height:18px; flex:none;}
.ew-react button:hover,.ew-ic:hover{background:var(--blue-tint); color:var(--navy);}
.ew-like.is-on{color:#e5484d;} .ew-like.is-on svg{fill:currentColor;}
.ew-dis.is-on{color:var(--blue-dark);} .ew-dis.is-on svg{fill:currentColor;}
.ew-ic{border:1px solid var(--border-soft); border-radius:999px; background:var(--white); font:600 13.5px/1 'Inter',sans-serif;}
html[lang="ar"] .ew-ic,html[lang="ja"] .ew-ic{font-family:inherit;}
.ew-ic.is-on{background:var(--blue-tint); border-color:var(--blue); color:var(--blue-dark);} .ew-ic.is-on svg{fill:currentColor;}
.ew-react button:focus-visible,.ew-ic:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.ew-join{margin-inline-start:auto;}
.ew-hint{margin:-8px 0 0; font-size:12.5px; color:var(--navy-soft); text-align:end;}
.ew-desc{font-size:15.5px; line-height:1.75; color:var(--navy); overflow-wrap:anywhere;}
.ew-desc a{color:var(--blue); text-decoration:underline; text-underline-offset:2px;}
.ew-info{display:flex; flex-direction:column; gap:16px; padding-top:18px; border-top:1px solid var(--border-soft);}
.ew-main .ev-rew{font-size:15px;}
.ew-sec{margin-top:30px;}
.ew-sec h2{display:flex; align-items:center; gap:10px; margin:0 0 14px; font:700 19px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .ew-sec h2,html[lang="ja"] .ew-sec h2{font-family:inherit;}
.ew-count{padding:3px 10px; border-radius:999px; background:var(--blue-tint); color:var(--blue-dark); font:700 12px/1.2 'JetBrains Mono',monospace;}
.ew-list{display:flex; flex-wrap:wrap; gap:10px;}
.ew-sec .fd-feed{display:flex; flex-direction:column; gap:14px;}
@media (max-width:520px){
  .ew-body{padding:18px 16px 22px;}
  .ew-join{margin-inline-start:0; width:100%; justify-content:center; text-align:center;}
  .ew-hint{text-align:start;}
  .ew-cover{aspect-ratio:16/8;}
}
.ew-wrap .hm-sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

/* ---- Phase 3: create / manage ---- */
.ev-new{flex:none; display:inline-flex; align-items:center; gap:8px; white-space:nowrap;}
.ev-new svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round;}
.ev-head{flex-wrap:wrap;}
.ew-narrow{max-width:720px;}
.ew-price{margin:10px 0 0; padding:10px 14px; border-radius:12px; background:var(--blue-tint); color:var(--navy); font:600 14px/1.5 'Inter',sans-serif;}
.ew-form{display:flex; flex-direction:column; gap:16px; margin-top:20px;}
.ew-f{display:flex; flex-direction:column; gap:7px; min-width:0;}
.ew-f>span{font:700 13px/1.3 'Inter',sans-serif; color:var(--navy);}
.ew-f small{color:var(--navy-soft); font-weight:600;}
.ew-f input[type=text],.ew-f input[type=date],.ew-f input[type=search],.ew-f textarea,.ew-search{width:100%; box-sizing:border-box; padding:11px 13px; border:1.5px solid var(--border-soft); border-radius:12px; background:var(--white); color:var(--navy); font:500 15px/1.5 'Inter',sans-serif;}
.ew-f textarea{resize:vertical; min-height:60px;}
.ew-f input:focus,.ew-f textarea:focus,.ew-search:focus{outline:none; border-color:var(--blue);}
.ew-f2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media (max-width:560px){.ew-f2{grid-template-columns:1fr;}}
.ew-checks{display:flex; flex-direction:column; gap:10px;}
.ew-checks label{display:flex; align-items:center; gap:10px; font:600 14px/1.4 'Inter',sans-serif; color:var(--navy); cursor:pointer;}
.ew-checks input{width:18px; height:18px; accent-color:var(--blue); flex:none;}
.ew-err{margin:0; padding:10px 14px; border-radius:12px; background:rgba(229,72,77,.12); color:#e5484d; font:600 14px/1.5 'Inter',sans-serif;}
.ew-btns{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.ew-btns .btn[hidden]{display:none;}
.ew-danger{color:#e5484d; border-color:rgba(229,72,77,.45);}
.ew-pick{position:relative; display:flex; flex-direction:column; gap:8px;}
.ew-chips{display:flex; flex-wrap:wrap; gap:8px;}
.ew-chips:empty{display:none;}
.ew-chip{display:inline-flex; align-items:center; gap:8px; padding:5px 6px 5px 12px; border-radius:999px; background:var(--blue-tint); color:var(--navy); font:600 13px/1 'Inter',sans-serif;}
.ew-chip button{width:22px; height:22px; border:0; border-radius:50%; background:transparent; color:var(--navy-soft); font-size:16px; line-height:1; cursor:pointer;}
.ew-chip button:hover{background:var(--border-soft); color:var(--navy);}
.ew-place{border:1px solid var(--border-soft); border-radius:8px; background:var(--white); color:var(--navy); font:600 12px/1 'Inter',sans-serif; padding:4px 2px;}
.ew-results{display:flex; flex-direction:column; border:1.5px solid var(--border-soft); border-radius:12px; background:var(--white); overflow:hidden;}
.ew-results[hidden]{display:none;}
.ew-res{display:flex; align-items:center; gap:10px; padding:9px 12px; border:0; background:transparent; color:var(--navy); text-align:start; font:600 14px/1.2 'Inter',sans-serif; cursor:pointer;}
.ew-res:hover,.ew-res:focus-visible{background:var(--blue-tint); outline:none;}
.ew-res img,.ew-res-ph{width:28px; height:28px; border-radius:50%; object-fit:cover; background:var(--border-soft); flex:none;}
.ew-res small{color:var(--navy-soft); font-weight:500; margin-inline-start:auto;}
.ew-box{padding:18px; border:1.5px solid var(--border-soft); border-radius:16px; background:var(--white); margin-bottom:14px;}
.ew-box h3{margin:0 0 12px; font:700 15px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
.ew-box h3 small{color:var(--navy-soft); font-weight:600;}
.ew-box .ew-form{margin-top:0;}
.ew-box .ew-btns{margin-top:12px;}
.ew-file{cursor:pointer;}
html[lang="ar"] .ew-box h3,html[lang="ja"] .ew-box h3{font-family:inherit;}
.ew-narrow .ew-name,.ew-narrow .ew-hint,.ew-narrow .ew-price{display:block; float:none; width:auto; text-align:start;}
.ew-narrow .ew-hint{margin:8px 0 0;}