/* UI3: dense desktop cards, blue/purple/pink system, shared adaptive controls. */
:root{--content:1536px;--primary:#3448ff;--border:#dce6f7;--radius:8px}
body{background:radial-gradient(ellipse at 50% 10%,#fff,#f5f9ff);overflow-wrap:break-word}
.panel{border-radius:8px;box-shadow:none}.site-header-inner{min-height:58px}.site-footer{margin-top:16px}.footer-features{padding-block:18px}
.home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.home-main{display:contents}.home-hero,.home-category,.home-layout>.panel,.home-main>.panel{grid-column:1}.home-side{grid-column:2;grid-row:1/4;align-self:start}.home-promos{grid-column:1/-1}
.home-hero{min-height:250px;padding:24px 36px 34px;background-image:linear-gradient(90deg,#050a28 0%,#10103f33 65%,#16134d66),url('../payment/images/live-music.webp');background-size:cover;background-position:center}.home-hero h1{font-size:38px}.home-hero p{font-size:13px}.home-hero .hero-script{right:4%;font-size:31px}.home-shows{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-shows .poster-wrap{aspect-ratio:1.28}.home-shows h3{font-size:12px}.home-shows .show-copy{padding:7px 10px}.home-category{grid-template-columns:3fr 1.2fr}.home-category .benefit{display:flex}.home-shows .tags{margin-top:6px}.home-promos .pink{background:linear-gradient(90deg,#fff8ff 25%,#fae1f244),url('images/account-1.jpeg') right 45%/auto 220% no-repeat}.home-promos .violet{background:linear-gradient(90deg,#eee5ff 30%,#d8eaff33),url('../payment/images/recommend-1.webp') right 25%/auto 170% no-repeat}
.page-hero{background-image:linear-gradient(90deg,#040822 0%,#0a104855 35%,#050a2544),url('../payment/images/live-music.webp');background-position:center 45%}.page-hero>.container{min-height:202px;padding:28px 36px}.page-hero p{font-size:13px}.catalog-layout{grid-template-columns:194px minmax(0,1fr);gap:18px}.catalog-layout .show-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.show-copy h3{font-size:13px}.poster-wrap{aspect-ratio:1.22}.poster-wrap img,.nft-live-card img{object-fit:cover;object-position:center 28%}.poster-placeholder strong{font:700 18px/1.4 'Malgun Gothic',sans-serif;overflow-wrap:anywhere}.poster-placeholder{gap:10px}.show-copy p{font-size:11px}.filters{padding:16px}.filters label{font-size:12px}.tags span{padding:3px 5px}
.nft-live-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.nft-live-card{padding:0;overflow:hidden}.nft-live-card img,.nft-live-card .nft-placeholder{border-radius:0;aspect-ratio:1.15}.nft-live-card h3,.nft-live-card p,.nft-live-card .favorite-form{margin-left:12px;margin-right:12px}.nft-live-card h3{font-size:14px}.help-layout .nft-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nft-detail-image{object-fit:cover;object-position:center 25%;aspect-ratio:1;max-height:560px}.nft-detail-layout{grid-template-columns:1fr 1.2fr}.nft-registration .form-grid{gap:20px}.nft-registration{max-width:1120px;margin:auto}
.event-live-card img,.event-placeholder{height:240px;object-position:center 30%}.event-live-card{position:relative}.event-live-card h2{font-size:19px}.event-live-card>div:not(.event-placeholder){padding:18px}.event-live-card p{margin-bottom:8px}.notice-thumb{width:54px;height:42px;border-radius:5px;vertical-align:middle;margin-right:12px}.reading-card{max-width:1180px}.event-cover{height:340px;object-position:center 30%}
.detail-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.3fr);gap:34px}.detail-poster{width:100%;max-height:560px;object-fit:cover;object-position:center 25%;aspect-ratio:.85}.detail-layout .stack{max-width:none}.receipt-card{border:1px solid var(--border);border-radius:9px;background:linear-gradient(100deg,#fff 55%,#f1eaff);padding:22px;margin-bottom:14px}.receipt-card h2,.receipt-card h3{color:#17224c}.help-nav{background:linear-gradient(160deg,#fff,#f0f5ff)}
.auth-scene{background-image:linear-gradient(100deg,#0d0c3990,#18104c55),url('../payment/images/live-music.webp');background-size:cover}.auth-layout{grid-template-columns:minmax(180px,1fr) minmax(380px,600px) 250px;gap:18px;padding:30px 16px}.auth-card{background:#fffffff5}.auth-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(0deg,#131044aa,transparent),url('images/account-1.jpeg') center/cover;border-radius:10px;padding:24px}.auth-copy h1{font-size:38px;text-shadow:0 2px 12px #0c0b39}.auth-copy>small{color:#fff}.auth-promo{border:1px solid #e1deff;border-radius:10px;background:linear-gradient(180deg,#1a48bbee,#41208a66 65%,#090d2e),url('../payment/images/live-music.webp') center/cover}.auth-promo-bottom{padding-top:130px}.social-buttons button{min-height:64px;gap:8px;flex-direction:row}.social-buttons button.kakao{background:#fee500}.auth-card h1{font-size:32px}
.date-control{display:flex;align-items:center;gap:4px;width:100%;min-width:0}.date-control input{flex:1;width:100%;min-width:0}.date-open{flex:none;padding:6px 10px;color:#4b54d5}.date-control input::-webkit-calendar-picker-indicator{display:none}.date-dialog{border:1px solid #dbe3f5;border-radius:14px;padding:20px;width:min(390px,calc(100vw - 32px));color:var(--navy);max-height:calc(100vh - 30px);overflow:auto}.date-dialog::backdrop{background:#10183a66}.date-dialog .booking-calendar{margin:8px 0 18px;border:0;padding:0}.calendar-day:hover:not(:disabled){background:#dfe7ff;color:#3449d4}.calendar-day.selected,.pagination [aria-current=page]{background:linear-gradient(120deg,#1460ff,#6646ff);color:white}.calendar-day{border-radius:7px;min-width:0}.calendar-heading strong{font-size:15px}.pagination{flex-wrap:wrap;gap:6px;padding:20px 4px}.pagination a,.pagination button{border-radius:6px;min-width:34px;width:auto;height:36px;padding:6px 10px;font-size:12px}.pagination span{align-self:center}
.upload-preview{display:block;width:220px;max-height:180px;object-fit:cover;border-radius:8px;margin-top:10px}.operations .card{padding:22px}.operations .ops-banner{background-image:linear-gradient(90deg,#091845ee,#20126355),url('../payment/images/live-music.webp')!important;background-size:cover;min-height:150px}.operations .eyebrow{color:#5f59ec;font-size:15px}.operations .tabs{background:linear-gradient(160deg,#fff,#eef5ff);border-right:1px solid var(--border);padding:10px}.operations .tabs .active{background:linear-gradient(110deg,#1471ff,#4847ff)}.operations .inline-form{grid-template-columns:repeat(3,minmax(0,1fr))}.operations .card>h2{font-size:18px}.operations .stat-tile{background:linear-gradient(120deg,#fff,#eff1ff)}.operations .table-scroll, .operations .card{min-width:0}.operations table{font-size:12px}.operations td button{padding:6px 8px;font-size:11px}.lt-venue-modal{max-width:calc(100vw - 30px);max-height:calc(100vh - 30px)}
@media(min-width:1550px){.home-hero{min-height:290px}.home-shows .poster-wrap{aspect-ratio:1.4}}
@media(max-width:1280px){.home-layout{grid-template-columns:minmax(0,1fr) 265px}.home-shows{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-layout .show-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nft-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-layout{grid-template-columns:minmax(140px,1fr) minmax(380px,560px) 190px}.auth-copy h1{font-size:30px}.auth-promo{padding:20px}.home-hero .hero-script{display:none}}
@media(max-width:1024px){.home-category{grid-template-columns:1fr}.home-category .benefit{display:none}.home-shows{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout .show-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nft-live-grid,.help-layout .nft-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-layout{grid-template-columns:minmax(150px,1fr) minmax(380px,560px)}.auth-promo{display:none}.operations .inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero h1{font-size:33px}}
@media(max-width:800px){.home-layout{display:flex;flex-direction:column}.home-main{display:flex}.home-side{display:grid;grid-template-columns:1fr 1fr}.home-promos{order:4}.catalog-layout .show-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nft-live-grid,.help-layout .nft-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:150px minmax(0,1fr);padding-inline:0}.auth-copy{padding:14px}.auth-copy h1{font-size:27px}.social-buttons{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.detail-poster{min-height:260px}.event-live-card img,.event-placeholder{height:200px}.operations .inline-form{grid-template-columns:1fr}.operations .field{grid-column:auto!important}}
@media(max-width:600px){.auth-layout{display:block}.auth-copy{display:none}.home-side{display:flex}.home-shows{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.nft-detail-layout{grid-template-columns:1fr}.detail-poster{max-width:320px}.home-hero{padding:24px}.event-live-grid{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.date-control input{font-size:12px}}

.social-buttons .brand-icon{width:24px;height:24px;object-fit:contain}.social-buttons .brand-kakao{width:112px;max-width:100%;height:46px;object-fit:contain}.social-buttons button.kakao{padding:0}.social-buttons button{font-size:11px}.upload-preview:not([src]){display:none}
.home-hero{background-image:linear-gradient(90deg,#030724cc 0%,transparent 55%),url('images/ui3-hero.png');background-size:cover;background-position:center}.page-hero{background-image:linear-gradient(90deg,#030724ee 0%,#090b3d44 80%),url('images/ui3-hero.png');background-position:center 37%}.auth-scene{background-image:linear-gradient(90deg,#07092455,#160a4255),url('images/ui3-hero.png')}.auth-copy{background-image:linear-gradient(0deg,#0b083bcc,#15104333),url('images/ui3-hero.png');background-position:56% center}.auth-promo{background-image:linear-gradient(180deg,#254abdf5,#3c257aaa 60%,#070b2d),url('images/ui3-hero.png')}.operations .ops-banner{background-image:linear-gradient(90deg,#0b1238ee,#24134c33),url('images/ui3-hero.png')!important}.home-promos .pink{background-image:linear-gradient(90deg,#fff8ff 32%,#fae1f233),url('images/ui3-hero.png');background-size:auto,auto 160%;background-position:center,78% 40%}.home-promos .violet{background-image:linear-gradient(90deg,#eee5ff 35%,#d8eaff22),url('images/ui3-hero.png');background-size:auto,auto 180%;background-position:center,47% 25%}
.social-buttons button.naver{background:#03a94d;color:#fff;border-color:#03a94d}.auth-card{background:#fffffffa}

/* Calendar cells must not inherit the global button horizontal padding. */
.booking-calendar .calendar-day{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:0;white-space:nowrap;word-break:normal;overflow-wrap:normal;writing-mode:horizontal-tb;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}.home-side .booking-calendar{width:100%;max-width:100%;padding:10px}.booking-calendar .calendar-heading button{padding:0;flex:0 0 32px;width:32px}.gender-options{border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-wrap:wrap;gap:16px}.gender-options label{display:inline-flex;align-items:center;gap:5px}.stack .gender-options input[type=radio]{display:inline-block;width:18px;margin:0}