.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}@font-face{font-family:ZenMaruGothicLocal;src:url(../assets/fonts/ZenMaruGothic-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.word-card,.word-card *{font-family:ZenMaruGothicLocal,Zen Maru Gothic,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.word-card{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;border-radius:12px;background:transparent}.word-text{font-weight:500;font-size:1.6rem;line-height:1.25;color:#fff;width:100%;text-align:center}.word-card ruby{ruby-position:over;ruby-align:center;margin:0 .12em}.word-card rb{letter-spacing:.02em;text-align:center}.word-card rt{font-size:.6em;font-weight:500;opacity:.95;line-height:1;text-align:center}.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}}:root{--pb-top: 50px;--pb-width: min(640px, 92vw);--pb-height: 14px}.progress-wrapper{position:fixed;top:var(--pb-top);left:50%;transform:translate(-50%);width:var(--pb-width);z-index:100;margin:0;padding:0;pointer-events:none}.progress-track{background:#4e4e4e;width:100%;height:var(--pb-height);border-radius:999px;position:relative;overflow:visible}.progress-fill{background:#82ae46;height:100%;border-radius:999px;position:relative;transition:width .3s ease}.progress-wrapper{margin-top:0!important;margin-bottom:0!important}.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;--wc-font-size: .9rem;--wc-rt-scale: .1;--wc-letter-spacing: .01em}.wc-size-xs{--wc-font-size: .78rem}.wc-size-sm{--wc-font-size: .86rem}.wc-size-md{--wc-font-size: 1rem}.wc-size-lg{--wc-font-size: 1.2rem}.card-sorting-container .card-item .word-card .word-text{font-size:var(--wc-font-size)!important;line-height:1.1}.card-sorting-container .card-item .word-card rt{font-size:calc(var(--wc-font-size) * var(--wc-rt-scale))}.card-sorting-container .card-item .word-card rb{letter-spacing:var(--wc-letter-spacing)}.rows-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:-30px}.card-row{display:inline-grid;grid-template-columns:repeat(4,150px);grid-auto-rows:90px;gap:30px;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;overflow:hidden}.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}.image-card{padding:0}.image-card .card-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;margin:0}.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-training{padding:20px;max-width:680px;margin:0 auto;text-align:center;--wc-font-size: 6rem;--wc-rt-scale: .56;--wc-letter-spacing: .01em}.spelling-training .word-card .word-text{font-size:var(--wc-font-size)!important;padding-right:30px;line-height:1.12}.spelling-training .word-card rt{font-size:calc(var(--wc-font-size) * var(--wc-rt-scale));line-height:1}.spelling-training .word-card rb{letter-spacing:var(--wc-letter-spacing)}.word-card-big-font .word-text{font-size:var(--wc-font-size)!important}.word-card-big-font rt{font-size:calc(var(--wc-font-size) * var(--wc-rt-scale))}.word-card-big-font rb{letter-spacing:var(--wc-letter-spacing)}.segment-no-gap ruby{margin-right:0!important}.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}.meaning-training{max-width:720px;margin:0 auto;padding:0 16px 120px;--wc-font-size: 6rem;--wc-rt-scale: .56;--wc-letter-spacing: .01em}.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{--img-w: 138px;--img-h: 92px;--between-gap: 16px;--slot-cols: 10;--slot-size: 50px;--slot-gap: 4px;--line-width: calc( var(--img-w) + var(--between-gap) + (var(--slot-cols) * var(--slot-size)) + ((var(--slot-cols) - 1) * var(--slot-gap)) );padding:20px;margin:0 auto;max-width:var(--line-width);overflow-x:auto}.instruction{font-size:1.2rem;text-align:center;margin-bottom:0}.phonics-row{width:var(--line-width);margin:32px auto 0;display:flex;align-items:flex-start;gap:var(--between-gap)}.phonics-image{width:var(--img-w)!important;height:var(--img-h)!important;aspect-ratio:3 / 2;object-fit:cover!important;object-position:center center!important;display:block;background:#111;border-radius:8px;border:1px solid #333;flex:0 0 auto;overflow:hidden}.phonics-row img.phonics-image{max-width:none!important}.phonics-slots{display:flex;flex-direction:column;gap:8px;width:calc((var(--slot-cols) * var(--slot-size)) + ((var(--slot-cols) - 1) * var(--slot-gap)))}.slot-row{display:grid;grid-template-columns:repeat(var(--slot-cols),var(--slot-size));gap:var(--slot-gap)}.slot{width:calc(var(--slot-size) - 2px);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:.7rem}.slot-card .word-text{font-size:.8rem}.pool{margin-top:32px;padding:16px;background:#2a2a2a;border:2px dashed #777;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pool .slot-card{width:46px;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-image-bg{width:var(--img-w);height:var(--img-h);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;border:1px solid #333;flex:0 0 auto}@media (max-width: 760px){.phonics-sorting-container{padding-bottom:12px}}.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}.instruction{font-size:1.2rem;text-align:center;margin-bottom:60px}.split-letter-cards{display:flex;flex-direction:row;align-items:center}.split-letter-card{width:48px;height:48px;background:#181818;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 8px 20px;border-radius:4px;font-size:1.4rem;-webkit-user-select:none;user-select:none}.split-break-bar{width:0;height:42px;background:none;border:2px dashed #555;margin:0 4px 20px;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{--card-size: 360px;--seg-font-size: 1.8rem;--seg-rt-scale: .52;padding:20px;max-width:min(calc(var(--card-size) + 80px),100%);margin:0 auto;text-align:center}.one-seg-size-xs{--seg-font-size: 1.2rem}.one-seg-size-sm{--seg-font-size: 1.5rem}.one-seg-size-md{--seg-font-size: 8.8rem}.one-seg-size-lg{--seg-font-size: 2.2rem}.one-seg-size-xl{--seg-font-size: 2.8rem}.training-header{position:sticky;top:0;padding:10px 0;z-index:5;background:transparent}.training-header .progress-wrapper{margin:0!important}.segment-card-container{display:flex;justify-content:center;margin-top:28px;margin-bottom:16px}.onesegment-card-wrapper{width:320px;height:320px;font-size:10rem;background:#181818;border:2px solid #555;border-radius:12px;display:flex;align-items:center;justify-content:center;padding-left:15px;margin-bottom:12px}.onesegment-card-wrapper .word-text{font-size:var(--seg-font-size)!important;line-height:1.12}.onesegment-card-wrapper .word-card rt{font-size:calc(var(--seg-font-size) * var(--seg-rt-scale))}.onesegment-card-wrapper .word-card rb{letter-spacing:.01em}.input-container{display:flex;justify-content:center;margin:8px 0 24px}.one-segment-input{width:80%;height:30px;max-width:480px;padding:10px 12px;font-size:1rem;background-color:#000;color:#fff;border:2px solid #555;border-radius:8px;text-align:center}.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:120px;height:120px;font-size:2rem;background:#181818;border:2px solid #555;border-radius:12px;display:flex;align-items:center;justify-content:center;padding-left:10px;margin-bottom:12px;--seg-font-size: 3.8rem;--seg-rt-scale: .52}.segment-card-wrapper .word-text{font-size:var(--seg-font-size)!important;line-height:1.12}.segment-card-wrapper .word-card rt{font-size:calc(var(--seg-font-size) * var(--seg-rt-scale))}.segment-card-wrapper .word-card rb{letter-spacing:.01em}.segment-input{width:100%;max-width:120px;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}.training-header{position:sticky;top:0;padding:10px 0}.training-header .progress-wrapper{margin:0}.training-header .progress-track{height:14px}.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;border-spacing:0;text-align:left;table-layout:fixed}.word-list__th{padding:8px;border-bottom:2px solid #555;background:#333;color:#fff;font-weight:700}.word-list__table tbody tr{border-bottom:1px solid #ddd}.word-list__td{padding:8px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.word-list__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.word-list__actions .button-base{line-height:1.5;height:40px;padding:8px 16px;min-width:120px}.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}.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}.edit-word{--cell-gap: 18px;--label-gap: 6px;max-width:1280px;margin:0 auto;padding:16px 20px;--col-min: 180px;--col-max: 240px;--computed-col: calc((min(1200px, 100%) - (var(--cell-gap) * 4)) / 5);--field-w: clamp(var(--col-min), var(--computed-col), var(--col-max));--field-h: calc(var(--field-w) * .8);--input-h: calc(var(--field-h) / 3)}.edit-word__error{color:red;text-align:center}.edit-word__title{margin-bottom:4px;text-align:center}.edit-word__preview{display:grid;grid-template-columns:repeat(5,var(--field-w));gap:var(--cell-gap);justify-content:center;margin-bottom:8px;overflow-x:auto;padding-bottom:4px}.edit-word__preview-item{width:var(--field-w);display:grid;grid-template-rows:min-content var(--field-h);row-gap:var(--label-gap);justify-items:center;text-align:center;align-content:start}.edit-word__preview-label{width:100%;font-weight:700;color:#fff;text-align:center;margin:0;line-height:1.1;white-space:nowrap;align-self:start}.edit-word__preview-item>*:not(.edit-word__preview-label){align-self:center;justify-self:center}.edit-word__image{width:var(--field-w);height:var(--field-h);object-fit:cover;border:1px solid #444;border-radius:12px;cursor:pointer}.edit-word__wordcard{width:var(--field-w);height:var(--field-h);display:flex;align-items:center;justify-content:center}.edit-word__wordcard .word-text{font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.15}.edit-word__wordcard rt{font-size:.52em}.edit-word__wordcard rb{letter-spacing:.01em}.edit-word__kana-input{width:var(--field-w);height:var(--input-h);background:#000;color:#fff;border:1px solid #444;border-radius:8px;box-sizing:border-box;text-align:center;font-size:1rem;padding:0 12px;display:flex;align-items:center;justify-content:center}.edit-word__textarea{width:var(--field-w);height:var(--input-h);background:#000;color:#fff;border:1px solid #444;border-radius:8px;box-sizing:border-box;text-align:center;font-size:1rem;line-height:var(--input-h);padding:0 12px;display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.edit-word__form{margin-top:8px;display:flex;flex-direction:column;gap:8px;align-items:center}.edit-word__segment-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.edit-word__input,.edit-word__select{height:40px;background:#000;color:#fff;border:1px solid #444;border-radius:8px;box-sizing:border-box;padding:0 10px;text-align:center}.edit-word__select{min-width:160px}.edit-word__button-row{display:flex;gap:8px;align-items:center;justify-content:center}.edit-word__tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:center}.edit-word__tag{display:inline-flex;align-items:center;background:#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:#000;color:#fff;border:1px solid #444;border-radius:6px}.edit-word__submit{margin-top:8px}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.image-modal{position:relative;background:#2c2c2c;padding:20px;border-radius:12px;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}.wc--sm .word-text{font-size:clamp(.9rem,1.4vw,1rem);line-height:1.15}.wc--sm rt{font-size:.5em}.wc--sm rb{letter-spacing:.01em}.header-actions{display:flex;gap:8px;align-items:center}.input-base{width:clamp(280px,36vw,520px);padding:10px 12px;border-radius:10px;border:1px solid #333a;background:#2a2d34;color:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.table-like{--col-index: 32px;--col-name: 1.6fr;--col-color: 210px;--col-highlight: 1.4fr;--col-desc: 2fr;--col-actions: 240px;width:100%;border:1px solid #2f343b;border-radius:12px;overflow:auto;background:#23262b;max-height:70vh}.row{display:grid;grid-template-columns:var(--col-index) var(--col-name) var(--col-color) var(--col-highlight) var(--col-desc) var(--col-actions);column-gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #2f343b;min-height:54px}.row.header{position:sticky;top:0;z-index:1;background:linear-gradient(#2c3138,#2b3037);border-top:none;font-weight:800}.row:nth-child(odd):not(.header){background:#252a31}.row:hover:not(.header){background:#2b3139}.cell{min-width:0}.cell--name{font-weight:700}.cell--color{display:flex;align-items:center;gap:8px;min-width:0}.color-chip{display:inline-block;width:28px;height:18px;border-radius:6px;border:1px solid #555;box-shadow:inset 0 0 0 1px #00000026;flex:0 0 auto}.mono{opacity:.9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell--highlight,.cell--desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell--actions{display:inline-flex;gap:8px;justify-self:end;white-space:nowrap}.button-small{min-width:110px;height:40px;padding:8px 12px;font-size:.95rem}.row .cell:only-child{grid-column:2 / span 4}@media (max-width: 760px){.row,.row.header{min-width:calc(var(--col-index) + 420px + var(--col-color) + 320px + 420px + var(--col-actions))}}.row.header{justify-items:center;align-items:center}.row.header .cell{text-align:center;justify-self:center!important}.admin-section{max-width:1080px;margin:40px auto;padding:24px;background:#1e1f23;color:#fff;border-radius:14px;box-shadow:0 10px 24px #00000059}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-header h2{margin:0;font-size:1.6rem;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:980px}.form-item{display:flex;flex-direction:column;gap:6px}.form-item--full{grid-column:1 / -1}.form-label{font-weight:700;opacity:.9}.input-base,textarea.input-base{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid #333a;background:#2a2d34;color:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input-base::placeholder{color:#9aa1ab}.input-base:focus{border-color:#6ca3ff;box-shadow:0 0 0 3px #6ca3ff33;background:#2f333b}.color-field{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;width:100%}.color-field__picker{width:44px;height:32px;padding:0;border:1px solid #555;border-radius:6px;background:transparent}.color-field__hex{width:100%;min-width:0}.subrules-table{--col-index: 44px;--col-pattern: 2fr;--col-reading: 3fr;--col-double: 120px;--col-ops: 140px;border:1px solid #2f343b;border-radius:12px;background:#23262b;overflow:hidden}.subrules-table .row{display:grid;grid-template-columns:var(--col-index) var(--col-pattern) var(--col-reading) var(--col-double) var(--col-ops);column-gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #2f343b;min-height:54px}.subrules-table .row.header{position:sticky;top:0;z-index:1;background:linear-gradient(#2c3138,#2b3037);border-top:none;font-weight:800}.subrules-table .row:nth-child(odd):not(.header){background:#252a31}.subrules-table .row:hover:not(.header){background:#2b3139}.subrules-table .cell{min-width:0}.subrules-table .row.header .cell--pattern,.subrules-table .row.header .cell--reading{text-align:left}.subrules-table .row.header .cell--double{text-align:center}.subrules-table .row.header .cell--ops{text-align:right}.subrules-table .cell--double{display:inline-flex;align-items:center;gap:8px;justify-self:center}.subrules-table .cell--ops{justify-self:end;display:inline-flex;gap:8px;white-space:nowrap}.subrules-table input.input-base{width:100%}.subrules-table .add-row .cell--add{grid-column:1 / -1;padding-top:6px}.form-actions{grid-column:1 / -1;display:flex;gap:8px;margin-top:8px}@media (max-width: 760px){.subrules-table .row,.subrules-table .row.header{min-width:calc(var(--col-index) + 420px + 520px + var(--col-double) + var(--col-ops))}}.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:Zen Maru Gothic Medium;src:url(/assets/ZenMaruGothic-Medium-CSDg34F-.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:Zen Maru Gothic Medium,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}