body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav-menu-wrapper{flex:1 1;justify-content:space-between;margin-left:2rem}.nav-menu,.nav-menu-wrapper{align-items:center;display:flex}.nav-menu{flex-wrap:wrap;gap:.75rem;list-style:none}.nav-item{margin:0}.nav-link{border-radius:6px;color:#fff;font-size:.95rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.nav-link:hover{background-color:#ffffff26}.nav-user{align-items:center;display:flex;gap:.75rem;margin-left:auto}.nav-user-name{color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap}.nav-logout{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.4rem .85rem;transition:background-color .2s ease}.nav-logout:hover{background:#ffffff59}.hamburger-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;cursor:pointer;display:none;flex-direction:column;height:38px;justify-content:space-around;padding:8px;transition:all .25s ease;width:38px;z-index:1002}.hamburger-btn:hover{background:#ffffff40}.hamburger-line{background:#fff;border-radius:2px;height:2.5px;transform-origin:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.hamburger-btn.is-open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-correct{background:#28a745;color:#fff}.btn-correct:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-incorrect{background:#dc3545;color:#fff}.btn-incorrect:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}@media (max-width:768px){.navbar{padding:.75rem 0;position:relative;z-index:1000}.nav-container{align-items:center;flex-direction:row;justify-content:space-between;padding:0 1.25rem}.hamburger-btn{display:flex}.nav-menu-wrapper{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-top:1px solid #ffffff2e;box-shadow:0 14px 30px #00000059;display:none;flex-direction:column;gap:.5rem;left:0;margin-left:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:1.25rem 1.25rem 1.75rem;position:absolute;right:0;top:100%;z-index:1001}.nav-menu-wrapper.is-open{animation:slideDownNav .25s cubic-bezier(.16,1,.3,1) forwards;display:flex}.nav-menu{align-items:stretch;flex-direction:column;gap:.4rem;margin:0;padding:0}.nav-item,.nav-link,.nav-menu{width:100%}.nav-link{background:#ffffff14;border-radius:8px;display:block;font-size:1.05rem;padding:.75rem 1rem;text-align:left;transition:background-color .15s ease}.nav-link:active,.nav-link:hover{background-color:#ffffff38}.nav-user{align-items:stretch;border-top:1px solid #ffffff2e;flex-direction:column;gap:.6rem;margin-left:0;margin-top:.75rem;padding-top:1rem;width:100%}.nav-user-name{color:#e0e7ff;font-size:.95rem;font-weight:500;padding:.25rem 0;text-align:center}.nav-logout{background:#ef44444d;border:1px solid #ef444466;border-radius:8px;font-size:1rem;padding:.75rem 1rem;text-align:center;width:100%}.nav-logout:hover{background:#ef444480}.main-content{padding:1rem}.btn{font-size:.875rem;padding:.5rem 1rem}}@keyframes slideDownNav{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.predicting-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.predicting-content,.predicting-overlay{align-items:center;border-radius:12px;display:flex}.predicting-content{background:#fff;box-shadow:0 4px 15px #0000001a;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.predicting-content p{color:#764ba2;font-size:1.2rem;font-weight:700;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#764ba2;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.answer-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.answer-btn{font-size:1.1rem!important;padding:1rem!important;text-align:center;width:100%}.time-select{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;outline:none;padding:.4rem .8rem;transition:border-color .3s ease}.time-select:focus{border-color:#764ba2}.remaining-time{background:#fff0f0;border:1px solid #fcc;border-radius:8px;padding:.4rem .8rem}.quiz-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2rem;position:relative}.quiz-container.error,.quiz-container.loading{padding:4rem 2rem;text-align:center}.quiz-header{margin-bottom:2rem;text-align:center}.quiz-header h2{color:#333;font-size:2rem;margin-bottom:1rem}.progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem}.score{color:#666;font-size:1.1rem}.quiz-card{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.word-section{margin-bottom:2rem;text-align:center}.word{font-size:2.5rem}.meaning,.word{color:#333;font-weight:700;margin-bottom:1rem}.meaning{font-size:2rem}.answer-section{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.answer-section .meaning,.answer-section .word{color:#28a745;font-size:1.5rem;margin-bottom:1rem}.example{color:#666;font-size:1.1rem;font-style:italic;margin-top:.5rem}.example-loading{color:#6c757d;font-size:.95rem;margin-top:.5rem}.example-sentences{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem}.example-sentences h4{color:#333;font-size:1rem;margin:0 0 .5rem}.example-sentences ul{list-style:none;margin:0;padding:0}.example-sentences li{border-bottom:1px solid #f1f3f5;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.example-sentences li:last-child{border-bottom:none}.example-sentences .example{margin-top:0}.example-translation{color:#6c757d;font-size:.95rem}.quiz-actions{text-align:center}.answer-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.answer-buttons button{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.answer-buttons button:hover{background:#f8f9ff;border-color:#667eea}.answer-buttons button.btn-primary{background:#667eea;border-color:#667eea;color:#fff}.answer-buttons button.btn-primary:hover{background:#5a6fd8}.answer-buttons button:disabled{cursor:not-allowed;opacity:.6}.answer-buttons button:disabled:hover{background:#fff;border-color:#ddd}.typing-section{margin-top:2rem}.typing-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.typing-input{border:2px solid #ddd;border-radius:8px;font-size:1.1rem;min-width:250px;padding:1rem;transition:border-color .3s ease}.typing-input:focus{border-color:#667eea;outline:none}.result-section{margin-top:2rem;text-align:center}.result{border-radius:8px;font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding:1rem}.result.correct{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.result.incorrect{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.correct-answer{color:#28a745;font-size:3.2rem;margin-bottom:.5rem}.user-answer{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}.score-summary{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:2rem;text-align:center}.score-summary p{color:#333;font-size:1.2rem;margin-bottom:.5rem}@media (max-width:768px){.quiz-container{margin:1rem;padding:1rem}.quiz-card{padding:1.5rem}.word{font-size:2rem}.meaning{font-size:1.5rem}.answer-buttons,.typing-form{align-items:center;flex-direction:column}.typing-input{min-width:200px}}@media (max-width:480px){.quiz-container{margin:.5rem;padding:.5rem}.quiz-card{padding:1rem}.word{font-size:1.5rem}.meaning{font-size:1.2rem}}.active-list-badge{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:9999px;color:#5b21b6;display:inline-flex;font-size:.88rem;gap:.35rem;margin:.5rem auto 1rem;padding:.35rem .85rem}.active-list-badge strong{color:#4338ca}.meaning-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.meaning-container .meaning,.meaning-container .word{margin-bottom:0!important}.btn-word-status{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.35rem;padding:.4rem .85rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-word-status.is-enabled{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.btn-word-status.is-enabled:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.btn-word-status.is-disabled{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-word-status.is-disabled:hover{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.settings-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.settings-container.loading{padding:4rem 2rem;text-align:center}.settings-container h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.settings-section{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.settings-section h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.setting-item{margin-bottom:1.5rem}.setting-hint{background:#f1f5f9;border-left:3px solid #6366f1;border-radius:6px;color:#475569;font-size:.88rem;line-height:1.5;margin-top:.6rem;padding:.5rem .75rem}.setting-item label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.setting-select{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.setting-select:focus{border-color:#667eea;outline:none}.setting-input{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.setting-input:focus{border-color:#667eea;outline:none}.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.radio-group input[type=radio]{accent-color:#667eea;height:1rem;width:1rem}.save-btn{margin-top:1rem}.settings-info{background:#e9ecef;border-radius:12px;padding:2rem}.settings-info h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.settings-info ul{list-style:none;padding:0}.settings-info li{border-bottom:1px solid #dee2e6;color:#555;padding:.5rem 0}.settings-info li:last-child{border-bottom:none}.settings-info strong{color:#333;font-weight:600}@media (max-width:768px){.settings-container{margin:1rem;padding:1rem}.settings-info,.settings-section{padding:1.5rem}}@media (max-width:480px){.settings-container{margin:.5rem;padding:.5rem}.settings-info,.settings-section{padding:1rem}}.stats-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.stats-container.error,.stats-container.loading{padding:4rem 2rem;text-align:center}.stats-container h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.stats-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:2rem}.stats-card h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.stat-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.75rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#555;font-weight:500}.stat-value{color:#333;font-size:1.1rem;font-weight:700}.stats-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sort-controls{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.sort-controls label{color:#333;font-weight:600}.sort-controls select{background:#fff;border:1px solid #ced4da;border-radius:6px;padding:.5rem .75rem}.sort-preview{margin-bottom:2rem}.sort-note{color:#666;font-size:.9rem;margin-top:0}.syllable-tag{color:#666;font-weight:400;margin-left:.5rem}.stats-section{background:#f8f9fa;border-radius:12px;padding:2rem}.stats-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.word-list{display:flex;flex-direction:column;gap:.5rem}.word-stat-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.word-text{color:#333;font-weight:500}.word-count,.word-date{color:#667eea;font-size:.9rem;font-weight:700}@media (max-width:768px){.stats-container{margin:1rem;padding:1rem}.stats-details,.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stats-card,.stats-section{padding:1.5rem}}@media (max-width:480px){.stats-container{margin:.5rem;padding:.5rem}.stats-card,.stats-section{padding:1rem}.stat-item,.word-stat-item{align-items:flex-start;flex-direction:column;gap:.25rem}}.admin-page{width:100%}.admin-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.admin-container.error,.admin-container.loading{padding:4rem 2rem;text-align:center}.admin-container h2{color:#333;font-size:2rem}.admin-container h2,.message{margin-bottom:2rem;text-align:center}.message{border-radius:8px;font-weight:500;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.print-summary{background:#eef3ff;border:1px solid #c9d8ff;border-radius:10px;color:#334155;padding:1rem 1.25rem}.print-options,.print-summary{margin-bottom:2rem}.print-options label{align-items:center;color:#334155;display:inline-flex;gap:.5rem}.add-word-form{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.add-word-form h3{color:#333;font-size:1.5rem}.add-word-form h3,.form-group{margin-bottom:1.5rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=text]{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus{border-color:#667eea;outline:none}.form-group input[type=checkbox]{margin-right:.5rem}.checkbox-group label{align-items:center;display:inline-flex}.csv-import{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.csv-import h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.csv-import input[type=file]{margin-bottom:1rem;padding:.5rem}.words-table{overflow-x:auto}.words-table h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.words-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.words-table th{background:#667eea;color:#fff;font-weight:600;padding:1rem;text-align:left}.words-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:middle}.words-table tr:last-child td{border-bottom:none}.words-table tr:hover{background:#f8f9fa}.words-table input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.words-table input[type=text]:focus{border-color:#667eea;outline:none}.examples-row td{background:#f8f9fa}.examples-panel h4{color:#333;font-size:1.1rem;margin:0 0 .75rem}.examples-empty{color:#6c757d;font-size:.9rem}.examples-empty,.examples-list{margin:0 0 .75rem}.examples-list li{border-bottom:1px solid #dee2e6;padding:.5rem 0}.examples-list li:last-child{border-bottom:none}.example-view{align-items:center;display:flex;gap:1rem;justify-content:space-between}.example-text{display:flex;flex-direction:column;gap:.25rem}.example-english{color:#333}.example-japanese{color:#6c757d;font-size:.9rem}.example-buttons{display:flex;flex-shrink:0;gap:.5rem}.example-add,.example-edit{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.example-add input[type=text],.example-edit input[type=text]{flex:1 1 240px}.print-sheet{display:none}@media (max-width:1024px){.admin-container{margin:1rem;padding:1rem}.words-table{font-size:.9rem}.words-table td,.words-table th{padding:.75rem .5rem}}@media (max-width:768px){.admin-actions{flex-direction:column}.add-word-form,.csv-import{padding:1.5rem}.words-table{font-size:.8rem}.words-table td,.words-table th{padding:.5rem .25rem}.words-table input[type=text]{font-size:.8rem;padding:.25rem}.print-summary{font-size:.95rem}}@media (max-width:480px){.admin-container{margin:.5rem;padding:.5rem}.add-word-form,.csv-import{padding:1rem}.words-table{font-size:.7rem}.words-table td,.words-table th{padding:.25rem .125rem}.words-table input[type=text]{font-size:.7rem;padding:.125rem}}@media print{@page{size:A3 landscape;margin:10mm}body{background:#fff}.admin-container,.main-content>:not(.admin-page),.navbar{display:none!important}.main-content{margin:0;padding:0}.admin-page,.print-sheet{display:block;width:100%}.print-sheet{color:#111827;font-family:Times New Roman,serif}.print-sheet-header{align-items:baseline;border-bottom:1px solid #94a3b8;display:flex;justify-content:space-between;margin-bottom:8mm;padding-bottom:3mm}.print-sheet-header h1{font-size:20pt;letter-spacing:.04em;margin:0}.print-sheet-header p{font-size:11pt;margin:0}.print-word-grid{column-count:6;column-gap:6mm}.print-word-item{break-inside:avoid;display:block;margin-bottom:1.8mm;page-break-inside:avoid;word-break:break-word}.print-word-english{display:block;font-size:10.5pt;font-weight:700;line-height:1.12}.print-word-japanese{color:#475569;display:block;font-size:8.6pt;line-height:1.08}.print-word-japanese.is-blank{border-bottom:.5pt solid #94a3b8;min-height:1.45em}}.batch-action-bar{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.batch-action-bar select{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;padding:.4rem .75rem}.list-modal-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.list-modal-card h3{color:#1e293b;font-size:1.2rem;margin-bottom:.75rem;margin-top:0}.list-select-sm{background:#fff;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;max-width:130px;padding:.35rem .5rem}.table-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.table-header-row h3{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.word-count-badge{color:#64748b;font-size:.9rem;font-weight:500}.word-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.toggle-switch-container{align-items:center;color:#334155;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.6rem;-webkit-user-select:none;user-select:none}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.25s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.25s;width:18px}.toggle-switch input:checked+.slider{background-color:#4f46e5}.toggle-switch input:focus+.slider{box-shadow:0 0 0 2px #4f46e540}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.toggle-label-text{color:#1e293b;font-size:.95rem;font-weight:600}.sub-filter-checkbox{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.3rem .65rem;transition:background .15s}.sub-filter-checkbox:hover{background:#e2e8f0}.sub-filter-checkbox input{cursor:pointer}.word-english-cell{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem}.words-table tr.word-row-disabled{background-color:#faf5f5;color:#94a3b8}.words-table tr.word-row-disabled:hover{background-color:#f5e8e8}.words-table tr.word-row-disabled td{color:#64748b}.badge-disabled{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#b91c1c;display:inline-block;font-size:.72rem;font-weight:600;line-height:1.2;padding:.1rem .4rem}.mu-container{display:flex;flex-direction:column;gap:1rem}.mu-muted{color:#555}.mu-error{color:#b02a37;font-weight:600}.mu-inputs{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto}.mu-inputs label{display:flex;flex-direction:column;font-weight:600;gap:.4rem}.mu-inputs input{border:1px solid #d0d4db;border-radius:6px;font-size:1rem;padding:.65rem .75rem}.mu-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.mu-list{border-top:1px solid #eceff3;margin-top:.5rem}.mu-list-item{grid-gap:.75rem;border-bottom:1px solid #f1f3f6;display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:60px 1fr auto;padding:.5rem 0}@media (max-width:900px){.mu-grid,.mu-inputs{grid-template-columns:1fr}}.examples-list{list-style:none;margin:1.5rem 0;padding:0}.example-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.example-text{flex:1 1}.example-english{color:#222;font-weight:600;margin-bottom:.25rem}.example-japanese{color:#555;font-size:.95rem}.example-actions{display:flex;flex-shrink:0;gap:.5rem}.example-form{border-top:1px solid #ddd;margin-top:2rem;padding-top:1.5rem}.example-form h3{color:#333;margin-bottom:1rem}.btn-small{font-size:.85rem;padding:.4rem .8rem}.btn-danger{background:#e55039}.btn-danger:hover{background:#c44536}.word-lists-container{margin:0 auto;max-width:1000px;padding:2rem 1.5rem}.word-lists-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.word-lists-header h2{color:#1a202c;font-size:1.8rem;margin:0}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:6px;box-shadow:0 2px 4px #4f46e533;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #4f46e54d;opacity:.95;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;padding:1.5rem}.form-card h3{color:#1e293b;margin-bottom:1rem;margin-top:0}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{color:#334155;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;padding:.65rem .85rem}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.word-lists-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.word-lists-table{border-collapse:collapse;text-align:left;width:100%}.word-lists-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.85rem;font-weight:600;padding:.85rem 1rem}.word-lists-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.95rem;padding:.85rem 1rem}.word-lists-table tr:hover td{background:#f8fafc}.list-badge{background:#e0e7ff;border-radius:9999px;color:#4338ca;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.action-cell{align-items:center;display:flex;gap:.5rem}.search-box{border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;margin-bottom:1rem;max-width:400px;padding:.65rem 1rem;width:100%}.search-box:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.detail-banner{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.detail-info h3{color:#0f172a;font-size:1.4rem;margin:0 0 .5rem}.detail-info p{color:#64748b;font-size:.95rem;margin:0}.empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.msg-banner{border-radius:6px;font-size:.95rem;margin-bottom:1.25rem;padding:.75rem 1rem}.msg-banner.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.msg-banner.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.scroll-table{border:1px solid #e2e8f0;border-radius:6px;max-height:400px;overflow-y:auto}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-card h2{color:#333;margin-bottom:.5rem}.login-card p{color:#666;margin-bottom:1.5rem}.login-form{gap:1rem}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{color:#333;font-size:.9rem;gap:.25rem}.login-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.login-form input:focus{border-color:#667eea;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:opacity .2s}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{background:#ffebee;color:#d32f2f}.login-error,.login-info{border-radius:4px;font-size:.9rem;padding:.75rem}.login-info{background:#e8f5e9;color:#2e7d32}.login-actions{display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.login-secondary-button{background:#0000;border:1px solid #667eea;border-radius:4px;color:#667eea;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s}.login-secondary-button:hover:not(:disabled){background:#f0f3ff}.login-secondary-button:disabled{cursor:not-allowed;opacity:.5}.login-divider{align-items:center;color:#888;display:flex;font-size:.85rem;margin:1.25rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.login-divider:not(:empty):before{margin-right:.75em}.login-divider:not(:empty):after{margin-left:.75em}.google-btn-wrapper{display:flex;justify-content:center;min-height:44px;width:100%}
/*# sourceMappingURL=main.300514e9.css.map*/