.start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0 20px;text-align:center}.start-title{font-size:2rem;margin-bottom:2rem;color:#fff}a.button-base{text-decoration:none;color:inherit}.button-base{font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;padding:12px 24px;min-width:180px;height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 6px #0006}.button-base:disabled,a.button-base[aria-disabled=true],.button-disabled{opacity:.55;cursor:default;pointer-events:none}.button-base:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 8px #00000059;filter:brightness(1.07)}.button-base:not(:disabled):not([aria-disabled=true]):active{transform:translateY(4px);box-shadow:0 2px #0006}.button-green{background:#82ae46;color:#fff;box-shadow:0 6px #5d8732}.button-green:not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 8px #5d8732}.button-green:not(:disabled):not([aria-disabled=true]):active{box-shadow:0 2px #5d8732}.button-red{background:#c62828;color:#fff;box-shadow:0 6px #8b1c1c}.button-red:not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 8px #8b1c1c}.button-red:not(:disabled):not([aria-disabled=true]):active{box-shadow:0 2px #8b1c1c}.button-gray{background:#3f3f3f;color:#828282;box-shadow:0 6px #333}.button-gray:not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 8px #333}.button-gray:not(:disabled):not([aria-disabled=true]):active{box-shadow:0 2px #333}.button-small{min-width:120px;height:40px;padding:8px 16px;font-size:.9rem}.button-row{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.button-col{display:flex;flex-direction:column;align-items:center;gap:16px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0 20px;background:#242424;color:#ffffffde}.login-container h2{margin-bottom:24px;font-size:1.5rem}.login-input{width:100%;max-width:320px;padding:12px 16px;margin-bottom:16px;border:1px solid #555;border-radius:6px;background:#1e1e1e;color:#fff;font-size:1rem}.login-input::placeholder{color:#888}.login-button{width:100%;max-width:355px;margin-top:8px}.login-message{margin-top:16px;font-size:.9rem}.home-container{text-align:center;padding-top:100px}.home-title{font-size:28px;margin-bottom:40px}.learn-container{text-align:center;padding-top:100px}.learn-title{font-size:28px;margin-bottom:40px}.training-container{padding:40px;text-align:center}.training-title{font-size:28px;margin-bottom:30px}.training-words-container{padding:20px;text-align:center}.training-words-title{font-size:24px;margin-bottom:24px}.training-words-outlet{margin-top:40px}.card-firework-center{position:absolute;top:50%;left:50%;width:50px;height:50px;pointer-events:none;z-index:10}.firework-line{stroke-dasharray:30;stroke-dashoffset:10;animation:firework-line-animate 3s ease-out infinite;opacity:0;animation-fill-mode:backwards}@keyframes firework-line-animate{0%{stroke-dashoffset:0;opacity:0}8%{stroke-dashoffset:20;opacity:0}18%{stroke-dashoffset:-5;opacity:1}to{stroke-dashoffset:-30;opacity:0}}.ripple-wrapper{position:absolute;top:50%;right:0;transform:translate(50%,-50%);pointer-events:none;z-index:10}.ripple-circle{position:absolute;border:2px solid #82ae46;border-radius:50%;opacity:.5;animation:ripple-grow 1.2s ease-out forwards}.ripple-circle.big{width:24px;height:24px;top:-10px;left:-15px;animation-delay:0s}.ripple-circle.mid{width:14px;height:14px;top:6px;left:-10px;animation-delay:.1s}.ripple-circle.small{width:10px;height:10px;top:-16px;left:8px;animation-delay:.2s}@keyframes ripple-grow{0%{transform:scale(.5);opacity:.6}50%{transform:scale(1.2);opacity:.4}to{transform:scale(1.8);opacity:0}}.progress-wrapper{margin-top:-100px;margin-bottom:20px}.progress-track{background:#4e4e4e;width:90%;margin:0 auto;height:15px;border-radius:10px;position:relative;overflow:visible}.progress-fill{background:#82ae46;height:100%;border-radius:10px;position:relative;transition:width .3s ease}.feedback-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#303030;border-top-left-radius:10px;border-top-right-radius:10px;padding:20px 40px;display:flex;align-items:center;gap:15px;box-shadow:0 -2px 8px #0003;z-index:2}.feedback-bar__icon{width:90px;height:90px;animation:bounce-in .6s ease forwards}.feedback-bar__content{text-align:left}.feedback-bar__text--correct{font-size:1.6rem;font-weight:700;color:#82ae46}.feedback-bar__text--incorrect{font-size:1.6rem;font-weight:700;color:#b22222}.feedback-bar__word{font-size:1.2rem;font-weight:700;color:#b22222;margin-top:4px}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}80%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.result-screen{position:relative;text-align:center;padding-bottom:120px;min-height:100vh}.result-firework{position:relative;width:100%;max-width:600px;margin:120px auto -20px;height:160px;overflow:visible;z-index:1}.result-title{font-size:32px;margin-top:0;margin-bottom:40px;color:gold}.result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.stat-card{border-radius:10px;padding:5px;width:160px;text-align:center;color:#202020}.stat-xp{background-color:gold}.stat-rate{background-color:#82ae46}.stat-label{font-weight:700;margin-bottom:10px}.stat-value{background-color:#202020;border-radius:8px;padding:20px;font-size:20px;font-weight:700}.stat-xp .stat-value{color:gold}.stat-rate .stat-value{color:#82ae46}.result-buttons .button-gray{position:fixed;bottom:30px;left:30px}.result-buttons .button-green{position:fixed;bottom:30px;right:30px}.firework-line{stroke-dasharray:30;stroke-dashoffset:10;animation:firework-line-animate 8s ease-out infinite;opacity:0;animation-fill-mode:backwards}@keyframes firework-line-animate{0%{stroke-dashoffset:20;opacity:0}8%{stroke-dashoffset:-20;opacity:1}16%{stroke-dashoffset:-30;opacity:0}to{stroke-dashoffset:-30;opacity:0}}.idle-overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:auto}.idle-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009}.idle-overlay-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:280px;max-width:92vw;background:#121212;color:#fff;border-radius:16px;box-shadow:0 12px 36px #00000080;padding:20px 22px;z-index:2147483001;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.idle-title{margin:0 0 8px;font-size:18px;font-weight:700}.idle-text{margin:0 0 14px;line-height:1.6;font-size:14px;color:#eaeaea}.idle-btn{margin:6px 0 8px;padding:10px 16px;font-size:14px;font-weight:700;color:#0b1220;background:#7de3ff;border:0;border-radius:10px;cursor:pointer}.idle-btn:focus{outline:2px solid #fff;outline-offset:2px}.idle-note{margin:8px 0 0;font-size:12px;color:#cfcfcf;opacity:.9}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}80%{transform:scale(.9)}to{transform:scale(1)}}.feedback-icon{animation:bounce-in .6s ease}.mcw-container{padding:0 20px 120px}.mcw-question{font-size:24px;text-align:center;margin:60px 0 40px;display:flex;justify-content:center;align-items:center;gap:12px}.mcw-choices{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:80px}.mcw-error{text-align:center;color:#ff6d6d;margin-top:12px}.choice-button{font-family:Nunito SemiBold,sans-serif;font-size:1.1rem;font-weight:700;padding:15px 10px;border:1px solid #ccc;border-radius:16px;background-color:#202020;color:#fff;cursor:pointer;box-shadow:0 6px #101010;transition:background-color .08s,transform .05s,box-shadow .05s;width:200px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.choice-button:hover{background-color:#444}.choice-button:active{transform:translateY(4px);box-shadow:0 2px #101010}.choice-button.selected{background-color:#4e4e4e}.choice-button:disabled{opacity:.6;cursor:default}.word-card-big-font{font-size:1.6rem}.choice-button img{width:96px;height:64px;object-fit:cover;border-radius:8px;margin-bottom:8px}.audio-play-btn{width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;padding:0}.audio-play-btn:disabled{opacity:.4;cursor:default}.triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;margin-left:2px}.card-sorting-container{padding:20px;max-width:1280px;margin:0 auto}.rows-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.card-row{display:inline-grid;grid-template-columns:repeat(4,90px);grid-auto-rows:90px;gap:12px;justify-content:center;padding:8px;border:2px dashed #888;border-radius:8px;background:#2a2a2a}.card-item{width:100%;height:100%;background:#1e1e1e;color:#fff;border:1px solid #444;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;box-sizing:border-box;box-shadow:0 4px 8px #00000080;transition:box-shadow .2s ease,opacity .2s ease}.card-item:hover{box-shadow:0 6px 12px #0009}.card-item.selected{background:#4e4e4e;outline:3px solid #e8ebd9;position:relative;z-index:1}.card-item.selected:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(215,218,205,.5);border-radius:inherit;pointer-events:none;box-shadow:0 0 10px #e2e5d7b3}.card-item.correct{background:#181818;outline:3px solid #6a9f00;position:relative;z-index:1}.card-item.correct:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(154,202,51,.5);border-radius:inherit;pointer-events:none;box-shadow:0 0 10px #dde982b3}.card-item.incorrect{background:#1d0c00;outline:1px solid #ce584a;position:relative;z-index:1}.card-image{width:97%;height:auto;object-fit:contain;display:block;margin:auto;border-radius:4px}.card-text{font-size:1rem}.reading-card{display:flex;gap:4px}.reading-seg{color:#fff}@keyframes blink{0%{box-shadow:0 0 8px #fff3}50%{box-shadow:0 0 8px #fffc}to{box-shadow:0 0 8px #fff3}}.card-item.dragging{opacity:.5}.card-item.drag-over{animation:blink 3s infinite;border:2px solid rgba(255,255,255,.8)}.spelling-input{display:block;margin:0 auto;width:260px;height:50px;font-size:1.2rem;text-align:center;border:2px solid #999;border-radius:8px}.input-correct{border-color:#4caf50;background:#e9f7ea}.input-wrong{border-color:#e53935;background:#fdecea}.segment-no-gap ruby{margin-right:0!important}.meaning-training{max-width:720px;margin:0 auto;padding:0 16px 120px}.word-wrapper{margin:60px 0 40px;text-align:center}.retry-wrapper{text-align:center;margin-top:80px}.meaning-input{width:80%;max-width:260px;font-size:1.4rem;padding:12px 16px;border:2px solid #ccc;border-radius:12px;text-align:center;outline:none}.meaning-input.input-correct{border-color:#2ecc71}.meaning-input.input-wrong{border-color:#e74c3c}.training-phonics-container{padding:20px;text-align:center}.training-phonics-title{font-size:24px;margin-bottom:24px}.training-phonics-outlet{margin-top:40px}.phonics-sorting-container{padding:20px;max-width:564px;margin:0 auto}.instruction{font-size:1.2rem;text-align:center;margin-bottom:0}.phonics-row{display:flex;align-items:flex-start;margin-top:32px}.phonics-image{width:92px;height:92px;object-fit:cover;border-radius:8px;margin-right:16px}.phonics-slots{display:flex;flex-direction:column;gap:8px}.slot-row{display:grid;grid-template-columns:repeat(10,42px);gap:4px}.slot{width:40px;height:40px;background:#1e1e1e;border:1px dashed #555;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative}.correct-slot{border:2px solid #83AE46}.incorrect-slot{border:2px solid #F44336}.slot-card{width:100%;height:100%;background:#181818;border:1px solid #555;border-radius:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}.slot-card.seg-furigana{background:#333;color:#fff;font-size:.5rem}.slot-card .word-text{font-size:.6rem}.pool{margin-top:32px;padding:12px;background:#2a2a2a;border:2px dashed #777;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pool .slot-card{width:38px;height:38px;padding:4px}.button-bar{position:fixed;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:32px;z-index:10}.btn-fixed-left,.btn-fixed-right{position:fixed;bottom:28px;padding:18px 26px;font-size:1.05rem;border-radius:14px;z-index:200}.phonics-split-container{padding:20px;max-width:600px;margin:0 auto}.phonics-split-row{display:flex;justify-content:center;align-items:center;margin-top:32px}.split-progress-gap{height:120px}.instruction{font-size:1.2rem;text-align:center;margin-bottom:16px}.split-letter-cards{display:flex;flex-direction:row;align-items:center}.split-letter-card{width:32px;height:32px;background:#181818;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 4px;border-radius:4px;font-size:1rem;-webkit-user-select:none;user-select:none}.split-break-bar{width:0;height:32px;background:none;border:2px dashed #555;margin:0 4px;cursor:pointer}.split-break-bar:hover{border-color:#888}.split-break-active{border:2px solid #ffffff}.split-break-correct{border:2px solid #82AE46}.split-break-wrong{border:2px solid #C62828}.split-break-missed{border:2px dashed #C62828}.one-segment-container{padding:20px;max-width:600px;margin:0 auto;text-align:center}.one-segment-gap{height:64px}.segment-card-container{display:flex;justify-content:center;margin-top:32px;margin-bottom:16px}.segment-card-wrapper{width:240px;height:240px;font-size:5rem;background:#181818;border:2px solid #555;border-radius:12px;display:flex;align-items:center;justify-content:center;padding-left:20px}.one-segment-input{width:50%;padding:8px;font-size:1rem;background-color:#000;color:#fff;border:2px solid #555;border-radius:4px;text-align:center;margin-top:16px}.one-segment-input::placeholder{color:#aaa}.one-segment-input:disabled{background-color:#333;color:#777}.word-segments-container{padding:20px;max-width:800px;margin:0 auto;text-align:center}.word-segments-gap{height:32px}.segments-row{display:flex;justify-content:center;align-items:flex-start;gap:24px}.segment-block{display:flex;flex-direction:column;align-items:center}.segment-card-wrapper{width:160px;height:160px;font-size:3rem;background:#181818;border:2px solid #555;border-radius:12px;display:flex;align-items:center;justify-content:center;padding-left:10px;margin-bottom:12px}.segment-input{width:100%;max-width:160px;padding:6px;font-size:1rem;background-color:#000;color:#fff;border:2px solid #555;border-radius:4px;text-align:center}.input-correct{border-color:#82ae46}.input-wrong{border-color:#c62828}.btn-fixed-left,.btn-fixed-right{position:fixed;bottom:28px;padding:14px 20px;font-size:1rem;border-radius:12px;z-index:100}.btn-fixed-left{left:28px}.btn-fixed-right{right:28px}.panel{display:flex;flex-direction:column;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.panel-title{font-weight:700;color:#cfefff;letter-spacing:.02em;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.panel-body{flex:1;padding:12px;display:flex;align-items:center;justify-content:center}.profile-stack{display:flex;flex-direction:column;gap:36px;align-items:center}.profile-row-2{width:100%;max-width:1100px;display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:stretch;margin:0 auto}.bar-area{width:100%;max-width:1100px;margin:0 auto}.chart-frame{width:100%;height:300px}.chart-area{width:320px;height:320px}.desc-area{list-style:none;margin:0;padding:0 8px 8px;text-align:left;max-width:600px;line-height:1.2;width:100%}.desc-area li{margin:.4rem 0}.desc-label{display:inline-block;min-width:3.5rem;margin-right:1.2rem;font-weight:600;color:#0cf}.profile-container{color:#fff;text-align:center;padding:2rem 0}.profile-title{font-size:1.8rem;margin-bottom:.5rem}.profile-sub{font-size:1.2rem;margin-bottom:2rem}@media (max-width: 900px){.profile-row-2{grid-template-columns:1fr;gap:16px}.chart-area{width:300px;height:300px}.chart-frame{height:260px}.panel-body{padding:10px}}.admin-users-container{width:fit-content;margin:20px auto}.admin-users-container h2{text-align:center;font-size:24px;margin-bottom:20px}.admin-users__actions{width:100%;display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}.admin-users__actions .button-base.button-green{padding:8px 16px;font-size:16px;min-width:120px}.admin-users-table{border-collapse:collapse;margin:0}.admin-users-table th,.admin-users-table td{padding:8px 12px;border-bottom:1px solid #ddd;text-align:center}.admin-users-table th{background-color:#333;color:#fff;font-weight:700}.reset-password-row{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:8px 0}.reset-password-row input[type=password]{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:4px}.new-user-container{max-width:480px;margin:2rem auto;padding:1.5rem;background-color:#454545;border-radius:8px;box-shadow:0 2px 8px #0000001a}.new-user-container h2{margin-bottom:1rem;font-size:1.5rem;text-align:center}.new-user__error{margin-bottom:1rem;padding:.75rem 1rem;background-color:#ffe5e5;color:#d8000c;border:1px solid #d8000c;border-radius:4px;text-align:center}.new-user__form{display:flex;flex-direction:column;gap:1rem}.new-user__row{display:flex;flex-direction:column}.new-user__row label{margin-bottom:.25rem;font-weight:500}.new-user__row input[type=text],.new-user__row input[type=password]{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.new-user__row input[type=checkbox]{margin-right:.5rem;vertical-align:middle}.new-user__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.new-user__actions .button-base{min-width:80px}.word-list{padding:20px}.word-list__error{color:red}.word-list__table{width:100%;border-collapse:collapse;text-align:left}.word-list__th{padding:8px;border-bottom:2px solid #555;background:#333;color:#fff;font-weight:700}.word-list__td{padding:8px;vertical-align:middle;border-bottom:1px solid #ddd}.word-list__edit-link{color:#06c;text-decoration:none}.word-list__edit-btn{min-width:100px}.word-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.new-word{padding:20px;max-width:800px;margin:0 auto}.new-word__error{color:red;text-align:center}.new-word__form{display:flex;flex-direction:column;gap:16px}.new-word__form-row{display:flex;align-items:center;gap:8px}.new-word__input,.new-word__select{flex:1;height:40px;background-color:#000;color:#fff;border:1px solid #444;padding:0 8px;text-align:center}.new-word__submit{align-self:center;margin-top:12px}.new-word__image{width:100px;height:100px;object-fit:cover;border:1px solid #444}.new-word__form-section button.button-green.button-small{margin-top:16px}.edit-word{padding:20px;max-width:800px;margin:0 auto}.edit-word__error{color:red;text-align:center}.edit-word__title{margin-bottom:16px;text-align:center}.edit-word__preview{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;justify-items:center;gap:16px;margin-bottom:24px}.edit-word__preview-item{display:flex;flex-direction:column;align-items:center;text-align:center}.edit-word__preview-label{align-self:start;font-weight:700;margin-bottom:8px;color:#fff}.edit-word__preview-item>*:not(.edit-word__preview-label){margin-top:auto;margin-bottom:auto}.edit-word__image{width:100px;height:100px;object-fit:cover;border:1px solid #444}.edit-word__original-word{font-size:1.8rem;font-weight:700;color:#fff}.edit-word__wordcard{transform:scale(1.6);transform-origin:center}.edit-word__kana-full{display:flex;flex-direction:column;align-items:center}.edit-word__kana-full label{font-weight:700;margin-bottom:4px}.edit-word__kana-input{height:48px;background-color:#000;color:#fff;border:1px solid #444;box-sizing:border-box;padding:0 8px;width:200px;text-align:center}.edit-word__form{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:center}.edit-word__segment-row{display:flex;gap:8px;align-items:center}.edit-word__input,.edit-word__select{height:48px;background-color:#000;color:#fff;border:1px solid #444;box-sizing:border-box;padding:0 8px;text-align:center}.edit-word__select{min-width:120px}.edit-word__button-row{display:flex;gap:8px;align-items:center}.edit-word__tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center}.edit-word__tag{display:inline-flex;align-items:center;background-color:#444;color:#fff;border-radius:12px;padding:4px 8px;font-size:.9rem}.edit-word__tag-remove{margin-left:4px;cursor:pointer;font-weight:700}.edit-word__tag-input{height:32px;padding:0 8px;background-color:#000;color:#fff;border:1px solid #444;border-radius:4px}.edit-word__label-group{margin-top:12px;width:100%;display:flex;justify-content:center;gap:8px}.edit-word__submit{margin-top:12px}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.image-modal{position:relative;background:#2c2c2c;padding:20px;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 4px 12px #0000004d;z-index:1001}.image-modal__buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.image-modal__close{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;z-index:1002}.side-nav{position:fixed;top:0;left:-200px;width:200px;height:100%;background-color:#202020;color:#fff;padding-top:60px;transition:left .3s ease;z-index:100}.side-nav.open{left:0}.side-nav ul{list-style:none;padding:0}.side-nav li{padding:15px 20px;text-align:left}.side-nav a{display:block;text-align:left;color:#fff;text-decoration:none;font-size:1.1rem;font-family:Nunito,sans-serif;font-weight:700}.side-nav a:hover{color:#9e9e9e}.hamburger{position:fixed;top:15px;left:15px;width:40px;height:30px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;z-index:200;padding:0}.bar{width:100%;height:4px;background-color:#4b4b4b;border-radius:2px;transition:background-color .2s ease}.hamburger:hover .bar{background-color:#6c6c6c}.hamburger:hover{background:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:50}.side-nav .admin-link{color:#82ae46;text-decoration:none}.side-nav .admin-link:hover{color:#98c15e}@font-face{font-family:Nunito SemiBold;src:url(/assets/Nunito-SemiBold-BDYPXFJ_.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Nunito SemiBold,sans-serif;margin:0;min-height:100vh;background:#242424;color:#ffffffde;display:flex;align-items:center;justify-content:center}#root{max-width:1280px;width:100%;margin:0 auto;padding:2rem;text-align:center}