*,*:before,*:after{box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;margin:0}#app{margin:0 1rem;max-width:840px}.math{font-family:Courier,monospace}header{font-size:2rem;font-weight:700;margin-block:1rem}h1{margin-top:2.5rem}.color-angle{color:#6a6}.color-sine{color:#66f}.color-cosine{color:#f66}.color-radius{color:#dd0}.color-unit-circle{color:#0dd}p .color-angle,p .color-sine,p .color-cosine,p .color-radius,p .color-unit-circle{font-weight:700}a{text-decoration:none}a:hover{text-decoration:underline}code{font-family:Courier,monospace}footer{margin:2rem 0 1rem;font-size:.9em;color:#999}.meta{color:#999}.unit-circle[data-v-fc63677a]{max-width:50rem}.settings[data-v-fc63677a],.current-state[data-v-fc63677a]{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.settings>div[data-v-fc63677a]{display:flex;flex-direction:row;flex-wrap:wrap}.canvas-wrapper[data-v-fc63677a]{margin-top:1rem;margin-bottom:1rem}canvas[data-v-fc63677a]{max-width:100%}