#cn-app{--ink:#2a2620;--blue:#2a4a7c;--red:#b3392e;--pencil:#8a8270;--line:#b3a888;max-width:1240px;margin:0 auto;color:var(--ink)}#cn-app *{box-sizing:border-box}#cn-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#cn-app .bar{display:flex;flex-wrap:wrap;gap:9px 20px;align-items:center;margin-bottom:10px}#cn-app .seg{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#cn-app .sl{font-family:Special Elite,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--pencil)}#cn-app .chip{font-family:Oswald,sans-serif;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:4px 11px;border:1px solid var(--line);background:#ffffff40;color:#5a544a;border-radius:3px;cursor:pointer;user-select:none}#cn-app .chip:hover{border-color:var(--red);color:var(--red)}#cn-app .chip.active{background:var(--blue);border-color:var(--blue);color:#f4eddb}#cn-app .chip.tchip .sw{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}#cn-app .chip.off{opacity:.4;text-decoration:line-through}#cn-app .wrap{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}#cn-app .cnframe{position:relative;border:1.5px solid var(--ink);border-radius:2px;background:#e7ddc3;overflow:hidden;box-shadow:inset 0 0 60px #785f3729}#cn-app #cn{width:100%;height:auto;display:block;touch-action:none;cursor:grab}#cn-app #cn.grab{cursor:grabbing}#cn-app .cnlink{stroke:#9a8f70;stroke-width:.5;opacity:.4}#cn-app .cnlink.multi{stroke:#b3392e;stroke-width:.8;opacity:.55}#cn-app .cnlink.dim{opacity:.05}#cn-app .cnlink.hi{stroke:#2a2620;stroke-width:1.3;opacity:.9}#cn-app .cnevent{stroke:#f4eddb;stroke-width:1.1;cursor:pointer}#cn-app .cnbook{stroke:#efe7d2;stroke-width:.4;cursor:pointer}#cn-app .cnbook.multi{stroke:#7a3a20;stroke-width:1.1}#cn-app .dim{opacity:.14}#cn-app .cnlabel{fill:#2a2620;font-family:Oswald,sans-serif;font-size:9px;text-anchor:middle;paint-order:stroke;stroke:#e7ddc3;stroke-width:2.6px;stroke-linejoin:round;pointer-events:none}#cn-app .cnlabel.big{font-size:11.5px;font-weight:600}#cn-app .cnlabel.dim{opacity:.12}#cn-app .cntip{position:absolute;z-index:6;pointer-events:none;background:#2a2620f2;color:#f4eddb;padding:6px 9px;border-radius:3px;font-size:12px;line-height:1.35;max-width:220px}#cn-app .cntip strong{display:block;font-family:Oswald,sans-serif;font-size:12.5px}#cn-app .cntip .m{color:#e0b83a;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;display:block}#cn-app .hint{position:absolute;left:8px;bottom:7px;font-family:Special Elite,monospace;font-size:9.5px;letter-spacing:.06em;color:#6a604a;background:#e9e0c9b8;padding:1px 8px;border-radius:2px;pointer-events:none}#cn-app .panel{border:1px solid var(--line);border-radius:3px;background:#ffffff5c;padding:15px;min-height:400px;position:sticky;top:70px}#cn-app .panel .lead{font-size:13.5px;color:#5a544a;margin:0 0 10px}#cn-app .panel .keyh{font-family:Special Elite,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--pencil);margin:12px 0 5px}#cn-app .tkey{display:flex;flex-direction:column;gap:3px}#cn-app .tkey span{font-size:12px;display:flex;align-items:center;gap:7px}#cn-app .tkey .sw{width:10px;height:10px;border-radius:50%}#cn-app .tkey .sw.ring{background:transparent;border:1.6px solid #7a3a20}#cn-app .ph{border-left:3px solid var(--blue);padding-left:11px;margin-bottom:9px}#cn-app .ph .th{display:block;font-family:Special Elite,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em}#cn-app .ph h3{font-family:Oswald,sans-serif;font-size:19px;font-weight:600;margin:2px 0 1px;line-height:1.1}#cn-app .ph .loc{font-size:11px;color:#b3392e;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:0}#cn-app .sig{font-size:12.5px;line-height:1.5;color:#4a443a;margin:0 0 10px}#cn-app .bh{font-family:Oswald,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--line);padding-bottom:5px;margin:0 0 8px}#cn-app .row{display:flex;align-items:center;gap:8px;padding:4px;border-radius:3px;cursor:pointer}#cn-app .row:hover{background:#b3392e0f}#cn-app .row .sp{flex:none;width:6px;align-self:stretch;border-radius:2px;min-height:26px}#cn-app .row .rt{flex:1;min-width:0;display:flex;flex-direction:column}#cn-app .row .rtt{font-weight:600;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cn-app .row .rts{font-size:11px;color:#8a8270;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cn-app .row .ring:after{content:"★";color:#b3392e;font-size:10px;margin-left:5px}#cn-app .back{font-family:Oswald,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);cursor:pointer;display:inline-block;margin-bottom:10px}#cn-app .back:hover{color:var(--red)}@media (max-width:900px){#cn-app .wrap{grid-template-columns:1fr}#cn-app .panel{position:static;min-height:0}}