@keyframes cnFade{0%{opacity:0}to{opacity:1}}@keyframes cnPulse{0%,to{opacity:.35}50%{opacity:1}}.cn{--cn-ink: #e9e7f2;--cn-glass: rgba(10, 10, 18, .55);position:relative;width:100%;height:100vh;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#0d0d18,#06060b 62%,#030307);font-family:var(--mono);color:var(--cn-ink);-webkit-font-smoothing:antialiased;line-height:1.5}.cn-preview{height:min(56vh,460px);border-radius:10px}.cn-mount{position:absolute;inset:0;cursor:grab}.cn-mount canvas{display:block}.cn-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(140% 100% at 50% 50%,#0000 45%,#030307bf)}.cn a{color:#34dde5;text-decoration:none}.cn a:hover{color:oklch(.9 .16 200);text-decoration:none}.cn ::-webkit-scrollbar{width:6px;height:6px}.cn ::-webkit-scrollbar-thumb{background:#ffffff24}.cn-head{position:absolute;top:26px;left:28px;pointer-events:none;display:flex;flex-direction:column;gap:6px;z-index:2}.cn-title{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:.01em;color:#f4f2fa}.cn-preview .cn-title{font-size:25px}.cn-status{font-size:10px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:#e9e7f26b}.cn-panel{position:absolute;top:104px;left:28px;width:246px;max-height:calc(100% - 150px);overflow-y:auto;z-index:3;display:flex;flex-direction:column;gap:20px;padding:16px 16px 20px;background:var(--cn-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);border-radius:3px}.cn-controls>summary{display:none;position:absolute;top:92px;left:28px;z-index:4;padding:6px 12px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9e7f2b3;background:var(--cn-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:3px;cursor:pointer;list-style:none}.cn-controls>summary::-webkit-details-marker{display:none}.cn-controls:not([open])>summary{display:block}.cn-controls>summary:hover{color:#f6f4fc;border-color:#ffffff4d}.cn-group{display:flex;flex-direction:column;gap:9px}.cn-group-tight{gap:7px}.cn-group:first-child{gap:8px}.cn-label{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9e7f257}.cn-label-row{display:flex;justify-content:space-between;align-items:baseline}.cn-all{font-family:inherit;font-size:9.5px;letter-spacing:.08em;color:#e9e7f266;background:transparent;border:0;cursor:pointer;padding:0}.cn-all:hover{color:#fff}.cn-search{width:100%;padding:8px 10px;font-family:inherit;font-size:11.5px;color:var(--cn-ink);background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.cn-search:focus{border-color:#ffffff47}.cn-search::placeholder{color:#e9e7f257}.cn-results{display:flex;flex-direction:column}.cn-results button{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;padding:5px 6px;font-family:inherit;font-size:10.5px;line-height:1.35;color:#e9e7f2b3;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.12);cursor:pointer}.cn-results button:hover{color:#fff;background:#ffffff0f}.cn-dims{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cn-dims button{padding:7px 4px;font-family:inherit;font-size:10.5px;letter-spacing:.06em;border:1px solid rgba(255,255,255,.1);border-radius:2px;cursor:pointer;background:transparent;color:#e9e7f28c}.cn-forms{display:flex;flex-direction:column;gap:5px}.cn-forms button{display:flex;align-items:center;gap:9px;padding:7px 9px;font-family:inherit;font-size:10.5px;letter-spacing:.04em;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:2px;cursor:pointer;background:transparent;color:#e9e7f28c}.cn-forms .cn-glyph{font-size:13px;line-height:1;opacity:.85}.cn-dims button:hover,.cn-forms button:hover{border-color:#ffffff4d}.cn-dims button[aria-pressed=true],.cn-forms button[aria-pressed=true]{background:#ffffff24;color:#f6f4fc}.cn-layers button,.cn-kinds button,.cn-topics button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-family:inherit;font-size:11px;background:transparent;border:0;cursor:pointer;color:#e9e7f28c}.cn-layers button{padding:4px 2px;white-space:nowrap}.cn-kinds button,.cn-topics button{padding:3px 2px}.cn-layers button:hover,.cn-kinds button:hover,.cn-topics button:hover{color:#fff}.cn-layers button[aria-pressed=true],.cn-kinds button[aria-pressed=true],.cn-topics button[aria-pressed=true]{color:#f6f4fc}.cn-box{width:9px;height:9px;flex:none;border-radius:1px;border:1px solid rgba(255,255,255,.3);background:transparent}button[aria-pressed=true]>.cn-box{background:#ffffffbf}.cn-kinds .cn-kind-name{flex:1}.cn-kinds .cn-count,.cn-topics .cn-count{font-size:9.5px;opacity:.4}.cn-all-topics{font-family:inherit;font-size:9.5px;letter-spacing:.08em;color:#e9e7f266;background:transparent;border:0;cursor:pointer;padding:0}.cn-all-topics:hover{color:#fff}.cn-topics .cn-hue{width:9px;height:9px;flex:none;border-radius:50%}.cn-topics button[aria-pressed=false] .cn-hue{opacity:.25}.cn-topics .cn-topic-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-scale{position:absolute;left:28px;bottom:22px;z-index:2;display:flex;align-items:center;gap:12px;pointer-events:none}.cn-scale-bar{width:132px;height:5px;border-radius:3px;background:linear-gradient(90deg,#685c81,#9470cd,oklch(.84 .24 300))}.cn-scale-text,.cn-hint{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#e9e7f259;white-space:nowrap}.cn-hint{position:absolute;right:28px;bottom:56px;z-index:2;color:#e9e7f247;pointer-events:none;text-align:right;letter-spacing:.1em}.cn-fs{position:absolute;right:28px;bottom:18px;z-index:4;display:flex;align-items:center;gap:7px;padding:6px 11px;font-family:inherit;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#e9e7f28c;background:var(--cn-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:2px;cursor:pointer}.cn-fs:hover{color:#f6f4fc;border-color:#ffffff4d}.cn-fs[hidden]{display:none}.cn-fs-icon{font-size:12px;line-height:1;opacity:.85}.cn:fullscreen,.cn:-webkit-full-screen{height:100%!important;width:100%!important;border-radius:0}.cn-cta{position:absolute;right:28px;bottom:22px;z-index:4;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}.cn-detail{position:absolute;top:26px;right:26px;width:352px;z-index:4;max-height:calc(100% - 52px);overflow-y:auto;padding:22px 22px 26px;background:#0a0a12b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);border-radius:3px;animation:cnFade .35s ease}.cn-detail[hidden]{display:none}.cn-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.cn-detail-kind{display:flex;align-items:center;gap:9px}.cn-dot{width:10px;height:10px;border-radius:50%}.cn-detail-kind span:last-child{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9e7f28c}.cn-close{font-family:inherit;font-size:14px;line-height:1;color:#e9e7f273;background:transparent;border:0;cursor:pointer;padding:0}.cn-close:hover{color:#fff}.cn-detail-title{font-family:var(--serif);font-size:21px;line-height:1.28;color:#f6f4fc;text-wrap:pretty;margin-bottom:14px}.cn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cn-tags span{padding:3px 7px;font-size:9.5px;letter-spacing:.05em;color:#e9e7f299;background:#ffffff0d;border-radius:2px}.cn-facts{display:flex;gap:18px;padding:12px 0;margin-bottom:6px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.06em;color:#e9e7f280}.cn-rel{margin-top:14px}.cn-rel+.cn-rel{margin-top:16px}.cn-rel-label{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#e9e7f257;margin-bottom:8px}.cn-rel-list{display:flex;flex-direction:column;gap:2px}.cn-rel-list button{display:flex;gap:8px;align-items:baseline;text-align:left;padding:5px 7px;font-family:inherit;font-size:11px;line-height:1.4;color:#e9e7f2b8;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.14);cursor:pointer}.cn-rel-back button{color:#e9e7f29e}.cn-rel-list button:hover{color:#fff;background:#ffffff0f}.cn-rel-list .cn-pip{width:6px;height:6px;border-radius:50%;flex:none;transform:translateY(-1px)}.cn-read{display:inline-block;margin-top:20px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}.cn-tip{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:5;transform:translate(-50%,-160%);max-width:300px;padding:6px 10px;font-size:10.5px;line-height:1.35;color:#f4f2fa;background:#08080ed1;border:1px solid rgba(255,255,255,.12);border-radius:2px;transition:opacity .14s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#06060b;pointer-events:none}.cn-loading[hidden]{display:none}.cn-loading span{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#e9e7f280;animation:cnPulse 1.6s ease-in-out infinite}@media(max-width:720px){.cn-controls>summary{display:block;left:14px}.cn-controls[open]>summary{color:#f6f4fc}.cn-panel{top:128px;left:14px;right:14px;width:auto;max-height:calc(100% - 190px)}.cn-detail{inset:auto 0 0;width:auto;max-height:52%;border-radius:0}.cn-head{top:18px;left:16px}.cn-title{font-size:26px}.cn-scale,.cn-hint{display:none}}@media(prefers-reduced-motion:reduce){.cn-loading span,.cn-detail{animation:none}}