:root {
    color-scheme: light;
}

body{
    background:
        radial-gradient(1200px 600px at -10% -20%, rgba(59,130,246,.14), transparent 60%),
        radial-gradient(800px 520px at 110% -10%, rgba(236,72,153,.12), transparent 60%);
}
.blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.22;z-index:-1;pointer-events:none}
.blob1{width:360px;height:360px;top:-120px;left:-120px;background:#60a5fa}
.blob2{width:360px;height:360px;bottom:-120px;right:-120px;background:#a78bfa}
.blob3{width:260px;height:260px;top:40%;left:-80px;background:#f472b6;opacity:.18}

.wrap{max-width:1100px;margin:16px auto;padding:0 12px}
.break-any{overflow-wrap:anywhere; word-break:break-word}
.wrap-long a{word-break:break-all}
.clamp-6{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.nowrap-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}

.hero{
    position:relative; overflow:hidden; border-radius:18px;
    border:1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,252,.85));
    padding:18px 14px;
}

.hero:after{
    content:""; position:absolute; inset:auto -20% -40% -20%;
    height:120px; filter:blur(50px); opacity:.26;
    background:linear-gradient(90deg, #60a5fa, #a78bfa, #f472b6);
}
.hero-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.hero-left{min-width:260px;flex:1 1 520px}
.hero-title{
    margin:2px 0 6px; line-height:1.15; font-weight:800; letter-spacing:.2px;
    font-size: clamp(1.2rem, 1.3vw + 1rem, 2rem);
    background: linear-gradient(90deg, #0b1220, #111827 60%, #1f2937);
    -webkit-background-clip:text; background-clip:text; color:transparent;
}

.meta{display:flex;gap:.45rem .6rem;flex-wrap:wrap;margin-top:.25rem}
.meta-chip{
    display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .6rem;
    border-radius:999px;border:1px solid var(--line);background:var(--chip);font-weight:600;
    max-width:100%;
}
.meta-chip i{opacity:.9}
.meta-chip > span{min-width:0}

.hero-right{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;max-width:100%}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--chip);font-weight:700;max-width:100%}
.tone-light{background:var(--chip)}
.tone-mid{background:rgba(99,102,241,.12)}
.tone-dark{background:rgba(15,23,42,.88); color:#fff;}
.tone-deep{background:rgba(2,6,23,1); color:#fff;}
.hero-tools{display:flex;gap:.5rem;align-items:center}

.section{padding:14px 2px;margin-top:10px}
.section-title{font-weight:700;margin:0 0 8px;color:var(--ink)}
.hr{height:1px;background:var(--line);margin:14px 0}

.media{margin-top:12px; border-radius:14px; padding:10px; background:var(--surface); border:1px solid var(--line);}
.stage{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0b0d10;display:flex;align-items:center;justify-content:center;color:#94a3b8}
.stage img,.stage iframe{width:100%;height:100%;object-fit:cover;border:0}
.thumbs{display:flex;gap:.45rem;overflow-x:auto;margin-top:.5rem;padding-bottom:.2rem}
.thumb{flex:0 0 132px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#0b0d10;cursor:pointer;transition:transform .12s ease,border-color .12s ease}
.thumb:hover{transform:translateY(-2px)}
.thumb.active{border-color:#3b82f6; box-shadow:0 0 0 .12rem rgba(59,130,246,.18)}
.thumb iframe{pointer-events:none}
.thumb .play{position:absolute;inset:auto 6px 6px auto;background:rgba(0,0,0,.65);color:#fff;font-size:.75rem;padding:.25rem .4rem;border-radius:.4rem}

.grid{display:grid;gap:12px}
@media(min-width:992px){ .grid-2{grid-template-columns: minmax(0,2fr) minmax(260px,1fr)} }
@media(min-width:768px) and (max-width:991.98px){ .grid-2{grid-template-columns: minmax(0,1.5fr) minmax(240px,.9fr)} }
.kv{display:grid;grid-template-columns: minmax(120px, 180px) 1fr;gap:6px 12px;}
@media(max-width:520px){ .kv{grid-template-columns:1fr; } }
.kv dt{color:var(--ink-dim)}
.kv dd{margin:0}

.sidebar{position:sticky;top:12px;align-self:start;min-width:0}
.side-group{padding:10px;border:1px dashed var(--line);border-radius:12px;background:transparent}
.side-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px}
.badge-chip{display:inline-block;padding:.38rem .6rem;border-radius:9999px;border:1px solid var(--line);font-weight:600;max-width:100%}

#event-map{height:320px;border-radius:12px;border:1px solid var(--line)}
@media(max-width:520px){ #event-map{height:240px} }

.reg-frame{width:100%; height:420px; border:0}
@media(max-width:520px){ .reg-frame{height:260px} }

[data-animate]{opacity:0;transform:translateY(6px);transition:all .45s ease}
[data-animate].in{opacity:1;transform:translateY(0)}

@media print {
    .hero-tools, .thumbs, .sidebar, .no-print { display:none !important; }
    body { background:#fff !important; }
    .media, .hero { border:0 }
    .section, .side-group { page-break-inside: avoid; }
}
.export-only{display:none}