*{box-sizing:border-box;margin:0;padding:0}:root{--page:#697d8c;--bg:#edeef3;--win:#f3f4f8;--title:#dadee4;--ink:#171e24;--dim:#556570;--border:#a2aeb6;--red:#d01830;--yellow:#ffcf3f;--o2:#1d57b8}html,body{min-height:100%}body{background:var(--page);background:linear-gradient(180deg,#7c909d,#566e7b);color:var(--ink);font-family:system-ui,sans-serif;min-height:100vh;padding:24px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none;cursor:pointer}.sr-only{position:absolute;height:1px;width:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fit{overflow:hidden}.panel{width:660px;background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;transform-origin:top left}.hd{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.p{font-size:13px;color:var(--dim);text-align:right}.p b{color:var(--ink)}.p .x{color:var(--border);margin:0 7px}.body{display:flex;padding:20px 22px;min-height:132px}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}#coma-svg{display:none}.foot{display:flex;flex:none;border-top:1px solid var(--border);background:var(--title)}.mv{flex:1;display:flex;align-items:center;gap:7px;height:31px;padding:0 10px;min-width:0;border-right:1px solid var(--border)}.mv:last-child{border-right:none}.mv .ml{font-size:7px;color:var(--dim);letter-spacing:.05em;flex:none;white-space:nowrap}.mv .mr{font-size:7px;color:var(--o2);font-weight:700;flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}.mv .mc{flex:1;position:relative;height:100%;min-width:0;overflow:hidden}.soc{display:flex;align-items:center;flex:none;font-size:13px;letter-spacing:.02em}.sb{position:relative;color:var(--dim)}.sb .lab{font-weight:700}.sb:hover,.sb:focus-visible{color:var(--red)}.sb:focus-visible{outline:1.5px solid var(--red);outline-offset:3px}.sb.copied .lab{visibility:hidden}.sb.copied::after{content:"COPIED";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1;color:var(--red);font-weight:700;font-size:.8em;letter-spacing:.02em;white-space:nowrap}.soc .sep{color:var(--border);margin:0 10px;user-select:none}.main{flex:1;display:flex;flex-direction:column}.projects{display:flex;flex-direction:column;flex:1;justify-content:flex-start;gap:11px;--dot:var(--border)}.pr{display:flex;align-items:center;gap:9px;padding:2px 3px}.pr .nm{position:relative;display:inline-flex;align-items:baseline;gap:.12em;flex:none;font-size:16.5px;font-weight:600;line-height:1.2;white-space:nowrap;padding:3px 9px}.pr .nm .mark{align-self:center;flex:none;display:inline-block;width:1.05em;height:1.05em;overflow:hidden}.pr .nm .corners{position:absolute;inset:0;pointer-events:none;opacity:0}.pr .nm .corners i{position:absolute;width:8px;height:8px;background:#e87661;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 6 6' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'%3E%3Cpath d='M5.884 5.884L9 9M9 5H5V9'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 6 6' fill='none' stroke='%23000' stroke-linecap='square' stroke-width='2'%3E%3Cpath d='M5.884 5.884L9 9M9 5H5V9'/%3E%3C/svg%3E")center/contain no-repeat}.pr .nm .corners i:nth-child(1){top:1px;left:1px}.pr .nm .corners i:nth-child(2){top:1px;right:1px;transform:rotate(90deg)}.pr .nm .corners i:nth-child(3){bottom:1px;right:1px;transform:rotate(180deg)}.pr .nm .corners i:nth-child(4){bottom:1px;left:1px;transform:rotate(270deg)}.pr .nm .frame{position:absolute!important;inset:2px;display:block;padding:0!important;pointer-events:none;opacity:0}.pr:hover .nm .frame,.pr:focus-visible .nm .frame{opacity:1}.pr .nm .pick{position:absolute;inset:0;pointer-events:none;opacity:0}.pr:hover .nm .pick,.pr:focus-visible .nm .pick{opacity:1}.pr:hover .nm .corners,.pr:focus-visible .nm .corners{opacity:1}.pr .ldr{flex:1;min-width:16px;margin:0 13px;height:8px;align-self:center;background:var(--dot);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 7' width='30' height='7'%3E%3Ccircle cx='15' cy='3.5' r='2.6' fill='none' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E")center/33px 8px space;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 7' width='30' height='7'%3E%3Ccircle cx='15' cy='3.5' r='2.6' fill='none' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E")center/33px 8px space}.pr .go{flex:none;font-size:13px;letter-spacing:.02em;color:var(--dim)}.pr:hover,.pr:focus-visible{--dot:var(--red)}.pr:hover .nm,.pr:focus-visible .nm{background:var(--ink);color:var(--bg)}.pr:hover .go,.pr:focus-visible .go{color:var(--red)}.pr:focus-visible{outline:1.5px solid var(--red);outline-offset:2px}