@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Sawarabi+Mincho&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.route-wrapper{height:100%;width:100%}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{transition:opacity .35s,transform .35s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .35s,transform .35s}.slide-enter{opacity:0;transform:translateX(100vw)}.slide-enter-active{transition:opacity .4s,transform .4s cubic-bezier(.4,0,.2,1)}.slide-enter-active,.slide-exit{opacity:1;transform:translateX(0)}.slide-exit-active{opacity:0;transform:translateX(-40vw);transition:opacity .4s,transform .4s cubic-bezier(.4,0,.2,1)}.navbar-jp{background:#fff;border-bottom:3px solid #e63946;box-shadow:0 2px 8px #e639460d;font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;justify-content:space-between;padding:.5rem 2rem}.navbar-jp,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#e63946;font-size:1.5rem;font-weight:700;gap:.5rem;letter-spacing:2px}.navbar-links a,.navbar-links button{background:none;border:none;color:#22223b;cursor:pointer;font-family:inherit;font-size:1rem;margin-left:1.2rem;text-decoration:none;transition:color .2s}.navbar-links a:hover,.navbar-links button:hover{color:#e63946}.navbar-user{color:#4a4e69;font-style:italic;margin-left:1.2rem}.profile-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.profile-content{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;box-sizing:border-box;max-width:400px;padding:30px 20px;position:relative;width:100%}.profile-title{font-size:22px;margin-bottom:24px;text-align:center;word-break:break-word}.profile-close{background:none;border:none;cursor:pointer;font-size:22px;position:absolute;right:12px;top:10px}.profile-info{display:flex;flex-direction:column;gap:20px}.floating-label{position:relative;width:100%}.floating-label input{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;outline:none;padding:12px;width:100%}.floating-label label{background-color:#fff;color:#777;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{color:#333;font-size:12px;left:8px;top:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-info-row{display:flex;flex-direction:row;gap:10px;justify-content:space-between}.profile-info-row .floating-label{flex:1 1}.profile-buttons{display:flex;justify-content:space-between;margin-top:20px}.profile-buttons button{flex:1 1;margin:0 5px}.fade-modal{align-items:center;background:#0009;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.fade-content,.fade-modal{animation:fadeIn .3s ease;display:flex}.fade-content{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;flex-direction:column;gap:10px;max-width:400px;padding:20px;position:relative;width:90%}.fade-content input{border:1px solid #ccc;border-radius:6px;font-size:16px;outline:none;padding:10px}.fade-content h3{margin-bottom:10px;text-align:center}.msg{color:red;font-size:14px;text-align:center}.dashboard-container{background:linear-gradient(180deg,#fff,#ff6f91);display:flex;height:100vh}.dashboard-sidebar{border-right:1px solid #e0e0e0;box-sizing:border-box;padding:56px 16px 32px;width:38%}.dashboard-main{background:#fafbfc;box-sizing:border-box;padding:32px 24px;width:70%}.flashcard-list,.flashcard-set-list{margin-top:24px}.add-set-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:16px;padding:8px 16px;transition:background .2s}.add-set-btn:hover{background:#1565c0}body,html{height:100%;margin:0;overflow:hidden;padding:0}.home-bg-jp{background:linear-gradient(120deg,#f8edeb,#f9dcc4);font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;min-height:100vh;padding:2rem 0}.home-header-jp{align-items:center;margin:0 auto 2rem;max-width:800px}.home-header-jp h2{color:#e63946;font-weight:700;letter-spacing:1.5px}.jp-btn-main{background:#e63946;border:none;color:#fff;transition:background .2s}.jp-btn-main:hover{background:#ba1b1d}.flashcard-set-jp{align-items:flex-start;border:2px solid #e63946;box-shadow:0 4px 24px #e6394614;display:flex;flex:1 1 220px;flex-direction:column;padding:1.5rem 1.2rem}.flashcard-set-jp h3{color:#22223b;margin-bottom:.5rem}.flashcard-set-jp p{color:#4a4e69;margin-bottom:1rem}.jp-btn-link{color:#e63946;font-weight:700;text-decoration:none;transition:color .2s}.jp-btn-link:hover{color:#ba1b1d}.home-quizlet-bg{align-items:center;background:url(/static/media/background_home.59b8df9de7feb3927235.jpg) 50%/cover no-repeat;display:flex;font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;height:100vh;justify-content:center}.home-quizlet-container{background:#fff;border-radius:24px;box-shadow:0 8px 32px #3b4cca22;display:flex;height:70vh;max-width:1100px;overflow:hidden;width:90vw}.home-quizlet-left{background:#3b4cca;box-sizing:border-box;color:#fff;display:flex;flex:1.1 1;flex-direction:column;justify-content:center;padding:40px}.home-quizlet-title{font-size:2.3rem;font-weight:700;line-height:1.2;margin-bottom:16px}.home-quizlet-btn,.home-quizlet-desc{font-size:1.1rem;margin-bottom:24px}.home-quizlet-btn{background:#ffce00;border:none;border-radius:8px;box-shadow:0 2px 8px #22223b22;color:#22223b;cursor:pointer;font-weight:700;padding:.8rem 2rem;transition:background .2s,color .2s}.home-quizlet-btn:hover{background:#ffd84d;color:#3b4cca}.home-quizlet-info{display:flex;flex-wrap:wrap;font-size:.95rem;gap:12px;opacity:.92}.home-quizlet-right{align-items:center;background:#f6f7fb;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.home-quizlet-img{filter:drop-shadow(0 4px 24px #3b4cca33);margin-bottom:16px;max-width:90%;width:280px}.home-quizlet-img-desc{color:#3b4cca;font-size:1rem;font-style:italic;text-align:center}@media (max-width:900px){.home-quizlet-container{flex-direction:column;height:100vh}.home-quizlet-left,.home-quizlet-right{border-radius:0;padding:20px}.home-quizlet-img{width:200px}}.dashboard-sidebar{background:#0000;border-right:1.5px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:300px;padding-top:56px;position:relative}.flashcard-set-list-jp{grid-gap:16px;display:grid;flex-grow:1;gap:16px;margin-top:24px;max-height:calc(100vh - 220px)}.flashcard-set,.flashcard-set-list-jp{justify-content:center;overflow:hidden}.flashcard-set{background-color:#fdfdfd;border:1px solid #ccc;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;height:150px;padding:16px;position:relative;text-align:center;width:250px}.flashcard-set.selected{border:2.5px solid #3b4cca;box-shadow:0 4px 24px #3b4cca22}.set-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.set-content h3,.set-content p{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.set-menu-btn{background:none;border:none;cursor:pointer;position:absolute;right:8px;top:3px;z-index:10}.set-menu-btn:focus{outline:none}.set-menu-btn span{color:#e63946;font-size:22px;font-weight:700;letter-spacing:1px}.set-menu{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 16px #e6394633;min-width:140px;padding:4px 0;position:absolute;right:8px;top:30px;z-index:10}.set-menu-option{background:none;border:none;border-radius:6px;cursor:pointer;display:block;font-size:1rem;padding:10px 16px;text-align:left;transition:background .18s,color .18s;width:100%}.set-menu-option:hover{background:#f6f7fb;color:#22223b!important}.set-menu-option.blue{color:#3b4cca}.set-menu-option.orange{color:#ff9800}.set-menu-option.red{color:#e63946}.home-header-jp{align-items:flex-end;background-color:initial;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding-bottom:10px}.home-header-jp h2{color:#ff4d6d;font-size:19px;font-weight:1000;margin:0;position:relative;white-space:nowrap}.home-header-jp h2:after{background:linear-gradient(90deg,#ff6a88,#ff99ac);border-radius:4px;content:"";display:block;height:3px;margin-top:6px;width:50%}.back-btn{background:#fff;border:2px solid #e63946;border-radius:24px;color:#22223b;cursor:pointer;font-size:1.1rem;font-weight:700;left:18px;padding:.7rem 1.5rem;position:absolute;top:18px;transition:color .2s,border-color .2s}.back-btn:hover:not(:disabled){border-color:#ba1b1d;color:#e63946}.jp-btn-main.navbar-btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pagination{flex-wrap:wrap;gap:6px;margin-bottom:32px}.pagination button:hover:not(:disabled){background:#2ecc40;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1100px){.dashboard-3col-container{flex-direction:column;height:auto}.dashboard-col{padding:18px 6vw;width:100%}.dashboard-sidebar{border-bottom:1.5px solid #e0e0e0;border-right:none}}@media (max-width:900px){.flashcard-set-list-jp{grid-template-columns:minmax(0,350px);justify-content:center}}.modal-bg{align-items:center;background:#0000002e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-add-set{box-shadow:0 8px 32px #e6394633}.modal-add-set,.modal-add-vocab{animation:popup-fade-in .25s;background:#fff;border-radius:18px;display:flex;flex-direction:column;gap:.5rem;max-width:95vw;min-width:320px;padding:2.2rem 2.5rem 1.5rem}.modal-add-vocab{box-shadow:0 8px 32px #3b4cca33}.modal-add-vocab input[type=file]{display:none}.modal-add-vocab button[type=button]{align-items:center;background:#ffce00;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;transition:background .2s;width:32px}.modal-add-vocab button[type=button]:hover{background:#ffd84d}.jp-btn-main{background:#fff;border:2px solid #e63946;border-radius:8px;color:#e63946;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;transition:color .2s,border-color .2s}.jp-btn-main:hover:not(:disabled){background:#fff;border-color:#ba1b1d;color:#ba1b1d}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-vocab{background:#fff;border-right:1.5px solid #e0e0e0;flex:2.5 1;min-width:360px;overflow-y:hidden}.vocab-list{display:flex;flex-direction:column;gap:18px;height:100%}.vocab-item{align-items:center;background:#fff;border:1.5px solid #3b4cca33;border-radius:12px;box-shadow:0 2px 8px #3b4cca11;color:#22223b;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px 20px}.vocab-main{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.vocab-header-row{align-items:center;display:flex;gap:8px;margin-bottom:2px}.vocab-audio-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin-right:6px;padding:0}.vocab-word{color:#22223b;font-family:Sawarabi Mincho,Noto Sans JP,Arial,sans-serif;font-size:1.25rem;font-weight:700}.vocab-phonetic{font-weight:400}.vocab-note,.vocab-phonetic{color:#4a4e69;font-size:1.05rem}.vocab-note{font-style:normal;margin-top:4px}.vocab-status-controls{align-items:center;display:flex;flex-direction:row;flex-grow:1;gap:8px;justify-content:center}.vocab-status{background:#f6f7fb;border-radius:8px;color:#3b4cca;font-size:.85rem;font-weight:500;margin-left:8px;padding:2px 10px}.vocab-status.learned{background:#eafaf1;color:#2ecc40;font-weight:700}.vocab-header-row input[type=checkbox]{margin-top:0;vertical-align:middle}.vocab-img{border-radius:8px;box-shadow:0 2px 8px #0002;margin-left:18px;object-fit:cover;width:96px}.vocab-menu-btn{background:none;border:none;cursor:pointer;outline:none;padding:0}.vocab-menu{border-radius:8px;box-shadow:0 4px 16px #3b4cca33;min-width:140px;overflow:hidden;padding:4px 0;z-index:1002}.vocab-menu-option{background:none;border:none;border-radius:6px;cursor:pointer;display:block;font-size:1rem;padding:10px 16px;text-align:left;transition:background .18s,color .18s;width:100%}.vocab-menu-option:hover{background:#f6f7fb;color:#3b4cca!important}.pagination{align-items:center;display:flex;justify-content:center;margin-bottom:50px;margin-top:24px}.pagination button{background:#e63946;border:none;border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-weight:700;margin:0 5px;padding:8px 16px;transition:all .3s ease}.pagination button:hover{background:#2ecc40;transform:translateY(-2px)}.pagination button.active{background:#2ecc40;border-color:#f69cb1;box-shadow:0 4px 8px #0000004d;color:#fff}.pagination button.last-page,.pagination button.prev-page{background:#e63946}.pagination button.last-page:hover,.pagination button.prev-page:hover{background:#2ecc40}.pagination-ellipsis{align-self:center;margin:0 4px}@media (max-width:900px){.vocab-item{align-items:flex-start;flex-direction:column;padding:14px 8vw}.vocab-img{height:auto;margin-left:0;margin-top:10px;width:100%;width:200px}}@media (max-width:1100px){.dashboard-3col-container{flex-direction:column;height:auto}.dashboard-col{min-width:0;padding:18px 6vw;width:100%}.dashboard-vocab{border-bottom:1.5px solid #e0e0e0;border-right:none}}.dashboard-3col-container{background:linear-gradient(180deg,#fff,#ff6f91);display:flex;height:100vh}.dashboard-col{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:32px 18px}.dashboard-quiz{background:#f8edeb;flex:1 1;flex-direction:column;min-width:300px}.dashboard-quiz,.quiz-flashcard{align-items:center;display:flex;justify-content:center}.quiz-flashcard{background:#fff;border-radius:16px;box-shadow:0 4px 24px #3b4cca22;color:#3b4cca;cursor:pointer;font-size:1.5rem;font-weight:700;height:240px;margin:0 auto 18px;perspective:800px;position:relative;transform-style:preserve-3d;transition:box-shadow .2s;transition:transform .5s cubic-bezier(.4,.2,.2,1);-webkit-user-select:none;user-select:none;width:200px}.quiz-flashcard-inner{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.quiz-flashcard .quiz-flashcard-back,.quiz-flashcard.flipped{transform:rotateY(180deg)}.quiz-flashcard.flipped{background:#f9dcc4;color:#e63946}.quiz-back,.quiz-front{font-size:2rem;margin-bottom:8px}.quiz-note,.quiz-phonetic{color:#4a4e69;font-size:1.1rem;font-style:italic}.quiz-controls{display:flex;gap:12px;margin-top:8px}.quiz-controls button{background:#3b4cca;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1.2rem;transition:background .2s}.quiz-controls button:hover{background:#e63946}@media (max-width:1100px){.dashboard-3col-container{flex-direction:column;height:auto}.dashboard-col{min-width:0;padding:18px 6vw;width:100%}.dashboard-quiz{border-bottom:1.5px solid #e0e0e0;border-right:none}.quiz-flashcard{max-width:320px;width:90vw}}.mascot-bg-jp{background:linear-gradient(90deg,#fffbe6,#ffe066);min-height:100vh;overflow:hidden;position:relative}.mascot-bg-jp .mascot-overlay{align-items:center;display:flex;height:100vh;justify-content:flex-end;left:0;padding-right:6vw;pointer-events:none;position:absolute;top:0;width:100vw;z-index:1}.mascot-bg-jp .mascot-overlay img{background:none;border-radius:32px;filter:drop-shadow(0 12px 48px rgba(230,57,70,.22)) drop-shadow(0 2px 8px #fffbe6);max-width:769.5px;min-width:273.6px;object-fit:contain;opacity:.92;transition:opacity .3s,filter .3s;width:59.85vw}.landing-bg-jp,.mascot-bg-jp>*{position:relative;z-index:2}.landing-header-jp{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 3rem 1rem}.brand-logo-jp{align-items:center;color:#f9a825;display:flex;font-size:2rem;font-weight:700;gap:.5rem;letter-spacing:2px}.landing-btn-go{background:#43a047;border:none;border-radius:22px;box-shadow:0 4px 0 #2e7d32;color:#fff;font-size:1.1rem;font-weight:700;padding:.7rem 1.6rem;text-decoration:none;transition:background .2s,box-shadow .2s}.landing-btn-go:hover{background:#2e7d32;box-shadow:0 2px 0 #2e7d32}.landing-content-jp{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:2rem 3rem 0}.landing-left-jp{flex:1 1}.landing-left-jp h1{color:#6d4c41;font-size:2.8rem;font-weight:700;margin-bottom:1.2rem}.landing-desc-jp{color:#a67c52;font-size:1.2rem;margin-bottom:2.2rem}.landing-btn-group-jp{display:flex;flex-direction:column;gap:1.1rem;max-width:320px}.landing-btn-main{background:linear-gradient(90deg,#43a047,#66bb6a);border:none;border-radius:22px;box-shadow:0 4px 0 #388e3c;color:#fff;font-size:1.1rem;font-weight:700;padding:.9rem 0;text-align:center;text-decoration:none;transition:background .2s,box-shadow .2s}.landing-btn-main:hover{background:#388e3c;box-shadow:0 2px 0 #388e3c}.landing-btn-sub{background:#fff;border:none;border-radius:22px;box-shadow:0 2px 0 #bdbdbd;color:#43a047;font-size:1.1rem;font-weight:700;padding:.9rem 0;text-align:center;text-decoration:none;transition:background .2s,color .2s}.landing-btn-sub:hover{background:#f1f8e9;color:#388e3c}.landing-right-jp{display:flex;flex:1 1;justify-content:flex-end}.landing-mascot-jp{animation:mascot-bounce 2.2s cubic-bezier(.68,-.55,.27,1.55) infinite;background:#fffbe6;border:5px solid #fffbe6;border-radius:24px;box-shadow:0 6px 32px #e6394621;height:220px;margin-right:2rem;max-width:350px;object-fit:contain;width:220px}@keyframes mascot-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-18px) scale(1.08)}60%{transform:translateY(-8px) scale(1.04)}80%{transform:translateY(-4px) scale(1.02)}}@media (max-width:900px){.landing-content-jp{align-items:flex-start;flex-direction:column;padding:2rem 1rem 0}.landing-right-jp{justify-content:center;margin-top:2rem;width:100%}.landing-mascot-jp{margin-right:0;max-width:220px}}.jp-bg{align-items:center;background:linear-gradient(120deg,#f8edeb,#f9dcc4);display:flex;justify-content:center;min-height:100vh}.login-container-jp{background:#fff;border:2px solid #e63946;border-radius:16px;box-shadow:0 4px 24px #e6394614;font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;min-width:320px;padding:2.5rem 2rem 2rem}.login-container-jp h2{color:#e63946;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem}.login-container-jp label{color:#22223b;display:block;font-size:1rem;margin-bottom:.3rem}.login-container-jp input{border:1px solid #bfc0c0;border-radius:6px;font-family:inherit;font-size:1rem;margin-bottom:1.2rem;padding:.5rem;transition:border .2s;width:100%}.login-container-jp input:focus{border:1.5px solid #e63946;outline:none}.login-container-jp button{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:.7rem;transition:background .2s;width:100%}.login-container-jp button:hover{background:#ba1b1d}.jp-link{margin-top:1rem;text-align:center}.jp-link a{color:#4a4e69;font-size:.95rem;text-decoration:none;transition:color .2s}.jp-link a:hover{color:#e63946}.quiz-bg-jp{align-items:center;background:linear-gradient(120deg,#f8edeb,#f9dcc4);display:flex;font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;justify-content:center;min-height:100vh}.quiz-container-jp{background:#fff;border:2px solid #e63946;border-radius:18px;box-shadow:0 4px 24px #e6394614;margin:4rem auto;max-width:800px;min-width:340px;padding:2.5rem 2rem 2rem;text-align:center;width:90%}.game-frame{max-width:900px}@keyframes sparkle-out{0%{opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px #ffeb3b,0 0 30px #ffc107;opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}.dragdrop-dropzone.disappearing{animation:sparkle-out .6s forwards}.quiz-container-jp h2{color:#e63946;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;text-align:center}.decks-container{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center;min-height:300px}.flashcard-set-jp{box-sizing:border-box;width:100%}.flashcard-set-jp:only-child{grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}.pagination-jp{display:flex;justify-content:center;margin-top:20px}.pagination-jp button{border:none;border-radius:8px;cursor:pointer;font-weight:700;margin:0 5px;min-width:40px;padding:10px 15px;text-align:center;transition:background-color .3s}.pagination-jp .page-number-jp{background-color:#e63946;color:#fff}.pagination-jp .page-number-jp:hover{background-color:#2ecc40;color:#fff}.pagination-jp .last-page-jp{background-color:#e63946;color:#fff}.pagination-jp .last-page-jp:hover{background-color:#2ecc40}.pagination-jp .current-page-jp{background-color:#2ecc40;color:#fff;font-weight:700}.pagination-jp button:disabled{background-color:#ccc;color:#888;cursor:not-allowed}.flashcard-set-jp{background:#fff;border:2px solid #3b4cca;border-radius:16px;box-shadow:0 2px 8px #3b4cca11;cursor:pointer;display:inline-block;margin:10px;min-width:220px;padding:18px;vertical-align:top}.flashcard-set-jp h3{color:#3b4cca;margin-bottom:8px;white-space:nowrap}.flashcard-set-jp div{color:#4a4e69;font-size:15px;white-space:nowrap}.quiz-card-jp{margin-bottom:1.5rem}.quiz-question-jp{color:#22223b;font-size:1.3rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.quiz-options-jp{display:flex;flex-direction:column;gap:1rem}.quiz-option-btn-jp{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:700;padding:.7rem 1rem;transition:background .2s}.quiz-option-btn-jp:hover{background:#ba1b1d}.dragdrop-main{align-items:flex-start;background:#fdfdff;border:3px solid #3b4cca;border-radius:16px;display:flex;gap:24px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:24px;max-width:900px;min-height:320px;padding:20px}.dragdrop-options,.dragdrop-pairs{display:flex;flex:1 1 45%;flex-direction:column;gap:12px;max-width:45%}.dragdrop-dropzone{align-items:center;background:#fff;border:2px dashed #3b4cca;border-radius:10px;color:#3b4cca;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-height:44px;min-width:160px;position:relative;transition:border .2s,background .2s}.dragdrop-dropzone.matched{color:#222}.dragdrop-dropzone.correct,.dragdrop-dropzone.matched{background:#eafaf1;border-color:#2ecc40}.dragdrop-dropzone.wrong{animation:shake .5s;background:#fff0f0;border-color:#e63946}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.dragdrop-tick{color:#2ecc40;font-size:1.5rem;margin-left:12px}.dragdrop-front{font-family:Sawarabi Mincho,Noto Sans JP,Arial,sans-serif;font-size:1.1rem}.dragdrop-options{margin-left:0}.dragdrop-option{background:#f6f7fb;border:2px solid #3b4cca;border-radius:10px;color:#3b4cca;cursor:grab;font-size:1rem;font-weight:700;padding:10px 24px;transition:background .18s,border .18s;-webkit-user-select:none;user-select:none}.dragdrop-option:active{background:#e63946;border:2px solid #e63946;color:#fff}.quiz-finish-jp{margin-top:48px;text-align:center}.quiz-finish-jp h3{color:#2ecc40;font-size:2rem;margin-bottom:12px}.incorrect-words-container{border:1px solid #ccc;border-radius:5px;margin-top:20px;max-height:200px;overflow-y:auto;padding:10px;text-align:left}.incorrect-words-container h4{color:#e63946;margin-bottom:10px}.incorrect-words-container ul{list-style:none;padding:0}.incorrect-words-container li{background:#fdecec;border-radius:5px;margin-bottom:5px;padding:8px}.finish-buttons{margin-top:20px}.jp-btn-main.review-btn{background-color:#ffc107;margin-right:10px}.jp-btn-main.exit-btn{background-color:#6c757d}.confirm-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-modal{background:#fff;border-radius:10px;padding:20px;text-align:center}.confirm-modal-buttons button{border:none;border-radius:5px;cursor:pointer;margin:0 10px;padding:10px 20px}@media (max-width:768px){.dragdrop-main{align-items:stretch;flex-direction:column;gap:24px}.dragdrop-options,.dragdrop-pairs{max-width:100%}.dragdrop-options{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}}.quiz-user-container{margin:2rem auto;max-width:800px;padding:0 1rem;text-align:center}.quiz-user-container h1{color:#4a4e69;font-family:Noto Sans JP,sans-serif;font-size:2rem;margin-bottom:2rem}.user-list{display:flex;flex-direction:column;gap:1rem}.user-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:1rem;transition:transform .2s}.user-card:hover{transform:translateY(-4px)}.user-info h3{color:#22223b;font-size:1.25rem;margin:0}.user-info p{color:#4a4e69;margin:.5rem 0 0}.view-details-btn{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background .2s}.view-details-btn:hover{background:#d00000}.error-message{color:#e63946;font-size:1rem;margin-bottom:1rem}.register-container-jp{background:#fff;border:2px solid #22223b;border-radius:16px;box-shadow:0 4px 24px #22223b14;font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;min-width:320px;padding:2.5rem 2rem 2rem}.register-container-jp h2{color:#22223b;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem}.register-container-jp label{color:#22223b;display:block;font-size:1rem;margin-bottom:.3rem}.register-container-jp input{border:1px solid #bfc0c0;border-radius:6px;font-family:inherit;font-size:1rem;margin-bottom:1.2rem;padding:.5rem;transition:border .2s;width:100%}.register-container-jp input:focus{border:1.5px solid #22223b;outline:none}.register-container-jp button{background:#22223b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:.7rem;transition:background .2s;width:100%}.register-container-jp button:hover{background:#4a4e69}.setdetail-bg-jp{background:linear-gradient(120deg,#f8edeb,#f9dcc4);font-family:Noto Sans JP,Sawarabi Mincho,Arial,sans-serif;min-height:100vh;padding:2rem 0}.setdetail-header-jp{align-items:center;display:flex;justify-content:space-between;margin:0 auto 2rem;max-width:800px}.setdetail-header-jp h2{color:#e63946;font-weight:700;letter-spacing:2px}.word-list-jp{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 auto;max-width:900px}.word-card-jp{align-items:flex-start;background:#fff;border:2px solid #4a4e69;border-radius:14px;box-shadow:0 2px 12px #4a4e6914;display:flex;flex:1 1 180px;flex-direction:column;min-width:180px;padding:1rem 1.2rem;position:relative;transition:background .2s,border .2s}.word-card-jp.learned{background:#f9dcc4;border:2px solid #e63946}.word-front{color:#22223b;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.word-back{color:#4a4e69;margin-bottom:.8rem}.jp-btn-learned{background:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:.4rem 1rem;transition:background .2s}.word-card-jp.learned .jp-btn-learned{background:#4a4e69}.jp-btn-learned:hover{background:#ba1b1d}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0edd3481.css.map*/