/* HypnoThoughts hub (go.hypnothoughts.com). One material: a place you can open is raised,
   a place you can't open yet is pressed in. Tokens match the Hive and Sage. */
:root{
  --field:#E2E6ED;--low:#C3CAD6;--high:#FFFFFF;--well-lo:#AAB4C3;--well-hi:#FFFFFF;
  --t1:#232B37;--t2:#414B58;--t3:#4F5B6B;--focus:#1D4C86;
  --c-sage:#3F5A49;--c-gold:#7A551A;--c-blue:#1D4C86;--c-silver:#46596B;
  --inset:inset 5px 5px 11px #BCC4D0, inset -5px -5px 11px #FFFFFF;
  --e1:4px 4px 9px #C3CAD6, -4px -4px 9px #FFFFFF;
  --e2:7px 7px 16px #C0C7D3, -7px -7px 16px #FFFFFF;
  --ds:drop-shadow(3px 3px 4px #B9C1CE) drop-shadow(-2px -2px 3px #FFFFFF);
  --ds-up:drop-shadow(5px 5px 7px #B9C1CE) drop-shadow(-4px -4px 6px #FFFFFF);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --field:#0D1626;--low:#05090F;--high:#1D2F52;--well-lo:#03060B;--well-hi:#22365C;
  --t1:#E6ECF7;--t2:#CDD8EA;--t3:#A9B8D2;--focus:#BFE3F5;
  --c-sage:#A7C19B;--c-gold:#F2D27F;--c-blue:#8FC4E6;--c-silver:#E3EAF1;
  --inset:inset 5px 5px 11px #05090F, inset -4px -4px 9px #1D2F52;
  --e1:4px 4px 10px #05090F, -3px -3px 8px #1D2F52;
  --e2:7px 7px 16px #05090F, -6px -6px 14px #1D2F52;
  --ds:drop-shadow(3px 3px 4px #05090F) drop-shadow(-2px -2px 3px #1D2F52);
  --ds-up:drop-shadow(5px 5px 7px #05090F) drop-shadow(-4px -4px 6px #1D2F52);
}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--field);color:var(--t1);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.hub-head{display:flex;align-items:center;height:64px;padding:0 24px;border-bottom:1px solid var(--low);box-shadow:0 1px 0 var(--high);font-size:19px;font-weight:600;letter-spacing:-.02em}
.hub-main{display:flex;flex-direction:column;gap:40px;max-width:960px;margin:0 auto;padding:56px 32px}
.hub-intro{display:flex;flex-direction:column;gap:10px;text-align:center}
.hub-intro h1{margin:0;font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.hub-intro p{margin:0;font-size:17px;color:var(--t2)}
.hub-comb{position:relative;flex:none;margin:0 auto}
.cell{position:absolute;display:block;filter:var(--ds);transition:transform .12s cubic-bezier(.2,.8,.2,1),filter .12s}
.cell:hover{transform:translateY(-1px);filter:var(--ds-up)}
.cell__edge{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(145deg,var(--high),var(--low))}
.cell__face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--field)}
.cell__floor{display:none;position:absolute;inset:0;filter:blur(3.5px)}
.cell__floor::before{content:"";position:absolute;left:4.5px;top:4px;background:var(--field)}
.cell svg{width:34px;height:34px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--t2)}
.cell__name{margin-top:8px;text-align:center;font-size:17px;font-weight:600;line-height:1.2;color:var(--t1)}
.cell__sub{margin-top:3px;font-size:13px;line-height:1.2;color:var(--t3)}
.cell--sage svg{color:var(--c-sage)}.cell--gold svg{color:var(--c-gold)}.cell--blue svg{color:var(--c-blue)}.cell--silver svg{color:var(--c-silver)}
/* Pressed in: you can't open this yet. */
.cell.is-pressed{filter:none}
.cell.is-pressed:hover{transform:none;filter:none}
.cell.is-pressed .cell__edge{background:linear-gradient(135deg,var(--well-lo) 0%,var(--well-lo) 46%,var(--well-hi) 54%,var(--well-hi) 100%)}
.cell.is-pressed .cell__floor{display:block}
.cell.is-pressed .cell__face{background:transparent;clip-path:none}
.cell.is-locked svg{color:var(--t3)}
.cell.is-locked .cell__name{color:var(--t2)}
.cell--centre{filter:var(--ds-up)}
.hub-ask{display:flex;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:8px 10px 8px 20px;border-radius:999px;background:var(--field);box-shadow:var(--inset)}
.hub-ask[hidden]{display:none}
.hub-ask input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:18px;font-weight:500;color:var(--t1);padding:8px 4px}
.hub-ask input::placeholder{color:var(--t3);opacity:1}
.hub-seg{display:flex;flex:none}
.hub-seg button{border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:650;color:var(--t2);padding:8px 20px;min-height:38px;border-radius:999px;background:transparent}
.hub-seg button[aria-pressed="true"]{background:#96A582;color:#16240F;box-shadow:var(--e1)}
.hub-seg button[data-mode="forum"][aria-pressed="true"]{background:var(--field);color:var(--t1)}
.hub-go{flex:none;width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;background:var(--field);color:var(--t1);display:flex;align-items:center;justify-content:center;box-shadow:var(--e2)}
.hub-go svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hub-note{margin:0;text-align:center;font-size:15px;color:var(--t2)}
.hub-note a,.hub-foot a{text-decoration:underline}
.hub-foot{margin:0;text-align:center;font-size:14px;color:var(--t3)}
.hub-comb{width:489.4px;height:509.6px}
.cell{width:190px;height:164.54px}
.s-t{left:149.7px;top:0.0px}
.s-b{left:149.7px;top:345.1px}
.s-ur{left:299.4px;top:86.3px}
.s-lr{left:299.4px;top:258.8px}
.s-ul{left:0.0px;top:86.3px}
.s-ll{left:0.0px;top:258.8px}
.s-c{left:149.7px;top:172.5px}
.cell__edge{clip-path:path("M39.42 13.99 Q47.50 0.00 63.65 0.00 L126.35 0.00 Q142.50 0.00 150.58 13.99 L181.92 68.29 Q190.00 82.27 181.92 96.26 L150.58 150.56 Q142.50 164.54 126.35 164.54 L63.65 164.54 Q47.50 164.54 39.42 150.56 L8.08 96.26 Q0.00 82.27 8.08 68.29 Z")}
.cell__face{width:187px;height:161.95px;clip-path:path("M38.80 13.77 Q46.75 0.00 62.65 0.00 L124.36 0.00 Q140.25 0.00 148.20 13.77 L179.05 67.21 Q187.00 80.97 179.05 94.74 L148.20 148.18 Q140.25 161.95 124.36 161.95 L62.65 161.95 Q46.75 161.95 38.80 148.18 L7.95 94.74 Q0.00 80.97 7.95 67.21 Z")}
.cell__floor::before{width:184px;height:159.35px;clip-path:path("M38.18 13.54 Q46.00 0.00 61.64 0.00 L122.36 0.00 Q138.00 0.00 145.82 13.54 L176.18 66.13 Q184.00 79.67 176.18 93.22 L145.82 145.80 Q138.00 159.35 122.36 159.35 L61.64 159.35 Q46.00 159.35 38.18 145.80 L7.82 93.22 Q0.00 79.67 7.82 66.13 Z")}

@media (max-width:700px){
.hub-head{height:56px;padding:0 16px;font-size:18px}
.hub-main{gap:24px;padding:24px 16px 32px}
.hub-intro h1{font-size:24px}.hub-intro p{font-size:15px}
.cell svg{width:26px;height:26px}
.cell__name{margin-top:5px;font-size:13px}
.cell__sub{display:none;font-size:12px}
.cell.is-locked .cell__sub{display:block}
.hub-ask{gap:6px;padding:7px 7px 7px 14px}.hub-ask input{font-size:16px}
.hub-seg button{font-size:14px;padding:8px 12px}.hub-go{width:44px;height:44px}
.hub-comb{width:305.8px;height:318.6px}
.cell{width:118px;height:102.19px}
.s-t{left:93.9px;top:0.0px}
.s-b{left:93.9px;top:216.4px}
.s-ur{left:187.8px;top:54.1px}
.s-lr{left:187.8px;top:162.3px}
.s-ul{left:0.0px;top:54.1px}
.s-ll{left:0.0px;top:162.3px}
.s-c{left:93.9px;top:108.2px}
.cell__edge{clip-path:path("M24.48 8.69 Q29.50 0.00 39.53 0.00 L78.47 0.00 Q88.50 0.00 93.52 8.69 L112.98 42.41 Q118.00 51.10 112.98 59.78 L93.52 93.50 Q88.50 102.19 78.47 102.19 L39.53 102.19 Q29.50 102.19 24.48 93.50 L5.02 59.78 Q0.00 51.10 5.02 42.41 Z")}
.cell__face{width:115px;height:99.59px;clip-path:path("M23.86 8.47 Q28.75 0.00 38.52 0.00 L76.47 0.00 Q86.25 0.00 91.14 8.47 L110.11 41.33 Q115.00 49.80 110.11 58.26 L91.14 91.13 Q86.25 99.59 76.47 99.59 L38.52 99.59 Q28.75 99.59 23.86 91.13 L4.89 58.26 Q0.00 49.80 4.89 41.33 Z")}
.cell__floor::before{width:112px;height:96.99px;clip-path:path("M23.24 8.24 Q28.00 0.00 37.52 0.00 L74.48 0.00 Q84.00 0.00 88.76 8.24 L107.24 40.25 Q112.00 48.50 107.24 56.74 L88.76 88.75 Q84.00 96.99 74.48 96.99 L37.52 96.99 Q28.00 96.99 23.24 88.75 L4.76 56.74 Q0.00 48.50 4.76 40.25 Z")}

}
@media (prefers-reduced-motion:reduce){.cell{transition:none}}