/* SUNIVA LIVE v2。共通CSSは変更しない */
.sls{width:100%;max-width:720px;margin:32px auto;padding:0 20px calc(120px + env(safe-area-inset-bottom,0px));font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;color:#2b2a26;background:transparent;min-width:0;box-sizing:border-box;overflow:visible}
.sls-kicker{letter-spacing:.22em;color:#c4a56a;font-size:11px;font-weight:700;margin:0 0 12px}
.sls h1{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0 0 8px;padding:0;font-size:1.12rem;line-height:1.4;font-weight:800;color:#242522;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:keep-all}
.sls-when,.sls-state,.sls-lead,.sls-meta{margin:0 0 10px;color:#6b6558;font-size:14px;line-height:1.7;width:100%;max-width:100%;overflow:visible;overflow-wrap:anywhere;word-break:break-word}
.sls-state{font-weight:800;color:#8a7340;margin-bottom:20px}
.sls-lead{font-size:1.05rem;font-weight:700;color:#242522}
.sls-head{margin:0 0 8px;width:100%;max-width:100%;min-width:0;overflow:visible}
.sls-venues{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;padding:4px 0 14px;overflow:visible}
.sls-venue-card{flex:1 1 auto;min-width:0;max-width:100%;padding:12px 14px;border:1px solid #ead9b3;border-radius:16px;background:linear-gradient(180deg,#fffefb,#fff);box-shadow:0 8px 24px rgba(196,165,106,.08);text-align:left}
.sls-venue-card.is-selected{box-shadow:0 10px 28px rgba(196,165,106,.16)}
.sls-venue-kind{display:block;font-size:11px;letter-spacing:.08em;color:#b89a5b;font-weight:700;margin-bottom:4px}
.sls-venue-card strong{display:block;font-size:15px;overflow-wrap:anywhere;word-break:break-word}
.sls-venue-card small{display:block;margin-top:4px;color:#6b6558}
.sls-player iframe,.sls-player video{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#111}
.sls-gift{display:inline-block;margin-top:16px;padding:14px 22px;border-radius:999px;background:#315c48;color:#fff;text-decoration:none;border:0;font-weight:700}
.sls-ext,.sls-back{display:inline-block;margin-top:16px;padding:14px 22px;border-radius:999px;background:#fff;color:#5a4c2e;text-decoration:none;border:1px solid #d9c49a;font-weight:700}
.sls-note{padding:12px 16px;background:#fff8ec;border:1px solid #ead9b3;border-radius:12px}
.sls-card{background:#fff;border:1px solid #ead9b3;border-radius:20px;padding:22px 20px 24px;margin:0 0 18px;box-shadow:0 10px 28px rgba(184,154,91,.08);overflow:visible;max-width:100%;min-width:0;box-sizing:border-box}
.sls-card h2{margin:0 0 10px;font-size:1.12rem;line-height:1.5;color:#242522;font-weight:800;width:100%;max-width:100%;overflow:visible;overflow-wrap:break-word;word-break:break-word}
.sls-card p{margin:0 0 16px;line-height:1.75;color:#5c574c;width:100%;max-width:100%;overflow:visible;overflow-wrap:break-word;word-break:break-word}
.sls-card-end{background:linear-gradient(180deg,#fffefb 0%,#fff 62%);padding:28px 22px 30px;text-align:center}
.sls-card-now{background:#fffefb}
.sls-now-line,.sls-now{font-weight:700;color:#2b2a26}
.sls-btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0 0 12px;padding:12px 20px;border:0;border-radius:999px;background:#315c48;color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-sizing:border-box}
.sls-btn-quiet{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:8px 0 0;padding:12px 18px;border:1px solid #d9c49a;border-radius:999px;background:#fff;color:#5a4c2e;font-size:15px;font-weight:700;text-decoration:none;box-sizing:border-box}
.sls-btn-back,.sls-btn-back:link,.sls-btn-back:visited,.sls-btn-back:hover,.sls-btn-back:active{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0 0 12px;padding:12px 20px;border:1.5px solid #d9c49a;border-radius:999px;background:#ffffff;background-color:#ffffff;background-image:none;color:#5a4c2e;font-size:16px;font-weight:800;text-decoration:none;box-sizing:border-box;box-shadow:none}
.sls-btn-back svg{flex:0 0 16px;width:16px;height:16px}
.sls-search{margin:0 0 12px}
.sls-search-label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#6b6558}
.sls-search-field{display:flex;align-items:center;min-width:0;max-width:100%;border:1px solid #ead9b3;border-radius:12px;background:#fffefb;box-sizing:border-box}
.sls-search-input-wrap{flex:1;min-width:0}
.sls-search-input-wrap input{display:block;width:100%;min-height:46px;padding:10px 12px;border:0;background:transparent;font-size:16px;box-sizing:border-box}
.sls-search-go{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:10px;background:#f3ead8;color:#8a7340;padding:0;margin:0 4px 0 0;font-size:18px;line-height:42px;text-align:center;-webkit-appearance:none;appearance:none}
.sls-link,.sls-text-action{display:inline-block;margin-top:8px;padding:8px 4px;border:0;background:none;color:#8a7340;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sls-stack{display:flex;flex-direction:column;gap:12px;margin:0 0 8px}
.sls-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#6b6558}
.sls-label input,.sls-label select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #ead9b3;border-radius:12px;background:#fffefb;font-size:16px;box-sizing:border-box}
.sls-person{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid #f0e6d0}
.sls-invite-card{display:grid;grid-template-columns:56px 1fr;gap:10px 12px;align-items:center;padding:14px 0;border-top:1px solid #f0e6d0}
.sls-invite-card form,.sls-invite-card > .sls-btn-quiet{grid-column:1 / -1}
.sls-invite-card img,.sls-avatar-svg{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.sls-invite-card > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sls-invite-card strong,.sls-person strong{display:block;font-size:16px;line-height:1.4}
.sls-invite-card small,.sls-person span{display:block;color:#6b6558;font-size:14px;line-height:1.4}
.sls-empty,.sls-help,.sls-stream-row,.sls-dest-status{font-size:14px;color:#6b6558;line-height:1.7}
.sls-flash{margin:0 0 16px;padding:12px 14px;border-radius:12px;line-height:1.6}
.sls-flash-ok{background:#f4faf6;border:1px solid #cfe3d6;color:#315c48}
.sls-flash-ng{background:#fff6f4;border:1px solid #f0cfc8}
.sls-foot-link{margin:8px 0 0;text-align:center}
.sls-manage form,.sls-me form{margin:0}
.sls-dest-grid{display:grid;gap:14px;margin:0 0 18px}
.sls-dest-card{background:#fff;border:1px solid #ead9b3;border-radius:20px;padding:20px 18px 22px;box-shadow:0 10px 28px rgba(184,154,91,.08);min-width:0}
.sls-dest-mark,.sls-dest-icon{display:block;width:44px;height:44px;margin-bottom:10px}
.sls-dest-card h2,.sls-dest-name{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:#242522}
.sls-dest-setup{margin:0 0 8px;font-size:13px;font-weight:700;color:#8a7340}
.sls-dest-pick{display:block;text-decoration:none;color:inherit;min-width:0}
.sls-dest-pick .sls-dest-card{height:100%;min-height:148px;box-sizing:border-box}
.sls-dest-pick .sls-dest-card.is-audience{box-shadow:0 10px 28px rgba(196,165,106,.18);border-color:#d9c49a}
.sls-dest-go{display:block;margin-top:12px;font-size:14px;font-weight:700;color:#8a7340}
.sls-me-name{margin:0 0 10px;font-size:15px;font-weight:800;color:#242522;width:100%;overflow-wrap:anywhere;word-break:keep-all}
.sls-choose > p{margin-bottom:18px}
.sls-hub-card .sls-btn-primary,.sls-hub-card .sls-btn-quiet{margin-top:8px}

@media (min-width:720px){
  .sls-dest-grid{grid-template-columns:1fr 1fr}
  .sls h1{font-size:1.5rem}
}
@media (max-width:900px){
  .sls h1{font-size:1.12rem;line-height:1.4}
  .sls-manage.is-invite-focus > .sls-flash,
  .sls-manage.is-invite-focus > .sls-foot-link,
  .sls-manage.is-invite-focus > .sls-card:not(.sls-invite),
  .sls-manage.is-invite-focus .sls-invite-lead,
  .sls-manage.is-invite-focus .sls-invited{display:none}
}
@media (min-width:901px){
  .sls{padding-bottom:56px}
}