body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;overflow-x:hidden}body.vertical{overflow-y:hidden;overflow-x:hidden}body.horizontal{overflow-x:hidden;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}svg,svg *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.notes-edit-button{color:var(--notes-default-color, #777)}.notes-edit-button:hover:not(:disabled),.notes-edit-button.is-active{color:var(--notes-active-color, currentColor)}._overlay_2s66t_1{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:var(--notes-modal-unit)}._content_2s66t_14{background-color:var(--notes-modal-bg);padding:var(--notes-modal-content-padding);border-radius:var(--notes-modal-radius);max-width:var(--notes-modal-max-width);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--notes-modal-unit);box-shadow:var(--notes-modal-shadow);color:var(--notes-modal-text);text-align:center}._title_2s66t_29{font-size:var(--notes-modal-title-size);font-weight:700;margin-bottom:var(--notes-modal-half-unit);display:flex;align-items:center;gap:var(--notes-modal-half-unit)}._intro_2s66t_38{font-size:var(--notes-modal-intro-size);line-height:1.4;margin-bottom:var(--notes-modal-half-unit)}._details_2s66t_44{font-size:var(--notes-modal-detail-size);line-height:1.4;text-align:left;align-self:stretch}._detailItem_2s66t_51{margin-bottom:var(--notes-modal-half-unit)}._button_2s66t_55{background-color:var(--notes-modal-button-bg);color:var(--notes-modal-button-color);border:none;font-size:var(--notes-modal-button-font-size);font-weight:700;border-radius:var(--notes-modal-button-radius);cursor:pointer;height:var(--notes-modal-button-height);padding:var(--notes-modal-button-padding);outline:none;transition:all .2s ease}._button_2s66t_55:hover{background-color:var(--notes-modal-button-hover-bg);transform:scale(1.05)}._panel_j3sbg_1{display:flex;gap:20px;min-width:340px}._column_j3sbg_7{display:flex;flex-direction:column;gap:20px;flex:1}._hint_j3sbg_14{font-size:calc(var(--notes-theory-unit) * .8);color:var(--notes-theory-text);opacity:.8;text-align:center;padding:calc(var(--notes-theory-unit) * .25) 0}._helpLink_j3sbg_22{color:#ffb6c1;cursor:pointer;text-decoration:none}._helpLink_j3sbg_22:hover{text-decoration:underline}._controlStack_j3sbg_32{display:flex;flex-direction:column;gap:10px}._row_j3sbg_38{display:flex;gap:10px}._controlCell_j3sbg_43{display:flex;flex:1}._select_j3sbg_48,._button_j3sbg_49{background-color:var(--notes-theory-button-bg);color:var(--notes-theory-button-color);font-size:var(--notes-theory-unit);border:none;padding:5px 10px;font-weight:700;border-radius:calc(var(--notes-theory-unit) * .5);cursor:pointer;height:calc(var(--notes-theory-unit) * 1.75);outline:none;flex:1}._button_j3sbg_49{display:flex;align-items:center;justify-content:center}._button_j3sbg_49:disabled{opacity:.4;cursor:default}._buttonActive_j3sbg_74{background-color:var(--notes-theory-button-active-bg)}._instrumentControls_j3sbg_78{display:flex;flex-direction:row;gap:10px;width:100%}._tuningIcon_j3sbg_85{height:var(--notes-theory-unit);width:var(--notes-theory-unit)}._tuningIconActive_j3sbg_90{filter:brightness(1.5)}._resetRow_j3sbg_94{margin-top:10px;display:flex;gap:10px}._header_120i5_1{position:relative;width:100%;left:0;right:0;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;opacity:1;transition:opacity .2s;overflow:visible}._toolbar_120i5_15{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:340px;padding:calc(var(--notes-toolbar-unit) * .25) 0}._toolbarButton_120i5_24{color:var(--notes-toolbar-button-color);border:none;cursor:pointer;width:calc(var(--notes-toolbar-unit) * 2);height:calc(var(--notes-toolbar-unit) * 2);border-radius:calc(var(--notes-toolbar-unit) * .25);display:flex;align-items:center;justify-content:center;opacity:1;transition:all .2s;pointer-events:none;background-color:transparent}._toolbarButton_120i5_24:disabled{cursor:default;opacity:.4}._clickableArea_120i5_45{pointer-events:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._buttonIcon_120i5_54{font-size:var(--notes-toolbar-unit)}._logoStack_120i5_58{display:flex;flex-direction:column;align-items:center}._notesLogo_120i5_64{width:calc(var(--notes-toolbar-unit) * 3.5);color:#777;margin-bottom:calc(var(--notes-toolbar-unit) * -.25)}._hanchLogo_120i5_70{width:calc(var(--notes-toolbar-unit) * 6);height:auto;color:#777;cursor:pointer}._panel_rotov_1{display:flex;gap:20px;min-width:340px}._column_rotov_7{display:flex;flex-direction:column;gap:20px;flex:1}._hint_rotov_14{font-size:calc(var(--notes-settings-unit) * .8);color:var(--notes-settings-text);opacity:.8;text-align:center;padding:calc(var(--notes-settings-unit) * .25) 0}._row_rotov_22{display:flex;gap:calc(var(--notes-settings-unit) * .5)}._button_rotov_27{background-color:var(--notes-settings-button-bg);color:var(--notes-settings-button-color);font-size:var(--notes-settings-unit);border:none;padding:5px 10px;font-weight:700;border-radius:calc(var(--notes-settings-unit) * .5);cursor:pointer;height:calc(var(--notes-settings-unit) * 1.75);outline:none;flex:1}._button_rotov_27:disabled{opacity:.4;cursor:default}._select_rotov_46{background-color:var(--notes-settings-button-bg);color:var(--notes-settings-button-color);font-size:var(--notes-settings-unit);border:none;padding:5px 10px;font-weight:700;border-radius:calc(var(--notes-settings-unit) * .5);cursor:pointer;height:calc(var(--notes-settings-unit) * 1.75);outline:none;flex:2}._select_rotov_46:disabled{opacity:.4;cursor:default}._buttonBlocked_rotov_65:disabled{opacity:.5;cursor:not-allowed}._buttonActive_rotov_70{background-color:var(--notes-settings-button-active-bg)}._buttonMuted_rotov_74:disabled{opacity:.5;cursor:default}._centerButton_rotov_79{display:flex;align-items:center;justify-content:center}._inlineIcon_rotov_85{margin-right:calc(var(--notes-settings-unit) * .25)}._smallIcon_rotov_89{font-size:calc(var(--notes-settings-unit) * .8)}._labelText_rotov_93{margin-right:calc(var(--notes-settings-unit) * .25)}._buttonText_rotov_97{margin-left:calc(var(--notes-settings-unit) * .25)}._panel_1kmk4_1{display:flex;gap:20px;min-width:340px}._column_1kmk4_7{display:flex;flex-direction:column;gap:20px;flex:1}._hint_1kmk4_14{font-size:calc(var(--notes-share-unit) * .8);color:var(--notes-share-text);opacity:.8;text-align:center;padding:calc(var(--notes-share-unit) * .25) 0}._shapeGroup_1kmk4_22{display:flex;flex-direction:column;gap:calc(var(--notes-share-unit) * .5)}._row_1kmk4_28{display:flex;flex-direction:row;gap:calc(var(--notes-share-unit) * .5);width:100%}._rowCentered_1kmk4_35{align-items:center}._rowSpaceBetween_1kmk4_39{justify-content:space-between}._button_1kmk4_43{align-items:center;background-color:var(--notes-share-button-bg);border:none;border-radius:calc(var(--notes-share-unit) * .5);color:var(--notes-share-button-color);cursor:pointer;display:flex;font-size:var(--notes-share-unit);font-weight:700;gap:calc(var(--notes-share-unit) * .5);height:calc(var(--notes-share-unit) * 2);justify-content:center;outline:none;padding:5px 10px;width:100%}._button_1kmk4_43:disabled{cursor:not-allowed;opacity:.5}._iconButton_1kmk4_66{align-items:center;background-color:var(--notes-share-button-bg);border:none;border-radius:calc(var(--notes-share-unit) * .5);color:var(--notes-share-button-color);cursor:pointer;display:flex;font-size:var(--notes-share-unit);font-weight:700;gap:calc(var(--notes-share-unit) * .5);height:calc(var(--notes-share-unit) * 2);justify-content:center;outline:none;width:calc(var(--notes-share-unit) * 2);min-width:calc(var(--notes-share-unit) * 2);padding:0}._iconButton_1kmk4_66:disabled{cursor:default;opacity:.3}._transparentButton_1kmk4_90{background-color:transparent;transition:background-color .2s ease}._transparentButton_1kmk4_90:not(:disabled):hover{background-color:var(--notes-share-hover-bg)}._mutedButton_1kmk4_99{opacity:.3}._mutedButton_1kmk4_99:disabled{cursor:default}._shapeActionButton_1kmk4_107{background-color:var(--notes-share-shape-action-bg);color:var(--notes-share-shape-action-color)}._shapeNameButton_1kmk4_112{align-items:center;background-color:var(--notes-share-selected-shape-bg);border:none;border-radius:calc(var(--notes-share-unit) * .5);color:var(--notes-share-selected-shape-text);cursor:pointer;display:flex;font-size:var(--notes-share-unit);font-weight:700;flex:1;height:calc(var(--notes-share-unit) * 2);justify-content:space-between;gap:calc(var(--notes-share-unit) * .25);outline:none;padding-left:calc(var(--notes-share-unit) * .5);padding-right:calc(var(--notes-share-unit) * .5);width:100%}._shapeName_1kmk4_112{cursor:text;flex:1;text-align:center}._shapeNameInput_1kmk4_138{background:transparent;border:none;color:var(--notes-share-shape-text);font-size:var(--notes-share-unit);font-weight:700;outline:none;width:var(--notes-share-name-width);min-width:4em;max-width:100%;padding:0}._swatch_1kmk4_151{width:calc(var(--notes-share-unit) * 1.2);height:calc(var(--notes-share-unit) * 1.2);border-radius:50%;background-color:var(--notes-share-shape-color);pointer-events:none}._spacerGroup_1kmk4_159{display:flex;flex-direction:row;gap:calc(var(--notes-share-unit) * .5)}._smallIcon_1kmk4_165{font-size:calc(var(--notes-share-unit) * .8)}._cursorPointer_17g8y_1{cursor:pointer}._nodePaint_17g8y_5{transition:transform .15s ease-out,opacity .2s ease-out}._nodeText_17g8y_9{-webkit-user-select:none;user-select:none;font-weight:700}._nodeHitArea_17g8y_14{transition:opacity .15s ease-out;touch-action:none}._pointerNone_1aj4f_1{pointer-events:none}._cursorPointer_1aj4f_5{cursor:pointer}._cursorDefault_1aj4f_9{cursor:default}._overflowVisible_1aj4f_13{overflow:visible}._fontWeightNormal_1aj4f_17{font-weight:400}._fontWeightBold_1aj4f_21{font-weight:700}._touchNone_1aj4f_25{touch-action:none}._input_1gf8x_1{position:absolute;left:var(--notes-edit-left);top:var(--notes-edit-top);width:var(--notes-edit-width);height:var(--notes-edit-height);z-index:100;background:transparent;color:var(--notes-edit-color);border:none;outline:none;font-family:inherit;font-size:var(--notes-edit-font-size);transform:var(--notes-edit-transform);transform-origin:center;font-weight:var(--notes-edit-font-weight);line-height:1em;text-align:center;padding:0;box-sizing:border-box;caret-color:var(--notes-edit-color);transition:all .1s ease-out}._input_1gf8x_1::selection{background-color:var(--notes-edit-selection-bg);color:inherit}._input_1gf8x_1::-moz-selection{background-color:var(--notes-edit-selection-bg);color:inherit}._instructionItem_f5rrn_1{--notes-overlay-description-size: var(--notes-overlay-unit);display:flex;flex-direction:row;align-items:center;gap:var(--notes-overlay-unit)}._instructionItemCompact_f5rrn_10{--notes-overlay-description-size: calc(var(--notes-overlay-unit) * .8)}._instructionIconWrap_f5rrn_14{position:relative}._instructionLabel_f5rrn_18{position:absolute;left:50%;top:calc(var(--notes-overlay-unit) * -1.2);transform:translate(-50%);font-size:calc(var(--notes-overlay-unit) * .8);color:var(--notes-overlay-selected);white-space:nowrap;text-decoration:underline}._instructionIcon_f5rrn_14{width:calc(var(--notes-overlay-unit) * 4);height:calc(var(--notes-overlay-unit) * 4);color:#ccc}._instructionDescription_f5rrn_35{font-size:var(--notes-overlay-description-size);text-align:left;color:var(--notes-overlay-selected)}._launchOverlay_f5rrn_41{position:absolute;inset:0;background-color:rgba(127,127,127,var(--notes-launch-bg-opacity));backdrop-filter:blur(var(--notes-launch-blur));-webkit-backdrop-filter:blur(var(--notes-launch-blur));z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;font-size:calc(var(--notes-overlay-unit) * 2);color:var(--notes-diagram-bg);font-weight:700;text-align:center;opacity:var(--notes-launch-opacity);width:100%;padding:calc(var(--notes-overlay-unit) * 2) 0;transition:all .3s ease-out;gap:var(--notes-overlay-unit)}._launchTitleSpacer_f5rrn_63{position:absolute;color:var(--notes-diagram-bg);font-weight:700;opacity:1}._silentModeNotice_f5rrn_70{position:absolute;color:pink;font-size:calc(var(--notes-overlay-unit) * .8);text-align:center;font-style:italic;width:auto;bottom:var(--notes-overlay-unit);left:0;right:0}._instructionRow_f5rrn_82{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%}._instructionRowTop_f5rrn_89{top:calc(var(--notes-overlay-unit) * 3)}._instructionRowBottom_f5rrn_93{bottom:calc(var(--notes-overlay-unit) * 3)}._pinkAccent_f5rrn_97{color:pink}._diagramBackground_f5rrn_101{background-color:var(--notes-diagram-bg)}._tuningScrim_f5rrn_105{position:absolute;inset:0;background-color:rgba(0,0,0,var(--notes-tuning-scrim-opacity));z-index:4;pointer-events:none;opacity:var(--notes-tuning-overlay-opacity);transition:opacity .5s ease-out}._tuningCenter_f5rrn_115{position:absolute;left:50%;top:var(--notes-tuning-overlay-top);transform:translate(-50%,-50%);transition:top .4s ease-out,transform .4s ease-out}._tuningIconWrap_f5rrn_123{display:inline-block;transform:rotate(var(--notes-tuning-icon-rotation));transition:transform .4s ease-out;pointer-events:none}._tuningIcon_f5rrn_123{font-size:calc(var(--notes-overlay-unit) * 8);color:var(--notes-tuning-icon-color);animation:_slideLeftRight_f5rrn_1 1s ease-in-out infinite;pointer-events:none}._messageOverlay_f5rrn_137{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;opacity:var(--notes-message-opacity);transition:opacity .5s ease-out}._messageBubble_f5rrn_149{background-color:var(--notes-message-bg);color:var(--notes-message-color);padding:var(--notes-overlay-unit) calc(var(--notes-overlay-unit) * 2);border-radius:calc(var(--notes-overlay-unit) * .5);font-size:calc(var(--notes-overlay-unit) * 1.2);font-weight:700;box-shadow:var(--notes-message-shadow);display:flex;align-items:center;gap:calc(var(--notes-overlay-unit) * .5)}._messageIcon_f5rrn_162{font-size:var(--notes-overlay-unit)}._appContainer_4gpnb_1{display:flex;flex-direction:var(--notes-app-direction);height:100dvh;align-items:stretch;background-color:var(--notes-diagram-bg)}._content_4gpnb_9{display:flex;flex-direction:var(--notes-content-direction);justify-content:var(--notes-content-justify);height:100dvh;width:100dvw;overflow:hidden}._fullscreenPadding_4gpnb_18{background-color:var(--notes-diagram-bg);height:0}._diagramSection_4gpnb_23{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:var(--notes-diagram-min-height);flex:var(--notes-diagram-flex);min-width:0}._resizer_4gpnb_33{align-self:stretch;width:var(--notes-resizer-width);height:var(--notes-resizer-height);min-width:var(--notes-resizer-min-width);min-height:var(--notes-resizer-min-height);background-color:var(--notes-resizer-bg);opacity:1}._controlPanelContent_4gpnb_43{display:flex;flex-direction:column;width:100%;height:100%;position:relative;align-items:center;min-height:0;overflow:hidden}._scrollableContent_4gpnb_54{display:flex;flex-direction:column;gap:var(--notes-scroll-gap);width:100%;flex:1;overflow-y:auto;overflow-x:hidden;align-items:center;padding:var(--notes-scroll-padding)}._copyright_4gpnb_66{padding:var(--notes-copyright-padding);text-align:center;font-size:var(--notes-copyright-font-size);color:var(--notes-copyright-color);margin-top:auto}._controlPanel_4gpnb_43{width:100%;flex:1;display:flex;position:relative;color:var(--notes-control-text);align-items:flex-start;justify-content:center;padding:var(--notes-control-padding);gap:var(--notes-control-gap);box-sizing:border-box;overflow:hidden;min-width:0}._overlayButton_4gpnb_89{background-color:transparent;color:var(--notes-diagram-button);border:1px solid var(--notes-hover-bg, currentColor);cursor:pointer;width:var(--notes-overlay-button-size);height:var(--notes-overlay-button-size);border-radius:var(--notes-overlay-button-radius);display:flex;align-items:center;justify-content:center;box-sizing:border-box;opacity:1;transition:all .2s;pointer-events:auto}._overlayButton_4gpnb_89:hover{background-color:var(--notes-hover-bg, transparent)}._buttonClickableArea_4gpnb_110{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._overlayIcon_4gpnb_118{font-size:var(--notes-overlay-icon-size)}._overlayIconLarge_4gpnb_122,._overlaySymbol_4gpnb_123{font-size:var(--notes-overlay-icon-large-size)}._overlaySymbol_4gpnb_123{font-weight:700}._cornerButtonsTop_4gpnb_131{position:var(--notes-corner-position);top:var(--notes-corner-top);left:0;right:0;display:flex;justify-content:space-between;padding:var(--notes-corner-padding);z-index:2;pointer-events:none}._cornerButtonsTopLeft_4gpnb_143,._cornerButtonsTopRight_4gpnb_144{display:flex}._controlPanelGroup_4gpnb_148{display:flex;flex-direction:column;justify-content:center;gap:var(--notes-panel-group-gap);padding:var(--notes-panel-group-padding);background-color:var(--notes-panel-group-bg);border-radius:var(--notes-panel-group-radius);max-width:var(--notes-panel-group-max-width);box-sizing:border-box}._panelSection_4gpnb_160{position:var(--notes-panel-position);display:var(--notes-panel-display);background-color:var(--notes-panel-bg);background-image:url(/images/tile-diagonal.png);background-size:var(--notes-panel-tile-size);background-repeat:repeat;flex-direction:column;flex:var(--notes-panel-flex);min-height:0;overflow:hidden}._notification_4gpnb_173{position:fixed;bottom:var(--notes-notification-bottom);left:50%;transform:translate(-50%);background-color:#000;color:var(--notes-notification-color);padding:var(--notes-notification-padding);border-radius:var(--notes-notification-radius);font-size:var(--notes-notification-font-size);z-index:2000;opacity:var(--notes-notification-opacity);transition:opacity .3s ease-in-out;pointer-events:none;visibility:var(--notes-notification-visibility)}