/* ==== Global styles ==== */

  html, body { margin: 0; padding: 0; background: #fff8ec; }
  * { box-sizing: border-box; }
  a { color: #e2540a; text-decoration: none; }
  a:hover { color: #b23c00; }
  @keyframes tiltOnce {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-3deg); }
  }
  @media (max-width: 900px) {
    #live-body { display: contents !important; }
    #live-photo { flex: 0 0 auto !important; width: 100% !important; aspect-ratio: 16 / 9 !important; }
    #live-video { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; align-self: center !important; aspect-ratio: 9 / 16 !important; height: min(120vw, 520px) !important; order: 9 !important; }
    #live-video-inner { position: static !important; width: 100% !important; height: 100% !important; max-height: none !important; aspect-ratio: auto !important; }
  }


/* ==== Extracted inline styles ==== */
.gen-f96197c1 { font-family: 'Noto Sans JP', sans-serif; color: #26190f; background: #fff8ec; }
.gen-b9a0cd61 { position: sticky; top: 0; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; padding: 14px clamp(14px, 4vw, 64px); background: rgba(255,248,236,0.94); backdrop-filter: blur(8px); border-bottom: 2px solid #26190f; }
.gen-80ebd54a { display: flex; flex-direction: column; gap: 2px; }
.gen-eec5f62a { font-weight: 900; font-size: clamp(16px, 1.5vw, 20px); letter-spacing: -0.01em; line-height: 1.3; }
.gen-f798fac5 { font-family: 'Roboto Mono', monospace; font-size: 9.5px; letter-spacing: 0.16em; color: #9a8a72; }
.gen-06de97e4 { display: flex; align-items: center; gap: clamp(14px, 2.2vw, 32px); font-size: 13.5px; font-weight: 700; }
.gen-1b55e4f6 { color: #26190f; }
.gen-af663457 { flex: none; padding: 12px 22px; background: #e2540a; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 13.5px; box-shadow: 0 3px 0 #26190f; }
.gen-074a74d7 { position: relative; background: #e2540a; color: #fff8ec; padding: clamp(36px, 5vw, 76px) clamp(20px, 4vw, 64px) clamp(44px, 5vw, 84px); overflow: hidden; }
.gen-0abe9fcc { position: absolute; top: -160px; right: -120px; width: 560px; height: 560px; border-radius: 50%; background: #ffc42e; opacity: 0.3; }
.gen-626872f9 { position: relative; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: clamp(28px, 4vw, 64px); align-items: center; }
.gen-7722cf2a { display: flex; flex-direction: column; gap: 22px; }
.gen-c9b1fd60 { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; padding: 8px 16px; background: #ffc42e; color: #26190f; border-radius: 999px; font-family: 'Roboto Mono', monospace; font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; }
.gen-50ebbb6b { width: 6px; height: 6px; border-radius: 50%; background: rgb(226, 84, 10); }
.gen-8668ce52 { margin: 0; font-weight: 900; font-size: clamp(42px, 5.6vw, 82px); line-height: 1.32; letter-spacing: -0.035em; text-wrap: pretty; }
.gen-d4ef93db { display: inline-block; transform-origin: 20% 80%; animation: tiltOnce 0.5s ease-out 2s 1 both; background: #ffc42e; color: #26190f; padding: 2px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.gen-949fd022 { margin: 0; font-weight: 900; font-size: clamp(17px, 1.7vw, 24px); line-height: 1.6; letter-spacing: -0.01em; color: #ffc42e; max-width: 26em; text-wrap: pretty; }
.gen-9aba218c { margin: 0; font-size: clamp(14.5px, 1.2vw, 17px); line-height: 1.95; color: rgba(255,248,236,0.94); max-width: 32em; text-wrap: pretty; }
.gen-23092841 { display: flex; flex-wrap: wrap; gap: 12px; }
.gen-687039b0 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 520px; }
.gen-d113f3d1 { position: relative; aspect-ratio: 4 / 3; max-height: 540px; border-radius: 8px; overflow: hidden; background: repeating-linear-gradient(135deg, rgba(255,248,236,0.22) 0 10px, rgba(255,248,236,0.36) 10px 20px); }
.gen-12ae35a6 { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; }
.gen-94f3febc { background: #26190f; color: #fff8ec; padding: clamp(48px, 6vw, 104px) clamp(20px, 4vw, 64px); }
.gen-b40012f3 { max-width: 1240px; margin: 0 auto; }
.gen-917fdc52 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: clamp(24px, 3vw, 44px); }
.gen-ad811aa7 { font-family: 'Roboto Mono', monospace; font-size: 11px; letter-spacing: 0.16em; color: #ffc42e; font-weight: 500; }
.gen-212150ce { margin: 10px 0 0; font-weight: 900; font-size: clamp(27px, 3.4vw, 46px); line-height: 1.3; letter-spacing: -0.025em; }
.gen-f6f69ab9 { color: #ffc42e; }
.gen-a883b57c { margin: 0; max-width: 28em; font-size: 13.5px; line-height: 1.95; color: rgba(255,248,236,0.72); }
.gen-f46474ef { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: clamp(14px, 1.6vw, 24px); margin-bottom: clamp(14px, 1.6vw, 24px); }
.gen-79de222a { grid-column: 1 / -1; background: #fff8ec; color: #26190f; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
.gen-4b1001f4 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2px; background: #fff8ec; }
.gen-d2ab2bdd { flex: 1 1 100%; aspect-ratio: 16 / 9; overflow: hidden; background: repeating-linear-gradient(135deg, #e7dcc7 0 10px, #f0e7d5 10px 20px); position: relative; }
.gen-3deb6677 { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; }
.gen-c071ec4d { padding: clamp(22px, 2.6vw, 40px); display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.gen-04bcfef1 { align-self: flex-start; background: #e2540a; color: #fff8ec; font-weight: 900; font-size: 12.5px; padding: 5px 14px; border-radius: 999px; white-space: nowrap; }
.gen-613f1dc8 { display: flex; align-items: baseline; gap: 10px; }
.gen-8e7517d6 { font-family: 'Roboto Mono', monospace; font-size: 13px; color: #e2540a; }
.gen-a51ee06d { margin: 0; font-weight: 900; font-size: clamp(25px, 2.7vw, 36px); line-height: 1.3; letter-spacing: -0.025em; color: #e2540a; }
.gen-ba4b9245 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px; }
.gen-0dd3f215 { flex: 1 1 320px; display: flex; flex-direction: column; gap: 16px; }
.gen-cf1604d7 { display: flex; gap: 12px; }
.gen-53dbf8d7 { flex: none; width: 8px; height: 8px; margin-top: 8px; border-radius: 50%; background: #e2540a; }
.gen-9572d393 { font-weight: 900; font-size: 15px; line-height: 1.5; margin-bottom: 5px; }
.gen-cc4cbbc2 { margin: 0; font-size: 14px; line-height: 1.95; color: #5c4f3d; }
.gen-5c548fba { position: relative; margin-top: 10px; border-radius: 12px; background: #8a6742; padding: 10px 14px; overflow: hidden; }
.gen-d00dfd32 { position: absolute; top: -70px; right: -60px; width: 220px; height: 220px; border-radius: 50%; background: #ffc42e; opacity: 0.22; }
.gen-fbaeadf8 { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.gen-76b56666 { flex: 1 1 200px; display: flex; flex-direction: column; gap: 8px; }
.gen-0f1afa61 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.gen-9f467f9b { background: #ffc42e; color: #26190f; font-weight: 900; font-size: 12px; padding: 4px 12px; border-radius: 999px; white-space: nowrap; }
.gen-d852ecbc { color: #fff8ec; font-weight: 900; font-size: 20px; letter-spacing: -0.02em; }
.gen-768de166 { color: #ffc42e; font-size: 30px; }
.gen-8f2083f3 { color: #fff8ec; font-weight: 900; font-size: 16px; }
.gen-0df4b198 { color: #ffc42e; font-size: 26px; }
.gen-2eeca780 { margin: 0; font-size: 13px; line-height: 1.9; color: rgba(255,248,236,0.92); }
.gen-27ea3524 { position: absolute; top: -18px; right: -14px; width: 96px; height: 96px; border-radius: 50%; background: repeating-conic-gradient(from 0deg, #ffc42e 0deg 9deg, transparent 9deg 18deg); pointer-events: none; }
.gen-c423dae1 { flex: 1 1 260px; width: 100%; max-width: 340px; height: auto; display: block; border-radius: 8px; transform: rotate(-1.5deg); box-shadow: 0 8px 20px rgba(38,25,15,0.28); }
.gen-f3397b76 { flex: 0 0 auto; width: clamp(170px, 24%, 240px); max-width: 100%; align-self: stretch; position: relative; }
.gen-54f063c5 { position: absolute; bottom: 0; right: 0; width: 100%; max-height: 100%; aspect-ratio: 9 / 16; background: #26190f; border-radius: 10px; overflow: hidden; }
.gen-41daff99 { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; background: #26190f; }
.gen-46f6de50 { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-top: 14px; border-top: 1px dashed rgba(38,25,15,0.22); font-size: 12.5px; color: #7d6f5b; }
.gen-bacdf6cf { color: rgb(38, 25, 15); font-size: 14px; }
.gen-fc6df9fb { display: flex; gap: 10px; margin-top: 4px; }
.gen-dbf2bad9 { flex: 1; text-align: center; padding: 14px; border: 2px solid #26190f; border-radius: 999px; font-weight: 900; font-size: 13.5px; color: #26190f; }
.gen-ead092cc { flex: 1; text-align: center; padding: 14px; background: #e2540a; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 13.5px; box-shadow: 0 3px 0 #26190f; }
.gen-b05c32e0 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.gen-bb0c9f84 { background: #fff8ec; color: #26190f; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
.gen-0e3d6f62 { aspect-ratio: 3 / 2; background: repeating-linear-gradient(135deg, #e7dcc7 0 10px, #f0e7d5 10px 20px); display: flex; align-items: flex-end; padding: 10px; position: relative; overflow: hidden; }
.gen-8966aa4b { padding: 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.gen-1ce5a18a { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-height: 54px; }
.gen-d6a5ac1e { font-family: 'Roboto Mono', monospace; font-size: 12px; color: #e2540a; }
.gen-7c306503 { margin: 0; font-weight: 900; font-size: 24px; line-height: 1.35; letter-spacing: -0.02em; color: #e2540a; }
.gen-7fac29bc { display: flex; flex-direction: column; gap: 14px; flex: 1; }
.gen-2be0d8fd { display: flex; gap: 10px; }
.gen-dc3cfc0e { flex: none; width: 7px; height: 7px; margin-top: 7px; border-radius: 50%; background: #e2540a; }
.gen-12e2632a { font-weight: 900; font-size: 14px; line-height: 1.5; margin-bottom: 4px; }
.gen-1c773081 { margin: 0; font-size: 13px; line-height: 1.9; color: #5c4f3d; }
.gen-acef7297 { display: flex; flex-wrap: wrap; gap: 8px 16px; padding-top: 12px; border-top: 1px dashed rgba(38,25,15,0.22); font-size: 12px; color: #7d6f5b; }
.gen-2500ce11 { color: rgb(38, 25, 15); font-size: 13px; }
.gen-b8655600 { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.gen-8ac55174 { display: flex; gap: 8px; }
.gen-89160caa { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.gen-c3127646 { font-weight: 900; font-size: 12px; color: #7d6f5b; }
.gen-bbdcbc1a { text-align: center; padding: 12px; border: 2px solid #26190f; border-radius: 999px; font-weight: 900; font-size: 12.5px; color: #26190f; }
.gen-bb8514a9 { display: block; text-align: center; padding: 12px; background: #e2540a; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 12.5px; box-shadow: 0 3px 0 #26190f; }
.gen-f8915738 { display: flex; gap: 8px; margin-top: 4px; }
.gen-7b16e267 { flex: 1; text-align: center; padding: 12px; border: 2px solid #26190f; border-radius: 999px; font-weight: 900; font-size: 12.5px; color: #26190f; }
.gen-c04a99be { flex: 1; text-align: center; padding: 12px; background: #e2540a; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 12.5px; box-shadow: 0 3px 0 #26190f; }
.gen-5da9e21a { font-size: 11.5px; line-height: 1.7; color: #7d6f5b; text-align: right; }
.gen-edac3087 { display: flex; flex-direction: column; gap: 8px; margin-top: clamp(24px, 3vw, 40px); font-size: 12.5px; line-height: 1.95; color: rgba(255,248,236,0.72); }
.gen-1c244e6b { margin: 0; }
.gen-1f7cd48e { color: #ffc42e; text-decoration: underline; }
.gen-67dd58d4 { padding: clamp(48px, 6vw, 104px) clamp(20px, 4vw, 64px); background: #f4ead8; }
.gen-8c924dbf { font-family: 'Roboto Mono', monospace; font-size: 11px; letter-spacing: 0.16em; color: #e2540a; font-weight: 500; }
.gen-31e9b2e9 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.gen-ab37a4e5 { padding: 7px 18px; background: #26190f; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 14px; }
.gen-c1c18250 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(118px, 100%), 1fr)); gap: 10px; margin-bottom: clamp(32px, 4vw, 56px); }
.gen-693f2f88 { background: #fff8ec; border-radius: 8px; overflow: hidden; }
.gen-477d7e16 { position: relative; aspect-ratio: 1/1; overflow: hidden; background: repeating-linear-gradient(135deg, #e7dcc7 0 8px, #f0e7d5 8px 16px); }
.gen-cdbde595 { padding: 9px 10px 12px; }
.gen-8f503e94 { font-weight: 900; font-size: 13px; line-height: 1.35; }
.gen-c960f8c9 { font-family: 'Roboto Mono', monospace; font-size: 9.5px; color: #e2540a; margin-top: 4px; }
.gen-167b6f1f { padding: 7px 18px; background: #e2540a; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 14px; }
.gen-72bee3bd { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(118px, 100%), 1fr)); gap: 10px; }
.gen-cf904a8c { background: #e2540a; color: #fff8ec; padding: clamp(48px, 6vw, 104px) clamp(20px, 4vw, 64px); position: relative; overflow: hidden; }
.gen-bdc54734 { position: absolute; bottom: -220px; left: -140px; width: 620px; height: 620px; border-radius: 50%; background: #ffc42e; opacity: 0.26; }
.gen-f7ac8ef4 { position: relative; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: clamp(28px, 3.5vw, 60px); align-items: start; }
.gen-8047b5b4 { margin: 12px 0 6px; display: inline-block; background: #ffc42e; color: #26190f; padding: 7px 16px; border-radius: 999px; font-weight: 900; font-size: clamp(14px, 1.4vw, 18px); letter-spacing: -0.01em; }
.gen-91015182 { margin: 6px 0 14px; font-weight: 900; font-size: clamp(22px, 2.5vw, 34px); line-height: 1.42; letter-spacing: -0.025em; }
.gen-d5331c3e { margin: 0 0 24px; font-size: 14.5px; line-height: 1.95; color: rgba(255,248,236,0.9); max-width: 28em; }
.gen-30604754 { display: inline-block; padding: 19px 40px; background: #26190f; color: #fff8ec; border-radius: 999px; font-weight: 900; font-size: 16px; box-shadow: 0 4px 0 rgba(38,25,15,0.35); }
.gen-bb54950c { display: flex; flex-direction: column; gap: 12px; }
.gen-86b11e00 { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fff8ec; color: #26190f; border-radius: 10px; padding: 20px 24px; }
.gen-670a9e20 { font-weight: 900; font-size: 16.5px; }
.gen-ddc3e655 { font-size: 12px; color: #9a8a72; margin-top: 4px; }
.gen-e48a5749 { font-weight: 900; font-size: clamp(24px, 2.4vw, 30px); letter-spacing: -0.03em; color: #e2540a; }
.gen-1c639f0d { font-size: 14px; }
.gen-84abf80f { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #26190f; color: #fff8ec; border-radius: 10px; padding: 20px 24px; }
.gen-a52491e0 { font-size: 12px; color: rgba(255,248,236,0.6); margin-top: 4px; }
.gen-4296a1df { font-weight: 900; font-size: clamp(24px, 2.4vw, 30px); letter-spacing: -0.03em; color: #ffc42e; }
.gen-cf575594 { font-size: 11.5px; line-height: 1.8; color: rgba(255,248,236,0.75); }
.gen-8f811f05 { background: #26190f; color: rgba(255,248,236,0.7); padding: clamp(32px, 4vw, 56px) clamp(20px, 4vw, 64px) clamp(32px, 4vw, 56px); font-size: 12.5px; line-height: 1.9; }
.gen-70551048 { max-width: 1240px; margin: 0 auto; display: flex; justify-content: center; }
.gen-96ce7ef3 { display: block; }
.gen-4b148f62 { display: block; width: clamp(200px, 26vw, 320px); height: auto; }