@layer hive{.hive-canvas{flex:1;display:flex;flex-direction:column;background:var(--v-stage);background-image:radial-gradient(rgb(var(--ink-rgb) / .16) 1.25px,transparent 1.25px);background-size:22px 22px;color:var(--v-ink)}.hive-canvas .legend{display:flex;flex-wrap:wrap;gap:0;padding:0;background:var(--v-card);border-bottom:2px solid var(--v-ink);font-family:var(--mono);font-size:.78rem;font-weight:700}.hive-canvas .legend span{padding:8px 14px;border-right:1.5px solid var(--v-ink);color:var(--v-ink);cursor:pointer;user-select:none;transition:background var(--m-instant) var(--k-attack),transform var(--m-instant) var(--k-attack)}.hive-canvas .legend span:hover{background:var(--v-sun);color:var(--v-on-sun)}.hive-canvas .legend i{display:inline-block;width:12px;height:12px;margin-right:6px;border:1px solid var(--ink);border-radius:0;vertical-align:-1px}.hive-canvas .legend span:nth-child(1) i{background:var(--ink)}.hive-canvas .legend span:nth-child(2) i{border-width:2px}.hive-canvas .legend span:nth-child(3) i{border-width:1.5px}.hive-canvas .wrap{overflow:auto;padding:22px 0 36px;background:transparent;-webkit-overflow-scrolling:touch}.hive-canvas #hive{position:relative;margin:0 auto}.hive-canvas .hex{--bw: 1px;--f: var(--paper);position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--ink);clip-path:var(--hex-shape);border-radius:0;outline:none;cursor:pointer}.hive-canvas .hex:before{content:"";position:absolute;inset:var(--bw);background:var(--f);clip-path:var(--hex-shape)}.hive-canvas .hex span{position:relative;z-index:1;padding:0 10px;color:var(--tx);font-family:var(--head);font-size:11px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.hive-canvas .hex small{position:absolute;z-index:1;top:11%;left:0;right:0;color:var(--muted);font-family:var(--mono);font-size:9px}.hive-canvas .r0{--f: var(--ink)}.hive-canvas .r0 span{color:var(--paper);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.hive-canvas .r0 small{color:var(--paper)}.hive-canvas .r1{--bw: 2px}.hive-canvas .r2{--bw: 1.5px}.hive-canvas .hex:hover:before,.hive-canvas .hex:focus:before,.hive-canvas .hex.on:before{background:var(--hl)}.hive-canvas .hex:hover span,.hive-canvas .hex:focus span,.hive-canvas .hex.on span,.hive-canvas .hex:hover small,.hive-canvas .hex:focus small,.hive-canvas .hex.on small{color:var(--on-hl)}.hive-canvas .hex.pinned{--bw: 2.5px;z-index:10}.hive-canvas .hex.pinned:before{background:var(--hl)}.hive-canvas .hex.pinned span,.hive-canvas .hex.pinned small{color:var(--on-hl)}.hive-canvas .r0:hover,.hive-canvas .r0:focus,.hive-canvas .r0.on,.hive-canvas .r0.pinned{background:var(--hl)}.hive-canvas .r0:hover:before,.hive-canvas .r0:focus:before,.hive-canvas .r0.on:before,.hive-canvas .r0.pinned:before{background:var(--ink)}.hive-canvas .r0:hover span,.hive-canvas .r0:focus span,.hive-canvas .r0.on span,.hive-canvas .r0.pinned span,.hive-canvas .r0:hover small,.hive-canvas .r0.on small,.hive-canvas .r0.pinned small{color:var(--paper)}}#root{display:contents}.hive-canvas #hive.welcome{margin-top:6vh}.hive-canvas .hex.ghost{opacity:.28;pointer-events:none}.hive-canvas .welcome .hex.r1 span{font-size:12px}.welcome-actions{display:flex;justify-content:center;padding:14px 0 0}.sidebar .topic-list{flex:0 1 auto}.sidebar .vitrin-list{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow-y:auto}.sidebar .vitrin-list .sidebar-action{border-top:1px solid rgb(var(--ink-rgb) / .1)}.limit-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.limit-actions .kb{min-height:40px;padding:0 14px}#m-limit b{font-weight:700;color:var(--v-ink)}.welcome-form{width:min(560px,calc(100% - 32px));margin:18px auto 40px;display:flex;flex-direction:column}.wf-row{display:flex;align-items:center;gap:8px}.welcome-form .wf-topic{flex:1;min-width:0;padding:12px 16px;min-height:48px;border:1.5px solid rgb(var(--ink-rgb) / .18);border-radius:12px;background:var(--v-card);color:var(--v-ink);font:600 1.02rem/1.3 var(--font-sans);transition:border-color var(--m-short, .16s) var(--k-attack),box-shadow var(--m-short, .16s) var(--k-attack)}.welcome-form input:focus{outline:none;border-color:var(--v-ink);box-shadow:0 0 0 3px #f2c4188c}.welcome-form input::placeholder{color:var(--v-muted);font-weight:500}.wf-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--m-back) var(--k-back),opacity var(--m-back) var(--k-back)}.welcome-form.open .wf-more{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--m-attack) var(--k-attack),opacity var(--m-attack) var(--k-attack)}.wf-more-in{min-height:0;overflow:hidden;transform:translateY(-6px);transition:transform var(--m-attack) var(--k-attack)}.welcome-form.open .wf-more-in{transform:none}.welcome-form .wf-focus{display:block;width:calc(100% - 6px);margin:10px 3px 3px;padding:11px 14px;border:1.5px solid rgb(var(--ink-rgb) / .14);border-radius:10px;background:var(--v-card);color:var(--v-ink);font:500 .92rem/1.35 var(--font-sans)}.wf-msg{margin:10px 0 0;font:500 .8rem/1.4 var(--font-mono);color:var(--v-muted)}.wf-msg.bad{color:var(--v-ink);font-weight:700}.wf-msg.bad:before{content:"✕ "}.sidebar-home{display:inline-flex;border-radius:8px;transition:transform var(--m-short, .16s) var(--k-attack)}.sidebar-home:hover{transform:translateY(-1px)}@layer responsive{@media (max-width: 820px){header.v-header{gap:10px;padding:12px 14px 12px 70px}header.v-header h1{font-size:1.25rem}header.v-header .cinny-state-txt{display:none}header.v-header .cinny-pill{flex:none;padding:4px 6px;gap:0}#info{min-height:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))}#info:after,.info-cinny-tag,.info-ring-tag,.info-mode-tag{display:none}.info-meta-row{min-height:0;margin-bottom:2px;padding-right:0}.info-meta-row:has(.info-exp-badge[hidden]){display:none}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}body{min-height:0;height:100dvh}main.hive-canvas{flex:1 1 auto;min-height:0;display:flex}.hive-canvas .wrap{position:relative;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none;padding:16px}.hive-canvas .wrap:not(:has(.welcome)){padding:28vh 45vw}.hive-canvas .wrap::-webkit-scrollbar{display:none}.hive-canvas .wrap:not(:has(.welcome)) #hive{margin:0}#info{position:relative;flex:0 0 auto}body:has(.sidebar.open) :is(.right-fab-stack,.quick-word-dock){visibility:hidden}#btn-info-dock{display:none}body.info-dock-right #info{position:sticky;inset:auto 0 0;z-index:100;display:block;width:auto;max-width:none;height:auto;max-height:var(--info-max);margin-top:auto;border-left:0;border-top:1px solid rgb(var(--ink-rgb) / .14);box-shadow:0 -2px 12px rgb(var(--ink-rgb) / .05)}body.info-dock-right #info.expanded{max-height:var(--info-max-open)}body.info-dock-right #info b{white-space:nowrap}body.info-dock-right .right-fab-stack,body.info-dock-right .quick-word-dock{bottom:calc(var(--info-h, 88px) + 14px)}.hive-canvas .hex,.topic-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (max-width: 560px){.menu-toggle{top:12px;left:12px;--ikb: 44px}header.v-header{gap:8px;min-height:68px;padding:12px 12px 12px 66px}header.v-header h1{font-size:1.15rem}.right-fab-stack{right:12px;gap:6px}.right-fab-stack .ikb{--ikb: 42px !important}.quick-word-dock{right:64px;max-width:calc(100vw - 80px)}body.info-dock-right .right-fab-stack{right:12px}body.info-dock-right .quick-word-dock{right:64px}#info{padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px))}#info b{font-size:1.02rem;padding-right:0}#info p{font-size:.9rem;line-height:1.45}.info-exp-body{margin-top:8px!important;padding:12px 13px!important;font-size:.9rem}}}