:root{--color-app-background:#000;--color-text-primary:#fff;--color-text-inverse:#000;--color-text-muted:#ffffffb8;--color-text-subtle:#ffffff9e;--color-text-secondary:#ffffffa3;--color-text-tertiary:#ffffff94;--color-text-faint:#ffffff80;--color-text-disabled:#ffffff4d;--color-text-bright:#f5f5f5;--color-text-menu-heading:#ffffffdb;--color-text-control:#ffffffd1;--color-surface:#141414eb;--color-surface-strong:#141414f5;--color-surface-overlay:#141414e6;--color-surface-menu:#202124;--color-surface-menu-header:#2b2d31;--color-surface-list-item:#17181a;--color-surface-input:#ffffff14;--color-surface-input-hover:#ffffff1f;--color-surface-control:#ffffff1a;--color-surface-control-hover:#ffffff24;--color-surface-control-active:#ffffff29;--color-surface-control-faint:#ffffff0f;--color-surface-transparent:#fff0;--color-surface-pill:#ffffff47;--color-surface-light:#e8e8e8;--color-border:#ffffff2e;--color-border-subtle:#ffffff29;--color-border-faint:#ffffff1f;--color-border-hairline:#ffffff1a;--color-border-muted:#ffffff24;--color-border-strong:#ffffff3d;--color-border-hover:#ffffff5c;--color-border-focus:#ffffff7a;--color-outline-focus:#ffffff9e;--color-shadow:#00000059;--color-shadow-soft:#00000057;--color-accent-blue:#8ab4ff;--color-accent-blue-soft:#8ab4ff33;--color-accent-blue-ring:#8ab4ff2e;--color-success:#77e093;--color-success-border:#4ec47e75;--color-success-border-hover:#4ec47eb8;--color-success-background:#4ec47e2e;--color-success-background-hover:#4ec47e4d;--color-success-subtle-border:#4ec47e70;--color-warning-subtle-border:#ffc95c70;--color-danger:#ff7e7e;--color-danger-soft:#ff5c5c29;--color-danger-soft-hover:#ff5c5c47;--color-danger-border:#ff5c5c4d;--color-danger-border-hover:#ff5c5c85;--color-danger-menu-border:#ff5c5c47;--color-danger-menu-border-hover:#ff5c5c73;--color-danger-panel-border:#ff7e7e57;--color-danger-button-border:#ff7e7e70;--color-danger-panel-background:#200c0cb8;--color-element-noun-primary:#ff8a8ab8;--color-element-noun-secondary:#ff8a8a3d;--color-element-adjective-primary:#ffb870bd;--color-element-adjective-secondary:#ffb8703d;--color-element-verb-primary:#8ab4ffbd;--color-element-verb-secondary:#8ab4ff3d;--color-element-adverb-primary:#8bc795b8;--color-element-adverb-secondary:#8bc7953d;--color-element-counter-primary:#cf8fffb8;--color-element-counter-secondary:#cf8fff3d;--color-element-desu-primary:#82ccd6b8;--color-element-desu-secondary:#82ccd63d;--color-element-punctuation-primary:#b4b8bfb8;--color-element-punctuation-secondary:#b4b8bf3d;--color-element-default-primary:#ffffff2e;--color-element-default-secondary:#ffffff1f;--color-element-particle-background:#ff77943d}#root,body,html{background:var(--color-app-background);margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.topRightButton{background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;line-height:1;padding:10px 14px;position:fixed;right:18px;text-decoration:none;top:18px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease;z-index:1600}.topRightSignupButton{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse)}.topRightButton:hover{background:var(--color-border-faint);border-color:var(--color-border-hover)}.topRightSignupButton:hover{background:var(--color-surface-light);border-color:var(--color-surface-light);color:var(--color-text-inverse)}.topRightButton:active{transform:scale(.96)}.accountPage,.loginPage,.signupPage{box-sizing:border-box;padding:96px 18px 40px}.accountForm,.loginForm,.signupForm{background:var(--color-surface);border:1px solid var(--color-surface-control-active);border-radius:8px;gap:16px;padding:28px}.accountForm,.deleteAccountPanel,.loginForm,.signupForm{box-sizing:border-box;color:var(--color-text-primary);display:flex;flex-direction:column;width:min(380px,100%)}.deleteAccountPanel{background:var(--color-danger-panel-background);border:1px solid var(--color-danger-panel-border);border-radius:8px;gap:12px;margin-top:14px;padding:18px}.accountForm h1,.loginForm h1,.signupForm h1{font-size:26px;font-weight:850;line-height:1.2;margin:0 0 4px}.deleteAccountPanel h2{font-size:16px;font-weight:850;line-height:1.2;margin:0}.deleteAccountActions{display:flex;gap:10px}.accountField,.loginField,.signupField{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;font-weight:800;gap:7px}.accountField input,.loginField input,.signupField input{background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font:inherit;font-size:15px;font-weight:650;height:42px;outline:none;padding:0 12px;width:100%}.passwordInputWrap{align-items:center;display:flex;position:relative}.passwordInputWrap input{padding-right:68px}.passwordToggleButton{background:var(--color-surface-control);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text-control);cursor:pointer;font:inherit;font-size:12px;font-weight:800;height:30px;padding:0 10px;position:absolute;right:6px}.passwordToggleButton:hover{background:var(--color-surface-control-active);color:var(--color-text-primary)}.passwordToggleButton:focus-visible{outline:2px solid var(--color-text-subtle);outline-offset:2px}.resetEmailNotice{color:var(--color-text-subtle);font-size:13px;font-weight:700;line-height:1.35;margin:0}.resetEmailAddress{color:var(--color-text-muted);font-weight:750}.resetEmailChangeButton{background:#0000;border:0;color:var(--color-text-primary);cursor:pointer;font:inherit;font-weight:850;padding:0}.resetEmailChangeButton:hover{text-decoration:underline}.resetEmailChangeButton:disabled{cursor:default;opacity:.62;text-decoration:none}.resetEmailChangeButton:focus-visible{outline:2px solid var(--color-text-subtle);outline-offset:2px}.accountField input:focus,.loginField input:focus,.signupField input:focus{background:var(--color-border-faint);border-color:var(--color-border-focus)}.accountSubmitButton,.loginSubmitButton,.signupSubmitButton{background:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-inverse);cursor:pointer;font:inherit;font-size:15px;font-weight:850;height:44px;margin-top:4px}.authTextButton{align-self:center;background:#0000;border:0;color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:13px;font-weight:850}.authTextButton:hover{text-decoration:underline}.authTextButton:disabled{cursor:default;opacity:.62;text-decoration:none}.authTextButton:focus-visible{outline:2px solid var(--color-text-subtle);outline-offset:2px}.cancelDeleteButton,.deleteAccountButton{background:var(--color-danger);border:1px solid var(--color-danger-button-border);border-radius:8px;color:var(--color-text-inverse);cursor:pointer;font:inherit;font-size:14px;font-weight:850;height:40px;padding:0 12px}.cancelDeleteButton{background:var(--color-surface-input);border-color:var(--color-border-strong);color:var(--color-text-primary)}.accountSubmitButton:disabled,.deleteAccountButton:disabled,.loginSubmitButton:disabled,.signupSubmitButton:disabled{cursor:default;opacity:.62}.accountMessage,.loginMessage,.signupMessage{font-size:13px;font-weight:750;line-height:1.35;margin:0;min-height:20px}.accountMessagesuccess,.loginMessagesuccess,.signupMessagesuccess{color:var(--color-success)}.accountMessageerror,.loginMessageerror,.signupMessageerror{color:var(--color-danger)}.authSwitchText{color:var(--color-text-subtle);font-size:13px;font-weight:700;line-height:1.35;margin:2px 0 0;text-align:center}.authSwitchText a{color:var(--color-text-primary);font-weight:850;text-decoration:none}.authSwitchText a:hover{text-decoration:underline}.topRightActions{display:flex;gap:8px;position:fixed;right:18px;top:18px;z-index:1600}.topRightActions .topRightButton{position:static}.topRightUserMenu{position:fixed;right:18px;top:18px;z-index:1600}.topRightUserButton{background:#0000;border:0;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:850;line-height:1;max-width:min(240px,calc(100vw - 36px));overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.topRightUserButton:hover{text-decoration:underline}.userDropdown{background:var(--color-surface-strong);border:1px solid var(--color-surface-control-active);border-radius:8px;box-shadow:0 18px 30px var(--color-shadow);min-width:120px;padding:4px;position:absolute;right:0;top:calc(100% + 10px)}.userDropdown a,.userDropdown button{background:#0000;border:0;border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;display:block;font:inherit;font-size:13px;font-weight:800;line-height:1;padding:9px 10px;text-align:left;text-decoration:none;width:100%}.userDropdown a:hover,.userDropdown button:hover{background:var(--color-border-faint)}.gameControls{align-items:center;bottom:70px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;left:50%;max-width:min(360px,calc(100vw - 48px));position:fixed;transform:translateX(-50%);z-index:1500}.gameControlButton{background:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;line-height:1;padding:12px 18px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.gameControlButton:hover:not(:disabled){background:var(--color-success-background-hover);border-color:var(--color-success-border-hover)}.gameControlButton:active:not(:disabled){transform:scale(.96)}.gameControlButton:disabled{cursor:not-allowed;opacity:.58}.gameControlButtonPrimary{background:var(--color-text-primary);border-color:var(--color-border-strong);color:var(--color-text-inverse)}.gameControlButtonPrimary:hover:not(:disabled){background:var(--color-surface-light);border-color:var(--color-surface-light)}.gameFeedback{background:var(--color-surface);border:1px solid var(--color-surface-control-active);border-radius:8px;color:var(--color-text-primary);flex:0 0 100%;font-size:14px;font-weight:700;line-height:1.35;padding:12px 14px;text-align:center}.gameFeedbackSuccess{border-color:var(--color-success-subtle-border)}.gameFeedbackWarning{border-color:var(--color-warning-subtle-border)}.gameTabs{background:var(--color-surface-overlay);border:1px solid var(--color-surface-control-active);border-radius:8px;display:flex;left:50%;max-width:calc(100vw - 24px);overflow-x:auto;padding:4px;position:fixed;top:18px;transform:translateX(-50%);z-index:1500}.gameTab{background:#0000;border:0;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:700;line-height:1;padding:8px 11px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.gameTab:hover,.gameTabSelected{color:var(--color-text-primary)}.gameTabSelected{background:var(--color-surface-control-hover)}.gameModeDetails{color:var(--color-text-primary);left:50%;pointer-events:none;position:fixed;text-align:center;top:68px;transform:translateX(-50%);width:min(680px,calc(100vw - 28px));z-index:1400}.gameModeDetails h1{font-size:22px;font-weight:800;line-height:1.2;margin:0}.gameModeDetails p{color:var(--color-text-secondary);font-size:14px;font-weight:600;line-height:1.35;margin:6px 0 0}.gamePromptPanel{background:var(--color-surface-overlay);border:1px solid var(--color-surface-control-active);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);left:50%;padding:14px 18px;position:fixed;text-align:center;top:132px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));z-index:1400}.gamePromptDifficulty{background:var(--color-surface-control-faint);border:1px solid var(--color-border-faint);border-radius:8px;display:inline-flex;gap:4px;margin-bottom:12px;padding:3px}.gamePromptDifficultyButton{background:#0000;border:0;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:12px;font-weight:850;line-height:1;padding:7px 10px;text-transform:capitalize;transition:background-color .15s ease,color .15s ease}.gamePromptDifficultyButton:hover{background:var(--color-surface-control);color:var(--color-text-primary)}.gamePromptDifficultyButtonSelected,.gamePromptDifficultyButtonSelected:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.gamePromptHeader{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.gamePromptLabel{color:var(--color-text-tertiary);font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.gamePromptRegenerateButton{background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text-primary);cursor:pointer;flex:0 0 auto;font:inherit;font-size:12px;font-weight:800;line-height:1;padding:7px 10px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.gamePromptRegenerateButton:hover:not(:disabled){background:var(--color-surface-control-hover);border-color:var(--color-border-hover)}.gamePromptRegenerateButton:active:not(:disabled){transform:scale(.96)}.gamePromptRegenerateButton:disabled{cursor:default;opacity:.58}.gamePromptText{font-size:20px;font-weight:800;line-height:1.3;min-height:24px}.elementOptionsMenuContainer{filter:drop-shadow(0 18px 30px var(--color-shadow));opacity:1;position:fixed;transition:opacity .16s ease;will-change:opacity;z-index:2000}.elementOptionsMenuOpen{animation:elementOptionsMenuIn .16s ease-in-out both}.elementOptionsMenuClosing{animation:elementOptionsMenuOut .16s ease-in-out both;pointer-events:none}@keyframes elementOptionsMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes elementOptionsMenuOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.elementOptionsMenuButton{align-items:flex-start;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--color-text-bright);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:15px;justify-content:flex-start;line-height:1.2;padding:7px 10px;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:normal}.elementOptionsMenuButton:hover{background:var(--color-surface-control);border-color:var(--color-border-faint)}.selectedElementOptionsMenuButton,.selectedElementOptionsMenuButton:hover{background:var(--color-accent-blue-soft);border:1px solid var(--color-accent-blue)}.elementOptionsMenuTitle{background-color:var(--color-surface-menu-header);border-bottom:1px solid var(--color-surface-control);color:var(--color-text-menu-heading);font-size:13px;font-weight:700;line-height:1.2;padding:9px 12px;text-transform:uppercase}.deleteElementButtonContainer{border-top:1px solid var(--color-surface-control);display:flex;padding:8px}.deleteElementButton{align-items:center;background-color:var(--color-danger-soft);border-color:var(--color-danger-soft-hover);color:var(--color-text-primary);flex:1 1;justify-content:center;text-align:center}.deleteElementButton:hover{background-color:var(--color-danger-soft-hover);border-color:var(--color-danger-menu-border-hover)}.elementListContainer{background:var(--color-surface-menu);border:1px solid var(--color-border-faint);border-radius:10px;display:flex;flex-direction:column;max-height:350px;max-width:250px;overflow:hidden;z-index:999}.secondaryElementOptionsPanel{animation:secondaryElementOptionsPanelIn .3s ease-in-out both;position:absolute;top:0}.secondaryElementOptionsPanel-right{left:calc(100% + 8px);transform-origin:top left}.secondaryElementOptionsPanel-left{right:calc(100% + 8px);transform-origin:top right}@keyframes secondaryElementOptionsPanelIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modalContainer{position:relative}.elementOptionsMenuButtonMeanings,.elementOptionsMenuButtonText{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.elementOptionsMenuButtonText rt{font-size:10px}.elementOptionsMenuButtonMeanings{color:var(--color-text-subtle);font-size:12px;line-height:1.25;margin-top:3px}.elementListItemContainer{display:flex;flex-direction:column;gap:3px;overflow-x:hidden;overflow-y:auto;padding:8px}.elementListItemContainer::-webkit-scrollbar{width:8px}.elementListItemContainer::-webkit-scrollbar-track{background:#0000}.elementListItemContainer::-webkit-scrollbar-thumb{background:var(--color-surface-pill);border:2px solid var(--color-surface-menu);border-radius:999px}.searchInputContainer{background-color:var(--color-surface-menu-header);border-bottom:1px solid var(--color-surface-control);display:flex;padding:8px}.searchInput{background:var(--color-surface-list-item);border:1px solid var(--color-border-faint);border-radius:7px;color:var(--color-text-primary);font-size:15px;outline:none;padding:8px 10px;width:100%}.searchInput::placeholder{color:var(--color-text-faint)}.searchInput:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px var(--color-accent-blue-ring)}.addButton{background:var(--color-surface-transparent);border:1px solid var(--color-border-strong);border-radius:10px;color:var(--color-text-disabled);cursor:pointer;flex-direction:column;font-family:inherit;font-size:34px;height:90px;line-height:1;overflow:hidden;padding:0;transition:width .25s ease-in-out,opacity .18s ease-in-out,border-color .15s ease,border-width .25s ease-in-out,background-color .15s ease,color .15s ease,transform .15s ease}.addButton,.addButtonSlot{align-items:center;display:flex;justify-content:center}.addButtonSlot{flex-shrink:0;transition:none}.addButton:hover{color:var(--color-text-primary)}.addButton:active{transform:scale(.95)}.addButtonOpen{border-color:var(--color-text-primary);color:var(--color-text-primary)}.addButtonDragHidden{pointer-events:none;transition:none}.addButtonText{font-size:11px;line-height:1.1;margin-top:3px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sentenceTextContainer{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;font-size:30px;margin-bottom:200px;position:absolute}.sentenceJapaneseText{line-height:1.45;min-height:48px;text-align:center}.sentenceJapaneseText ruby{ruby-position:over}.sentenceJapaneseText rt{font-size:14px}.sentenceElementsContainer{align-items:center;display:flex;flex-direction:row;margin-top:100px;transform-origin:center center;transition:transform .22s ease-in-out;will-change:transform}.mainElementDragItem{display:flex;flex-shrink:0;position:relative;touch-action:none;transition:width .16s ease-in-out,height .16s ease-in-out,transform .16s ease-in-out}.mainElementDragItem .elementContainer{cursor:grab}.mainElementDragItem:active .elementContainer{cursor:grabbing}.mainElementDragging{transition:none}.mainElementDragging .elementContainer{box-shadow:0 18px 34px var(--color-shadow-soft);cursor:grabbing}.mainElementDragContentDropping{transition:left .18s ease-in-out,top .18s ease-in-out,width .18s ease-in-out,transform .18s ease-in-out}.clearAllButton{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:8px;bottom:28px;color:var(--color-text-primary);font-family:inherit;font-size:14px;font-weight:700;left:50%;line-height:1;opacity:0;padding:10px 16px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(10px);transition:opacity .18s ease,transform .18s ease,border-color .15s ease,background-color .15s ease;z-index:1500}.clearAllButtonVisible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.clearAllButtonVisible:hover{background:var(--color-danger-soft-hover);border-color:var(--color-danger-border-hover);cursor:pointer}.clearAllButtonVisible:active{transform:translateX(-50%) translateY(0) scale(.96)}.elementText{color:var(--color-text-primary);font-size:40px;line-height:1;padding:0 2px}.baseInsideElement .japaneseText,.elementText .japaneseText{display:inline-block;transform:translateY(-.18em)}.baseInsideElement ruby,.elementText ruby{line-height:3;ruby-position:over}.baseInsideElement rt,.elementText rt{font-size:15px}.elementContainer{border:1px solid var(--color-border);border-radius:10px;cursor:pointer;gap:5px;height:110px;margin:0 2.5px;padding:0 5px;transition:border-color .15s ease-in-out,transform .15s ease-in-out}.baseElement,.elementContainer{align-items:center;display:flex}.baseElement{gap:4px}.baseInsideElement{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--color-surface-control-hover);border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:40px;height:90px;justify-content:center;line-height:1;min-width:40px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out,transform .15s ease-in-out}.conjugationElement{padding-right:0}.pressedElement{transform:scale(.95)}.hoverElement,.pressedElement{border-color:var(--color-text-primary)}.insideElementText{align-items:center;display:flex;padding:0 5px;white-space:nowrap}.particleElement{background:var(--color-element-particle-background)}.counterInput{align-items:center;border-color:var(--color-surface-control-hover);font-family:inherit;justify-content:center;justify-self:center;min-width:44px;outline:none;padding:0 8px;text-align:center}.counterInput::placeholder{color:var(--color-text-faint)}.counterInput:focus{border-color:var(--color-text-primary)}
/*# sourceMappingURL=main.1173754f.css.map*/