html,body,#root{height:100%;margin:0}*{box-sizing:border-box}.app{color:#e6e9ef;background:#0f1218;grid-template-rows:48px 1fr;grid-template-columns:260px 1fr 330px;height:100vh;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,PingFang SC,sans-serif;font-size:13px;display:grid}header{background:#161a22;border-bottom:1px solid #262c38;grid-column:1/4;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.brand b{color:#fc6;margin-right:10px;font-size:17px}.brand span{color:#9aa4b5}button{color:#e6e9ef;cursor:pointer;font:inherit;background:#232a36;border:1px solid #333c4b;border-radius:6px;padding:5px 9px}button:hover{background:#2c3544}button.on{background:#3b5bdb;border-color:#4c6ef5}.langs button{margin-left:6px}.catalog{background:#12161d;border-right:1px solid #262c38;padding:10px;overflow-y:auto}.catalog input{box-sizing:border-box;width:100%;color:inherit;background:#0d1016;border:1px solid #333c4b;border-radius:6px;margin-bottom:6px;padding:6px 8px}.catalog h3{color:#fc6;letter-spacing:.05em;margin:14px 0 6px;font-size:12px}.routine{text-align:left;width:100%;margin-bottom:4px;padding:6px 8px;display:block}.routine .rname{display:block}.tags{gap:4px;margin-top:3px;display:flex}.tags i,.badge{color:#fff;background:#2f3847;border-radius:8px;padding:1px 6px;font-size:10px;font-style:normal}main{flex-direction:column;display:flex;position:relative;overflow:hidden}.stage{flex:1;min-height:0;position:relative}.stage canvas{display:block}.stage.mirror canvas{transform:scaleX(-1)}.overlay{pointer-events:none;position:absolute}.overlay.top{justify-content:space-between;gap:12px;display:flex;top:10px;left:12px;right:12px}.now small{color:#9aa4b5}.mname{text-shadow:0 2px 6px #000;font-size:26px;font-weight:700}.msub{color:#c9d1de;text-shadow:0 1px 4px #000;font-size:14px}.hands{background:#0a0d14b3;border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:12px;line-height:1.7}.hands b{color:#fc6;margin-right:6px}.overlay.views{pointer-events:auto;flex-direction:column;gap:4px;display:flex;top:92px;right:12px}.inset-label{color:#fc6;pointer-events:none;background:#00000080;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:196px}.inset-label.l{left:12px}.inset-label.r{right:12px}.controls{background:#161a22;border-top:1px solid #262c38;padding:8px 12px}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.play{background:#2b8a3e;border-color:#37b24d;min-width:90px}.speed{align-items:center;gap:6px;margin-left:10px;display:flex}.speed input{width:120px}.chip{padding:3px 7px;font-size:11px}.chk{cursor:pointer;align-items:center;gap:4px;margin-left:8px;display:inline-flex}.toggles{margin-top:6px}.hint{color:#7d879a;margin-left:auto;font-size:11px}.timeline{margin:8px 0 2px;padding-right:110px;position:relative}.timeline input{width:100%}.ticks{height:6px;position:absolute;top:-4px;left:0;right:110px}.ticks span{cursor:pointer;background:#5c6b82;width:2px;height:8px;position:absolute}.ticks span.on{background:#fc6;height:10px}.time{color:#9aa4b5;position:absolute;top:2px;right:0}.info{background:#12161d;border-left:1px solid #262c38;padding:10px 12px;overflow-y:auto}.info h3{color:#fc6;margin:14px 0 6px;font-size:12px}.status{background:#181d26;border-left:4px solid;border-radius:4px;padding:6px 8px}.note{color:#c9d1de;margin:6px 0 0}.moves{border:1px solid #262c38;border-radius:6px;max-height:38vh;margin:0;padding:0;list-style:none;overflow-y:auto}.moves li{cursor:pointer;border-bottom:1px solid #1c222c;grid-template-columns:26px 1fr;column-gap:4px;padding:4px 8px;display:grid}.moves li:hover{background:#1b212b}.moves li.on{background:#2a3550}.moves .no{color:#7d879a;text-align:right;grid-row:span 2}.moves .zh{color:#7d879a;font-size:11px}.moves .sech{color:#fc6;grid-column:1/3;margin:2px 0;font-size:11px}.moves .empty{color:#7d879a}.checks .check{padding:3px 0}.check.ok span{color:#51cf66}.check.ng span{color:#ff6b6b}.check em{color:#7d879a;font-size:11px;font-style:normal}.links a,.sources a{color:#74c0fc;word-break:break-all;margin:3px 0;display:block}.sources{margin:0;padding-left:16px}.muted{color:#7d879a}.small{font-size:11px}a{color:#74c0fc}