:is(.o19-birthday,.o19-epos-step,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-mi,.o19-uc,.o19-dm,.o19-vfamily){margin:24px 0;padding:20px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface);color:var(--c-ink)}
:is(.o19-birthday,.o19-epos-step,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-mi,.o19-uc,.o19-dm,.o19-vfamily) h3{margin-top:0}
:is(.o19-birthday,.o19-epos-step,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-mi,.o19-uc,.o19-dm,.o19-vfamily) .atomic{display:inline-block;white-space:nowrap}
:is(.o19-birthday,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-uc,.o19-dm,.o19-vfamily) dl{margin:16px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13em),1fr));gap:20px}
:is(.o19-birthday,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-uc,.o19-dm,.o19-vfamily) dt{font-weight:700}
:is(.o19-birthday,.o19-shared-limit,.o19-family,.o19-metpo,.o19-karaoke,.o19-uc,.o19-dm,.o19-vfamily) dd{margin:10px 0 0}
.o19-birthday dd>span,.o19-birthday dd>strong,.o19-shared-limit dd>span,.o19-metpo dd>span,.o19-metpo dd>strong,.o19-uc dd>span,.o19-uc dd>strong,.o19-dm dd>span,.o19-dm dd>b,.o19-dm dd>strong{display:block;margin-top:8px}
.o19-birthday .birthday-example{padding:16px 0;border-bottom:2px solid var(--c-border);display:flex;flex-wrap:wrap;gap:8px 24px}.o19-birthday .meter{height:14px;margin:14px 0;border-radius:2px;background:var(--c-primary)}.o19-birthday .capped{width:66.666667%;border-right:4px solid var(--c-ink)}.o19-birthday .continuing{width:100%;background:var(--c-money)}
.o19-epos-step ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11em),1fr));gap:16px}.o19-epos-step li{padding:14px 0;border-top:3px solid var(--c-border)}.o19-epos-step li:last-child{border-color:var(--c-money)}.o19-epos-step li>*{display:block;margin:6px 0}.o19-epos-step li>strong{color:var(--c-primary-strong);font-size:1.2em}
.o19-shared-limit .limit-cap>b{display:block;margin-bottom:12px}.o19-shared-limit .limit-bar{display:grid;grid-template-columns:7fr 3fr;min-height:60px;background:var(--c-primary-pale);border:1px solid var(--c-primary)}.o19-shared-limit .limit-bar>span{background:var(--c-primary);color:#fff}.o19-shared-limit .limit-bar>*{padding:12px;display:grid;place-content:center}.o19-shared-limit .limit-answer{padding:16px 0;border-top:2px solid var(--c-primary)}
.o19-family .family-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12em),1fr));gap:20px;border-bottom:2px solid var(--c-border);padding-bottom:16px}.o19-family .family-people p{margin:8px 0}.o19-family dd>*{display:block;margin:8px 0}.o19-family .family-total strong{color:var(--c-primary-strong);font-size:1.5em}
.o19-metpo dl>div{padding:16px 0;border-top:3px solid var(--c-primary)}.o19-metpo dl>.metpo-charge{border-color:var(--c-money)}.o19-metpo dd ul{margin:0;padding-left:22px}.o19-metpo dd li{margin:12px 0}.o19-metpo li span{display:block}.o19-metpo .metpo-charge dd strong{font-size:1.3em}
.o19-karaoke dl>div{padding:16px 0;border-top:3px solid var(--c-border)}.o19-karaoke dl>.karaoke-room{border-color:var(--c-primary)}.o19-karaoke dd>*{display:block;margin:8px 0}.o19-karaoke dd>strong{font-size:1.3em}.o19-karaoke .karaoke-total{padding:16px 0;border-top:2px solid var(--c-primary);font-weight:700}.o19-karaoke .karaoke-total>span{display:block;font-weight:400;margin-top:8px}
.o19-mi ol{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--c-primary)}.o19-mi li{padding:12px 0 22px}.o19-mi li>*{display:block;margin:6px 0}.o19-mi .mi-stop{padding:16px;border-left:3px solid var(--c-money);background:var(--c-money-pale)}.o19-mi .mi-stop span{display:block;margin-top:8px}
.o19-uc dl>div{padding:14px 0;border-top:2px solid var(--c-border)}.o19-uc dd>strong{font-size:1.5em;color:var(--c-primary-strong)}.o19-uc .uc-total{padding:16px 0;border-top:2px solid var(--c-primary);font-weight:700}.o19-uc .uc-total>span,.o19-uc .uc-next>span{display:block;margin-top:8px}.o19-uc .uc-next{padding:16px;background:var(--c-money-pale);border-left:3px solid var(--c-money)}
.o19-dm dl>div{padding:16px 0;border-top:3px solid var(--c-primary)}.o19-dm dl>div+div{border-color:var(--c-money)}.o19-dm dd>strong{font-size:1.3em}.o19-dm .dm-fee{border-top:1px dashed var(--c-border);padding-top:12px}
.o19-vfamily .vpoint-before,.o19-vfamily .vpoint-after{padding:16px 0;border-top:2px solid var(--c-border)}.o19-vfamily .vpoint-after{border-color:var(--c-primary)}.o19-vfamily dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.o19-vfamily dd{font-size:1.25em;font-weight:700}.o19-vfamily .vpoint-move{padding:16px;border-left:3px solid var(--c-primary);background:var(--c-primary-pale)}
.o19-metpo dd>.atomic,.o19-uc dd>.atomic,.o19-dm dd>.atomic{display:block;width:max-content;max-width:100%}
.o19-vfamily dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr))}
.o19-epos-step ol{display:block}.o19-epos-step li{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10em),1fr));gap:4px 16px;padding:12px 0}.o19-epos-step li>strong{grid-column:1/-1;margin-top:0}
@media(max-width:36em){.o19-shared-limit .limit-bar{grid-template-columns:1fr}.o19-shared-limit .limit-bar>*{place-content:start}}
@media(prefers-color-scheme:dark){.o19-shared-limit .limit-bar>span{background:#075f5a;color:#fff}}