/* The spectrum sampled from the original Human API wheel signature. */
:root{--film-gold:#DBA340;--film-orange:#E9883A;--film-coral:#F06A3B;--film-red:#EB5E56;--film-pink:#E95370;--film-magenta:#BB579D;--film-violet:#8E5DC8;--film-blue:#5B75BC;--film-teal:#278FAE;--film-spectrum:linear-gradient(100deg,#DDA83E,#F04417 26%,#EB687F 50%,#A56AC4 74%,#419BA7);--spectrum:var(--film-spectrum)}
/* A satin surface: color, an inset rim, a shaded edge, and a cast shadow. */
.ha-spatial-orb-surface,.sv-system-node,.belief-satellite{background:linear-gradient(145deg,#ffffff12,transparent 50%,#11110f13),var(--film-tone)!important;border:1px solid #11110f55;box-shadow:inset 1px 2px 0 #ffffff66,inset -2px -3px 0 #11110f18,3px 5px 0 color-mix(in srgb,var(--film-tone) 77%,#11110f),6px 15px 25px #11110f1c;color:#11110F}
.ha-spatial-work{--film-tone:var(--film-violet)}.ha-spatial-life{--film-tone:var(--film-teal)}.ha-spatial-orb-overline{color:#11110f}.ha-spatial-satellite-a{background:var(--film-coral)}.ha-spatial-satellite-b{background:var(--film-gold)}.ha-spatial-satellite-c{background:var(--film-blue)}.ha-spatial-satellite{box-shadow:inset 1px 1px 1px #ffffff55,inset -2px -3px 2px #11110f20,2px 5px 8px #11110f1c}.ha-spatial-you-note{fill:#11110f}.ha-spatial-thread{stroke-width:2.2}.ha-spatial-travel{opacity:.65}
.ce-front{background:linear-gradient(145deg,#ffffff0c,transparent 55%,#11110f10),var(--piece-color);border:1px solid #11110f99;box-shadow:inset 1px 1.5px 0 #ffffff70,2px 4px 0 color-mix(in srgb,var(--piece-color) 78%,#11110f),4px 10px 16px #11110f1d}.ce-big-letter{color:#11110f;text-decoration:underline;text-decoration-color:var(--piece-color);text-decoration-thickness:5px;text-underline-offset:10px}.ce-back{box-shadow:inset 0 2px 0 #fff,2px 4px 0 color-mix(in srgb,var(--piece-color) 78%,#11110f),4px 10px 16px #11110f1d}.ce-stage{background:radial-gradient(ellipse at 50% 50%,#8E5DC817,transparent 68%)}
.wk-orbit-one{border-color:#8E5DC85c}.wk-orbit-two{border-color:#E9883A66}.wk-orbit:before{background:var(--film-coral);box-shadow:inset 1px 1px 0 #ffffff55,0 4px 7px #11110f20}.wk-orbit-two:before{background:var(--film-teal)}.wk-satellite-a{background:var(--film-violet)}.wk-satellite-b{background:var(--film-teal)}.wk-satellite{border:1px solid #11110f33;box-shadow:inset 1px 1px 1px #ffffff55,inset -2px -3px 2px #11110f22,2px 6px 10px #11110f20}.wk-floating-card{filter:drop-shadow(7px 17px 10px #17251a21)}.wk-shape[data-film-piece] .wk-piece-name,.wk-shape[data-film-piece] .wk-piece-letter{fill:#11110f}.wk-ribbon{gap:4px}.wk-ribbon .wk-shape{filter:drop-shadow(1px 7px 4px #11110f20)}.wk-you-note{fill:#11110f}.wk-puzzle-cover{border-color:#8E5DC877}.wk-puzzle-cover>div{filter:drop-shadow(2px 8px 4px #11110f22)}.cert-case-grid .wk-shape{filter:drop-shadow(4px 8px 5px #11110f20)}
.method-circle,.method-circle.active{--film-tone:var(--film-gold);background:linear-gradient(135deg,#ffffff0c,transparent 55%,#11110f10),var(--film-tone);color:var(--ink);border-color:#11110f77;opacity:1;box-shadow:inset 1px 1px 0 #ffffff66,2px 5px 0 color-mix(in srgb,var(--film-tone) 76%,#11110f)}.method-circle:nth-child(2),.method-circle:nth-child(2).active{--film-tone:var(--film-pink);background:linear-gradient(135deg,#ffffff0c,transparent 55%,#11110f10),var(--film-tone);border-color:#11110f77}.method-circle:nth-child(3),.method-circle:nth-child(3).active{--film-tone:var(--film-teal);background:linear-gradient(135deg,#ffffff0c,transparent 55%,#11110f10),var(--film-tone);border-color:#11110f77}.method-circle.active{outline:1px solid var(--paper);outline-offset:7px}.puzzle-tile svg{filter:drop-shadow(0 7px 4px #0003)}.cert-bubbles i{background:var(--film-gold);border-color:#11110f55;box-shadow:inset 1px 1px 0 #ffffff66,0 3px 0 #11110f33}.cert-bubbles i:nth-child(2){background:var(--film-pink)}.cert-bubbles i:nth-child(3){background:var(--film-teal)}
.sv-system-person{--film-tone:var(--film-gold)}.sv-system-decision{--film-tone:var(--film-blue)}.sv-system-process{--film-tone:var(--film-teal)}.sv-system-ai{--film-tone:var(--film-violet)}.sv-system-team{--film-tone:var(--film-orange)}.sv-system-node:hover,.sv-system-node:focus-visible{box-shadow:inset 1px 2px 0 #ffffff66,inset -2px -3px 0 #11110f18,3px 5px 0 color-mix(in srgb,var(--film-tone) 77%,#11110f),7px 18px 25px #11110f29}.sv-art:before{background:var(--film-spectrum)}.sv-output-dot{background:linear-gradient(135deg,#ffffff12,transparent 55%,#11110f15),var(--film-tone,var(--film-gold));box-shadow:inset 1px 1px 0 #ffffff66,1px 3px 0 #11110f33}.sv-canary{--film-tone:var(--film-gold)}.sv-mint{--film-tone:var(--film-teal)}.sv-sky{--film-tone:var(--film-blue)}.sv-lilac{--film-tone:var(--film-violet)}.sv-rose{--film-tone:var(--film-pink)}.sv-peach{--film-tone:var(--film-orange)}.sv-fee:nth-child(4n+1){border-top-color:var(--film-gold)}.sv-fee:nth-child(4n+2){border-top-color:var(--film-blue)}.sv-fee:nth-child(4n+3){border-top-color:var(--film-violet)}.sv-fee:nth-child(4n){border-top-color:var(--film-teal)}
.belief-orbit-center{background:linear-gradient(145deg,#ffffff12,transparent 60%,#11110f10),var(--film-gold);box-shadow:inset 1px 2px 0 #ffffff66,6px 9px 0 #a67d31,15px 28px 35px #141f1a20;border:1px solid #11110f55}.bs-one{--film-tone:var(--film-blue)}.bs-two{--film-tone:var(--film-violet)}.bs-three{--film-tone:var(--film-orange)}.bs-four{--film-tone:var(--film-teal)}.belief-orbit-ring{border-color:#8E5DC85c}.belief-note,.insight-scribble{color:#92472c}
.n1{background:var(--film-violet);box-shadow:5px 7px 0 #78518f,10px 18px 24px #141f1a20}.n2{background:var(--film-gold);box-shadow:5px 7px 0 #aa8235,10px 18px 24px #141f1a20}.insight-dot{background:var(--film-orange);box-shadow:inset 1px 1px 0 #ffffff66,3px 5px 0 #b45b30,5px 9px 15px #11110f1a}.contact-path>div:nth-child(1){background:#dfe3f1;border-top:3px solid var(--film-blue)}.contact-path>div:nth-child(2){background:#eadcf0;border-top:3px solid var(--film-violet)}.contact-path>div:nth-child(3){background:#d9eaf0;border-top:3px solid var(--film-teal)}.page-section.sky{background:#e8eaf3}.page-section.mint{background:#e2edf0}
/* Fine labels retain contrast on the wheel's violet and blue tones. */
.ha-spatial-orb-surface,.ha-spatial-orb-overline,.sv-system-node,.belief-satellite,.ce-front{color:#000}.wk-shape[data-film-piece] .wk-piece-name,.wk-shape[data-film-piece] .wk-piece-letter{fill:#000}.we-label,.wa-piece-label{fill:#000}