:root{--clio-bg: var(--bg-void, #07090d);--clio-panel: var(--bg-panel, #10141c);--clio-text: var(--text-primary, #e6e8ee);--clio-muted: var(--text-muted, #8a93a6);--clio-line: var(--border-subtle, #232a37);--clio-accent: var(--accent, #8b7cff);--clio-l: 64%}*{box-sizing:border-box}.clio-app{height:100%;display:flex;flex-direction:column;background:var(--clio-bg);color:var(--clio-text);font-size:13px}.clio-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 14px 4px}.clio-title{margin-right:6px}.clio-title h1{margin:0;font-size:18px;letter-spacing:-.01em;line-height:1.1}.clio-title p{margin:1px 0 0;color:var(--clio-muted);font-size:11px}.clio-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clio-play{border:1px solid var(--clio-line);border-radius:10px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;background:var(--clio-panel);color:var(--clio-text);white-space:nowrap;transition:border-color .15s,background .15s}.clio-play:hover:not(:disabled){border-color:color-mix(in srgb,var(--clio-accent) 55%,var(--clio-line))}.clio-play.on{border-color:var(--clio-accent);background:color-mix(in srgb,var(--clio-accent) 14%,var(--clio-panel))}.clio-play:disabled{opacity:.5;cursor:default}.clio-primary{color:var(--clio-accent)}.clio-seg{display:inline-flex;border:1px solid var(--clio-line);border-radius:10px;overflow:hidden}.clio-seg button{border:0;background:transparent;color:var(--clio-text);font:inherit;padding:6px 10px;cursor:pointer}.clio-seg button+button{border-left:1px solid var(--clio-line)}.clio-seg button[aria-pressed=true]{background:color-mix(in srgb,var(--clio-accent) 22%,transparent)}.clio-seg button:hover{background:color-mix(in srgb,var(--clio-accent) 12%,transparent)}.clio-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 14px 4px}.clio-kinds .clio-chip,.clio-kinds .clio-pill{font-size:11.5px;padding:2px 8px}.clio-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 520px;min-width:0}.clio-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--clio-line);background:transparent;color:var(--clio-text);border-radius:999px;padding:4px 10px;font:inherit;cursor:pointer;opacity:.55;transition:opacity .15s,background .15s}.clio-chip.on{opacity:1;border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}.clio-chip i{width:9px;height:9px;border-radius:50%;background:var(--c)}.clio-chip small,.clio-pill small{color:var(--clio-muted)}.clio-search{flex:1 1 260px;min-width:200px;position:relative}.clio-popwrap{position:relative}.clio-add{border-style:dashed}.clio-pop{position:absolute;top:32px;left:0;z-index:40;width:min(560px,86vw);display:grid;gap:8px;padding:12px;background:var(--clio-panel);border:1px solid var(--clio-line);border-radius:12px;box-shadow:0 14px 34px #0006;animation:clio-in .18s ease-out}.clio-pop input,.clio-search input{width:100%;border:1px solid var(--clio-line);background:var(--clio-panel);color:var(--clio-text);border-radius:10px;padding:7px 10px;font:inherit}.clio-results{position:absolute;top:36px;left:0;right:0;z-index:20;display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--clio-panel);border:1px solid var(--clio-line);border-radius:12px;box-shadow:0 12px 30px #00000059}.clio-pills{display:flex;flex-wrap:wrap;gap:5px}.clio-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--clio-line);background:var(--clio-panel);color:var(--clio-text);border-radius:999px;padding:3px 9px;font:inherit;font-size:12px;cursor:pointer;text-align:left}.clio-pill:hover{border-color:var(--clio-accent)}.clio-solid{border-width:1.5px}.clio-dashed{border-style:dashed;border-color:var(--clio-accent)}.clio-kd{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none}.clio-untr{font-style:italic;text-decoration:underline dotted var(--clio-muted)}.clio-notices{padding:0 14px 6px;display:grid;gap:4px}.clio-loading{display:flex;align-items:center;gap:10px;color:var(--clio-muted)}.clio-bar{flex:1;max-width:280px;height:4px;border-radius:4px;background:var(--clio-line);overflow:hidden}.clio-bar i{display:block;height:100%;background:var(--clio-accent);transition:width .4s ease}.clio-main{flex:1;min-height:0;display:grid;grid-template-rows:minmax(120px,var(--clio-tl, 60%)) 10px minmax(120px,1fr);padding:0 14px 6px}.clio-timeline-wrap{position:relative;min-height:0;display:flex;flex-direction:column;border:1px solid var(--clio-line);border-radius:14px;overflow:hidden;background:var(--clio-bg)}.clio-timeline{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.clio-ruler{display:block;flex:none;border-bottom:1px solid var(--clio-line);cursor:ew-resize}.clio-lanes-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.clio-lanes{position:sticky;top:0;display:block;touch-action:none;outline:none}.clio-hint{position:absolute;right:10px;bottom:6px;margin:0;font-size:11px;color:var(--clio-muted);pointer-events:none;background:color-mix(in srgb,var(--clio-bg) 80%,transparent);padding:2px 6px;border-radius:6px}.clio-tip{position:absolute;z-index:30;pointer-events:none;max-width:260px;padding:5px 9px;border-radius:8px;background:var(--clio-panel);border:1px solid var(--clio-line);color:var(--clio-text);font-size:12px;box-shadow:0 6px 18px #0000004d}.clio-bottom{min-height:0;display:grid;grid-template-columns:minmax(200px,var(--clio-map, .55fr)) 10px minmax(240px,var(--clio-panel-share, .45fr))}.clio-split{position:relative;touch-action:none}.clio-split:after{content:"";position:absolute;border-radius:3px;background:var(--clio-line);transition:background .15s}.clio-split-rows{cursor:row-resize}.clio-split-rows:after{left:calc(50% - 24px);top:3px;width:48px;height:4px}.clio-split-cols{cursor:col-resize}.clio-split-cols:after{top:calc(50% - 24px);left:3px;width:4px;height:48px}.clio-split:hover:after,.clio-split:focus-visible:after{background:var(--clio-accent)}.clio-split:focus-visible{outline:none}.clio-jump{border:1px solid var(--clio-line);background:var(--clio-panel);color:var(--clio-text);border-radius:10px;padding:6px 8px;font:inherit}.clio-follow{position:absolute;left:8px;top:38px;z-index:5;border:1px solid var(--clio-accent);background:var(--clio-panel);color:var(--clio-text);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}.clio-map-wrap{position:relative;min-height:0;border:1px solid var(--clio-line);border-radius:14px;overflow:hidden}.clio-map{position:absolute;top:0;right:0;bottom:0;left:0}.clio-map canvas{display:block}.clio-borders{position:absolute;top:8px;right:8px;z-index:5;background:var(--clio-panel)}.clio-rel{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.clio-rel i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.clio-pour{margin:4px 0 0}.clio-pour p{margin:2px 0}.clio-epi{margin:4px 0 0;padding-left:18px;font-size:13px}.clio-epi li{margin:2px 0}.clio-map-tools{position:absolute;right:8px;top:46px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.clio-map-tools button{border:1px solid var(--clio-line);background:var(--clio-panel);color:var(--clio-text);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;opacity:.7}.clio-map-tools button[aria-pressed=true]{border-color:var(--clio-accent);opacity:1}.clio-map-go{border:1px solid var(--clio-accent);color:var(--clio-text);font:inherit;font-size:12px;cursor:pointer}.clio-map-note{position:absolute;left:8px;bottom:8px;margin:0;z-index:5;max-width:80%;padding:4px 8px;border-radius:8px;background:var(--clio-panel);font-size:12px}.clio-consent{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:10;overflow:auto;padding:16px;border-radius:12px;background:var(--clio-panel);border:1px solid var(--clio-line)}.clio-consent h3{margin:0 0 8px}.clio-consent a,.clio-card a{color:var(--clio-accent)}.clio-panel{min-height:0;overflow:auto;border:1px solid var(--clio-line);border-radius:14px;padding:10px 12px;background:var(--clio-panel);display:flex;flex-direction:column;gap:10px}.clio-panel h2{margin:0 0 6px;font-size:16px}.clio-panel h3{margin:4px 0;font-size:13px}.clio-block{border-left:4px solid var(--c);padding:2px 0 2px 10px;margin-bottom:8px;display:grid;gap:4px}.clio-regime{font-weight:600}.clio-kindtag{border:1px solid var(--clio-line);border-radius:6px;padding:0 5px;margin-left:4px}.clio-power{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.clio-link{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:underline dotted var(--clio-muted)}.clio-note{margin:0;color:var(--clio-muted);font-size:12px}.clio-empty{margin:0;color:var(--clio-muted);font-size:12px;font-style:italic}.clio-error{color:var(--status-error, #ff7a7a)}.clio-card{position:relative;display:grid;gap:6px;animation:clio-in .28s ease-out}.clio-card h2{padding-right:28px}.clio-wiki{display:grid;gap:6px}.clio-wiki img{max-width:100%;max-height:180px;object-fit:contain;justify-self:start;border-radius:8px}.clio-wiki p{margin:0;line-height:1.45}.clio-tag{margin:0;display:flex;align-items:center;gap:6px;color:var(--clio-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.clio-close{position:absolute;top:-2px;right:0;border:0;background:none;color:var(--clio-muted);font-size:22px;cursor:pointer}.clio-tree details{border-left:2px solid var(--clio-line);padding-left:8px;margin:4px 0}.clio-tree summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px}.clio-tree ul{list-style:none;margin:4px 0;padding:0;display:grid;gap:2px}.clio-tree li{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--clio-bg) 60%,transparent)}.clio-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.clio-node{display:inline-flex;align-items:center;gap:4px}.clio-node b{border:1.5px solid var(--clio-line);border-radius:10px;padding:4px 8px;font-weight:600}.clio-here b{border-color:var(--clio-accent)}.clio-arrow{color:var(--clio-muted)}.clio-feed{border-top:1px solid var(--clio-line);padding-top:8px}.clio-feed ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.clio-spark{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:8px;cursor:pointer;animation:clio-slide .42s cubic-bezier(.2,.9,.3,1.2)}.clio-spark:hover{background:color-mix(in srgb,var(--clio-accent) 12%,transparent)}.clio-foot{padding:4px 14px 8px;color:var(--clio-muted);font-size:11px}.clio-state{padding:40px;display:grid;gap:10px}@keyframes clio-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes clio-slide{0%{opacity:0;transform:translate(-14px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 900px){.clio-bottom{grid-template-columns:1fr;grid-template-rows:320px auto;gap:8px}.clio-main{grid-template-rows:360px 8px auto;overflow:auto}.clio-split-cols{display:none}}@media (prefers-reduced-motion: reduce){.clio-card,.clio-spark{animation:none}.clio-bar i,.clio-chip{transition:none}}.clio-brand{margin:0 6px 0 0;font-size:17px;white-space:nowrap}.clio-menu-btn{border:1px solid var(--clio-line);background:var(--clio-panel);color:var(--clio-text);border-radius:10px;padding:6px 11px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.clio-menu-btn[aria-expanded=true]{border-color:var(--clio-accent)}.clio-menu-icons{margin-left:6px;letter-spacing:2px;color:var(--clio-muted)}.clio-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:min(440px,92vw);max-height:min(70vh,640px);overflow-y:auto;display:grid;gap:8px;padding:12px;background:var(--clio-panel);border:1px solid var(--clio-line);border-radius:12px;box-shadow:0 14px 34px #0006;animation:clio-in .18s ease-out}.clio-menu-view{width:min(360px,92vw)}.clio-menu-sec h4{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clio-muted)}.clio-layer{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start;padding:8px;border:1px solid var(--clio-line);border-radius:10px;opacity:.62}.clio-layer.on{opacity:1;border-color:var(--clio-accent)}.clio-layer-main{display:flex;gap:10px;align-items:flex-start;text-align:left;border:none;background:transparent;color:var(--clio-text);font:inherit;cursor:pointer;padding:0}.clio-layer-icon{font-size:18px;line-height:1.2}.clio-layer-text{display:grid;gap:2px}.clio-layer-text small{color:var(--clio-muted);font-size:12px}.clio-layer-only{border:1px solid var(--clio-line);background:transparent;color:var(--clio-muted);border-radius:999px;padding:2px 9px;font:inherit;font-size:11px;cursor:pointer}.clio-layer-sub{grid-column:1 / -1;font-size:12px;color:var(--clio-muted);display:flex;gap:6px;align-items:center;padding-left:28px}.clio-layer-kinds{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px;padding-left:28px}.clio-headnote{margin:0 14px}.clio-solo{padding:6px}.clio-solo>.clio-map-wrap,.clio-solo>.clio-panel{flex:1;min-height:0}.clio-solo-main{grid-template-rows:minmax(120px,1fr)}