/* A shorter editorial carousel, clearer type, and a sharper cyan / ink palette. */
:root{--cyan:#00d5df;--dark:#080f12}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{width:128px;top:0;left:18px}
.rail-brand{height:78px}.rail-brand img{width:80px;height:72px}
.rail{height:calc(100% - 78px);padding:20px 12px 18px;border-radius:25px;background:var(--dark)}
.rail-search{width:100px;height:100px;font-size:21px;letter-spacing:.02em;color:#05181b;gap:7px;box-shadow:0 0 30px #00d5df16}
.rail-search .icon{width:28px;height:28px;stroke-width:2}.rail-link{font-size:14px;font-weight:600}.rail-link .icon{opacity:1;color:#9cadb4}.rail-link.active .icon{color:var(--cyan)}.rail-contact{font-size:11px}
main{margin-left:172px;padding-right:26px}.topbar{height:78px}.wordmark{font-size:25px}.wordmark span{font-size:12px}.header-caption{font-size:13px;color:#59666d}.member-button{font-size:14px}.preview-label{font-size:11px;color:#647078}
.button.primary,.search-submit{background:var(--cyan);color:#05181b;font-weight:700}.button.primary:hover,.search-submit:hover{background:#00bcc9}.button.dark{background:var(--dark)}
.text-button,.text-link{font-size:14px}.eyebrow{color:#586c74}.icon-button .icon{width:22px;height:22px}

/* Three full stories are visible on desktop; neighboring covers peek in on phones. */
.hero.showcase{height:374px;background:#081b23;border-radius:24px;color:#fff;isolation:isolate;overflow:hidden}
.showcase-backdrop{position:absolute;inset:-70px;background-size:cover;background-position:center;filter:blur(54px);opacity:.32;z-index:-3;transition:background-image .7s}
.hero.showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#05151ee0,#08202c91 55%,#031017dc);z-index:-2}
.showcase-heading{position:absolute;top:20px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.hero.showcase h1{margin:0;font-family:'Noto Sans TC',sans-serif;font-size:23px;line-height:1.5;font-weight:700;letter-spacing:.025em}.hero.showcase h1 em{color:var(--cyan);font-style:normal}
.showcase-heading>a{font-size:13px;color:#d6e4e9;white-space:nowrap}.showcase-heading>a span{margin-left:10px;color:var(--cyan)}
.showcase-window{position:absolute;top:74px;left:58px;right:58px;bottom:50px}
.showcase-card{--offset:0;position:absolute;top:0;left:50%;width:calc((100% - 44px)/3);transform:translateX(calc(-50% + var(--offset)*(100% + 22px)));background:none;padding:0;color:#fff;text-align:left;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .5s;opacity:0;pointer-events:none}
.showcase-card[data-visible=true]{opacity:.78;pointer-events:auto}.showcase-card[data-active=true]{opacity:1}.showcase-card[data-visible=true]:hover{opacity:1}.showcase-card:focus-visible{outline-offset:6px;border-radius:12px}
.showcase-art{height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:10px;background:#0c1a23;border:1px solid #9fc6dd40;isolation:isolate}
.showcase-art:before{content:'';position:absolute;inset:-22px;background-image:linear-gradient(#06161a50,#06161a90),var(--cover);background-size:cover;background-position:center;filter:blur(16px);z-index:-1}
.showcase-art img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 0 24px #0008;transition:transform .4s}
.showcase-card:hover .showcase-art img{transform:scale(1.025)}.showcase-card[data-active=true] .showcase-art{border-color:#00d5dfb3;box-shadow:0 0 0 1px #00d5df25,0 12px 30px #0003}
.showcase-tag{position:absolute;top:11px;left:12px;padding:3px 9px;background:#071419d9;border:1px solid #ffffff38;border-radius:5px;font-size:11px;font-weight:600;color:#c5f9fc;backdrop-filter:blur(8px)}
.showcase-caption{display:block;margin-top:11px}.showcase-caption>strong{font-size:20px;line-height:1.5;letter-spacing:.02em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-caption>span{font-size:12px;color:#bccdd5;display:flex;align-items:center;gap:8px;margin-top:2px}.showcase-caption i{font-style:normal;color:#77949f}.showcase-caption b{font-size:11px;font-weight:500;margin-left:auto;color:#50e2e9}
.showcase-arrow{position:absolute;top:163px;width:33px;height:33px;display:grid;place-items:center;background:#fff;color:#0a202a;border-radius:50%;font-size:23px;font-weight:500;z-index:4;line-height:1;padding:0}.showcase-arrow:hover{background:var(--cyan)}.showcase-arrow.previous{left:14px}.showcase-arrow.next{right:14px}
.showcase-bottom{position:absolute;left:32px;right:32px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.showcase-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#d3e5ee}.showcase-label>span{letter-spacing:.06em;font-size:11px;font-weight:400;color:#98b1bd}
.showcase-controls{display:flex;gap:15px;align-items:center;font-size:12px}#hero-counter{font-variant-numeric:tabular-nums;color:#e7f3f9;white-space:nowrap}.showcase-progress{height:2px;width:100px;background:#617d885e;overflow:hidden}.showcase-progress span{height:100%;background:var(--cyan);display:block;transform-origin:left;transform:scaleX(0)}
#motion-toggle{display:flex;gap:7px;align-items:center;background:transparent;color:#c5dbe4;padding:5px 0;font-size:11px;white-space:nowrap}.motion-symbol{font-size:15px;color:var(--cyan);line-height:1}#motion-toggle:hover{color:white}#motion-toggle:disabled{cursor:default}

/* Original-site photography, bold icons, and a single clear action per tile. */
.quick-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 26px}
.quick-shortcut{height:96px;position:relative;overflow:hidden;border-radius:18px;background:#071c27;color:white;display:flex;align-items:center;justify-content:center;gap:17px;padding:16px 24px;text-align:left;isolation:isolate}
.quick-shortcut:before{content:'';position:absolute;inset:0;background-position:center;background-size:cover;z-index:-2;opacity:.5;transition:transform .6s}.quick-shortcut:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#071c27e6,#071c2766);z-index:-1}
.shortcut-calendar:before{background-image:url('/assets/hall.webp');background-position:50% 50%}.shortcut-groups:before{background-image:url('/assets/book-8.jpg');background-position:center 38%}.shortcut-scripts:before{background-image:url('/assets/book-11.jpg');background-position:center 42%}
.shortcut-groups{background:#003f47}.shortcut-groups:after{background:linear-gradient(100deg,#003a43e6,#003a4391)}.shortcut-scripts{background:#152436}
.quick-shortcut:hover:before{transform:scale(1.06)}.quick-shortcut:hover{box-shadow:inset 0 0 0 2px var(--cyan)}
.quick-shortcut.selected{box-shadow:inset 0 0 0 3px var(--cyan)}.quick-shortcut.selected strong{color:var(--cyan)}.listing-kind{display:inline-block;vertical-align:middle;background:#0a1b23;color:#00d5df;padding:4px 14px;border-radius:7px;font-size:17px!important;font-weight:600!important;margin-left:8px}.empty-source{margin-top:20px;margin-bottom:0!important}
.quick-shortcut>.icon{width:35px;height:35px;stroke-width:1.6;color:var(--cyan)}.quick-shortcut>span:not(.shortcut-arrow){display:flex;flex-direction:column;gap:1px}.quick-shortcut strong{font-size:21px;font-weight:700;letter-spacing:.06em}.quick-shortcut small{font-size:12px;color:#d2e2e8}.shortcut-arrow{margin-left:auto;font-size:22px;color:#6de9ee}

/* Readable interface type with a less pastel hierarchy. */
.discovery{border-color:#d9e1e5;border-radius:18px}.discovery h2{color:#1c353e;font-size:17px}.discovery-top>.text-button{font-size:13px;color:#48616c}.mode-switch{background:#edf1f3}.mode-switch button{font-size:14px;color:#536b76}.mode-switch button.selected{background:#0b1b23;color:#fff}
.search-row{background:#f6f8fa;border-color:#cdd9de}.search-input input{font-size:16px;color:#152b34}.people-select select{font-size:14px;color:#28434e}.search-submit{font-size:15px}.category-chips button{font-size:13px;color:#4e626d}.category-chips button.selected{background:#c9f8fb;color:#005f6b}.advanced-button{font-size:13px;color:#375461}
.listing-actions>.text-button,.listing-actions>.text-link{font-size:13px}.group-tabs button{font-size:14px;color:#556a74}.group-tabs button.selected{color:#006d7b;border-color:#00bdcb}.section-heading .eyebrow{font-size:11px}.card-title{font-size:20px}.card-meta{flex-wrap:wrap;color:#586e78;font-size:12px}.card-tags{color:#47636f;font-size:11px}.card-date{font-size:12px;color:#59717c}.seats-line{font-size:12px;color:#506b76}.seats-line strong{font-size:13px;color:#006b78}.card-price>span{font-size:11px;color:#526c79}.card-price strong{font-size:23px}.card-join{font-size:13px;color:#133c4d;border-color:#b9cdd6}.card-join:hover{background:#d7f9fc}.card-badge{font-size:11px;color:#005b64;background:#c9f8fb}.card-badge.urgent{background:#ffe29e;color:#5c3b00}.listing-footer p{font-size:11px;color:#647780}.card-body{padding:17px 16px}.card-price-row{gap:8px}
.pick{background:#122c3b;color:#fff}.pick:nth-child(2){background:#093c46}.pick:nth-child(3){background:#1c263b}.pick small{color:#93bbc9}.pick p{color:#c7d9e2}.pick span{color:#42dfe7}.pick h3{color:#fff}.pick:after{opacity:.1}
.about-section{background:#0a1b23;color:#f0f7fb;position:relative;overflow:hidden}.about-intro{position:relative}.about-intro .eyebrow{color:#72dce5}.about-intro h2>span{color:var(--cyan)}.about-intro>p:not(.eyebrow){color:#bdcfd9}.about-intro .button{background:var(--cyan);color:#061b22}.about-caption{color:#80a4b5}.about-caption b{color:#163847}.about-accordion{border-color:#35515f}.about-accordion summary small{color:#90abb9}.about-accordion summary strong{color:#eefaff}.accordion-content>p{color:#c5d6df}.about-section .text-link{color:#42e2eb}.room-tags span{background:#18333f;color:#c5e8f1;border-color:#31505f}.about-section .accordion-toggle{border-color:#57717c;color:#57e2e9}.host p{color:#a7c2ce}.host h4{color:#fff}
.member-banner{background:var(--cyan);border:0;color:#05242d}.member-banner p:not(.eyebrow){color:#164550}.member-banner .eyebrow{color:#1d5660}.membership-symbol{border-color:#127382;color:#064b5a}.member-banner .button{background:#06171f;color:#fff}.utility-section summary small{color:#627782}.utility-item{font-size:14px;color:#254654}.utility-item:hover{background:#ddf9fc}.utility-item .icon{color:#008e9c}.footer-main p,.footer-addresses a span,.footer-bottom{color:#a0b9c6}footer{background:#080f15}.footer-contact>a:last-child{color:#b6d4df}
.detail-story,.modal-description{color:#47616c}.detail-facts,.price-table small{color:#526e7a}.price-table b{color:#006d7b}.modal-note{color:#647780}.close-modal{background:#d8edf1;color:#0a333f}#listing-title>span:not(.listing-kind){font-size:22px}

/* Quiet ambient loops. The single motion control pauses every loop. */
.live-signal{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 #00d5df55;animation:signal-pulse 3s ease-out infinite;flex-shrink:0}
.ambient-orb{position:absolute;top:-130px;left:30%;width:440px;height:440px;background:radial-gradient(circle,#00d5df30,transparent 65%);z-index:-1;pointer-events:none;animation:orb-drift 13s ease-in-out infinite alternate}
.hero-orbit{position:absolute;right:-92px;top:-128px;width:330px;height:330px;border:1px solid #00d5df26;border-radius:50%;z-index:-1;pointer-events:none;animation:orbit-turn 32s linear infinite}.hero-orbit:after{content:'';position:absolute;left:49%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #00d5df}
.brand-orbit{position:absolute;right:3px;bottom:18px;width:88px;height:88px;border:1px solid #00d5df66;border-radius:50%;display:grid;place-items:center;animation:orbit-turn 24s linear infinite;pointer-events:none}.brand-orbit:before{content:'';position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;top:-3px;left:41px;box-shadow:0 0 12px #00d5df}.brand-orbit .icon{width:39px;height:39px;color:var(--cyan);stroke-width:1}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orb-drift{to{transform:translate(160px,40px) scale(1.1)}}@keyframes signal-pulse{75%,100%{box-shadow:0 0 0 7px #00d5df00}}
html[data-motion=paused] .live-signal,html[data-motion=paused] .ambient-orb,html[data-motion=paused] .hero-orbit,html[data-motion=paused] .brand-orbit{animation-play-state:paused}

@media(max-width:1150px) and (min-width:761px){
  .sidebar{width:108px;left:14px}main{margin-left:144px;padding-right:22px}.rail-search{width:84px;height:84px;font-size:18px}.rail-link{font-size:13px}.header-caption{display:none}.showcase-window{left:46px;right:46px}.showcase-caption>strong{font-size:18px}.showcase-caption b{display:none}.quick-shortcut{padding:14px 18px;gap:13px}.quick-shortcut strong{font-size:19px}.quick-shortcut small{font-size:11px}.quick-shortcut>.icon{width:29px;height:29px}.quick-shortcut .shortcut-arrow{display:none}.discovery-top{gap:16px}.discovery h2{font-size:15px}.discovery-top>.text-button{font-size:12px}.card-price-row{flex-wrap:wrap}.card-join{margin-left:auto}.card-meta{gap:5px;font-size:11px}.card-title{font-size:18px}
}
@media(max-height:800px) and (min-width:761px){.rail{min-height:0;padding-top:16px}.rail-search{width:86px;height:86px;font-size:19px}.rail-link{min-height:58px;font-size:13px;gap:4px}.rail-contact{margin-top:13px}.rail-brand{height:72px}.rail{height:calc(100% - 72px)}}
@media(max-width:760px){
  main{margin-left:0;padding:0 16px}.topbar{height:76px}.wordmark{font-size:23px}.wordmark span{font-size:10px}.header-actions{gap:12px}.member-button{font-size:12px}.member-button .icon{width:19px;height:19px}.header-caption{display:none}
  .hero.showcase{height:365px;border-radius:20px}.showcase-heading{left:21px;right:21px;top:18px;display:block}.hero.showcase h1{font-size:20px;line-height:1.5}.showcase-heading>a{display:none}.showcase-window{left:0;right:0;top:66px;bottom:52px}.showcase-card{width:66%;transform:translateX(calc(-50% + var(--offset)*(100% + 14px)))}.showcase-art{height:187px;border-radius:8px}.showcase-card[data-visible=true]{opacity:.53}.showcase-card[data-active=true]{opacity:1}.showcase-caption{margin-top:9px}.showcase-caption>strong{font-size:19px}.showcase-caption>span{font-size:12px;gap:7px}.showcase-caption b{font-size:10px}.showcase-card:not([data-active=true]) .showcase-caption{visibility:hidden}.showcase-tag{font-size:10px;left:8px;top:8px;padding:2px 7px}.showcase-arrow{top:148px;width:28px;height:28px;font-size:20px}.showcase-arrow.previous{left:9px}.showcase-arrow.next{right:9px}.showcase-bottom{left:20px;right:20px;bottom:13px;gap:9px}.showcase-label{font-size:8px;letter-spacing:.07em;gap:6px}.showcase-label>span{display:none}.showcase-controls{font-size:11px;gap:10px}.showcase-progress{width:42px}#motion-toggle{font-size:10px;gap:5px}.hero-orbit{width:250px;height:250px;top:-140px;right:-130px}.ambient-orb{width:260px;height:300px}
  .quick-shortcuts{gap:8px;margin:16px 0 20px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-shortcut{height:94px;flex-direction:column;padding:12px 5px;gap:7px;border-radius:13px;text-align:center}.quick-shortcut>.icon{width:27px;height:27px}.quick-shortcut strong{font-size:14px;letter-spacing:0}.quick-shortcut small,.shortcut-arrow{display:none}
  .discovery{padding:16px 14px}.mode-switch button{font-size:13px;padding:8px 11px;gap:6px}.mode-switch .icon{width:16px;height:16px}.discovery-top>.text-button{font-size:11px}.discovery h2{display:none}.search-input input{font-size:16px}.search-input{height:49px;padding:0 7px;gap:8px}.search-input input::placeholder{font-size:13px}.people-select select{font-size:14px}.search-submit{font-size:14px;min-height:40px;gap:16px}.category-chips button{font-size:12px;padding:6px 10px}.advanced-button{font-size:12px;min-height:37px}.advanced-grid label{font-size:12px}.advanced-grid select{font-size:13px;padding:10px 5px}.text-button,.text-link{font-size:13px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:10px}.listing-actions>.text-button{font-size:12px}.listing-actions>.text-button .icon{width:14px}.listing-section{padding-top:30px}.group-tabs{gap:21px}.group-tabs button{font-size:13px}#result-count{font-size:12px}.cards-grid{gap:12px}.card-art{height:183px}.card-body{padding:12px 10px}.card-meta{font-size:10px;gap:4px;line-height:1.7}.card-title,.script-card .card-title{font-size:17px}.card-tags{font-size:10px;gap:4px}.card-badge{font-size:9px;padding:3px 5px;max-width:calc(100% - 42px)}.card-date{font-size:10px;gap:4px;white-space:nowrap}.seats-line{font-size:10px;gap:4px}.seats-line strong{font-size:11px}.card-price>span{font-size:10px}.card-price strong{font-size:22px}.card-price-row{gap:4px;flex-wrap:wrap}.card-join{font-size:11px;padding:7px 6px;margin-left:auto}.listing-footer{gap:12px;align-items:flex-start}.listing-footer p{font-size:10px;flex:1}.listing-footer .text-button{font-size:12px}.pick h3{font-size:23px}.pick p{font-size:13px}.pick small{font-size:10px}.editorial-section .text-link{font-size:12px}.about-intro h2{font-size:29px}.about-intro>p:not(.eyebrow),.accordion-content>p{font-size:14px;line-height:1.9}.about-intro .button{font-size:13px}.about-accordion summary strong{font-size:16px}.about-accordion summary small{font-size:10px}.room-tags span{font-size:12px}.brand-orbit{display:none}.host p{font-size:10px}.host h4{font-size:13px}.member-banner h2{font-size:24px}.member-banner p:not(.eyebrow){font-size:13px}.member-banner .button{font-size:13px}.utility-section summary strong{font-size:15px}.utility-section summary small{font-size:12px}.utility-item{font-size:12px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.footer-main p{font-size:11px}.footer-addresses a{font-size:13px}.footer-addresses a span{font-size:12px}.footer-contact .button{font-size:12px}.footer-contact>a:last-child{font-size:11px}.footer-bottom{font-size:11px}.footer-bottom button{font-size:11px}.mobile-dock a,.mobile-dock button{font-size:11px;gap:4px}.mobile-dock .icon{width:22px;height:22px}
  #modal{padding:32px 21px}.modal-heading{font-size:25px}.modal-description{font-size:14px}.modal-links a,.modal-links button{font-size:13px}.modal-note{font-size:11px}.detail-layout{grid-template-columns:100px 1fr;gap:17px}.detail-layout .card-tags{font-size:10px}.detail-facts{font-size:12px;gap:7px}.detail-story{font-size:13px}.price-table small{font-size:11px}.price-table b{font-size:18px}.modal-actions .button{font-size:13px;padding:12px 14px}.detail-layout .modal-heading{font-size:23px}.quiz-options button{font-size:15px}
}
@media(max-width:370px){main{padding:0 12px}.hero.showcase h1{font-size:18px}.showcase-caption b{display:none}.quick-shortcut strong{font-size:13px}.discovery-top{gap:4px}.discovery-top>.text-button{font-size:10px}.mode-switch button{font-size:12px;padding:8px}.section-heading h2{font-size:21px}.listing-actions>.text-button{font-size:11px}.card-date{font-size:9px}.group-tabs{gap:18px}}
@media(max-width:760px){#listing-title>span:not(.listing-kind){display:block;font-size:16px;line-height:1.7;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.hero-orbit,.ambient-orb,.live-signal,.brand-orbit{animation:none}.showcase-card,.showcase-backdrop{transition:none}}