@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#273d34;font-synthesis:none;background:#f6f7f2;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:#344d3e;background:#fff;border:1px solid #d8dfd5;border-radius:6px;padding:9px 17px;font-size:12px;font-weight:500;transition:background .15s}button:hover{background:#edf1e8}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #98b37e}.masthead{border-bottom:1px solid #e1e6db;justify-content:space-between;align-items:center;height:83px;padding:0 6%;display:flex}.brand{color:inherit;letter-spacing:-.6px;align-items:center;gap:13px;font-size:18px;text-decoration:none;display:flex}.brand b{font-weight:400}.mark{color:#e8f1d8;background:#315b43;border-radius:11px 11px 11px 2px;place-items:center;width:34px;height:34px;font:700 25px Georgia;display:grid}.version{color:#788679;letter-spacing:1.5px;font:10px IBM Plex Mono,monospace}.dot{background:#8da178;border-radius:50%;width:5px;height:5px;margin:0 12px;display:inline-block}main{max-width:1080px;margin:0 auto;padding:48px 40px 25px}.eyebrow{letter-spacing:2px;color:#7c916f;font:10px IBM Plex Mono,monospace}h1{letter-spacing:2px;margin:14px 0 10px;font-size:30px;font-weight:500}.intro p{color:#829084;letter-spacing:.4px;margin:0 0 34px;font-size:12px}.workspace,.test-workspace{background:#fff;border:1px solid #dce3d7;border-radius:9px;overflow:hidden;box-shadow:0 4px 18px #334a3310}.editor-heading{justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:13px 22px;display:flex}.editor-heading>div:first-child{align-items:center;gap:13px;display:flex}.index{color:#91a386;border:1px solid #e1e8dc;border-radius:3px;padding:3px 5px;font:11px IBM Plex Mono,monospace}label{font-size:13px;font-weight:500}.sub{color:#9ba694;letter-spacing:1px;margin-left:8px;font:9px IBM Plex Mono,monospace}.files{gap:8px;display:flex}.files button{color:#687b67;background:0 0;border-color:#0000;padding:7px 10px}.files button:hover{background:#eef2e9}.source-wrap{background:#182c25;border-top:1px solid #1d3229;padding:21px 25px 12px}textarea{resize:vertical;tab-size:4;border:0;border-radius:0;width:100%;font:13px/1.8 IBM Plex Mono,monospace;display:block}#source{color:#cde0b9;caret-color:#d8eca8;background:#182c25;outline:none;height:355px;min-height:240px}#source:focus{padding-left:10px;box-shadow:inset 2px 0 #809e62}.transport{background:#fbfcf8;justify-content:space-between;align-items:center;padding:15px 22px;display:flex}.transport-buttons{gap:8px;display:flex}.transport button{min-width:95px}.transport button span{margin-left:8px}.transport .primary{color:#fff;background:#426447;border-color:#426447}.transport .primary:hover{background:#31523a}.transport>span{color:#8d9987;font-size:10px}.test-workspace{box-shadow:none;margin-top:22px}.test-workspace .editor-heading{min-height:59px}.test-workspace button{padding:7px 13px;font-size:11px}#test{color:#506547;background:#f0f3eb;border-top:1px solid #e5eadf;border-bottom:1px solid #e5eadf;outline:none;min-height:92px;padding:15px 24px}#test:focus{background:#eaf0e3}.test-hint{color:#879380;justify-content:space-between;padding:12px 23px;font-size:10px;display:flex}.test-hint span{color:#a0aa99}#status{color:#728469;align-items:center;gap:9px;min-height:20px;margin:19px 3px 0;font-size:11px;display:flex}.status-led{background:#8da778;border-radius:50%;flex-shrink:0;width:6px;height:6px}.error{color:#ac4e39!important}.error .status-led{background:#ac4e39}footer{color:#97a18f;border-top:1px solid #e0e6d9;justify-content:space-between;margin-top:32px;padding-top:20px;font-size:10px;display:flex}footer span:last-child{letter-spacing:1.7px;font:9px IBM Plex Mono,monospace}@media (width<=650px){.masthead{height:65px;padding:0 20px}.brand{font-size:15px}.version{font-size:8px}.version .dot{margin:0 4px}main{padding:30px 15px 20px}h1{font-size:24px}.intro p{font-size:11px}.sub{display:none}.editor-heading{gap:5px;padding:12px 13px}.editor-heading>div:first-child{gap:7px}.files{gap:0}.files button{padding:6px}#source{font-size:12px}.source-wrap{padding:18px 15px}.transport{padding:12px}.transport>span{font-size:8px}.transport button{min-width:75px;padding:8px}.test-hint{padding:10px 13px;font-size:9px;display:block}.test-hint span{margin-top:3px;display:block}}