body{background:#f4f4f4;margin:0;font-family:Arial,sans-serif}html,body,#root{height:100%}*{box-sizing:border-box}.loop-container{flex-direction:column;align-items:center;gap:8px;height:calc(100vh - 90px);padding:8px;display:flex}.loop-card{color:#fff;background:#000;border:2px solid red;border-radius:12px;flex-direction:column;flex:1;width:min(95vw,420px);min-height:0;padding:12px;display:flex}.caption-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:18px;display:flex}.caption-card main{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.caption-card p{max-width:95%;margin:0;font-size:20px;font-weight:700;line-height:1.25}.caption-card footer,.system-card{gap:8px;display:flex}.caption-card footer{flex-wrap:nowrap;justify-content:space-between}.system-card{flex-direction:column}.system-card p{flex:1;font-size:18px}.card-button{color:#fff;cursor:pointer;background:#000;border:2px solid red;border-radius:8px;padding:8px 14px;font-size:16px;font-weight:700}.arrow-button{width:42px;padding:6px}