@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}.lowercase{text-transform:lowercase}}:root{--bg:#7f887c;--bg-soft:#d5d8cc;--ink:#292e28;--muted:#726f63;--line:#4b4d4133;--panel:#efe8d4eb;--panel-strong:#f8f1e1;--rose:#9a563f;--teal:#708a78;--amber:#b9874d;--green:#657c61;--violet:#7e746b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#9197888f,#706d5fad),url(/assets/rainy-teahouse-theme.jpg) top/cover fixed,#7f887c;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.siteFooter{color:#fff8ecad;text-align:center;background:#120f12f0;border-top:1px solid #fff8ec1a;justify-content:center;align-items:center;min-height:64px;padding:18px 20px;display:flex}.siteFooter a{text-underline-offset:4px;border-radius:6px;font-size:13px;line-height:1.6}.siteFooter a:hover,.siteFooter a:focus-visible{color:#fff8ecf5;outline:none;text-decoration:underline}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{isolation:isolate;min-height:410px;position:relative;overflow:hidden}.heroImage,.heroShade{position:absolute;inset:0}.heroImage{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%}.heroShade{z-index:-1;background:linear-gradient(90deg,#120f12f0 0%,#120f12b8 40%,#120f1247 100%),linear-gradient(#120f121a 0%,#120f1247 58%,#120f12 100%)}.topbar{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:12px 0;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;font-size:16px;font-weight:800;display:inline-flex}.brandMark{background:linear-gradient(135deg,#ff5d8fdb,#f3b75fdb);border:1px solid #fff8ec38;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 32px #ff5d8f47}.brandLogo{object-fit:cover;width:100%;height:100%}.navLinks{color:#fff8ecc7;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:14px;display:flex}.navLinks a{border:1px solid #0000;border-radius:999px;padding:8px 12px}.navLinks a:hover,.navLinks a:focus-visible{background:#fff8ec14;border-color:#fff8ec2e;outline:none}.heroContent{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 42px}.eyebrow,.sectionKicker{color:var(--teal);letter-spacing:0;margin:0 0 10px;font-size:13px;font-weight:800}.hero h1{letter-spacing:0;max-width:680px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.06}.heroCopy{color:#fff8ecd1;max-width:620px;margin:10px 0 0;font-size:15px;line-height:1.65}.searchBox{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120f12bd;border:1px solid #fff8ec2e;border-radius:14px;align-items:center;gap:10px;width:min(580px,100%);margin:22px 0 0;padding:5px;display:flex;box-shadow:0 16px 52px #0000004d}.searchBox input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 12px}.searchBox button,.textAction,.smallAction{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;border-radius:14px;padding:8px 14px;font-weight:800;box-shadow:0 10px 28px #ff5d8f38}.searchWrap{width:min(580px,100%);margin:16px 0 0;position:relative}.searchWrap .searchBox{width:100%;margin:0}.searchResults{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120f12f0;border:1px solid #fff8ec29;border-radius:8px;width:min(760px,100%);max-height:430px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 24px 80px #0000006b}.searchResultItem{border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.searchResultItem:hover,.searchResultItem:focus-visible{background:#fff8ec14;outline:none}.resultType{color:#fff8ecbd;background:#fff8ec14;border:1px solid #fff8ec24;border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:72px;min-height:26px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.searchResultItem strong,.searchResultItem small{display:block}.searchResultItem strong{color:var(--ink);font-size:15px}.searchResultItem small{color:#fff8ec94;margin-top:5px;line-height:1.5}.emptyState{color:#fff8ec9e;text-align:center;border:1px dashed #fff8ec29;border-radius:8px;padding:18px}.emptyState.large{padding:34px}.heroStats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.heroStats a{color:#fff8ecb8;background:#fff8ec14;border:1px solid #fff8ec26;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:13px;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.heroStats a:hover,.heroStats a:focus-visible{color:#fff2d7;background:#2a3029c7;border-color:#ddb274b8;outline:none;transform:translateY(-2px);box-shadow:0 8px 22px #14161342}.contentBand[id]{scroll-margin-top:24px}.contentBand,.aboutBand{width:min(1180px,100% - 40px);margin:0 auto}.compactBand{padding-top:0}.widgetShell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fff8ec0e,#fff8ec06),#fff8ec09;border:1px solid #fff8ec1f;border-radius:8px;padding:24px;box-shadow:0 20px 80px #00000038}.sectionHeader,.panelHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.sectionHeader h2,.panelHeader h2,.aboutBand h2{letter-spacing:0;margin:0;font-size:clamp(26px,4vw,42px)}.textAction{white-space:nowrap;justify-content:center;align-items:center;min-height:42px;font-size:14px;display:inline-flex}.sectionBrowseAction{white-space:normal;justify-items:start;gap:3px;min-width:min(340px,100%);max-width:390px;min-height:0;padding:11px 15px;display:grid}.sectionBrowseAction strong{font-size:15px;line-height:1.35}.sectionBrowseAction>span{color:#fff6e6d1;font-size:12px;font-weight:600;line-height:1.45}.smallAction{white-space:nowrap;justify-content:center;align-items:center;min-height:36px;padding:9px 12px;font-size:13px;display:inline-flex}.mainGrid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.toolGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.homeExpandActions{justify-content:center;margin-top:22px;display:flex}.homeExpandButton{color:#fff6e6;background:#9a563f;border:1px solid #703b2a6b;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 20px;font-size:14px;font-weight:900;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 10px 24px #5b342742}.homeExpandButton span{background:#fff6e629;border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:inline-grid}.homeExpandButton:hover,.homeExpandButton:focus-visible{color:#fffaf0;outline-offset:3px;background:#814634;border-color:#703b2a9e;outline:3px solid #b9874d4d;transform:translateY(-2px);box-shadow:0 14px 30px #5b342757}.toolCard,.matchPanel,.streamerCard,.groupCard,.aboutBand{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000003d}.toolCard,.streamerCard,.groupCard{border-radius:8px;overflow:hidden}.clickableCard{transition:border-color .16s,transform .16s,background .16s;position:relative}.cardClickTarget{z-index:1;border-radius:inherit;position:absolute;inset:0}.clickableCard:hover,.groupCard:hover,.matchCard:hover,.homeMatchCard:hover{border-color:#51dec257;transform:translateY(-2px)}.cardClickTarget:focus-visible,.groupCard:focus-visible,.matchCard:focus-visible,.homeMatchCard:focus-visible,.timelineTitleLink:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.toolCard{background:linear-gradient(135deg,#51dec21a,#0000 46%),#fff8ec0e;min-height:190px}.streamerInitialCover,.groupIconFallback{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120f128a;border:1px solid #fff8ec38;place-items:center;font-weight:800;display:grid}.toolCardBody{align-content:space-between;gap:16px;min-height:190px;padding:20px;display:grid}.cardTitleRow,.streamerTitleRow,.matchTopline{justify-content:space-between;align-items:start;gap:12px;display:flex}h3{letter-spacing:0;margin:0;font-size:18px}.toolCard p,.streamerCard p,.groupCard p,.aboutBand p,.pageIntro p,.matchCard p,.homeMatchCard p{color:var(--muted);margin:12px 0 0;line-height:1.7}.toolCard h3{color:var(--ink);font-size:25px;font-weight:900;line-height:1.18}.toolCard p{margin-top:6px;font-size:14px}.likeButton{z-index:2;color:var(--ink);background:#fff8ec14;border:1px solid #fff8ec29;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.badgeRow{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.badge{color:#fff8ecd6;background:#fff8ec14;border:1px solid #fff8ec24;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.moreBadge{color:#fff8ec9e;border:1px dashed #fff8ec2e;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.metaRow{color:#fff8ec80;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;display:flex}.matchPanel{border-radius:8px;padding:22px;position:sticky;top:18px}.liveCount{color:#b9f4a7;background:#8ad66d24;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.timeline{gap:4px;display:grid}.timelineItem{grid-template-columns:18px 1fr;gap:12px;padding:14px 0;display:grid;position:relative}.timelineItem:before{content:"";background:#fff8ec1f;width:1px;position:absolute;top:33px;bottom:-8px;left:6px}.timelineItem:last-child:before{display:none}.timelineDot{border:2px solid var(--bg);background:var(--teal);border-radius:999px;width:13px;height:13px;margin-top:6px;box-shadow:0 0 0 3px #51dec22e}.statusPill,.matchTopline>span:not(.timelineStatusText){white-space:nowrap;border:1px solid #fff8ec1f;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.timelineItem p,.timelineItem small{color:#fff8ec9e;margin:7px 0 0;display:block}.timelineTitleLink{z-index:1;position:relative}.timelineTitleLink:hover{color:var(--teal)}.timelineStatusText{width:max-content;display:inline-flex}.timelineItem.muted{filter:grayscale();opacity:.48}.splitBand{padding-top:42px}.streamerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.streamerCard{flex-direction:column;min-height:286px;display:flex}.streamerCard .badgeRow{gap:6px;margin-top:12px}.streamerCard .badge,.streamerCard .moreBadge{min-height:20px;padding:3px 7px;font-size:10px;line-height:1.25}.streamerCover{aspect-ratio:16/10;background-color:#0000;background-image:radial-gradient(circle at 16% 14%,#fff8ec38,#0000 9rem),linear-gradient(135deg,#ff5d8f8c,#51dec252),url(/assets/yxp-community-hero.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.streamerCover:after{pointer-events:none;content:"";background:linear-gradient(#120f120a,#120f1257),linear-gradient(90deg,#120f126b,#0000 54%);position:absolute;inset:0}.streamerCover img{object-fit:contain;width:100%;height:100%}.streamerCoverImage,.streamerKeyframe{pointer-events:none;transition:opacity .18s}.streamerKeyframe,.streamerCard.onAir:hover .streamerCover.hasKeyframe .streamerCoverImage,.streamerCard.onAir:focus-within .streamerCover.hasKeyframe .streamerCoverImage{opacity:0}.streamerCard.onAir:hover .streamerCover.hasKeyframe .streamerKeyframe,.streamerCard.onAir:focus-within .streamerCover.hasKeyframe .streamerKeyframe{opacity:1}.streamerCover.liveCover:after{z-index:1;background:linear-gradient(#2a302905 58%,#2a30292e 100%)}.streamerInitialCover{z-index:1;border-radius:18px;width:68px;height:68px;font-size:24px;position:relative}.streamerStatusPill{z-index:2;white-space:nowrap;border:1px solid #fff8ec24;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;position:absolute;top:12px;right:12px}.streamerStatusPill.offline{color:#fff8ecbd;background:#120f12a3}.streamerInfo{gap:12px;padding:16px;display:grid}.streamerTitleRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.streamerCard h3{font-size:20px;font-weight:900;line-height:1.25}.streamerCard p.streamerLiveTitle{color:#4f6757;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.groupGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.groupCard{align-content:start;gap:12px;min-height:214px;padding:16px;display:grid}.groupCardHeader{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}.groupIcon{background:#fff8ec12;border:1px solid #fff8ec2e;border-radius:14px;flex:0 0 58px;width:58px;height:58px;overflow:hidden}.groupIcon img{object-fit:cover;width:100%;height:100%}.groupIconFallback{background:linear-gradient(135deg,#51dec242,#ff5d8f33);border:0;width:100%;height:100%;font-size:22px}.groupCard h3{overflow-wrap:anywhere;min-width:0;font-size:23px;font-weight:900;line-height:1.18}.groupClickCount{color:#676b62;white-space:nowrap;background:#d5d2be94;border:1px solid #4b4d412e;border-radius:999px;align-self:start;padding:6px 9px;font-size:12px;font-weight:800;line-height:1}.groupCard.compact p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.joinLine{color:#fff8ecc2;background:#51dec214;border:1px solid #51dec229;border-radius:8px;margin-top:0;padding:10px 12px;font-size:13px}.aboutBand{border-radius:8px;margin-bottom:70px;padding:26px}.contactBand{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:36px;padding:34px;display:grid}.contactCopy{max-width:720px}.aboutBand .contactKicker{color:#9a563f;letter-spacing:.18em;margin:0 0 10px;font-size:13px;font-weight:900}.contactNumber{color:#536458;background:#708a781c;border:1px solid #708a7847;border-radius:16px 7px;align-items:baseline;gap:14px;margin-top:22px;padding:13px 16px;display:inline-flex}.contactNumber span{font-size:13px;font-weight:800}.contactNumber strong{color:#30362f;letter-spacing:.04em;font-size:clamp(22px,3vw,32px)}.contactHint{margin-top:14px;font-size:13px}.contactQrLink{background:#1a1a1a;border:1px solid #4b4d4138;border-radius:22px 9px;display:block;overflow:hidden;box-shadow:0 16px 38px #2f2a2438}.contactQrLink:focus-visible,.groupQrLink:focus-visible{outline-offset:4px;outline:2px solid #b9874d}.contactQrImage{width:100%;height:auto;display:block}.homeMatchGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.homeMatchCard{background:linear-gradient(135deg,#ff5d8f1c,#0000 42%),#fff8ec0e;border:1px solid #fff8ec21;border-radius:8px;min-height:160px;padding:16px;display:block;overflow:hidden}.homeMatchCover{background:#2a302914;height:138px;margin:-16px -16px 14px;position:relative;overflow:hidden}.homeMatchCover img,.matchCardCover img{object-fit:cover}.homeMatchMetaLine,.matchBadgeLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.homeMatchCard.muted{filter:none;opacity:1}.homeMatchCard.muted>:not(.homeMatchCover){filter:grayscale();opacity:.48}.homeMatchStatus{border:1px solid #fff8ec1f;border-radius:999px;align-items:center;min-height:24px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.homeMatchStatus.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.homeMatchStatus.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.homeMatchStatus.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.homeMatchStatus.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.homeMatchCard h3{margin-top:12px}.homeMatchCard small{color:#fff8ec94;margin-top:10px;display:block}.homeLiveGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.homeLiveGrid .streamerCard{min-height:246px}.homeLiveGrid .streamerCover{min-height:0}.homeLiveGrid .streamerInfo{padding:14px}.homeLiveGrid .streamerTitleRow{align-items:flex-start}.homeLiveGrid .streamerCard h3{font-size:17px}.homeLiveGrid .streamerCard p{margin-top:8px;font-size:13px;line-height:1.6}.homeLiveGrid .streamerCard .likeButton{padding:6px 8px;font-size:12px}.pageHero{isolation:isolate;background-color:#0000;background-image:linear-gradient(#120f123d,#120f12 100%),radial-gradient(circle at 18% 20%,#ff5d8f38,#0000 28rem),radial-gradient(circle at 88% 14%,#51dec226,#0000 25rem),url(/assets/yxp-community-hero.webp);background-position:50% 28%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding-bottom:44px;position:relative;overflow:hidden}.pageHero:before{z-index:-1;content:"";background:#120f12b8;position:absolute;inset:0}.pageIntro,.pageContent{width:min(1180px,100% - 40px);margin:0 auto}.pageIntro{padding:56px 0 18px}.pageIntro h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(42px,7vw,78px);line-height:1}.pageIntro p{max-width:720px;font-size:17px}.pageSearch{margin-top:26px}.tagCloud{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tagChip{color:#fff8ecc2;background:#120f1270;border:1px solid #fff8ec24;border-radius:999px;min-height:36px;padding:8px 13px;font-size:13px;font-weight:800}.tagChip.active{color:#c7fff3;background:#51dec229;border-color:#51dec25c}.pageContent{padding:42px 0 76px}.listGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.streamerGrid.listGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.matchList{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.matchCard{border:1px solid var(--line);background:linear-gradient(135deg, #ff5d8f1c, transparent 38%), var(--panel);border-radius:8px;min-height:300px;padding:20px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000003d}.matchCardCover{background:#2a302914;height:220px;margin:-20px -20px 18px;position:relative;overflow:hidden}.matchCard.ended{filter:none;opacity:1}.matchCard.ended>:not(.matchCardCover){filter:grayscale();opacity:.54}.matchCardStatus{border:1px solid #fff8ec1f;border-radius:999px;margin-bottom:0;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.matchCardStatus.status-live{color:#b9f4a7;background:#8ad66d29;border-color:#8ad66d5c}.matchCardStatus.status-signup{color:#ffb3ca;background:#ff5d8f29;border-color:#ff5d8f57}.matchCardStatus.status-soon{color:#aff5e7;background:#51dec224;border-color:#51dec25c}.matchCardStatus.status-ended{color:#fff8ec85;background:#fff8ec14;border-color:#fff8ec29}.officialPill{overflow-wrap:anywhere;border:1px solid #fff8ec29;border-radius:999px;align-items:center;min-width:0;max-width:100%;min-height:28px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.homeMatchCard .officialPill{min-height:24px;padding:4px 8px;font-size:11px}.matchCard .matchBadgeLine,.detailPanel .matchBadgeLine{margin-bottom:16px}.detailList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;display:grid}.detailList div{background:#fff8ec0f;border:1px solid #fff8ec1f;border-radius:8px;padding:11px}.detailList .wideDetail{grid-column:1/-1}.detailList dt{color:#fff8ec7a;font-size:12px;font-weight:800}.detailList dd{color:#fff8ecd1;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.7}.detailLink{z-index:2;color:#aff5e7;text-decoration:none;position:relative}.detailList .watchDetail{background:linear-gradient(135deg,#708a782b,#b9874d1a),#efe8d4b8;border-color:#708a7852;padding:16px}.watchDetail dt{color:#526e5c;font-size:13px}.watchDetail dd{margin-top:10px}.watchAction{color:#fffaf0;background:#5f7f69;border:1px solid #4e8b686b;border-radius:16px 7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:13px 16px;text-decoration:none;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 12px 28px #3a594433}.watchAction:hover{color:#fffdf7;background:#4f705b;transform:translateY(-2px);box-shadow:0 16px 34px #3a594447}.watchAction:focus-visible{outline-offset:3px;outline:3px solid #b9874db8}.watchActionIcon{background:#fffaf024;border:1px solid #fffaf066;border-radius:999px;place-items:center;width:40px;height:40px;padding-left:2px;font-size:15px;display:grid}.watchActionCopy{gap:3px;display:grid}.watchActionCopy strong{letter-spacing:.08em;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:20px}.watchActionCopy small{color:#fffaf0c2;font-size:12px}.watchActionArrow{font-size:24px}.watchUnavailable{color:#5f513fb8;border:1px dashed #5f513f47;border-radius:12px 6px;align-items:center;min-height:44px;padding:10px 13px;display:inline-flex}.detailHero{min-height:420px}.detailContent{width:min(960px,100% - 40px);margin:0 auto;padding:42px 0 76px}.matchGallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.matchGalleryItem{background:#f8f1e1ed;border:1px solid #4b4d4133;border-radius:18px 8px;display:block;overflow:hidden;box-shadow:0 14px 38px #2f2a2421}.matchGalleryItem img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;display:block}.matchGalleryItem:focus-visible{outline-offset:4px;outline:2px solid #b9874d}.detailPanel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px;box-shadow:0 18px 60px #0000003d}.detailPanel.ended{filter:none;opacity:1}.detailPanel.ended>.matchBadgeLine,.detailPanel.ended>h2,.detailPanel.ended .detailList>div:not(.watchDetail){filter:grayscale();opacity:.72}.detailPanel h2{margin:0 0 18px;font-size:28px}.detailPanel p{color:var(--muted);margin:22px 0 0;line-height:1.8}.detailList.large{grid-template-columns:repeat(2,minmax(0,1fr))}.joinMethodBox{color:#fff8ece0;background:#51dec214;border:1px solid #51dec233;border-radius:8px;padding:18px;font-size:18px;font-weight:800}.groupJoinPanel{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:start;gap:30px;display:grid}.groupJoinValue{white-space:pre-wrap;margin-top:14px}.groupInlineLink{color:inherit;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.groupInlineLink:hover{color:#8f6338}.groupInlineLink:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid}.groupQrLink{background:#fff;border:1px solid #4b4d4133;border-radius:18px 8px;display:block;overflow:hidden}.groupQrImage{object-fit:contain;width:100%;height:auto;display:block}.adminLoginPage,.adminPage{min-height:100vh}.adminLoginPage{place-items:center;padding:32px;display:grid}.adminLoginCard{border:1px solid var(--line);background:linear-gradient(135deg, #ff5d8f1f, transparent 42%), var(--panel);border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 24px 90px #00000057}.adminLoginCard h1{margin:0;font-size:34px}.adminLoginCard p{color:var(--muted);line-height:1.7}.adminLoginForm{gap:16px;margin-top:24px;display:grid}.adminLoginForm label{color:#fff8ecc2;gap:8px;font-size:13px;font-weight:800;display:grid}.adminLoginForm input{width:100%;color:var(--ink);background:#120f12b8;border:1px solid #fff8ec29;border-radius:8px;outline:none;padding:13px 14px}.adminLoginForm input:focus{border-color:#51dec27a}.adminLoginForm button,.adminLogout{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;border-radius:8px;padding:12px 16px;font-weight:800}.adminLoginForm button:disabled{opacity:.58}.adminError{color:#ffb3ca;margin:0}.adminNotice{color:#51dec2eb;margin:0;font-size:13px;line-height:1.6}.adminPage{grid-template-columns:260px minmax(0,1fr);display:grid}.adminSidebar{background:#120f12c7;border-right:1px solid #fff8ec1f;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.adminBrand{align-self:flex-start}.adminNav{gap:8px;display:grid}.adminNav a{color:#fff8ecbd;border:1px solid #0000;border-radius:8px;padding:11px 12px}.adminNav a:hover,.adminNav a:focus-visible{color:var(--ink);background:#fff8ec14;border-color:#fff8ec29;outline:none}.adminLogout{width:100%;margin-top:auto}.adminMain{min-width:0;padding:34px}.adminHeader{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.adminHeader h1{margin:0;font-size:clamp(32px,5vw,54px)}.adminHeader p{max-width:780px;color:var(--muted);line-height:1.7}.adminStats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.adminOverview{gap:18px;display:grid}.adminStat,.adminDraftPanel,.adminDataPanel,.adminBulkImport,.adminCrudForm,.adminTableWrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 60px #0003}.adminStat{gap:12px;padding:20px;display:grid}.adminStat span{color:#fff8ec99;font-size:13px}.adminStat strong{font-size:42px}.adminDataPanel{overflow:hidden}.adminDataHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.adminDataHeader h2{margin:4px 0 0;font-size:22px}.adminDataHeader>span{color:var(--teal);background:#51dec217;border:1px solid #51dec233;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.adminDataGrid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.adminDataGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.adminMetric{border-right:1px solid #fff8ec14;gap:10px;min-height:132px;padding:20px;display:grid}.adminMetric:last-child{border-right:0}.adminMetric span,.adminInsightList span{color:#fff8ec94;font-size:13px;font-weight:800}.adminMetric strong{align-self:end;font-size:clamp(32px,4vw,52px);line-height:.95}.adminMetric.small{min-height:104px}.adminMetric.small strong{font-size:34px}.adminInsightList{gap:0;display:grid}.adminInsightList div{border-bottom:1px solid #fff8ec14;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.adminInsightList div:last-child{border-bottom:0}.adminInsightList strong{color:var(--ink);font-size:22px}.adminDraftPanel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:20px;padding:20px;display:grid}.adminDraftPanel h2{margin:0}.adminDraftPanel p{color:var(--muted);line-height:1.7}.adminFieldGrid{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.adminFieldGrid span{color:#fff8ecc7;background:#fff8ec14;border:1px solid #fff8ec21;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.adminTableWrap{overflow:auto}.adminCrud{gap:22px;display:grid}.adminBulkImport{overflow:hidden}.adminBulkImportHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex}.adminBulkImportHeader h2{margin:4px 0 0;font-size:24px}.adminBulkImportHeader p:not(.sectionKicker){max-width:760px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.7}.adminBulkImportHeader>span{color:#8ff1dee6;background:#51dec214;border:1px solid #51dec238;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.adminBulkInput{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:20px;display:grid}.adminBulkInput textarea{min-height:170px}.adminBulkInput>button{min-width:128px}.adminBulkDrafts{border-top:1px solid #fff8ec14;gap:14px;padding:20px;display:grid}.adminBulkDraft{background:#51dec209;border:1px solid #51dec233;border-radius:8px;gap:16px;padding:16px;display:grid}.adminBulkDraft.invalid{background:#ff5d8f0b;border-color:#ff5d8f57}.adminBulkDraftHeader,.adminBulkDraftHeader>div{align-items:center;display:flex}.adminBulkDraftHeader{justify-content:space-between;gap:16px}.adminBulkDraftHeader>div{gap:10px}.adminBulkDraftHeader span{color:#51dec2d9;font-size:12px}.adminBulkDraft.invalid .adminBulkDraftHeader span{color:#ffb3ca}.adminBulkDraftHeader button{color:#fff8ec9e;text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}.adminBulkErrors{color:#ffb3ca;flex-wrap:wrap;gap:6px 18px;margin:0;padding-left:20px;font-size:12px;display:flex}.adminBulkDraft details{color:#fff8ec94;font-size:12px}.adminBulkDraft details p{white-space:pre-wrap;margin:8px 0 0;line-height:1.6}.adminBulkSubmit{border-top:1px solid #fff8ec14;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.adminBulkSubmit>div{min-width:0}.adminBulkSubmit .adminError{font-size:13px;line-height:1.6}.liveMonitor{gap:18px;margin-bottom:22px;display:grid}.liveMonitorHeader,.liveMonitorMeta,.liveMonitorRoom,.liveMonitorSessions{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 60px #0003}.liveMonitorHeader{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.liveMonitorHeader h2{margin:4px 0 0;font-size:26px}.liveMonitorHeader p:not(.sectionKicker){max-width:720px;color:var(--muted);margin:8px 0 0;line-height:1.7}.liveMonitorActions{flex:none;align-items:center;gap:10px;display:flex}.liveMonitorActions>span{color:var(--teal);background:#51dec217;border:1px solid #51dec233;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.liveMonitorMessage{padding:0 4px}.liveMonitorMeta{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.liveMonitorMeta span{color:#fff8ec94;font-size:13px;font-weight:800}.liveMonitorMeta strong{font-size:15px}.liveMonitorRoomGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.liveMonitorRoom{padding:18px}.liveMonitorRoomTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.liveMonitorRoom h3{color:var(--ink);font-size:21px}.liveMonitorRoom a{color:var(--teal);margin-top:6px;font-size:12px;display:inline-block}.monitorStatus{border:1px solid #fff8ec29;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.monitorStatus.live{color:#b9f4a7;background:#8ad66d26;border-color:#8ad66d5c}.monitorStatus.offline{color:#fff8eca6;background:#fff8ec14}.monitorStatus.error{color:#ffb3ca;background:#ff5d8f24;border-color:#ff5d8f57}.liveMonitorRoom dl{gap:8px;margin:18px 0 0;display:grid}.liveMonitorRoom dl div{justify-content:space-between;gap:12px;display:flex}.liveMonitorRoom dt{color:#fff8ec80;font-size:12px}.liveMonitorRoom dd{text-align:right;margin:0;font-size:13px;font-weight:800}.liveMonitorRoom>p{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.liveMonitorRoom>p.monitorError{color:#ffb3ca}.liveMonitorSessions{overflow:hidden}.liveMonitorSessions .adminListHeader span{color:#fff8ec94;font-size:13px}.liveMonitorSessions .adminListHeader p{color:#fff8ec8f;margin:6px 0 0;font-size:12px}.liveMonitorPagination{border-top:1px solid #fff8ec1a;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:14px 18px;display:flex}.liveMonitorPagination span{color:#fff8ecad;font-size:13px}.liveMonitorPagination button:disabled{cursor:not-allowed;opacity:.42}.adminCrudForm{overflow:hidden}.adminCrudHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.adminCrudHeader h2,.adminListHeader h2,.adminFormSection h3{margin:0}.adminCrudHeader h2{margin-top:4px;font-size:24px}.adminCrudHeader span{color:#fff8ec94;margin-top:8px;font-size:13px;display:inline-flex}.adminFormSections{display:grid}.adminFormSection{border-bottom:1px solid #fff8ec14;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px;display:grid}.adminFormSectionHeader h3{color:#fff8ece6;font-size:15px}.adminFormGrid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.adminField{color:#fff8ecb8;gap:8px;min-width:0;font-size:12px;font-weight:800;display:grid}.adminField.wide,.adminField.mediaField{grid-column:1/-1}.adminField input,.adminField select,.adminField textarea{width:100%;color:var(--ink);background:#120f129e;border:1px solid #fff8ec24;border-radius:8px;outline:none;padding:11px 12px}.adminField textarea{resize:vertical;min-height:104px;line-height:1.6}.adminField input:focus,.adminField select:focus,.adminField textarea:focus{border-color:#51dec27a;box-shadow:0 0 0 3px #51dec21a}.adminToggleGrid{flex-wrap:wrap;grid-column:2;gap:10px;margin-top:-2px;display:flex}.adminToggle{color:#fff8ecbd;background:#fff8ec0f;border:1px solid #fff8ec1f;border-radius:999px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.adminToggle input{opacity:0;pointer-events:none;position:absolute}.toggleControl{background:#fff8ec29;border-radius:999px;width:32px;height:18px;transition:background .16s;position:relative}.toggleControl:after{content:"";background:#fff8ecc7;border-radius:999px;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.adminToggle input:checked+.toggleControl{background:#51dec257}.adminToggle input:checked+.toggleControl:after{background:var(--teal);transform:translate(14px)}.assetUpload{background:#fff8ec0a;border:1px dashed #fff8ec29;border-radius:8px;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px;padding:10px;display:grid}.assetUpload img{object-fit:cover;border:1px solid #fff8ec24;border-radius:8px;width:112px;height:72px}.assetUpload img.qrPreview{object-fit:contain;background:#fff;justify-self:center;width:90px;height:160px}.assetUpload small{color:#fff8ec9e;font-size:12px}.guideBodyField textarea{min-height:260px}.guideBodyImageInsert{background:#51dec20e;border:1px dashed #51dec247;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.guideBodyImageInsert>div{gap:3px;min-width:0;display:grid}.guideBodyImageInsert strong{color:#fff8ece0;font-size:12px}.guideBodyImageInsert small{color:#fff8ec85;font-size:11px;font-weight:600;line-height:1.5}.guideBodyImageButton{min-height:38px;color:var(--teal);cursor:pointer;white-space:nowrap;background:#51dec21f;border:1px solid #51dec25c;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex;position:relative}.guideBodyImageButton:has(input:disabled){cursor:not-allowed;opacity:.5}.guideBodyImageButton input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.guideBodyImageCount{color:#fff8ec8f;font-variant-numeric:tabular-nums;white-space:nowrap}.guideBodyExternalHint{color:#fff8ec80;font-weight:600}.adminFormActions{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.adminFormActions div{gap:10px;display:inline-flex}.adminPrimaryButton,.adminSecondaryButton,.adminRowActions button{border-radius:8px;font-weight:800}.adminPrimaryButton{background:linear-gradient(135deg, var(--rose), var(--amber));color:#1d1110;border:1px solid #fff8ec1f;padding:11px 18px}.adminPrimaryButton:disabled{opacity:.58}.adminSecondaryButton,.adminRowActions button{color:#fff8ecd1;background:#fff8ec12;border:1px solid #fff8ec24;padding:10px 13px}.adminListHeader{border-bottom:1px solid #fff8ec1a;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.adminListHeader h2{font-size:18px}.adminRowActions{gap:8px;display:inline-flex}.adminTable{border-collapse:collapse;width:100%;min-width:680px}.adminTable th,.adminTable td{text-align:left;vertical-align:top;border-bottom:1px solid #fff8ec1a;padding:14px}.adminTable th{color:#fff8ec94;font-size:12px}.adminTable td{color:#fff8ecd1;font-size:14px}@media (max-width:980px){.topbar{flex-direction:column;align-items:flex-start}.navLinks{justify-content:flex-start}.mainGrid{grid-template-columns:1fr}.matchPanel{position:static}.streamerGrid{grid-template-columns:1fr}.homeMatchGrid,.homeLiveGrid,.groupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.listGrid,.matchList{grid-template-columns:1fr}.streamerGrid.listGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminPage{grid-template-columns:1fr}.adminSidebar{border-bottom:1px solid #fff8ec1f;border-right:0;height:auto;position:static}.adminNav{grid-template-columns:repeat(3,minmax(0,1fr))}.adminStats,.adminDraftPanel,.adminDataGrid,.adminDataGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.adminFormSection{grid-template-columns:1fr}.adminBulkImportHeader{flex-direction:column}.adminBulkInput{grid-template-columns:1fr}.adminBulkInput>button{width:100%}.adminToggleGrid{grid-column:auto}}@media (max-width:680px){.hero{min-height:430px}.heroContent{padding:28px 0 40px}.hero h1{font-size:34px}.heroCopy{max-width:100%;font-size:14px}.searchBox{flex-direction:column;align-items:stretch}.searchBox button{width:100%}.sectionHeader,.panelHeader{flex-direction:column;align-items:flex-start}.sectionBrowseAction{width:100%;max-width:none}.toolGrid,.groupGrid,.matchGallery{grid-template-columns:1fr}.widgetShell{padding:18px}.contactBand,.groupJoinPanel{grid-template-columns:1fr}.contactBand{gap:24px;padding:22px}.contactQrLink{width:min(100%,280px);margin:0 auto}.homeMatchGrid,.homeLiveGrid{grid-template-columns:1fr}.streamerCover{min-height:0}.streamerGrid.listGrid{grid-template-columns:1fr}.metaRow{flex-direction:column}.detailList{grid-template-columns:1fr}.adminMain,.adminSidebar{padding:20px}.adminNav,.adminStats,.adminDraftPanel,.adminDataGrid,.adminDataGrid.compact,.adminFormGrid{grid-template-columns:1fr}.liveMonitorHeader,.liveMonitorActions{flex-direction:column;align-items:stretch}.liveMonitorRoomGrid{grid-template-columns:1fr}.adminMetric{border-bottom:1px solid #fff8ec14;border-right:0;min-height:auto}.adminMetric:last-child{border-bottom:0}.adminFormActions,.adminBulkSubmit{flex-direction:column;align-items:stretch}.adminBulkSubmit .adminPrimaryButton,.adminFormActions div,.adminPrimaryButton,.adminSecondaryButton{width:100%}.adminFormActions div{flex-direction:column}.assetUpload{grid-template-columns:1fr}}::selection{color:#292e28;background:#b9874d6b}body>main:not(.adminPage):not(.adminLoginPage){min-height:100vh}.hero{border-bottom:1px solid #efe8d42e;min-height:610px}.heroImage{object-position:center top;filter:saturate(.9)contrast(.98)brightness(1.02)}.heroShade{background:linear-gradient(90deg,#2a3029ad 0%,#31342c70 36%,#34322b24 66%,#342f2914 100%),linear-gradient(#efe8d405 0%,#4c4e4314 62%,#464a3f85 100%)}.topbar{color:#fff4df;-webkit-backdrop-filter:blur(16px)saturate(.82);backdrop-filter:blur(16px)saturate(.82);background:#323830ad;border:1px solid #efe8d438;border-radius:22px;margin-top:16px;padding:10px 16px;box-shadow:0 16px 40px #2f2a243d}.brand{letter-spacing:.08em;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:18px}.brandMark{color:#fff9ed;background:#efe8d4;border-color:#ffefcf4d;border-radius:12px 7px;overflow:hidden;box-shadow:0 8px 22px #2f2a2447}.brandName{white-space:nowrap}.navLinks{color:#fff4dfd1}.navLinks a:hover,.navLinks a:focus-visible{color:#fff7e8;background:#b9874d29;border-color:#b9874d6b}.heroContent{flex-direction:column;align-items:flex-start;padding:94px 0 116px;display:flex}.hero h1,.pageIntro h1{color:#fff2d7;text-shadow:0 3px 22px #2a3029e0;font-family:STKaiti,KaiTi,Songti SC,serif;font-weight:700}.hero h1{letter-spacing:.08em;font-size:clamp(58px,7vw,92px)}.heroCopy{color:#fff2d7d1;letter-spacing:.14em;margin-top:14px;font-family:Songti SC,STSong,serif;font-size:19px}.searchBox{-webkit-backdrop-filter:blur(18px)saturate(.78);backdrop-filter:blur(18px)saturate(.78);background:#efe8d4f2;border-color:#b9874d57;border-radius:18px;box-shadow:0 18px 48px #2f2a2447}.searchBox input{color:#292e28}.searchBox input::placeholder{color:#726f63d1}.searchBox button,.textAction,.smallAction{color:#fff6e6;background:#9a563f;border-color:#703b2a4d;border-radius:14px;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 8px 22px #5b34273d}.searchBox button:hover,.textAction:hover,.smallAction:hover{background:#814634;transform:translateY(-1px);box-shadow:0 10px 26px #5b342752}.searchResults{background:#f8f1e1fa;border-color:#4b4d4138;box-shadow:0 22px 60px #2f2a2442}.searchResultItem:hover,.searchResultItem:focus-visible{background:#708a781f}.resultType{color:#536458;background:#708a781f;border-color:#708a784d}.searchResultItem strong{color:#292e28}.searchResultItem small{color:#726f63}.heroStats{margin-top:14px}.heroStats a{color:#fff2d7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a30298a;border-color:#efe8d43d}.heroStats strong{color:#ddb274}.contentBand{padding:34px 0}.primaryBand{padding-top:6px}.widgetShell{-webkit-backdrop-filter:blur(18px)saturate(.78);backdrop-filter:blur(18px)saturate(.78);background:linear-gradient(145deg,#efe8d4f5,#d5d2beed);border-color:#736c5747;border-radius:28px 12px;padding:28px;box-shadow:0 24px 70px #2f2a243d}.sectionHeader{margin-bottom:24px}.sectionLead{color:#726f63;max-width:660px;margin:9px 0 0;font-family:Songti SC,STSong,serif;font-size:15px;line-height:1.7}.sectionHeader h2,.panelHeader h2,.aboutBand h2,.detailPanel h2{color:#30362f;letter-spacing:.06em;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-weight:700}.toolCard,.streamerCard,.groupCard,.homeMatchCard,.matchCard,.detailPanel,.aboutBand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f1e1ed;border-color:#4b4d4133;box-shadow:0 14px 38px #2f2a2421}.toolCard,.streamerCard,.groupCard,.matchCard{border-radius:20px 9px}.toolCard{--tool-accent:#708a78;--tool-accent-soft:#708a781a;background:linear-gradient(145deg, var(--tool-accent-soft), transparent 52%), #f8f1e1f2;min-height:248px;position:relative}.toolCard:before{z-index:2;background:var(--tool-accent);content:"";opacity:.78;border-radius:0 999px 999px 0;width:4px;position:absolute;top:18px;bottom:18px;left:0}.toolCard-rose{--tool-accent:#9a563f;--tool-accent-soft:#9a563f1a}.toolCard-teal{--tool-accent:#708a78;--tool-accent-soft:#708a781f}.toolCard-amber{--tool-accent:#b9874d;--tool-accent-soft:#b9874d1c}.toolCard-indigo{--tool-accent:#81706f;--tool-accent-soft:#81706f1a}.toolCardBody{gap:16px;min-height:248px;padding:18px}.toolCardTopline{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolCategory{border:1px solid var(--tool-accent);align-items:center;min-height:26px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.toolCategory{border:1px solid color-mix(in srgb, var(--tool-accent) 40%, transparent)}}.toolCategory{background:var(--tool-accent-soft);color:var(--tool-accent);letter-spacing:.06em;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.toolClickCount{color:#555b52;white-space:nowrap;background:#d5d2beb8;border:1px solid #4b4d4133;border-radius:999px;align-items:center;min-height:30px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.toolCard h3{color:#2f352f;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-top:13px;font-size:21px;line-height:1.3;display:-webkit-box;overflow:hidden}.toolCard p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:36rem;margin-top:8px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.toolBadgeRow{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.toolBadgeRow span{color:#62665d;background:#d5d2be80;border:1px solid #4b4d4124;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.toolCardFooter{border-top:1px solid #4b4d4124;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.toolDomain{color:#555b52b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.toolVisit{color:var(--tool-accent);letter-spacing:.06em;flex:none;font-family:Songti SC,STSong,serif;font-size:14px;font-weight:800}.clickableCard:hover,.groupCard:hover,.matchCard:hover,.homeMatchCard:hover{border-color:#b9874d85;transform:translateY(-3px);box-shadow:0 18px 44px #2f2a242e}.cardClickTarget:focus-visible,.groupCard:focus-visible,.matchCard:focus-visible,.homeMatchCard:focus-visible,.timelineTitleLink:focus-visible{outline-color:#b9874d}.toolCard h3,.streamerCard h3,.groupCard h3,.homeMatchCard h3,.matchCard h3{color:#30362f;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}.toolCard p,.streamerCard p,.groupCard p,.aboutBand p,.pageIntro p,.matchCard p,.homeMatchCard p,.detailPanel p{color:#726f63}.likeButton{color:#555b52;background:#d5d2beb3;border-color:#4b4d4133}.likeButton:hover{background:#9a563f1a;border-color:#9a563f52}.likeButton.liked{color:#4f6757;background:#708a7829;border-color:#708a786b}.badge{color:#5a695d;background:#708a781a;border-color:#4b4d412e}.moreBadge{color:#555b52c2;border-color:#4b4d413d}.metaRow,.homeMatchCard small,.timelineItem p,.timelineItem small{color:#726f63d1}.homeMatchCard{background:linear-gradient(145deg,#b9874d1a,#0000 52%),#f8f1e1f2;border-radius:18px 8px}.status-live,.homeMatchStatus.status-live,.matchCardStatus.status-live{color:#37694d;background:#4e8b6824;border-color:#4e8b6857}.status-signup,.homeMatchStatus.status-signup,.matchCardStatus.status-signup{color:#874a37;background:#9a563f1f;border-color:#9a563f52}.status-soon,.homeMatchStatus.status-soon,.matchCardStatus.status-soon{color:#526e5c;background:#708a7821;border-color:#708a7852}.status-ended,.homeMatchStatus.status-ended,.matchCardStatus.status-ended{color:#5f513fb3;background:#4a371f12;border-color:#4a371f29}.officialPill.official{color:#76552d;background:#b9874d26;border-color:#b9874d6b}.officialPill.community{color:#874a37;background:#9a563f1c;border-color:#9a563f52}.streamerCard.onAir{background:linear-gradient(145deg,#4e8b681a,#0000 50%),#f8f1e1f2;border-color:#4e8b685c}.streamerCover{background:linear-gradient(#7f887c0a,#2a30293d),url(/assets/rainy-teahouse-theme.jpg) 50% 48%/cover}.streamerCover:after{background:linear-gradient(#2a302905,#2a30293d),linear-gradient(90deg,#2a302947,#0000 58%)}.streamerInitialCover,.groupIconFallback{color:#555b52;background:#efe8d4d6;border-color:#f8f1e194}.streamerStatusPill.live{color:#f5faed;background:#37694de0;border-color:#eff7e66b}.streamerStatusPill.offline{color:#f8f1e1e6;background:#2a3029bd;border-color:#f8f1e157}.groupIcon{background:#d5d2bec2;border-color:#4b4d4138}.groupIconFallback{background:linear-gradient(145deg,#708a7838,#b9874d2e),#efe8d4}.joinLine,.joinMethodBox{color:#536458;background:#708a781c;border-color:#708a7847}.aboutBand{background:linear-gradient(120deg,#b9874d21,#0000 58%),#f8f1e1ed;border-radius:26px 11px}.pageHero{background:linear-gradient(90deg,#2a3029b3 0%,#31342c70 42%,#342f291a 100%),url(/assets/rainy-teahouse-theme.jpg) 50% 8%/cover;border-bottom:1px solid #efe8d42e}.pageHero:before{background:linear-gradient(#efe8d405,#464a3f8f)}.pageIntro{padding-top:74px}.pageIntro h1{letter-spacing:.04em;font-size:clamp(48px,7vw,82px)}.pageHero .pageIntro p{color:#fff2d7d1;text-shadow:0 2px 14px #2a3029b8}.pageHero .badge{color:#e2ba83;background:#b9874d2e;border-color:#b9874d75}.tagChip{color:#30362fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#efe8d4d1;border-color:#4a371f33}.tagChip:hover{background:#708a7821;border-color:#708a7870}.tagChip.active{color:#f8f1e1;background:#708a78;border-color:#e3d5b5b8;box-shadow:0 8px 20px #2a30293d}.emptyState{color:#5f513fc2;border-color:#4a371f3d}.matchCard{background:linear-gradient(145deg,#9a563f12,#0000 48%),#f8f1e1f2}.detailList div{background:#d5d2be94;border-color:#4b4d4129}.detailList dt{color:#7e705bcc}.detailList dd{color:#252018e6}.detailLink{color:#5a7563;text-underline-offset:3px;-webkit-text-decoration:underline #5a756361;text-decoration:underline #5a756361}.detailLink:hover{color:#9a563f}.timelineDot{background:#708a78;border-color:#efe8d4;box-shadow:0 0 0 3px #708a7833}.timelineItem:before{background:#4a371f24}.adminPage,.adminLoginPage{--bg:#120f12;--bg-soft:#1b1617;--ink:#fff8ec;--muted:#c9bfb5;--line:#fff8ec24;--panel:#fff8ec12;--panel-strong:#fff8ec1c;--rose:#ff5d8f;--teal:#51dec2;--amber:#f3b75f;--green:#8ad66d;--violet:#9b8cff;color:var(--ink);background:radial-gradient(circle at 12% 4%,#ff5d8f2e,#0000 30rem),radial-gradient(circle at 92% 18%,#51dec21f,#0000 26rem),linear-gradient(#120f12 0%,#181111 48%,#0f1513 100%)}@media (prefers-reduced-motion:reduce){.clickableCard,.groupCard,.matchCard,.homeMatchCard,.searchBox button,.textAction,.smallAction,.streamerCoverImage,.streamerKeyframe{transition:none}}@media (max-width:980px){.topbar{border-radius:20px}.hero{min-height:640px}.heroShade{background:linear-gradient(90deg,#2a3029b3,#31342c47),linear-gradient(#0000 34%,#464a3f8a 100%)}.widgetShell{border-radius:22px 10px}}@media (max-width:680px){body{background-attachment:scroll}.hero{min-height:650px}.heroImage{object-position:61% top}.heroShade{background:linear-gradient(#2a302999 0%,#31342c6b 55%,#464a3f8f 100%),linear-gradient(90deg,#2a302985,#342f2929)}.topbar{border-radius:18px;width:calc(100% - 24px);margin-top:10px;padding:12px}.navLinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;font-size:12px;display:grid}.navLinks a{text-align:center;min-width:0;padding:7px 4px}.brand{gap:9px;min-width:0;font-size:15px}.brandName{white-space:normal}.heroContent{padding:70px 0 112px}.hero h1{font-size:50px}.heroCopy{font-size:17px}.widgetShell{border-radius:20px 8px;padding:20px}.toolCard,.toolCardBody{min-height:0}.toolCardBody{padding:22px 20px 20px}.toolCard h3{font-size:23px}.toolCardFooter{flex-direction:column;align-items:flex-start;gap:8px}.pageHero{background-position:60% 8%}.pageIntro{padding-top:54px}.pageIntro h1{font-size:44px}}.guideGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.guideListGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.guideCard{color:#2f352f;background:#f8f1e1e6;border:1px solid #4b4d4133;border-radius:22px 10px;flex-direction:column;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden;box-shadow:0 16px 42px #2f2a2421}.guideCard:hover{border-color:#5f7f6980;transform:translateY(-3px);box-shadow:0 22px 52px #2f2a242e}.guideCard:focus-visible{outline-offset:3px;outline:3px solid #b9874d9e}.guideCard.stale{background:#efe8d4b8}.guideCardCover{aspect-ratio:16/9;background:#d7d2c1;position:relative;overflow:hidden}.guideCardCover img{object-fit:cover;transition:transform .22s}.guideCard:hover .guideCardCover img{transform:scale(1.025)}.guideCardCoverFallback{color:#fff8e8;letter-spacing:.16em;background:linear-gradient(135deg,#5f7f69d1,#b9874d94),#6e7768;place-items:center;height:100%;font-family:STKaiti,KaiTi,serif;font-size:26px;display:grid}.guideCardBody{flex-direction:column;flex:1;padding:18px;display:flex}.guideCardTagline,.guideCardMeta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.guideCardTagline{justify-content:flex-start}.guideCardTagline span{color:#526e5c;background:#5f7f6917;border:1px solid #5f7f693d;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.guideCard h3{color:#2f352f;margin-top:14px;font-family:Songti SC,STSong,serif;font-size:21px;line-height:1.35}.guideCardTitle{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;display:-webkit-box;overflow:hidden}.guideCardMeta{color:#2f352f99;margin-top:12px;font-size:12px}.guideCard p{color:#2f352fb8;margin:14px 0 0;font-size:13px;line-height:1.7}.guideCardSummary{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guideCard .badgeRow{gap:6px;margin-top:14px}.guideCard .badge{color:#6c573f;background:#b9874d14;border-color:#5f513f29;min-height:24px;padding:4px 7px;font-size:10px}.guideCardAction{color:#526e5c;align-self:flex-start;margin-top:auto;padding-top:16px;font-size:13px}.guideDetailContent{width:min(920px,100% - 40px);margin:0 auto;padding:42px 0 76px}.guideDetailCover{aspect-ratio:16/9;object-fit:cover;border:1px solid #4b4d4133;border-radius:24px 10px;width:min(720px,100%);height:auto;margin-left:auto;margin-right:auto;display:block;box-shadow:0 18px 48px #2f2a2429}.guideDetailPanel,.guideStaleNotice{color:#2f352f;background:#f8f1e1eb;border:1px solid #4b4d4133;box-shadow:0 16px 42px #2f2a241f}.guideDetailPanel{border-radius:22px 10px;margin-top:22px;padding:clamp(24px,5vw,48px)}.guideStaleNotice{color:#76562e;background:#ffebb9e0;border-color:#b9874d61;border-radius:14px;margin-bottom:18px;padding:14px 18px;line-height:1.7}.guideDetailLead{color:#526e5c;margin:0;font-family:Songti SC,STSong,serif;font-size:21px;font-weight:700;line-height:1.8}.guideDetailBody{color:#2f352fd1;margin-top:30px;font-size:16px;line-height:2}.guideDetailBody p{white-space:pre-wrap;overflow-wrap:anywhere}.guideBodyFigure{margin:30px 0}.guideBodyFigure img{object-fit:contain;background:#4b4d410f;border:1px solid #4b4d412e;border-radius:18px 8px;width:100%;height:auto;display:block}.guideBodyFigure figcaption{color:#2f352f8f;text-align:center;margin-top:9px;font-size:13px;line-height:1.6}.guideBodyImageRetry{color:#526e5c;cursor:pointer;background:#526e5c14;border:1px dashed #526e5c61;border-radius:18px 8px;place-items:center;width:100%;min-height:180px;padding:20px;font-weight:800;display:grid}.guideBodyImageRetry:hover,.guideBodyImageRetry:focus-visible{background:#526e5c24;border-color:#526e5cad;outline:none}.guideExternalAction{color:#fff8e8;background:#5f7f69;border-radius:14px 7px;margin-top:28px;padding:12px 18px;font-weight:800;display:inline-flex}.adminInviteButton{color:var(--teal);background:#51dec21a;border:1px solid #51dec252;border-radius:8px;flex:none;padding:10px 14px;font-weight:800}.adminModalBackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b0f0ca3;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.adminInviteModal{color:#34483c;background:radial-gradient(circle at 72% 8%,#bc945717,#0000 28rem),linear-gradient(#fffdf7 0%,#f7f0df 100%);border:1px solid #986f36a3;border-radius:10px;width:min(800px,100%);max-height:calc(100vh - 56px);padding:20px 36px 22px;position:relative;overflow:auto;box-shadow:0 32px 100px #0000006b,inset 0 0 0 4px #ffffff8a}.adminInviteModal>header{text-align:center;padding-right:76px}.adminInviteOverview h2{color:var(--ink);margin:4px 0 0;font-size:30px}.adminInviteOverview p:not(.sectionKicker){color:var(--muted);margin:8px 0 0;line-height:1.7}.adminInviteModal .sectionKicker{display:none}.adminInviteModal h2{color:#2e5845;letter-spacing:.08em;margin:0;font-family:Songti SC,STSong,serif;font-size:32px;line-height:1.2}.adminInviteModal header>p:last-child{color:#394039b3;margin:6px 0 0;line-height:1.6}.adminModalClose{color:#78552e;background:#fffdf7b8;border:1px solid #74532a42;border-radius:999px;padding:7px 10px;position:absolute;top:18px;right:20px}.adminInviteGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:14px;display:grid}.adminInviteGrid .wide{grid-column:1/-1}.adminInviteChoices{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.adminInviteChoices legend,.adminInviteChecks>span{color:#505b52;width:100%;margin-bottom:1px;font-size:12px;font-weight:800}.adminInviteChoices button,.adminInviteChoices label,.adminInviteChecks label{color:#4b554d;background:#fffdf7a8;border:1px solid #8167423d;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.adminInviteChoices button.selected{color:#fffaf0;background:#3f6d56;border-color:#306048a8}.adminInviteChoices label{align-items:center;gap:7px;display:inline-flex}.adminInviteChoices input{color:#34483c;background:0 0;border:0;border-bottom:1px solid #74532a47;width:66px}.adminInviteChecks{flex-wrap:wrap;gap:8px;display:flex}.adminInviteChecks label{align-items:center;gap:8px;display:inline-flex}.adminInviteChecks label.disabled{opacity:.45}.adminInviteModal input[type=checkbox]{accent-color:#3f6d56}.adminInviteModal .adminField{color:#505b52;gap:6px}.adminInviteModal .adminField>span{color:#505b52;font-size:12px;font-weight:800}.adminInviteModal .adminField input,.adminInviteModal .adminField select,.adminInviteModal .adminField textarea{color:#34483c;background:#fffdf7b8;border-color:#81674242;padding:9px 11px}.adminInviteModal .adminField textarea{min-height:56px}.adminInviteModal .adminField input:focus,.adminInviteModal .adminField select:focus,.adminInviteModal .adminField textarea:focus{border-color:#30604899;box-shadow:0 0 0 3px #3f6d561a}.adminInviteSafety{color:#705331;background:#bc94571f;border:1px solid #986f3661;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:12px;line-height:1.6}.adminInviteModal>footer,.adminGeneratedInvite>div{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.adminInviteModal .adminSecondaryButton,.adminInviteModal .adminPrimaryButton{color:#34483c;border-color:#6c4e2757;min-width:180px}.adminInviteModal .adminSecondaryButton{background:#fffdf7c2}.adminInviteModal .adminPrimaryButton{color:#fffaf0;background:#315b47}.adminGeneratedInvite{background:#3f6d5614;border:1px solid #30604847;border-radius:12px;gap:14px;margin-top:24px;padding:20px;display:grid}.adminGeneratedInvite>span{color:#315b47;font-size:13px;font-weight:800}.adminGeneratedInvite strong{overflow-wrap:anywhere;color:#34483c;font-size:15px}.adminGeneratedInvite p{color:#394039b3;margin:0;line-height:1.7}.adminInviteOverview{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex;box-shadow:0 18px 60px #0003}.guideAdminForm{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);align-items:start;display:grid}.guideAdminForm .adminCrudHeader,.guideAdminForm .adminFormSections,.guideAdminForm .adminFormActions{grid-column:1}.guideAdminForm .adminCrudHeader{grid-row:1}.guideAdminForm .adminFormSections{grid-row:2}.guideAdminForm .adminFormActions{grid-row:3}.guideAdminPreview{background:#fff8ec0b;border:1px solid #fff8ec1f;border-radius:12px;grid-area:1/2/span 3;margin:20px;padding:16px;position:sticky;top:24px}.guideAdminPreviewHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.guideAdminPreviewHeader h3{color:var(--ink)}.guideAdminPreviewHeader>span{color:#fff8ec7a;font-size:11px}.guideAdminPreviewCard{color:#2f352f;background:#f5eedc;border:1px solid #b9874d47;border-radius:18px 8px;overflow:hidden}.guideAdminPreviewCover,.guideAdminPreviewEmptyCover{aspect-ratio:16/9;position:relative}.guideAdminPreviewCover img{object-fit:cover}.guideAdminPreviewEmptyCover{color:#6c6c61;background:#d9d2bf;place-items:center;font-size:12px;display:grid}.guideAdminPreviewBody{padding:16px}.guideAdminPreviewTags,.guideAdminPreviewMeta,.guideAdminPreviewChecks{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.guideAdminPreviewTags{justify-content:flex-start}.guideAdminPreviewTags span,.guideAdminPreviewChecks span{color:#526e5c;border:1px solid #5f7f693d;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.guideAdminPreviewBody h3{color:#2f352f;margin-top:12px;line-height:1.4}.guideAdminPreviewMeta{color:#2f352f94;margin-top:10px;font-size:11px}.guideAdminPreviewBody p{color:#2f352fb8;font-size:12px;line-height:1.7}.guideAdminPreviewBody strong{color:#526e5c;font-size:12px}.guideAdminPreviewChecks{justify-content:flex-start;margin-top:14px}.guideAdminPreviewChecks span{color:#8ff1dee6;border-color:#51dec23d}.submissionPage{color:#2f352f;background:radial-gradient(circle at 12% 4%,#b9874d1f,#0000 28rem),linear-gradient(#e9e4d3 0%,#d8d4c1 100%);min-height:100vh;padding:42px 20px 80px}.submissionHeader,.submissionForm,.submissionUnavailable,.submissionSuccess{width:min(980px,100%);margin-left:auto;margin-right:auto}.submissionHeader{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:28px;margin-bottom:24px;display:grid}.submissionBrand{color:#fff8e8;background:#526e5c;border:1px solid #4b4d4138;border-radius:18px 8px;justify-content:center;align-items:center;min-height:54px;font-family:STKaiti,KaiTi,serif;font-size:24px;display:inline-flex}.submissionHeader h1,.submissionUnavailable h1,.submissionSuccess h1{color:#2f352f;margin:4px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(32px,5vw,50px);line-height:1.2}.submissionHeader>div>p:last-child,.submissionUnavailable p,.submissionSuccess p{color:#2f352fb3;line-height:1.8}.submissionForm{gap:18px;display:grid}.submissionFormSection,.submissionUnavailable,.submissionSuccess{background:#f8f1e1eb;border:1px solid #4b4d4133;border-radius:22px 10px;box-shadow:0 16px 42px #2f2a241f}.submissionFormSection{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:24px;display:grid}.submissionFormSection h2{color:#2f352f;margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:22px}.submissionFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.submissionFormGrid label{color:#5f655c;gap:8px;font-size:12px;font-weight:800;display:grid}.submissionFormGrid label.wide{grid-column:1/-1}.submissionFormGrid input,.submissionFormGrid select,.submissionFormGrid textarea{color:#2f352f;background:#fffdf7d1;border:1px solid #4b4d4133;border-radius:10px;outline:none;width:100%;padding:12px 13px}.submissionFormGrid input:focus,.submissionFormGrid select:focus,.submissionFormGrid textarea:focus{border-color:#5f7f699e;box-shadow:0 0 0 3px #5f7f691f}.submissionFormGrid textarea{resize:vertical;min-height:120px;line-height:1.7}.submissionUpload{border:1px dashed #4b4d413d;border-radius:12px;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:14px;padding:12px;display:grid}.submissionUpload img{object-fit:cover;border-radius:10px;width:240px;height:135px}.submissionSafety{color:#526e5c;background:#5f7f691a;border:1px solid #5f7f6947;border-radius:12px;padding:14px 16px;line-height:1.7}.submissionError{color:#9a3e42;margin:0;font-weight:800}.submissionSubmit{color:#fff8e8;background:#526e5c;border:1px solid #2f352f1f;border-radius:14px 7px;justify-self:end;min-width:220px;padding:14px 20px;font-size:15px;font-weight:900;box-shadow:0 14px 30px #2f4f3b33}.submissionSubmit:disabled{opacity:.58}.submissionUnavailable,.submissionSuccess{margin-top:12vh;padding:clamp(28px,6vw,64px)}.submissionUnavailable a,.submissionSuccess a{color:#fff8e8;background:#526e5c;border-radius:12px;margin-top:18px;padding:11px 16px;font-weight:800;display:inline-flex}@media (max-width:1180px){.toolGrid,.guideGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideAdminForm{grid-template-columns:1fr}.guideAdminPreview{grid-area:3/1;position:static}.guideAdminForm .adminFormActions{grid-row:4}}@media (max-width:680px){.toolGrid,.guideGrid,.guideListGrid,.adminInviteGrid,.submissionFormGrid,.submissionFormSection,.submissionHeader{grid-template-columns:1fr}.adminModalBackdrop{align-items:start;padding:10px}.guideBodyImageInsert{grid-template-columns:1fr auto}.guideBodyImageInsert>div{grid-column:1/-1}.adminInviteModal{max-height:calc(100vh - 20px);padding:20px}.adminInviteModal>header{padding-right:66px}.adminInviteOverview{flex-direction:column}.submissionPage{padding:24px 12px 60px}.submissionFormSection{padding:20px}.submissionUpload{grid-template-columns:1fr}.submissionUpload img{width:100%;height:auto}.submissionSubmit{justify-self:stretch;width:100%}}