body{font-family:Noto Sans JP,sans-serif;color:#333333;background-color:#F7F7F7;line-height:1.6}.card{padding:1.25rem;border-radius:.25rem;border:1px solid #e5e5e5;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.card:hover{box-shadow:0 3px 6px rgba(0,0,0,.08)}.card-header{padding-bottom:.75rem}.card-title{font-size:1.5rem;font-weight:500;text-align:center;color:#333333}.card-content{padding:.5rem 0}.transition-all,input[type=text]{transition:all .2s ease}input[type=text]{width:100%;padding:.625rem;border-radius:.25rem;border:1px solid #e5e5e5;background-color:#F7F7F7;font-size:1rem}input[type=text]:focus{outline:none;border-color:#BE3A26;box-shadow:0 0 0 2px rgba(190,58,38,.1)}button{padding:.625rem 1.25rem;border-radius:.25rem;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:center;font-size:.9375rem}button[disabled]{opacity:.5;cursor:not-allowed}button.primary{background-color:#BE3A26;color:white}button.primary:hover{background-color:#A32F1F}button.secondary{background-color:white;color:#333333;border:1px solid #e5e5e5}button.secondary:hover{background-color:#F7F7F7}button.outline{background-color:transparent;border:1px solid #e5e5e5;color:#333333}button.outline:hover{background-color:#F7F7F7}.correct{color:#5A8F53}.incorrect{color:#BE3A26}main{max-width:1200px;margin:0 auto;padding:1.5rem}footer{margin-top:3rem;color:#666666;font-size:.875rem}.focus-within\:scale-105:focus-within{transform:scale(1.05)}.focus-within\:bg-yellow-500:focus-within{background-color:#f59e0b}.bg-primary{background-color:hsl(var(--primary))}.bg-emerald-300{background-color:#6ee7b7}.bg-red-300{background-color:#fca5a5}