:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;color:#252a2c;background:#f5f5f3;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;padding:12px 20px;border-radius:6px}button:hover{background:#e8e8e4}button:focus-visible,a:focus-visible{outline:2px solid #b74633;outline-offset:4px}header{height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddddda}.brand{font-size:28px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-1.2px}.brand span{font-weight:350}.brand sup{font-size:11px;color:#b34d3e;margin-left:7px;letter-spacing:0}.phase,.caption>span,.selection>span{font-size:11px;letter-spacing:2px;color:#808581}.workspace{height:calc(100dvh - 140px);min-height:590px;position:relative}.viewport{position:absolute;inset:0}.caption{position:absolute;left:40px;top:38px;z-index:1;pointer-events:none}h1{font-size:28px;line-height:1.5;font-weight:500;letter-spacing:-1px;margin-top:15px}.selection{position:absolute;right:40px;top:42%;width:245px}.selection h2{font-size:25px;font-weight:500;line-height:1.45}.selection p{font-size:13px;color:#7e807d;line-height:1.9}nav{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;background:#fff;border:1px solid #e4e4e0;border-radius:9px;padding:4px;box-shadow:0 3px 15px #00000006}nav button{font-size:13px;min-width:65px}nav button[aria-pressed=true]{background:#303837;color:#fff}.loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5f5f3}.load-mark{width:76px;height:90px;border:1px solid #bf7771;color:#af554d;display:grid;place-items:center;font-size:42px;margin-bottom:24px}.loader strong{font-size:33px;font-weight:400;margin:12px}.loader progress{width:240px;height:4px;accent-color:#b34d3e;margin:12px}.loader small{font-size:12px;color:#8d908c;margin-top:18px}.loader button{background:#303837;color:#fff}.loader pre{max-width:min(640px,90vw);white-space:pre-wrap}footer{padding:16px 40px;font-size:11px;display:flex;gap:24px;border-top:1px solid #ddddda;color:#777d79}footer a{color:inherit}footer details[open]{position:relative;z-index:4;background:#fff;max-width:600px;padding:15px;box-shadow:0 4px 24px #0001}pre{white-space:pre-wrap;overflow-wrap:anywhere}summary{cursor:pointer}@media(max-width:800px){header{height:68px;padding:0 20px}.brand{font-size:25px}.phase{font-size:9px}.workspace{height:calc(100dvh - 118px);min-height:600px}.caption{left:20px;top:22px}.caption h1{font-size:22px}.selection{inset:auto 20px 90px;width:auto;padding:10px 15px;background:#ffffffeb}.selection h2{font-size:18px;margin:8px 0}.selection p{margin:0;font-size:12px}.selection>span{font-size:9px}footer{padding:15px 20px;font-size:10px}footer>span{display:none}nav{bottom:20px}}