/* The private Koro landing; no selectors affect other pages or Koro rooms. */
#app .koro-page{--koro-ink:#173541;--koro-muted:#526d76;--koro-line:#d5e4dd;--koro-green:#216c5d;max-width:1200px;margin:0 auto;padding-bottom:90px;color:var(--koro-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
#app .koro-page *{box-sizing:border-box}
#app .koro-page :is(h1,h2,h3,p){margin:0}
#app .koro-page .koro-hero{position:relative;overflow:hidden;padding:30px 36px;border-radius:23px;background:linear-gradient(115deg,#143640,#24544f);color:#eff9f3;margin-bottom:20px}
#app .koro-page .koro-hero:after{content:'';position:absolute;width:260px;height:260px;right:-100px;top:-120px;border:30px solid #c9b28124;border-radius:50%;pointer-events:none}
#app .koro-page .koro-hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#app .koro-page .koro-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:750;color:#b8e5d0}
#app .koro-page .koro-private{display:inline-flex;align-items:center;gap:7px;border:1px solid #a8d7c34d;border-radius:999px;padding:6px 11px;font-size:11px;color:#e1f4e7;background:#133c3b55}
#app .koro-page .koro-hero h1{position:relative;color:#f5fbf6;font-size:clamp(28px,3.5vw,42px);line-height:1.13;letter-spacing:-.04em;font-weight:750;margin:17px 0 11px;max-width:760px}
#app .koro-page .koro-hero p{position:relative;color:#d3e6df;font-size:14px;line-height:1.8;max-width:650px}
#app .koro-page .koro-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:20px;align-items:start}
#app .koro-page .glass.card{min-width:0;padding:26px;border:1px solid var(--koro-line);border-radius:21px;background:#fff;box-shadow:0 7px 24px #244c3906}
#app .koro-page .koro-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #e3ece6}
#app .koro-page .koro-section-kicker{font-size:9px;letter-spacing:.12em;font-weight:750;color:#648575}
#app .koro-page h2{font-size:21px;line-height:1.25;color:var(--koro-ink);font-weight:750;letter-spacing:-.03em}
#app .koro-page .koro-section-head h2{margin-top:5px}
#app .koro-page .koro-count{font-size:11px;color:#4c7562;border:1px solid #d9e7dd;background:#f3f9f4;border-radius:999px;padding:5px 9px;white-space:nowrap}
#app .koro-page .koro-empty{padding:32px 8px 28px;text-align:center}
#app .koro-page .koro-empty-art{position:relative;width:116px;height:104px;display:grid;place-items:center;margin:0 auto 20px;background:radial-gradient(ellipse,#e6f2e6 0%,#f5faf2 63%,transparent 65%)}
#app .koro-page .koro-empty-art span{font-size:46px;line-height:1;filter:drop-shadow(0 3px 0 #d3e3cd)}
#app .koro-page .koro-empty-art:before,#app .koro-page .koro-empty-art:after{content:'';position:absolute;border:1px solid #a8cdb7;border-radius:50%;width:14px;height:14px;left:5px;top:20px;background:#f4faf3}
#app .koro-page .koro-empty-art:after{width:8px;height:8px;left:auto;top:auto;bottom:18px;right:7px;background:#e6f2e6}
#app .koro-page .koro-empty h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;color:var(--koro-ink);font-weight:750}
#app .koro-page .koro-empty p{margin:11px auto 22px;max-width:400px;font-size:13px;line-height:1.85;color:var(--koro-muted)}
#app .koro-page .koro-empty-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
#app .koro-page .btn{min-height:44px;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;border:1px solid var(--koro-green);border-radius:11px;background:var(--koro-green);color:#fff;padding:11px 15px;box-shadow:none;text-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-decoration:none}
#app .koro-page .btn:hover{background:#18584b;border-color:#18584b}
#app .koro-page .btn.ghost{background:#f6faf7;border-color:#cfded5;color:#2a5b48}
#app .koro-page .koro-text-button{min-height:44px;border:0;background:none;color:#366954;font-family:inherit;font-size:12px;font-weight:650;padding:10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#app .koro-page .koro-tools{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e3ece6;padding-top:20px;margin-top:2px}
#app .koro-page .koro-tools .btn{font-size:11px;flex:1;min-width:160px;justify-content:space-between}
#app .koro-page .koro-privacy-note{margin-top:14px;color:#60796b;font-size:11px;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:7px}
#app .koro-page .koro-forms{display:flex;flex-direction:column;gap:18px;min-width:0}
#app .koro-page .koro-form-card{position:relative}
#app .koro-page .koro-form-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9f3e9;border:1px solid #d8e8d9;color:#45755b;font-size:22px;margin-bottom:14px}
#app .koro-page .koro-form-card>p{font-size:12px;line-height:1.75;color:var(--koro-muted);margin:9px 0 20px}
#app .koro-page .koro-form-card label{display:block;color:#486658;font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:7px}
#app .koro-page .koro-form-card input{width:100%;min-width:0;min-height:47px;border:1px solid #cbded1;border-radius:11px;background:#fbfdfb;color:var(--koro-ink);font-family:inherit;font-size:14px;line-height:1.5;padding:11px 13px;box-shadow:none}
#app .koro-page .koro-form-card input::placeholder{color:#6b8175;opacity:1}
#app .koro-page .koro-submit{width:100%;justify-content:space-between;margin-top:11px;font-size:13px}
#app .koro-page .koro-form-card>small{display:block;font-size:10px;line-height:1.6;color:#688172;margin-top:12px}
#app .koro-page .glass.card.koro-join-card{background:#f8fbf6;border-color:#dce7d7}
#app .koro-page .koro-join-card .koro-form-icon{background:#fff5df;border-color:#f0e2bf;color:#8b6b32}
#app .koro-page .koro-list{display:flex;flex-direction:column;gap:10px;padding:20px 0}
#app .koro-page .koro-list .pulse-item{display:flex;gap:13px;align-items:center;width:100%;text-align:left;min-height:78px;background:#f7faf7;border:1px solid #dae7dd;border-radius:13px;padding:15px;color:var(--koro-ink);cursor:pointer;font-family:inherit}
#app .koro-page .koro-list .pulse-item:hover{border-color:#90b89b;background:#f0f7ef}
#app .koro-page .koro-list .name{color:var(--koro-ink);font-size:15px;font-weight:700;overflow-wrap:anywhere}
#app .koro-page .koro-list .handle{color:#61766b;font-size:11px;margin-top:4px}
#app .koro-page .koro-open-arrow{color:#618c6c;font-size:20px;flex:none}
#app .koro-page :is(button,a,input):focus-visible{outline:3px solid #b38132;outline-offset:3px}
@media(max-width:760px){
 #app .koro-page .koro-hero{padding:25px 22px;border-radius:18px}
 #app .koro-page .koro-hero-top{gap:11px}
 #app .koro-page .koro-hero h1{font-size:31px;line-height:1.15}
 #app .koro-page .koro-hero p{font-size:13px}
 #app .koro-page .koro-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 #app .koro-page .glass.card{padding:22px 19px;border-radius:18px}
 #app .koro-page .koro-empty{padding:25px 0 23px}
 #app .koro-page .koro-empty h3{font-size:22px}
 #app .koro-page .koro-empty-actions{flex-direction:column;gap:2px}
 #app .koro-page .koro-empty-actions>.btn{width:100%}
 #app .koro-page .koro-tools{flex-direction:column}
 #app .koro-page .koro-tools .btn{width:100%;min-width:0}
 #app .koro-page .koro-form-card input{font-size:16px}
 #app .koro-page .koro-forms{gap:16px}
}
@media(forced-colors:active){
 #app .koro-page :is(.koro-hero,.glass.card,.btn,.koro-private,.koro-form-icon,.koro-list .pulse-item){background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText;box-shadow:none}
 #app .koro-page :is(h1,h2,h3,p,label,small,.koro-eyebrow,.koro-section-kicker){color:CanvasText!important}
 #app .koro-page .koro-hero:after{display:none}
}