body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.soj-header{color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:.04rem;text-align:center}.soj-header,.soj-header:before{background:#333;margin:0;padding-bottom:3rem;padding-top:3rem}.soj-header:before{content:attr(data-label);display:block;font-size:2.6rem;font-weight:700;letter-spacing:.02rem;line-height:1.5}@media screen and (max-width:999px){.soj-header{font-size:1rem}.soj-header:before{font-size:1.6rem}}.soj-footer{color:#fff;font-size:1rem;font-weight:400;letter-spacing:.04em}.soj-footer,.soj-footer:before{background:#333;margin:0;padding-bottom:2rem;padding-top:2rem;text-align:center}.soj-footer:before{content:attr(data-label);display:block;font-size:2rem;font-weight:700;letter-spacing:.02rem;line-height:1.5}@media screen and (max-width:999px){.soj-footer{font-size:.9rem}.soj-footer:before{font-size:1.5rem}}.white-link{color:#ffc}.white-link:hover{color:#dd9}h2{border-bottom:3px solid #333;color:#333;margin-bottom:1.5rem;margin-top:0;padding:0 0 .5rem}h2,h3{background:#0000}h3{border-left:4px solid #333;color:#444;margin-top:2rem;padding:.25rem .8rem}h4{color:#333;font-size:1.1rem;font-weight:700;margin-top:1.5rem}@media screen and (max-width:999px){h2,h3{font-size:1rem}h4{font-size:.9rem}}.soj-centering{text-align:center;width:100%}.soj-main{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin:2rem auto;padding:2.5rem;width:60%}li{color:#555;line-height:1.6}p{color:#666;font-size:1rem}.black-line{border-top:2px solid #eee;margin:2rem 0}@media screen and (max-width:999px){.soj-main{margin:1rem auto;padding:1.2rem;width:96%}li,p{font-size:.9rem}}details{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;margin:.2rem auto;padding:.5rem .5rem 0}details,summary{color:#666;font-size:1rem}summary{background-color:#f8f9fa;font-weight:700;margin:-.5rem -.5rem 0;padding:.5rem}summary:hover{background-color:#e9ecef}details[open]{background-color:#fff;color:#666;margin:.2rem auto;padding:.5rem .5rem 1rem}details[open] summary{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;color:#666;margin-bottom:.5em;margin-left:auto;margin-right:auto}details>:not(summary){padding:0 1rem}@media screen and (max-width:999px){details,summary{font-size:.9rem}}pre{font-optical-sizing:auto;font-style:normal;font-weight:400;line-height:1.5;margin:.8rem auto;white-space:pre-wrap;width:90%}.code-font{font-family:monospace,Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif;font-size:1rem;font-weight:600}.text-block{background-color:#eee;color:#666;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:.8rem auto;padding:.8rem}.text-block,textarea{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-family:monospace,Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif;font-optical-sizing:auto;font-size:1rem;font-weight:500;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:90%;resize:vertical;transition:border-color .2s,box-shadow .2s;width:90%}textarea:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a;outline:none}.code-block,.text-block{word-wrap:break-word;background-color:#1e1e1e;border:none;border-radius:8px;box-shadow:inset 0 2px 4px #0003;color:#d4d4d4;margin:1rem auto;overflow-wrap:break-word;padding:1.2rem;word-break:break-all}@media screen and (max-width:999px){.code-font,textarea{font-size:.9rem}.code-block,.text-block{padding:1rem}}.tab-container{border-bottom:2px solid #333;display:flex;justify-content:center;margin:1rem auto 0;width:90%}.tab-button{background-color:#eee;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;color:#666;cursor:pointer;font-size:1rem;font-weight:700;margin:0 .2rem;padding:.8rem 1.5rem;transition:background-color .2s,color .2s}.tab-button:hover{background-color:#ddd;color:#333}.tab-button.active{background-color:#333;border-color:#333;color:#fff}.table-container{background-color:#fff;border:1px solid #666;border-top:none;margin:0 auto 2rem;max-height:400px;overflow-y:auto;width:90%}.problem-table{border-collapse:collapse;text-align:left;width:100%}.problem-table th{background-color:#f5f5f5;border-bottom:1px solid #ccc;color:#333;padding:.8rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.problem-table td{border-bottom:1px solid #eee;color:#666;cursor:pointer;padding:.8rem;transition:background-color .2s}.problem-table tr:hover td{background-color:#f9f9f9;color:#333}.problem-table tr.selected-row td{background-color:#e6f2ff;border-left:4px solid #333;color:#333;font-weight:700}.problem-table .col-id{font-family:monospace,Noto Sans JP,sans-serif;font-size:.9rem;width:35%}.problem-table .col-title{width:65%}@media screen and (max-width:999px){.tab-container{width:96%}.tab-button{flex-grow:1;font-size:.8rem;margin:0 1px;padding:.6rem .2rem;text-align:center}.table-container{max-height:300px;width:96%}.problem-table td,.problem-table th{font-size:.85rem;padding:.6rem}.problem-table .col-id{width:40%;word-break:break-all}}.soj-image{max-width:100%;padding-top:1rem}.select-button{background-color:#333;border:1px solid #333;border-radius:.2rem;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto;padding:.8rem;text-align:center;text-decoration:none;transition:.2s;width:30%}.select-button:hover{background:#fff;color:#333;font-weight:700}.run-button{background-color:#007acc;border:none;border-radius:6px;box-shadow:0 4px 6px #007acc33;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto;padding:.8rem;text-align:center;text-decoration:none;width:30%}.run-button:hover{background-color:#005999;box-shadow:0 6px 12px #007acc4d;color:#fff;transform:translateY(-2px)}@media screen and (max-width:999px){.run-button,.select-button{font-size:.8rem;min-width:200px;width:50%}}.App{font-family:Noto Sans JP,Meiryo,Hiragino Maru Gothic ProN W4,Hiragino Mincho ProN,Verdana,Times New Roman,YuMincho,Yu Mincho,MS PMincho,serif,sans-serif}
/*# sourceMappingURL=main.8c31beb4.css.map*/