@charset "UTF-8";.home{min-height:100dvh;display:flex;flex-direction:column;background:#0b0d12;color:#f5f7ff}.home__header{display:flex;justify-content:center;padding:100px}.home__logo{font-size:120px;font-weight:800;letter-spacing:-.02em;padding:10px 30px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.home__main{flex:1;display:grid;place-items:center;padding:0 20px;text-align:center}.home__title{font-size:30px;line-height:1.2;margin:0}.home__desc{margin-top:14px;font-size:15px;color:#f5f7ffbf;max-width:480px}.home__cta{margin-top:28px;display:grid;gap:12px;justify-items:center}.home__button{background:#f5f7ff;color:#0b0d12;border:none;padding:14px 22px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}.home__button:hover{opacity:.9}.home__hint{font-size:12px;color:#f5f7ff80}.home__footer{padding:18px;text-align:center;font-size:12px;color:#f5f7ff73}@media(max-width:480px){.home__logo{font-size:80px}.home__title{font-size:26px}}@media(min-width:1024px){.home__title{font-size:40px}}.programs{min-height:100dvh;display:flex;flex-direction:column;background:#0b0d12;color:#f5f7ff}.programs__header{width:100%;max-width:1080px;margin:0 auto;padding:22px 18px 12px}.programs__top{display:flex;justify-content:center;margin-bottom:18px}.programs__brand{font-weight:800;letter-spacing:-.02em;font-size:18px;text-transform:lowercase;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08}.programs__brand:hover{opacity:.9}.programs__title{margin:0;font-size:30px;letter-spacing:-.03em}.programs__desc{margin:10px 0 0;color:#f5f7ffb8;line-height:1.6;font-size:14px}.programs__search{margin-top:16px}.programs__input{width:100%;max-width:520px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f5f7ff;outline:none}.programs__input::placeholder{color:#f5f7ff73}.programs__input:focus{border-color:#f5f7ff59}.programs__main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:10px 18px 26px}.programs__grid{display:grid;gap:14px;grid-template-columns:1fr}.programs__empty{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);color:#f5f7ffbf;background:#ffffff08}.programs__footer{padding:18px;text-align:center;font-size:12px;color:#f5f7ff73}@media(min-width:640px){.programs__grid{grid-template-columns:repeat(2,1fr)}.programs__title{font-size:34px}}@media(min-width:1024px){.programs__grid{grid-template-columns:repeat(3,1fr)}.programs__title{font-size:38px}.programs__desc{font-size:15px}}.program-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff08;color:#f5f7ff;cursor:pointer;padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.program-card:hover{transform:translateY(-2px);border-color:#ffffff80;opacity:.98}.program-card:hover .program-card__thumb{transform:scale(1.01)}.program-card:active{transform:translateY(0);opacity:.92}.program-card:focus-visible{outline:2px solid rgba(245,247,255,.9);outline-offset:3px}.program-card__thumb{height:150px;position:relative;transform:translateZ(0);transition:transform .12s ease;background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.18),transparent),linear-gradient(135deg,#ffffff0f,#ffffff03)}.program-card__thumb--fallback{background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.22),transparent),linear-gradient(135deg,#151a24,#0b0d12)}.program-card__img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}.program-card__thumbOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;background:linear-gradient(to top,#0000009e,#00000014)}.program-card__thumbTitle{font-weight:900;letter-spacing:-.02em;font-size:16px}.program-card__thumbTag{width:fit-content;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14}.program-card__body{padding:12px 16px 14px;display:grid;gap:10px}.program-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.program-card__title{font-size:18px;font-weight:800;letter-spacing:-.02em}.program-card__description{color:#f5f7ffb8;line-height:1.5;font-size:13px;min-height:38px}.program-card__cta{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#f5f7ffe6;margin-top:4px}.program-card__badge{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#f5f7ffe6}.program-card__badge--ONGOING{border-color:#78ffbe59;background:#78ffbe14}.program-card__badge--UPCOMING{border-color:#ffdc7859;background:#ffdc7814}.program-card__badge--ENDED{border-color:#bebeff47;background:#bebeff0f}.topics{min-height:100dvh;display:flex;flex-direction:column;background:#0b0d12;color:#f5f7ff}.topics__header{width:100%;max-width:1080px;margin:0 auto;padding:18px 18px 14px}.topics__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.topics__back{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#f5f7ffe6;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700}.topics__back:hover{opacity:.9}.topics__brand{font-weight:800;letter-spacing:-.02em;font-size:18px;text-transform:lowercase;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08}.topics__brand:hover{opacity:.9}.topics__program{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.topics__program--missing{grid-template-columns:1fr}.topics__programThumb{height:86px;border-radius:14px;overflow:hidden;position:relative;background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.18),transparent),linear-gradient(135deg,#ffffff0f,#ffffff03)}.topics__programThumb--fallback{background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.22),transparent),linear-gradient(135deg,#151a24,#0b0d12)}.topics__programImg{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}.topics__programOverlay{position:absolute;inset:0;background:linear-gradient(to right,#00000040,#0000000d)}.topics__programMeta{display:grid;gap:8px}.topics__programTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.topics__title{margin:0;font-size:22px;letter-spacing:-.03em}.topics__desc{margin:0;color:#f5f7ffb8;line-height:1.6;font-size:13px}.topics__badge{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#f5f7ffe6}.topics__badge--ONGOING{border-color:#78ffbe59;background:#78ffbe14}.topics__badge--UPCOMING{border-color:#ffdc7859;background:#ffdc7814}.topics__badge--ENDED{border-color:#bebeff47;background:#bebeff0f}.topics__filters{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;display:grid;gap:12px}.topics__search{width:100%;max-width:680px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f5f7ff;outline:none}.topics__search::placeholder{color:#f5f7ff73}.topics__search:focus{border-color:#f5f7ff59}.topics__filterRow{display:grid;gap:10px;grid-template-columns:1fr;align-items:end}.topics__field{display:grid;gap:6px}.topics__label{font-size:12px;color:#f5f7ff8c}.topics__select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f5f7ffeb;outline:none}.topics__select:focus{border-color:#f5f7ff59}.topics__reset{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#f5f7ffe6;cursor:pointer;font-weight:800}.topics__reset:hover{opacity:.9}.topics__main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:10px 18px 26px}.topics__grid{display:grid;gap:14px;grid-template-columns:1fr}.topics__empty{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);color:#f5f7ffbf;background:#ffffff08}.topics__footer{padding:18px;text-align:center;font-size:12px;color:#f5f7ff73}@media(min-width:640px){.topics__filterRow{grid-template-columns:repeat(2,1fr)}.topics__title{font-size:26px}}@media(min-width:1024px){.topics__filterRow{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:520px){.topics__program{grid-template-columns:1fr}.topics__programThumb{height:120px}}.topic-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff08;color:#f5f7ff;cursor:pointer;padding:0;overflow:hidden;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.topic-card:hover{transform:translateY(-2px);border-color:#ffffff47;opacity:.98}.topic-card:active{transform:translateY(0);opacity:.92}.topic-card:focus-visible{outline:2px solid rgba(245,247,255,.9);outline-offset:3px}.topic-card__body{padding:14px 16px;display:grid;gap:10px}.topic-card__meta{display:flex;flex-wrap:wrap;gap:8px}.topic-card__chip{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#f5f7ffe6}.topic-card__title{font-size:18px;font-weight:900;letter-spacing:-.02em}.topic-card__participants{display:flex;flex-wrap:wrap;gap:8px}.topic-card__p{font-size:13px;color:#f5f7ffc7;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.topic-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.topic-card__date{font-size:12px;color:#f5f7ff8c}.topic-card__go{font-size:13px;font-weight:800;color:#f5f7ffe6}.vote{min-height:100dvh;display:flex;flex-direction:column;background:#0b0d12;color:#f5f7ff}.vote__header{width:100%;max-width:1080px;margin:0 auto;padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vote__back{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#f5f7ffe6;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700}.vote__back:hover{opacity:.9}.vote__brand{font-weight:800;letter-spacing:-.02em;font-size:18px;text-transform:lowercase;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08}.vote__brand:hover{opacity:.9}.vote__main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:10px 18px 26px;display:grid;gap:14px}.vote__message{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#f5f7ffcc}.vote__meta{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;display:grid;gap:10px}.vote__chips{display:flex;flex-wrap:wrap;gap:8px}.vote__chip{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#f5f7ffe6}.vote__title{margin:0;font-size:22px;letter-spacing:-.03em}.vote__desc{margin:0;color:#f5f7ffb8;line-height:1.6;font-size:13px}.vote__video{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;display:flex;justify-content:center}.vote__videoFrame{width:100%;max-width:720px;border-radius:14px;overflow:hidden;aspect-ratio:16/9}.vote__videoFrame iframe{width:100%;height:100%;border:0;display:block}.vote__panel{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;display:grid;gap:12px}.vote__panelHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vote__panelTitle{margin:0;font-size:16px;font-weight:900;letter-spacing:-.02em}.vote__panelHint{font-size:12px;color:#f5f7ff8c}.vote__grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:640px){.vote__grid.vote__grid--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.vote__grid.vote__grid--3{grid-template-columns:repeat(3,1fr)}}.vote__actions{display:grid;gap:10px;margin-top:4px}.vote__submit{appearance:none;border:0;cursor:pointer;padding:14px 18px;border-radius:14px;font-weight:800;font-size:15px;color:#0b0d12;background:#f5f7ff;transition:transform .15s ease,opacity .15s ease}.vote__submit:hover{transform:translateY(-1px);opacity:.96}.vote__submit:active{transform:translateY(0);opacity:.9}.vote__submit.is-disabled{opacity:.45;cursor:not-allowed}.vote__submit.is-disabled:hover{transform:none}.vote__notice{font-size:12px;color:#f5f7ff80}@media(min-width:640px){.vote__title{font-size:26px}}.pick-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff08;color:#f5f7ff;cursor:pointer;padding:0;overflow:hidden;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.pick-card:hover{transform:translateY(-2px);border-color:#ffffff8c;opacity:.98}.pick-card:active{transform:translateY(0);opacity:.92}.pick-card.is-selected{border-color:#f5f7ffcc}.pick-card__thumb{height:160px;position:relative;background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.18),transparent),linear-gradient(135deg,#ffffff0f,#ffffff03)}.pick-card__thumb--fallback{background:radial-gradient(700px 220px at 20% 10%,rgba(255,255,255,.22),transparent),linear-gradient(135deg,#151a24,#0b0d12)}.pick-card__img{width:100%;height:100%;object-fit:contain;padding:10px;display:block;filter:saturate(1.05) contrast(1.05)}.pick-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0000000f)}.pick-card__body{padding:12px 14px 14px;display:grid;gap:6px}.pick-card__name{font-size:16px;font-weight:900;letter-spacing:-.02em}.pick-card__sub{font-size:12px;font-weight:800;color:#f5f7ffad}.pick-card__select{font-size:12px;font-weight:800;color:#f5f7ffcc}.result{min-height:100dvh;display:flex;flex-direction:column;background:#0b0d12;color:#f5f7ff}.result__header{width:100%;max-width:1080px;margin:0 auto;padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.result__header button{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#f5f7ffe6;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:700}.result__header button:hover{opacity:.9}.result__header h1{margin:0;font-size:18px;font-weight:900;letter-spacing:-.02em;color:#f5f7fff2;line-height:1.2}.result :global(.vote__brand){cursor:pointer;font-weight:900;letter-spacing:-.02em;color:#f5f7ffe6;-webkit-user-select:none;user-select:none}.result :global(.vote__brand):hover{opacity:.9}.result__main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:10px 18px 26px;display:grid;gap:14px}.result__message{padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#f5f7ffcc}.result__section{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff08}.result__sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.result__sectionHead h2{margin:0;font-size:16px;font-weight:900;letter-spacing:-.02em}.result__metaText{font-size:12px;font-weight:800;color:#f5f7ff99;white-space:nowrap}.result__bars{display:grid;gap:12px}.result__winnerRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.result__winner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result__winnerChip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#f5f7ffeb;font-size:12px;font-weight:900;letter-spacing:-.01em}.result__winnerNote{font-size:12px;font-weight:800;color:#f5f7ff99;white-space:nowrap}.result__winnerChip--match{border-color:#b4ffb438;color:#d2ffd2eb}.result__winnerChip--mismatch{border-color:#ffb4b438;color:#ffd2d2eb}.bar{display:grid;gap:8px}.bar__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.bar__label{font-size:13px;font-weight:900;color:#f5f7ffeb;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__nums{font-size:12px;font-weight:900;color:#f5f7ffbf;white-space:nowrap}.bar__track{height:12px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.bar__fill{height:100%;background:#f5f7ffe6}.comment__form{display:grid;gap:10px;margin-top:10px}.comment__row{display:grid;gap:10px}@media(min-width:640px){.comment__row{grid-template-columns:1fr 1fr}}.comment__input,.comment__textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#f5f7ffeb;border-radius:12px;padding:12px;outline:none}.comment__input::placeholder,.comment__textarea::placeholder{color:#f5f7ff73;font-weight:700}.comment__input:focus,.comment__textarea:focus{border-color:#f5f7ff52}.comment__input:disabled,.comment__textarea:disabled{opacity:.55;cursor:not-allowed}.comment__textarea{min-height:110px;resize:vertical;line-height:1.5}.comment__error{font-size:12px;font-weight:800;color:#ff8c8cf2}.comment__submit{appearance:none;border:0;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:900;font-size:14px;color:#0b0d12;background:#f5f7ff;transition:transform .15s ease,opacity .15s ease}.comment__submit:hover{transform:translateY(-1px);opacity:.96}.comment__submit:active{transform:translateY(0);opacity:.9}.comment__submit.is-disabled{opacity:.45;cursor:not-allowed}.comment__submit.is-disabled:hover{transform:none}.comment__list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.comment__item{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.comment__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.comment__meta strong{font-size:13px;font-weight:900;color:#f5f7ffeb}.comment__meta span{font-size:12px;color:#f5f7ff8c;font-weight:700;white-space:nowrap}.comment__content{margin:0;color:#f5f7ffc7;line-height:1.6;font-size:13px;word-break:break-word}.comment__actions{display:flex;gap:8px;margin-top:10px}.comment__btn{border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#f5f7ffe0;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900;font-size:12px}.comment__btn:hover{opacity:.92}.comment__btn--danger{border-color:#ff787859;color:#ffb4b4f2}.modal{position:fixed;inset:0;z-index:999}.modal__overlay{position:absolute;inset:0;background:#0000008c}.modal__panel{position:relative;width:min(520px,100% - 32px);margin:12vh auto 0;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0b0d12;padding:16px;display:grid;gap:10px}.modal__title{font-size:16px;font-weight:900;letter-spacing:-.02em}.modal__desc{font-size:12px;color:#f5f7ffa6;font-weight:800;line-height:1.5}.modal__input{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#f5f7ffeb;border-radius:12px;padding:12px;outline:none}.modal__input::placeholder{color:#f5f7ff73;font-weight:700}.modal__input:focus{border-color:#f5f7ff52}.modal__error{font-size:12px;font-weight:900;color:#ff8c8cf2}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.modal__btn{border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#f5f7ffe6;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:900;font-size:13px}.modal__btn:hover{opacity:.92}.modal__btn--danger{border-color:#ff787859;color:#ffb4b4f2}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}