/* Shared S&C interface foundation */
:root{color-scheme:dark;--dim:#a5b5a6;--line:rgba(225,235,220,.14)}
html{scroll-behavior:smooth;scroll-padding-top:88px}
.sc-icon{display:inline-block;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex-shrink:0}
.sc-icon-wrap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;flex-shrink:0}
button,a,input,textarea,select,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
:is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #c6f24a!important;outline-offset:4px!important}
input,textarea,select{accent-color:#c6f24a}
input::placeholder,textarea::placeholder{opacity:1;color:#9dac9f}
.sc-calorie .wrap{max-width:620px;padding:32px 24px 64px}.sc-calorie h1{font-family:'Noto Sans Thai',sans-serif;font-style:normal;font-weight:700;line-height:1.3;letter-spacing:-.045em;margin-top:12px}.sc-calorie h2,.sc-calorie .btn,.sc-calorie label,.sc-calorie .seg b,.sc-calorie .tagline{font-family:inherit;font-style:normal}.sc-calorie .btn{border-radius:13px;font-weight:600;min-height:52px}.sc-calorie .seg{min-height:64px}.sc-calorie .tagline{font-size:10px;letter-spacing:.2em}.sc-calorie .step{margin-top:26px}.sc-calorie .sc-back-link{display:inline-flex;padding:12px 0;font-size:.78rem;color:var(--dim);text-decoration:none}.sc-calorie .badge{font-style:normal;letter-spacing:.06em}.sc-calorie .result .food{font-family:inherit;font-style:normal}
.sc-billing-link{font:inherit;background:transparent;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}
@media(min-width:900px){.sc-calorie .wrap{margin:48px auto 0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#19281d,#101a13);padding:38px 42px;min-height:650px}}
@media(max-width:599px){.sc-directory .chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.sc-directory .chips .fchip{flex-shrink:0;min-height:44px}.sc-directory h1{line-height:1.3}.sc-directory .sub{font-size:.86rem}}
.sc-skip{position:fixed;top:-100px;left:20px;z-index:200;background:#c6f24a;color:#101a13;padding:14px 22px;border-radius:10px;text-decoration:none}.sc-skip:focus{top:12px}
.sc-app{--ink:#101b15;--surface:#17251d;--surface-2:#21332a;--dim:#a7b5a8;background:#0b120e;line-height:1.6}
.sc-app .phone{max-width:600px;min-height:100dvh}
.sc-app .top{padding:14px 20px;background:rgba(16,27,21,.95);min-height:72px;gap:16px}
.sc-app .top .r{gap:8px}.sc-app .top .av{width:38px;height:38px;cursor:pointer}
.sc-app .icobtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.sc-app .icobtn:hover{background:var(--surface-2)}
.sc-app .top .logo{font-size:1.55rem;letter-spacing:-.07em}
.sc-brand-caption{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--dim);margin-left:18px;font-family:Arial,sans-serif;font-style:normal;vertical-align:middle}
.sc-app .body{padding:24px 20px 112px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#425345 transparent}
.sc-app .disp{font-style:normal;font-weight:800;letter-spacing:-.045em}
.sc-app .ph-title{font-size:2rem;line-height:1.2;margin:8px 0 10px;letter-spacing:-.04em}
.sc-app .ph-sub{font-size:.88rem;line-height:1.6;margin-bottom:24px;color:var(--dim)}
.sc-eyebrow{font-size:.66rem;letter-spacing:.2em;font-weight:700;color:var(--gold-soft);margin-bottom:10px;text-transform:uppercase;font-family:Arial,sans-serif}
.sc-feed-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px}.sc-feed-heading .ph-sub{margin:0}
.sc-explore-btn{display:flex;gap:8px;align-items:center;flex-shrink:0;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:10px;font:inherit;font-size:.78rem}
.sc-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}
.sc-quick{padding:18px 14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#223327,#17261e);color:var(--cream);text-align:left;font:inherit;transition:background .18s,border-color .18s,transform .18s}
.sc-quick:hover{border-color:rgba(198,242,74,.55);background:#263b2c;transform:translateY(-2px)}
.sc-quick .sc-icon{width:25px;height:25px;color:var(--lime);margin-bottom:15px}.sc-quick b{display:block;font-size:.86rem;font-weight:600}.sc-quick small{display:block;font-size:.71rem;color:var(--dim);margin-top:3px}
.sc-app .applybar{border-color:var(--line);background:transparent;font-size:.78rem;margin-bottom:20px;padding:12px 14px;border-radius:10px}
.sc-app .composer{padding:14px 16px;border-radius:14px;cursor:pointer;margin-bottom:22px;background:#1a2b20}.sc-app .composer .ic{flex:0 0 auto}
.sc-app .composer>span{font-size:.85rem}.sc-app .composer .av{width:36px;height:36px}
.sc-app .post{padding:20px;margin-bottom:18px;border-radius:18px;border-color:rgba(225,235,220,.1);box-shadow:0 6px 28px rgba(0,0,0,.07)}
.sc-app .post .hd{margin-bottom:16px}.sc-app .post .av{width:42px;height:42px}.sc-app .post p{line-height:1.75;font-size:.92rem;margin-bottom:16px;overflow-wrap:anywhere}.sc-app .post .mt{font-size:.73rem}
.sc-app .post .act{padding-top:10px;gap:18px}.sc-app .ab{min-height:44px;min-width:44px}.sc-app .post .img{height:240px}.sc-app .post .pimg{max-height:580px}
.sc-app .nav{max-width:600px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:rgba(16,27,21,.97)}
.sc-app .nav button{min-height:48px;min-width:46px;font-family:inherit;font-style:normal;font-weight:500;font-size:.66rem;gap:5px;border-radius:10px;letter-spacing:0}
.sc-app .nav button.on{color:var(--lime)}.sc-app .nav .playwrap{width:48px;height:48px;margin-top:-17px;box-shadow:0 4px 18px rgba(0,0,0,.24)}
.sc-app .nav-extra,.sc-app .nav-caption,.sc-app .nav-foot{display:none}
.sc-app .eventov,.sc-app .profileov{max-width:600px;padding-bottom:calc(30px + env(safe-area-inset-bottom));overscroll-behavior:contain}
html:has(.sc-app .eventov.on),html:has(.sc-app .profileov.on),html:has(.sc-app .sheet.on){overflow:hidden}
.sc-app .eov-top b,.sc-app .uov-top b{font-family:inherit;font-style:normal;font-weight:600}
.sc-app .co-ex-chk{width:44px;height:44px}.sc-app .co-tabs{top:68px}
.sc-app .eov-top,.sc-app .uov-top{min-height:68px;padding:12px 20px;background:rgba(16,27,21,.97)}
.sc-app .eov-top button,.sc-app .uov-top .bk{min-width:44px;min-height:44px;border-radius:10px}
.sc-app .sheet{max-width:600px;padding:16px 22px calc(24px + env(safe-area-inset-bottom));max-height:88dvh;overscroll-behavior:contain;visibility:hidden}
.sc-app .sheet.on{visibility:visible}.sc-app .sheet-h{position:sticky;top:0;background:var(--surface);z-index:2;padding-bottom:10px}
.sc-app .sheet .sheet-h b{font-family:inherit;font-style:normal;font-weight:600;font-size:1.05rem}.sc-app .sheet .sheet-h .x{min-width:44px;min-height:44px;border-radius:10px}
.sc-app .sheet-bg.on{backdrop-filter:blur(6px)}
.sc-app .toast{bottom:calc(100px + env(safe-area-inset-bottom));border-radius:12px;font-size:.84rem;max-width:min(90vw,520px);line-height:1.6;padding:14px 20px}
.sc-app .rowbtn{min-height:62px;padding:16px;border-radius:12px;gap:16px;line-height:1.6;font-size:.86rem}.sc-app .rowbtn>span{min-width:0;overflow-wrap:anywhere}
.sc-app .rowbtn b{flex-shrink:0}.sc-app .rowbtn:hover,.sc-app .sopt:hover{border-color:#617451;background:var(--surface-2)}
.sc-app .rowbtn>span:has(br){display:block;text-align:left}.sc-app .rowbtn>span:has(br)>.sc-icon-wrap{margin-right:8px}.sc-app .rowbtn>span:has(br)>small{display:block;margin-top:4px}.sc-app .rowbtn>span:has(br)>br{display:none}
/* The collection uses original vector marks and separate icon, copy and action columns. */
.sc-app .sc-explore-sheet{background:#132219;border-color:#394636;scrollbar-width:thin;scrollbar-color:#53614c transparent}
.sc-app .sc-explore-sheet .sheet-h{background:#132219;margin-bottom:0;padding-bottom:0;align-items:center}
.sc-app .sc-explore-sheet .sheet-h b{font-size:1.3rem;letter-spacing:-.035em;font-weight:600}
.sc-app .sc-explore-sheet .sheet-h .x{border:1px solid #d8dcc414;background:#d8dcc406;color:#a7b3a1;border-radius:50%}
.sc-collection-intro{margin:5px 0 23px}.sc-collection-intro>span{font:500 9px/1.6 Arial,sans-serif;color:#bdad82;letter-spacing:.22em}.sc-collection-intro p{margin:7px 0 0;color:#9da997;font-size:.8rem;line-height:1.6}
.sc-collection{display:grid;gap:9px;padding-bottom:3px}
.sc-collection-item{display:grid;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:17px;width:100%;min-height:85px;padding:14px 17px;border:1px solid #d9dec514;border-radius:15px;background:linear-gradient(110deg,#1d2e21b0,#18291d55);color:#edf0e4;text-align:left;font:inherit;transition:border-color .2s,background .2s,transform .2s}
.sc-collection-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #cfbd8e30;border-radius:14px;background:linear-gradient(145deg,#ccb67b12,#ccb67b03);box-shadow:inset 0 1px 0 #eadcbb09,0 4px 10px #0000000c;color:#d6c398}
.sc-collection-icon.sc-tone-sage{border-color:#b2c8a42c;background:linear-gradient(145deg,#b2c8a410,#b2c8a403);color:#c0d0b4}
.sc-collection-icon .sc-icon{width:27px;height:27px;stroke-width:1.35;vertical-align:initial}
.sc-collection-copy{display:block;min-width:0}.sc-collection-copy strong{display:block;font-family:inherit;font-size:.94rem;font-weight:600;line-height:1.5;letter-spacing:-.025em}.sc-collection-copy small{display:block;margin-top:5px;color:#a2af9b;font-size:.76rem;line-height:1.6;overflow-wrap:break-word}
.sc-collection-arrow{display:flex;color:#8b9c7c;transition:color .2s,transform .2s}.sc-collection-arrow .sc-icon{width:16px;height:16px;stroke-width:1.4}
@media(hover:hover){.sc-collection-item:hover{border-color:#d6c39855;background:linear-gradient(110deg,#293c2a,#1c3021);transform:translateX(2px)}.sc-collection-item:hover .sc-collection-arrow{color:#d6c398;transform:translateX(2px)}}
.sc-collection-item:active{background:#2a3c2a;transform:scale(.995)}
@media(max-width:599px){.sc-app .sc-explore-sheet{padding-inline:20px;max-height:92dvh;border-radius:25px 25px 0 0}.sc-collection-intro{margin-bottom:18px}.sc-collection-item{grid-template-columns:44px minmax(0,1fr) 14px;gap:13px;min-height:80px;padding:13px 12px}.sc-collection-icon{width:44px;height:44px;border-radius:12px}.sc-collection-icon .sc-icon{width:25px;height:25px}.sc-collection-copy strong{font-size:.85rem}.sc-collection-copy small{font-size:.7rem;margin-top:3px}.sc-collection-arrow .sc-icon{width:14px;height:14px}}
@media(min-width:900px){.sc-app .sheet.sc-explore-sheet{max-width:610px;padding:24px 29px;max-height:90dvh}.sc-app .sheet.sc-explore-sheet .sheet-h b{font-size:1.4rem}}
.sc-app .fchip,.sc-app .co-tab,.sc-app .mm-tab,.sc-app .evchip{min-height:44px;font-family:inherit;font-style:normal;white-space:nowrap}
.sc-app .bigbtn,.sc-app .co-go,.sc-app .bp-post,.sc-app .eov-enroll{min-height:48px;font-family:inherit;font-style:normal;font-weight:600;line-height:1.5}
.sc-app .bl-in{font-size:16px;min-height:52px}.sc-app .brand-wrap{padding:24px}.sc-app .brand-hint{background:transparent;border-color:var(--line);padding:16px}
.sc-app .pcard{padding:28px 20px;border-radius:20px}.sc-app .pstats{gap:10px}.sc-app .pstat{padding:16px 8px;border-radius:12px}
.sc-app .instbar{background:transparent;border-color:var(--line);padding:10px 12px;border-radius:10px}.sc-app .instbar .ic{font-size:1.2rem}
.sc-empty{padding:32px 24px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--dim);line-height:1.8}.sc-empty .sc-icon{width:32px;height:32px;color:var(--gold-soft);margin-bottom:12px}.sc-empty h3{color:var(--cream);font-size:1rem;font-weight:600;margin-bottom:6px}.sc-empty p{font-size:.84rem;margin:0 0 16px}.sc-empty button,.sc-empty a{display:inline-block;color:var(--lime);background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 16px;text-decoration:none;font:inherit;font-size:.86rem;min-height:44px}
.sc-local-note{font-size:.75rem;color:var(--dim);margin:12px 0;line-height:1.65}
.sc-app [data-unavailable]{opacity:.6}
.sc-app .reward-soon{display:none}
.sc-app .profileov .sc-icon-wrap,.sc-app .co-card .sc-icon-wrap{color:var(--gold-soft)}
.sc-app .calglam{border-radius:20px;padding:28px 24px}.sc-app .calglam .gh{font-style:normal;line-height:1.08;letter-spacing:-.04em}
@media(max-width:599px){
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}
  .sc-brand-caption{display:none}.sc-app .phone{max-width:none}.sc-app .body{padding:22px 16px 112px}
  .sc-app .ph-title{font-size:1.8rem}.sc-quick{padding:15px 11px}.sc-quick b{font-size:.8rem}.sc-quick small{font-size:.65rem}.sc-quick .sc-icon{width:23px;height:23px;margin-bottom:12px}
  .sc-explore-btn{font-size:.72rem;padding:10px}.sc-feed-heading{gap:8px}.sc-app .post{padding:16px}.sc-app .applybar{align-items:flex-start}.sc-app .applybar span{max-width:70%}
  .sc-app .attach-group{gap:8px}.sc-app .crow{flex-wrap:wrap}.sc-app .brand-wrap{padding:20px 16px}
  .sc-app .co-seg{flex-wrap:wrap}.sc-app .co-rings{gap:6px}.sc-app .sheet{padding-left:18px;padding-right:18px}
}
@media(min-width:600px) and (max-width:899px){.sc-app .phone{border-inline:1px solid var(--line)}.sc-app .body{padding:30px 28px 120px}}
@media(max-width:360px){.sc-quick small{display:none}.sc-quick{padding:14px 8px}.sc-quick b{font-size:.75rem}.sc-app .instbar small{display:none}.sc-app .instbar b{font-size:.73rem}}
@media(min-width:900px){
  .sc-app .phone{max-width:1440px;min-height:0;height:100dvh;grid-template-columns:232px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);border-color:rgba(225,235,220,.08)}
  .sc-app .top{padding:12px 30px}.sc-app .body{max-width:860px;padding:36px 42px 64px;min-height:0;scrollbar-gutter:stable}
  .sc-app .nav{max-width:none;padding:22px 18px 20px;border-right-color:rgba(225,235,220,.08);gap:4px;background:var(--ink);scrollbar-width:thin;scrollbar-color:#425345 transparent}
  .sc-app .nav button{min-height:49px;font-size:.88rem;font-weight:500;gap:14px;padding:12px 15px}
  .sc-app .nav button svg{width:21px;height:21px;stroke-width:1.6}.sc-app .nav button.on{background:rgba(198,242,74,.08);box-shadow:inset 2px 0 var(--lime)}
  .sc-app .nav button.play{order:20;margin-top:22px;color:var(--ink);background:var(--lime);justify-content:center;min-height:50px}.sc-app .nav .playwrap{width:auto;height:auto;margin:0;background:none;box-shadow:none}.sc-app .nav .playwrap svg{stroke:var(--ink)}
  .sc-app .nav-extra{display:flex}.sc-app .nav-caption{display:block;font:600 10px Arial,sans-serif;letter-spacing:.18em;color:#849584;padding:20px 15px 6px}
  .sc-app .nav-foot{display:block;order:30;margin-top:auto;padding:30px 15px 0;color:#8fa18e;font-size:.69rem;line-height:1.8}.sc-app .nav-foot b{color:var(--cream);font-family:Arial,sans-serif;letter-spacing:.07em;font-size:.7rem;font-weight:500}
  .sc-app .ph-title{font-size:2.35rem}.sc-app .ph-sub{font-size:.92rem}.sc-quick-grid{gap:14px;margin-bottom:26px}.sc-quick{padding:20px}.sc-quick b{font-size:.92rem}.sc-quick small{font-size:.75rem}
  .sc-app #instBar{display:none}.sc-app .sheet{top:50%;bottom:auto;max-width:580px;max-height:84dvh;border-radius:22px;border-bottom:1px solid var(--line);transform:translate(-50%,-48%);opacity:0;padding:22px 26px;transition:opacity .18s,transform .18s}
  .sc-app .sheet.on{transform:translate(-50%,-50%);opacity:1}.sc-app .sheet .grab{display:none}
  .sc-app .eventov,.sc-app .profileov{top:24px;bottom:24px;max-width:860px;border:1px solid var(--line);border-radius:22px;box-shadow:0 0 0 100vmax rgba(0,0,0,.6),0 28px 100px #0008}
  .sc-app .eventov .eov-top,.sc-app .profileov .uov-top{border-radius:22px 22px 0 0}.sc-app .toast{bottom:32px}
  .sc-app .ven-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-app .co-card{padding:22px}.sc-app .co-wrap{max-width:720px;margin:auto}.sc-app .pcard .name{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* First-time membership and reliable form feedback */
.sc-join>nav{display:none!important}.sc-join-heading>a{display:block!important;margin-bottom:18px!important}.sc-join-heading .kicker{display:block;color:#bbcb96}.sc-join #applyForm{padding:24px}.sc-join .sc-join-heading{margin-bottom:22px}
@media(max-width:540px){.sc-join #apply{padding:16px 12px 40px}.sc-join #applyForm{padding:20px 16px}.sc-join .apptype{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sc-join .apptype .at{font-size:.72rem;padding:10px 5px;line-height:1.6;min-width:0;white-space:normal}.sc-join .apptype .sc-icon-wrap{display:block;margin:0 auto 4px}.sc-join-heading>a{margin-bottom:12px!important}}
.sc-form-error{padding:12px 14px;border:1px solid #d8987855;border-radius:12px;background:#d8987810;color:#f0c6b2;font-size:.88rem;line-height:1.65;margin:12px 0}.sc-form-error[hidden]{display:none}
.sc-join-heading{display:none}.sc-join > header,.sc-join > .hero,.sc-join > section:not(#apply),.sc-join > footer,.sc-join > .line-fab{display:none!important}
.sc-join #apply{padding:32px 20px 64px;min-height:100dvh}.sc-join #apply .apply-wrap{display:block;max-width:680px;margin:auto}.sc-join #apply .apply-wrap>div{display:none}.sc-join #applyForm{scroll-margin-top:24px}.sc-join .sc-join-heading{display:block;margin-bottom:28px}.sc-join-heading a{display:inline-block;color:var(--text-dim);padding:12px 0;margin-bottom:28px;text-decoration:none}.sc-join-heading h1{font-size:clamp(1.6rem,5vw,2.3rem);font-style:normal;line-height:1.4;margin:10px 0}.sc-join-heading p{color:var(--text-dim);line-height:1.7}.sc-join .apptype{flex-wrap:wrap}.sc-join .apptype .at{flex:1 1 145px}.sc-join .submit{min-height:52px}.sc-join .ms-opt:focus-visible,.sc-join .ms-field:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.sc-search-result{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--cream);cursor:pointer}.sc-search-result .tx{min-width:0;flex:1}.sc-search-result small{overflow-wrap:anywhere}.sc-search-result:hover{background:#c8f56008}.ms-x{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.sc-app .sheet:not(.on),.sc-app .eventov:not(.on),.sc-app .profileov:not(.on),.sc-app .lightbox:not(.on),.sc-app .quizov:not(.on){visibility:hidden}
.sc-app .verify-b small,.sc-app .eh-acct b{overflow-wrap:anywhere;word-break:break-word}.sc-app .verify-b>div{min-width:0}.sc-app .verify-b>button{flex-shrink:0}
.sc-join #apply>.wrap{padding:0}.sc-join #applyForm .kicker{font-style:normal;font-size:.67rem;letter-spacing:.14em}.sc-join #applyForm>div.sc-join-heading{margin-bottom:8px}.sc-join #applyForm label{font-style:normal;letter-spacing:0}
.sc-app .scdlg:not(.on){visibility:hidden}.sc-app .scdlg h3{font-style:normal}.sc-app .scdlg input{font-size:16px}
.sc-update-banner{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;background:#233a2b;border:1px solid #6e8761;border-radius:16px;box-shadow:0 12px 30px #0005;font-size:.85rem}.sc-update-banner button{background:transparent;color:var(--lime);border:0;min-height:44px;font:inherit;cursor:pointer}
@media(max-width:540px){.sc-join #apply{padding:12px 12px 40px}.sc-join #applyForm{padding:20px 16px;gap:14px}.sc-join-heading h1{font-size:1.6rem}.sc-join .apptype .at{font-size:.78rem;line-height:1.5}.sc-join-heading p{font-size:.91rem}.sc-join #applyForm .two{gap:14px}}
.sj-intro{padding:24px 0}.sj-intro>span,.sj-eyebrow{color:var(--gold-soft);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.sj-intro h2,.sj-detail h2{font-size:clamp(1.45rem,3vw,2rem);font-style:normal;margin:10px 0}.sj-intro p,.sj-intro small,.sj-sub,.sj-helper,.sj-people p{color:var(--dim);line-height:1.8}.sj-intro small{display:block;font-size:.8rem}.sj-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.sj-steps b{font-size:.76rem;font-weight:500;padding:12px 4px;border-top:1px solid var(--line);color:var(--cream)}.sj-filters{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.sj-filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sj-filters label,.sj-host label,.sj-next label{display:block;color:var(--dim);font-size:.8rem;margin:12px 0 6px}.sj-filters input,.sj-filters select,.sj-host input,.sj-host select,.sj-next input{width:100%;min-width:0;padding:13px;background:var(--ink);color:var(--cream);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px}.sj-room-card{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left;color:var(--cream);font:inherit;padding:22px;cursor:pointer}.sj-room-card:hover{border-color:var(--gold-soft)}.sj-card-top,.sj-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.sj-card-top{font-size:.8rem;color:var(--dim)}.sj-card-top small{border:1px solid var(--line);padding:5px 9px;border-radius:20px}.sj-room-card strong{font-size:1.2rem}.sj-room-card>span:not(.sj-card-top){font-size:.86rem}.sj-cost{color:var(--gold-soft)}.sj-card-foot{border-top:1px solid var(--line);padding-top:14px;font-size:.76rem!important}.sj-card-foot b{font-weight:500;color:var(--lime)}.sj-detail{padding:26px;max-width:740px;margin:auto}.sj-plan{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:22px 0}.sj-detail h3{font-size:1.05rem;font-style:normal;margin:0 0 14px}.sj-plan dl{display:grid;grid-template-columns:130px 1fr;gap:15px;font-size:.88rem}.sj-plan dt{color:var(--dim)}.sj-plan dd{margin:0;overflow-wrap:anywhere}.sj-plan dd small{display:block;color:var(--gold-soft);margin-top:5px}.sj-plan a{color:var(--lime);padding:8px;display:inline-block}.sj-helper{font-size:.76rem}.sj-plan .sj-helper{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.sj-button{min-height:46px;background:var(--lime);color:var(--ink);border:1px solid transparent;padding:12px 18px;border-radius:12px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;margin:6px 0;max-width:100%}.sj-button.quiet{background:transparent;border-color:var(--line);color:var(--cream)}.sj-button.danger{color:#dfaa96;margin-top:24px}.sj-button:disabled{opacity:.45;cursor:default}.sj-rsvp,.sj-host,.sj-next{padding:18px;border:1px solid var(--line);border-radius:16px;margin:16px 0}.sj-rsvp p,.sj-host p,.sj-next p{color:var(--dim);font-size:.8rem;line-height:1.75}.sj-rsvp .sj-button{display:block;width:100%}.sj-host summary{cursor:pointer;padding:8px 0;color:var(--gold-soft)}.sj-people{margin-top:28px}.sj-people p{font-size:.8rem}.sj-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.8}.sj-icebreakers{display:flex;flex-wrap:wrap;gap:8px}.sj-icebreakers .sj-button{font-size:.76rem;padding:8px 12px}.sj-detail .rd-chat-in input{min-width:0;font-size:16px}.sj-detail .rd-chatwrap>small{color:var(--dim);font-size:.68rem;display:block;margin-top:8px}.sj-system{align-self:center;color:var(--gold-soft);font-size:.76rem;text-align:center;padding:12px;line-height:1.7}.sj-empty{padding:28px 18px;text-align:center;color:var(--dim)}.sj-connect{margin-top:20px}.sj-connect p{color:var(--dim);font-size:.78rem}.sj-detail .rd-chat{max-height:380px}.sj-detail .rd-bub time{display:block;font-size:.62rem;opacity:.65;margin-top:5px}
@media(max-width:540px){.sj-detail{padding:20px 16px}.sj-plan{padding:16px}.sj-plan dl{grid-template-columns:1fr;gap:5px}.sj-plan dd{margin-bottom:11px}.sj-steps{grid-template-columns:1fr 1fr}.sj-card-foot{align-items:flex-start;flex-direction:column;gap:8px}.sj-room-card{padding:18px}.sj-filters{padding:14px}.sj-filter-pair{gap:10px}.sj-detail>.sj-button{width:100%}}
.sj-detail button.rd-nm{background:transparent;border:0;color:inherit;font:inherit;font-size:.76rem;font-weight:600;min-height:36px;padding:0;cursor:pointer;text-align:left}.sj-detail .rd-confirm,.sj-detail .rd-chat-in button{font-style:normal}.sj-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.sj-shortcuts .sj-button{font-size:.78rem}.sj-detail .sj-plan,.sj-detail .sj-people,.sj-detail .rd-chatwrap{scroll-margin-top:90px}