:root{--font-family: -apple-system, "SF Pro Display", "PingFang SC", "Noto Sans SC", sans-serif;--color-white: #ffffff;--color-gray: #8888aa;--color-lgray: #ccccdd;--color-yellow: #FFD600;--color-red: #E53935;--color-blue: #1E88E5;--color-green: #43A047;--color-dark: #0a0a14;--color-card: #12122a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-dark);color:var(--color-lgray);font-family:var(--font-family);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--color-dark);box-shadow:0 0 20px #00000080}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray)}.text-lgray{color:var(--color-lgray)}.text-yellow{color:var(--color-yellow)}.text-red{color:var(--color-red)}.text-blue{color:var(--color-blue)}.text-green{color:var(--color-green)}.bg-dark{background:var(--color-dark)}.bg-card{background:var(--color-card)}@keyframes breathe{0%,to{box-shadow:0 2px 16px #ffd60033}50%{box-shadow:0 2px 28px #ffd60073}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}@keyframes lds-facebook{0%{top:4px;height:32px}50%,to{top:12px;height:16px}}button{border:none;background:none;font-family:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}button:active{opacity:.8}a{text-decoration:none;color:inherit}.poster-page{display:flex;flex-direction:column;align-items:center;padding:0 0 20px;background:radial-gradient(ellipse at 30% 20%,rgba(30,136,229,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(229,57,53,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(255,214,0,.08) 0%,transparent 50%),var(--color-dark)}.fade-in{animation:fadeInUp .8s ease forwards;opacity:0}.video-area{width:88%;aspect-ratio:9 / 16;margin-top:50px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative}.invite-video{width:100%;height:100%;object-fit:cover;border-radius:12px}.video-ended{width:100%;height:100%;background:radial-gradient(ellipse at 40% 50%,rgba(30,136,229,.12),transparent 60%),radial-gradient(ellipse at 60% 40%,rgba(229,57,53,.08),transparent 60%),#050510;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.replay-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.replay-icon{font-size:20px;color:#fffc}.replay-text{font-size:14px;color:var(--color-gray);letter-spacing:1px}.title-area{margin-top:28px;text-align:center}.subtitle{font-size:15px;letter-spacing:6px;color:var(--color-gray);display:block;margin-bottom:10px}.logo-row{display:flex;align-items:baseline;justify-content:center}.pi-symbol{font-size:68px;font-weight:800;font-style:italic;color:var(--color-red);font-family:Georgia,serif;line-height:1}.day-text{font-size:38px;font-weight:700;color:var(--color-white);letter-spacing:4px;margin-left:4px}.live-text{font-size:38px;font-weight:300;color:var(--color-red);letter-spacing:4px;margin-left:10px}.quadro-row{display:flex;gap:8px;margin-top:20px}.dot{width:24px;height:6px;border-radius:3px}.dot-yellow{background:var(--color-yellow)}.dot-blue{background:var(--color-blue)}.dot-red{background:var(--color-red)}.dot-green{background:var(--color-green)}.section-label{display:block;font-size:14px;letter-spacing:2px;color:var(--color-gray);margin-bottom:10px}.artist-card{margin-top:12px;width:85%;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.artist-list{display:flex;flex-direction:column}.artist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.artist-item:last-child{border-bottom:none;padding-bottom:0}.artist-avatar{font-size:22px;width:36px;height:36px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.artist-info{flex:1;min-width:0}.artist-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.artist-name{font-size:16px;font-weight:600;color:#fff}.artist-role{display:block;font-size:14px;color:var(--color-gray);margin-top:2px}.artist-role-tag{padding:2px 7px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--color-lgray);flex-shrink:0}.setlist-area{margin-top:12px;width:85%;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.setlist-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setlist-item:last-child{border-bottom:none;padding-bottom:0}.setlist-num{font-size:15px;font-weight:800;min-width:24px;font-family:Georgia,serif}.setlist-type{font-size:13px;color:var(--color-gray);min-width:30px;letter-spacing:.5px}.setlist-title{font-size:15px;color:#fff;font-weight:500;flex:1}.card-wide{width:85%;margin-top:24px;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.info-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-icon{font-size:14px;width:22px;text-align:center}.info-key{font-size:15px;color:var(--color-gray);min-width:36px}.info-val{font-size:15px;color:var(--color-lgray);font-weight:500}.map-btn{width:85%;margin-top:12px;padding:11px 14px;background:var(--color-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.map-icon-wrap{width:34px;height:34px;border-radius:8px;background:#1e88e51f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.map-icon-text{font-size:16px}.map-info{flex:1}.map-name{display:block;font-size:15px;color:#fff;font-weight:600}.map-hint{display:block;font-size:14px;color:var(--color-gray);margin-top:2px}.map-arrow{font-size:14px;color:var(--color-blue);font-weight:600;flex-shrink:0}.bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,10,20,0) 0%,var(--color-dark) 35%);display:flex;flex-direction:column;gap:10px;z-index:100}@media (min-width: 480px){.bottom-bar{max-width:480px;margin:0 auto}}.buy-btn{width:100%;padding:14px 0;font-size:16px;font-weight:700;letter-spacing:2px;color:var(--color-dark);background:linear-gradient(135deg,var(--color-yellow) 0%,#FFE54C 100%);border-radius:24px;animation:breathe 2.5s ease-in-out infinite}.nav-btn{width:100%;padding:14px 0;font-size:14px;font-weight:600;color:var(--color-blue);background:#1e88e51f;border:1px solid rgba(30,136,229,.25);border-radius:24px}.pb-outer{padding-bottom:20px}.header{padding:50px 20px 20px;background:linear-gradient(180deg,rgba(30,136,229,.12) 0%,transparent 100%)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-green);margin-right:6px;vertical-align:middle}.status-text{font-size:13px;color:var(--color-green);letter-spacing:1px;vertical-align:middle}.page-title{display:block;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.page-sub{display:block;font-size:16px;color:var(--color-gray)}.tags-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.tag{padding:3px 10px;border-radius:10px;font-size:13px;font-weight:500}.tag-red{background:#e539351f;border:1px solid rgba(229,57,53,.3);color:var(--color-red)}.tag-blue{background:#1e88e51f;border:1px solid rgba(30,136,229,.3);color:var(--color-blue)}.tag-green{background:#43a0471f;border:1px solid rgba(67,160,71,.3);color:var(--color-green)}.card{margin:10px 16px 0;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.card-label{display:block;font-size:14px;letter-spacing:2px;color:var(--color-gray);margin-bottom:10px}.story-text{font-size:16px;color:var(--color-lgray);line-height:1.6}.flow-item{display:flex;gap:12px;padding:8px 0}.flow-dot-col{display:flex;flex-direction:column;align-items:center;width:26px;flex-shrink:0;padding-top:1px}.flow-dot{width:26px;height:26px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center}.flow-line{flex:1;width:2px;background:#ffffff0d;margin-top:4px}.flow-content{flex:1}.flow-title-row{display:flex;align-items:center;gap:6px}.flow-time{font-size:14px;color:var(--color-gray);font-weight:500;letter-spacing:.5px;min-width:42px}.flow-num{font-size:12px;font-weight:700;letter-spacing:1px}.flow-title{font-size:16px;color:#fff;font-weight:600}.flow-desc{font-size:14px;color:var(--color-gray);margin-top:2px;display:block}.warning-box{margin-top:8px;padding:7px 10px;background:#e539350f;border:1px solid rgba(229,57,53,.15);border-radius:8px}.warning-text{font-size:13px;color:var(--color-red);line-height:1.6}.gd-subtitle{display:block;font-size:14px;color:var(--color-gray);margin-bottom:12px;letter-spacing:.5px}.gd-item{display:flex;gap:8px;padding-bottom:24px;align-items:center;position:relative}.gd-item:last-child{padding-bottom:0}.gd-item:after{content:"";position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#ffffff14}.gd-item:last-child:after{display:none}.gd-dot-col{width:26px;flex-shrink:0}.gd-dot{width:26px;height:26px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;background:var(--color-card);position:relative;z-index:2}.gd-emoji{font-size:12px}.gd-line{display:none}.gd-info{flex:1;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.gd-name{font-size:17px;font-weight:700;color:#fff}.gd-act{font-size:14px;color:var(--color-gray)}.gd-act:before{content:"· ";opacity:.5;margin-right:2px}.gd-pill{flex-shrink:0;padding:3px 8px;border-radius:10px;border:1px solid}.gd-pill-text{font-size:12px;font-weight:600}.gd-closing{display:block;font-size:15px;color:var(--color-red);font-weight:600;text-align:center;margin-top:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.tips-text{font-size:15px;color:var(--color-lgray);line-height:1.8}.pb-outer{padding-bottom:100px}.loading-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:52px;height:52px;border:3px solid rgba(255,214,0,.2);border-top:3px solid var(--color-yellow);border-radius:50%;animation:spin 1s linear infinite}.loading-title{font-size:18px;color:#fff;font-weight:600}.loading-sub{font-size:14px;color:var(--color-gray)}.loading-dots{display:flex;gap:6px;margin-top:10px}.ld{width:8px;height:8px;border-radius:50%;animation:pulse 1.2s ease infinite}.ld-yellow{background:var(--color-yellow)}.ld-blue{background:var(--color-blue)}.ld-red{background:var(--color-red)}.ld-green{background:var(--color-green)}.form-state{padding:0 0 30px}.form-header{padding:50px 16px 0;text-align:center}.form-sub{display:block;font-size:14px;letter-spacing:2px;color:var(--color-gray);margin-bottom:6px}.form-title{display:block;font-size:20px;font-weight:700;color:#fff}.form-desc{display:block;font-size:16px;color:var(--color-gray);margin-top:4px}.form-card{margin:20px 16px 0;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.field{margin-bottom:18px}.field-label{display:block;font-size:16px;color:var(--color-lgray);margin-bottom:8px;font-weight:500}.required{color:var(--color-red)}.optional{font-size:14px;color:var(--color-gray);font-weight:400}.field-input{width:100%;height:48px;padding:0 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:17px;box-sizing:border-box;outline:none}.field-input:focus{border-color:#ffffff4d}.field-textarea{width:100%;padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px;box-sizing:border-box;min-height:80px;outline:none;resize:vertical}.count-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.count-btn{padding:12px 0;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-gray);font-size:16px;transition:all .2s;cursor:pointer}.count-active{background:#ffd6001f;border-color:#ffd60080;color:var(--color-yellow);font-weight:600}.summary-card{margin:14px 16px 0;background:var(--color-card);border-radius:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06)}.card-label{display:block;font-size:14px;letter-spacing:2px;color:var(--color-gray)}.summary-row{display:flex;justify-content:space-between;padding:5px 0}.summary-key{font-size:15px;color:var(--color-lgray)}.summary-val{font-size:15px;font-weight:600}.summary-divider{height:1px;background:#ffffff0d;margin:4px 0}.summary-quote{display:block;font-size:15px;color:var(--color-gray);font-style:italic;padding-top:4px}.submit-area{position:fixed;bottom:0;left:0;right:0;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,10,20,0) 0%,var(--color-dark) 35%);z-index:100}@media (min-width: 480px){.submit-area{max-width:480px;margin:0 auto}}.submit-btn{width:100%;padding:14px 0;font-size:17px;font-weight:700;letter-spacing:2px;color:var(--color-gray);background:#ffffff14;border:none;border-radius:24px;line-height:1.2;transition:all .3s;cursor:pointer}.submit-active{color:var(--color-dark);background:linear-gradient(135deg,var(--color-yellow) 0%,#FFE54C 100%);box-shadow:0 4px 20px #ffd60040}.submit-hint{display:block;text-align:center;margin-top:6px;font-size:13px;color:var(--color-gray)}.session-card{padding:12px 14px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.session-title{display:block;font-size:17px;font-weight:600;color:#fff}.session-sub{display:block;font-size:15px;color:var(--color-gray);margin-top:2px}.session-tag{padding:3px 10px;background:#43a0471f;border-radius:10px;font-size:13px;color:var(--color-green);font-weight:600}.mini-stage{width:55%;margin:0 auto 12px;padding:8px 0;background:linear-gradient(135deg,#e5393526,#ffd6001a);border:1px solid rgba(229,57,53,.25);border-radius:6px 6px 16px 16px;text-align:center}.stage-text{font-size:13px;color:var(--color-lgray);font-weight:600;letter-spacing:2px}.zone-card{width:100%;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;gap:10px;margin-bottom:8px;box-sizing:border-box;transition:all .2s;cursor:pointer}.zone-icon{width:38px;height:38px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zone-info{flex:1;text-align:left}.zone-title-row{display:flex;align-items:center;gap:6px}.zone-name{font-size:16px;color:#fff;font-weight:600}.zone-tag{padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600}.zone-desc{font-size:14px;color:var(--color-gray);margin-top:2px;display:block}.zone-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.zone-radio-inner{width:9px;height:9px;border-radius:50%}.ticket-page{display:flex;flex-direction:column;align-items:center;padding:50px 16px 40px}.success-area{text-align:center;margin-bottom:20px;opacity:0;transform:scale(.8);transition:all .6s ease}.success-area.revealed{opacity:1;transform:scale(1)}.success-circle{width:52px;height:52px;border-radius:50%;background:#43a04726;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.success-check{font-size:24px;color:var(--color-green)}.success-title{display:block;font-size:20px;font-weight:700;color:#fff}.success-sub{display:block;font-size:14px;color:var(--color-gray);margin-top:4px}.ticket-wrap{width:100%;max-width:320px;opacity:0;transform:translateY(30px);transition:all .8s ease .3s}.ticket-wrap.ticket-revealed{opacity:1;transform:translateY(0)}.ticket-body{background:linear-gradient(135deg,#0d1b3e,#0a1128 40%,#121025);border-radius:16px 16px 0 0;padding:20px 18px 16px;position:relative;overflow:hidden}.ticket-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 20%,rgba(255,214,0,.04) 40%,transparent 50%,rgba(229,57,53,.03) 70%,transparent 80%);pointer-events:none}.ticket-hologram{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1e88e5,#ffd600,#e53935,#43a047)}.ticket-watermark{position:absolute;font-size:300px;font-weight:800;font-family:Georgia,serif;color:#ffffff08;font-style:italic;top:40px;left:-40px;pointer-events:none;line-height:1;overflow:hidden}.ticket-content{position:relative;z-index:2;padding-bottom:16px}.ticket-logo-row{display:flex;align-items:baseline;margin-bottom:4px}.ticket-pi{font-size:36px;font-weight:800;font-style:italic;color:#e53935;font-family:Georgia,serif}.ticket-day{font-size:22px;font-weight:700;color:#fff;letter-spacing:2px;margin-left:2px}.ticket-live{font-size:22px;font-weight:300;color:#e53935;letter-spacing:2px;margin-left:6px}.ticket-quadro{display:flex;gap:4px;margin-bottom:14px}.tq{width:18px;height:3px;border-radius:1.5px}.tq-y{background:#ffd600}.tq-b{background:#1e88e5}.tq-r{background:#e53935}.tq-g{background:#43a047}.ticket-artist{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:2px}.ticket-venue{display:block;font-size:11px;color:#88a}.ticket-divider{height:1px;background:#ffffff14;margin:14px 0}.ticket-hero{text-align:center;padding:4px 0}.ticket-hero-label{display:block;font-size:11px;color:#88a;letter-spacing:3px;margin-bottom:6px}.ticket-hero-name{display:block;font-size:28px;font-weight:800;color:#fff;letter-spacing:2px;line-height:1.2}.ticket-info-list{display:flex;flex-direction:column;gap:8px}.ticket-info-item{display:flex;justify-content:space-between;align-items:center}.ticket-info-label{font-size:11px;color:#88a;min-width:30px}.ticket-info-value{font-size:12px;color:#ccd;font-weight:500}.ticket-number-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.ticket-number-label{font-size:11px;color:#88a}.ticket-number-value{font-size:18px;font-weight:800;color:#e53935;font-family:Courier New,Courier,monospace;letter-spacing:1px}.perforation{display:flex;align-items:center;background:linear-gradient(90deg,#0d1b3e,#121025);padding:0 6px;position:relative}.perf-hole{width:16px;height:16px;border-radius:50%;background:var(--color-dark);flex-shrink:0}.perf-left{margin-left:-8px}.perf-right{margin-right:-8px}.perf-line{flex:1;border-top:2px dashed rgba(255,255,255,.12)}.ticket-stub{background:linear-gradient(135deg,#0d1b3e,#121025);border-radius:0 0 16px 16px;padding:12px 18px 16px;text-align:center}.stub-main{display:block;font-size:12px;color:#ccd;font-weight:500;margin-bottom:2px}.stub-sub{display:block;font-size:10px;color:#88a}.actions{width:100%;max-width:320px;margin-top:24px;display:flex;flex-direction:column;gap:10px;opacity:0;transition:all .6s ease 1s}.actions.actions-revealed{opacity:1}.action-primary{width:100%;padding:14px 0;font-size:16px;font-weight:700;letter-spacing:2px;color:var(--color-dark);background:linear-gradient(135deg,var(--color-yellow) 0%,#FFE54C 100%);border-radius:24px;animation:breathe 2.5s ease-in-out infinite}.map-btn-styled{background:var(--color-card)!important;color:var(--color-blue)!important;border:1px solid rgba(255,255,255,.08)!important}.action-secondary{width:100%;padding:14px 0;font-size:14px;font-weight:600;color:var(--color-blue);background:#1e88e51f;border:1px solid rgba(30,136,229,.25);border-radius:24px}.ghost-btn{background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--color-gray)!important}.quote-area{margin-top:30px;text-align:center;opacity:0;transition:all .6s ease 1.2s}.quote-area.quote-revealed{opacity:1}.quote-text{font-size:13px;color:var(--color-gray);line-height:1.9}