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}.layout{display:flex;height:100vh}.sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;padding:20px;width:250px}.sidebar h2{font-size:20px;margin-bottom:30px;margin-top:0}.sidebar nav ul{list-style:none;margin:0;padding:0}.sidebar nav li{margin-bottom:10px}.sidebar nav a{border-radius:4px;color:#fff;display:block;padding:10px;text-decoration:none;transition:background-color .2s}.sidebar nav a:hover{background-color:#34495e}.expandable-item{margin-bottom:0!important}.expandable-header{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.expandable-header:hover{background-color:#34495e}.expandable-header .arrow{font-size:12px;transition:transform .2s}.expandable-header .arrow.expanded{transform:rotate(90deg)}.submenu{list-style:none;margin:5px 0 0;padding:0 0 0 15px}.submenu li{margin-bottom:5px}.submenu a{font-size:14px;padding:8px 10px}.user-section{border-top:1px solid #34495e;margin-top:auto;padding-top:20px}.user-info{margin-bottom:10px}.username{color:#ecf0f1;font-size:14px;font-weight:500}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px;transition:background-color .2s;width:100%}.logout-button:hover{background-color:#c0392b}.content{flex:1 1;overflow-y:auto;padding:30px}.kanji-page{margin:0 auto;max-width:1400px}.kanji-page h1{color:#2c3e50;margin-bottom:30px;margin-top:0}.search-bar{gap:15px}.search-bar input{border-radius:6px;padding:12px 16px}.error,.loading{padding:40px}.table-container{border-radius:8px;box-shadow:0 2px 4px #0000001a}.kanji-table{border-collapse:collapse;font-size:14px;width:100%}.kanji-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.kanji-table th{color:#495057;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.kanji-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.kanji-table tbody tr:hover{background-color:#f8f9fa}.kanji-table td{padding:12px 16px}.kanji-character{font-size:24px;text-align:center;width:80px}.meanings{color:#2c3e50;max-width:400px}.readings{color:#555;font-family:Hiragino Sans,Meiryo,sans-serif}.frequency{color:#666;font-weight:500;text-align:center;width:100px}.pagination{flex-wrap:wrap;gap:8px;margin-top:30px}.pagination button{background:#fff;font-size:14px;min-width:40px;padding:8px 14px}.pagination button:hover:not(:disabled){background-color:#f0f0f0}.pagination button.active{background-color:#3498db;border-color:#3498db;font-weight:700}.pagination span{color:#999;padding:8px 4px}.page-info{color:#666;margin-top:15px}@media (max-width:768px){.kanji-page{padding:0 10px}.kanji-table{font-size:12px}.kanji-table td,.kanji-table th{padding:8px 10px}.kanji-character{font-size:20px;width:60px}.meanings{max-width:200px}.pagination button{font-size:12px;min-width:32px;padding:6px 10px}}.kanji-draw-page{margin:0 auto;max-width:1200px;padding:2rem}.kanji-draw-page h1{color:#333;margin-bottom:.5rem}.subtitle{font-size:1.1rem;margin-bottom:2rem}.draw-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.canvas-wrapper{background:#f5f5f5;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:0 0 auto;padding:1rem}.controls-panel{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-width:280px}.control-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.control-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.slider{background:#ddd;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.slider::-webkit-slider-thumb:hover{background:#45a049;transform:scale(1.2)}.slider::-moz-range-thumb{background:#4caf50;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.slider::-moz-range-thumb:hover{background:#45a049;transform:scale(1.2)}.color-picker-wrapper{align-items:center;display:flex;gap:1rem}.color-picker{border:2px solid #ddd;border-radius:4px;cursor:pointer;height:40px;transition:border-color .2s;width:60px}.color-picker:hover{border-color:#999}.color-value{color:#666;font-family:monospace;font-size:.9rem}.button-group{display:flex;flex-wrap:wrap;gap:.5rem}.control-button{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:80px;padding:.7rem 1rem;transition:all .2s}.control-button:hover{background:#f5f5f5;border-color:#999}.control-button:active{transform:scale(.98)}.clear-button{border-color:#ff6b6b;color:#ff6b6b}.clear-button:hover{background:#fff5f5;border-color:#ff5252}.search-button{background:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.search-button:hover:not(:disabled){background:#45a049;box-shadow:0 4px 8px #4caf5066;transform:translateY(-1px)}.search-button:active:not(:disabled){box-shadow:0 2px 4px #4caf504d;transform:translateY(0)}.search-button:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.help-text{color:#666;font-size:.9rem;line-height:1.5;margin-top:1rem}.tips ul{color:#666;margin:0;padding-left:1.5rem}.tips li{line-height:1.5;margin-bottom:.5rem}.tips li:last-child{margin-bottom:0}.results-section{background:#f9f9f9;border:1px solid #e0e0e0;padding:2rem}.results-section h2{margin:0 0 1rem}.placeholder-text{color:#999;font-style:italic}.error-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;font-size:.9rem;margin-top:1rem;padding:.75rem}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.result-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s}.result-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-kanji{color:#333;font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.result-confidence{color:#666;font-size:.85rem;font-weight:500;margin-bottom:1rem}.result-details{border-top:1px solid #e0e0e0;padding-top:1rem;text-align:left}.result-meanings{color:#333;font-weight:500;line-height:1.4;margin-bottom:.75rem}.result-readings{color:#666;font-size:.9rem;margin-bottom:.5rem}.result-readings>div{margin-bottom:.25rem}.result-strokes{color:#999;font-size:.85rem;margin-top:.5rem}@media (max-width:900px){.draw-container{flex-direction:column}.canvas-wrapper{align-self:center}}@media (max-width:500px){.kanji-draw-page{padding:1rem}.canvas-wrapper{padding:.5rem}.button-group{flex-direction:column}.control-button{width:100%}}.words-page{margin:0 auto;max-width:1400px}.words-page h1{color:#2c3e50;margin-bottom:30px;margin-top:0}.search-bar{align-items:center;display:flex;gap:20px;margin-bottom:20px}.search-bar input{border:2px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:12px;transition:border-color .2s}.search-bar input:focus{border-color:#3498db;outline:none}.search-results{color:#666;font-size:14px;white-space:nowrap}.table-container{background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;overflow-x:auto}.words-table{border-collapse:collapse;width:100%}.words-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.words-table th{border-bottom:2px solid #ddd;color:#2c3e50;font-weight:600;padding:12px;text-align:left}.words-table td{border-bottom:1px solid #eee;padding:12px;vertical-align:top}.words-table tbody tr{transition:background-color .2s}.words-table tbody tr:hover{background-color:#f8f9fa}.words-table tbody tr.common-word{background-color:#fff9e6}.words-table tbody tr.common-word:hover{background-color:#fff3cc}.word-kanji{font-size:20px;font-weight:500;min-width:150px}.word-reading{color:#e74c3c;font-size:16px;min-width:150px}.word-meaning{color:#2c3e50;max-width:500px;min-width:300px}.word-pos{color:#7f8c8d;font-size:14px;font-style:italic;min-width:120px}.pagination{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:20px}.pagination button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;cursor:pointer;padding:8px 12px;transition:all .2s}.pagination button:hover:not(:disabled){background-color:#3498db;border-color:#3498db;color:#fff}.pagination button.active{background-color:#2c3e50;border-color:#2c3e50;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#7f8c8d;padding:8px}.page-info{color:#7f8c8d;font-size:14px;text-align:center}.error,.loading{font-size:18px;padding:50px;text-align:center}.error{color:#e74c3c}.loading{color:#3498db}@media (max-width:768px){.search-bar{align-items:stretch;flex-direction:column}.search-results{text-align:center}.words-table{font-size:14px}.word-kanji{font-size:18px;min-width:100px}.word-reading{font-size:14px;min-width:100px}.word-meaning{min-width:200px}}.resources-page{margin:0 auto;max-width:1200px}.resources-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.resources-header h1{color:#2c3e50;margin:0}.add-resource-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.add-resource-btn:hover{background-color:#5568d3}.add-resource-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.add-resource-form h2{color:#2c3e50;margin-bottom:20px;margin-top:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.submit-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background-color .2s}.submit-btn:hover{background-color:#5568d3}.image-preview{border:2px solid #ddd;border-radius:4px;margin-top:10px;max-width:300px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.empty-state{color:#7f8c8d}.empty-state p{font-size:18px}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s}.resource-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.resource-image{background-color:#f5f5f5;border-radius:8px 8px 0 0;height:200px;margin:-20px -20px 16px;overflow:hidden;width:calc(100% + 40px)}.resource-image img{height:100%;object-fit:cover;width:100%}.resource-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.resource-header h3{color:#2c3e50;flex:1 1;margin:0}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-size:28px;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:28px}.delete-btn:hover{background-color:#fee}.resource-meta{display:flex;gap:10px;margin-bottom:12px}.resource-type{background-color:#ecf0f1;color:#2c3e50}.resource-status,.resource-type{border-radius:4px;display:inline-block;font-size:13px;font-weight:500;padding:4px 12px}.status-not-started{background-color:#e8f5e9;color:#2e7d32}.status-in-progress{background-color:#e3f2fd;color:#1565c0}.status-completed{background-color:#f3e5f5;color:#6a1b9a}.status-on-hold{background-color:#fff3e0;color:#e65100}.status-dropped{background-color:#ffebee;color:#c62828}.resource-description{color:#5f6368;font-size:14px;line-height:1.5;margin-bottom:12px}.resource-footer{display:flex;flex-direction:column;gap:8px}.difficulty-badge{background-color:#fff3cd;border-radius:3px;color:#856404;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.resource-tags{flex-wrap:wrap;gap:6px}.tag{background-color:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:12px;padding:3px 10px}@media (max-width:768px){.resources-header{align-items:flex-start;flex-direction:column;gap:15px}.form-row,.resources-grid{grid-template-columns:1fr}}.resource-detail-page{margin:0 auto;max-width:1200px;padding:20px}.back-button{background-color:#ecf0f1;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background-color:#d5d8dc}.training-banners{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:20px 0 30px}.training-banner{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:20px;transition:all .2s ease}.training-banner:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.training-banner.speech-banner:hover{border-color:#e74c3c}.training-banner-content{align-items:center;display:flex;gap:20px}.training-icon{font-size:40px}.training-text{flex:1 1}.training-text h2{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 6px}.training-text p{color:#7f8c8d;font-size:14px;margin:0}.training-cta{align-items:center;background:#667eea;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.training-banner:hover .training-cta{background:#5568d3}.training-banner.speech-banner .training-cta{background:#e74c3c}.training-banner.speech-banner:hover .training-cta{background:#c0392b}.training-cta .arrow{font-size:16px;transition:transform .2s}.training-banner:hover .training-cta .arrow{transform:translateX(4px)}.resource-header-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.resource-header-image{border-radius:8px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.resource-title{color:#2c3e50;flex:1 1;font-size:28px;margin:0}.resource-tags{align-items:center;display:flex;flex-direction:row;gap:8px}.resource-tag{border-radius:20px;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.type-tag{background-color:#667eea;color:#fff}.status-tag{background-color:#48bb78;color:#fff}.difficulty-tag{background-color:#ed8936;color:#fff}.resource-info{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background-color:#f8f9fa;border-radius:4px;padding:10px}.info-item.full-width{grid-column:1/-1}.info-item strong{color:#2c3e50;margin-right:8px}.vocabulary-section{box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.tabs-container{border-bottom:2px solid #ecf0f1;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-button:hover{background-color:#f8f9fa;color:#2c3e50}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.section-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h2{color:#2c3e50;margin:0}.add-vocab-button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.add-vocab-button:hover{background-color:#5568d3}.search-panel{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.search-label{color:#2c3e50;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.custom-word-form{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.custom-inputs{align-items:center;display:flex;gap:10px}.custom-input{border:2px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.custom-input:focus{border-color:#667eea;outline:none}.search-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.mode-button{background-color:#fff;border:2px solid #ddd;border-radius:4px;color:#666;font-size:13px;font-weight:500;padding:6px 12px}.mode-button:hover{background-color:#f0f0f0;border-color:#999}.mode-button.active{background-color:#667eea}.mode-button.active:hover{background-color:#5568d3;border-color:#5568d3}.search-input-group{display:flex;gap:10px;margin-bottom:15px}.search-input-group input{border:2px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.search-loading{color:#667eea;font-size:14px;font-style:italic;padding:10px 16px;white-space:nowrap}.search-results{margin-top:10px;max-height:400px;overflow-x:hidden;overflow-y:auto}.search-result-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.result-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.kanji-literal{color:#2c3e50;font-size:24px;font-weight:700;margin-right:15px}.kanji-meanings{color:#34495e;font-size:14px}.kanji-readings{color:#7f8c8d;font-size:13px}.word-forms{align-items:center;display:flex;gap:10px;margin-bottom:4px}.kanji-forms{color:#2c3e50;font-size:18px;font-weight:700}.readings{color:#667eea;font-size:14px}.glosses{color:#5f6368;font-size:13px}.result-actions{align-items:center;gap:10px}.frequency-input{border:2px solid #ddd;border-radius:4px;font-size:14px;padding:6px;text-align:center;width:60px}.add-button{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 16px;transition:background-color .2s}.add-button:hover{background-color:#229954}.vocabulary-list{flex-direction:column;gap:15px}.vocabulary-card{align-items:center;background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:box-shadow .2s}.vocabulary-card:hover{box-shadow:0 2px 8px #0000001a}.vocab-main{align-items:center;display:flex;flex:1 1;gap:15px}.kanji-literal-large{color:#2c3e50;font-size:36px;font-weight:700;min-width:50px;text-align:center}.vocab-details{display:flex;flex-direction:column;gap:6px}.meanings{color:#34495e;font-size:16px;font-weight:500}.vocab-details .readings{color:#667eea;display:flex;font-size:14px;gap:15px}.word-entry-id{color:#7f8c8d;font-size:14px}.notes{color:#95a5a6;font-size:13px;font-style:italic}.vocab-meta{gap:10px}.remove-button,.vocab-meta{align-items:center;display:flex}.remove-button{background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:28px;height:32px;justify-content:center;line-height:1;transition:background-color .2s;width:32px}.remove-button:hover{background-color:#fee}.empty-message{color:#7f8c8d;font-size:16px;padding:40px 20px;text-align:center}.kanji-description{background-color:#f0f4ff;border-left:4px solid #667eea;border-radius:4px;margin-bottom:20px;padding:12px 16px}.kanji-description p{color:#5f6368;font-size:14px;margin:0}.kanji-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.kanji-card{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:default;display:flex;flex-direction:column;padding:16px;transition:all .2s}.kanji-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.kanji-character{color:#2c3e50;font-size:64px;font-weight:700;line-height:1;margin-bottom:12px}.kanji-info{text-align:center;width:100%}.kanji-info .kanji-meanings{align-items:center;color:#34495e;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-bottom:8px;min-height:38px}.kanji-info .kanji-readings{color:#7f8c8d;font-size:12px;margin-bottom:4px}.kanji-info .reading-label{color:#667eea;font-weight:600;margin-right:4px}.kanji-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.meta-tag{background-color:#ecf0f1;color:#5f6368;font-weight:500}.frequency-badge,.meta-tag{border-radius:12px;font-size:11px;padding:4px 8px;white-space:nowrap}.frequency-badge{background-color:#667eea;color:#fff;font-weight:600}.loading{padding:50px}.error-message{color:#e74c3c;padding:50px}.error-message a{background-color:#667eea;border-radius:6px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.error-message a:hover{background-color:#5568d3}@media (max-width:768px){.resource-header-section{flex-direction:column;text-align:center}.resource-header-image{height:100px;width:100px}.resource-title{font-size:24px}.resource-tags{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.training-banners{grid-template-columns:1fr}.training-banner-content{flex-direction:column;gap:15px;text-align:center}.training-text h2{font-size:18px}.vocabulary-card{align-items:flex-start;flex-direction:column}.vocab-meta{align-self:flex-end;margin-top:10px}.search-result-item{align-items:flex-start;flex-direction:column}.result-actions{align-self:flex-end;margin-top:10px}.info-grid{grid-template-columns:1fr}}.training-page{margin:0 auto;max-width:1200px;padding:20px}.training-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.training-header h1{color:#2c3e50;flex:1 1;font-size:24px;margin:0 20px}.top-actions{display:flex;gap:10px;margin-bottom:20px}.train-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .2s}.train-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.train-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.score-display{background:#f0f4ff;border:2px solid #667eea;border-radius:8px;color:#667eea;font-size:18px;font-weight:600;padding:10px 20px}.training-container{grid-template-columns:1fr 1fr;margin-bottom:30px}.prompt-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:30px}.prompt-section h2{color:#2c3e50;font-size:28px;margin:0 0 20px}.kanji-prompt{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:30px}.meanings-prompt{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:15px}.readings-prompt{color:#667eea;font-size:16px;margin-bottom:8px}.hint{color:#7f8c8d;font-size:14px;font-style:italic;margin-top:15px}.drawing-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:30px}.canvas-container{background:#f5f5f5;border-radius:12px;margin-bottom:20px;padding:20px}.controls{display:flex;gap:10px;max-width:400px;width:100%}.clear-button,.submit-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.clear-button{background:#ecf0f1;color:#2c3e50}.clear-button:hover{background:#d5d8dc}.submit-button{background:#27ae60;color:#fff}.submit-button:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.submit-button:disabled{background:#95a5a6;cursor:not-allowed}.result-section{animation:slideIn .3s ease-out;border-radius:12px;grid-column:1/-1;padding:40px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-section.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:3px solid #28a745}.result-section.close{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:3px solid #ffc107}.result-section.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:3px solid #dc3545}.result-icon{font-size:72px;margin-bottom:20px}.result-section.correct .result-icon{color:#28a745}.result-section.close .result-icon{color:#ffc107;font-size:64px}.result-section.incorrect .result-icon{color:#dc3545}.result-section h3{color:#2c3e50;font-size:32px;margin:0 0 20px}.correct-kanji{color:#2c3e50;display:inline-block;font-size:64px;font-weight:700;margin:20px 0}.hint-text{color:#495057;font-size:18px;margin:20px 0}.recognition-results{background:#ffffff80;border:2px dashed #dc35454d;border-radius:12px;margin:30px 0;padding:20px}.recognition-results h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 16px}.recognition-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.recognition-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center;transition:all .2s}.recognition-item.is-target{background:#d4edda;border-color:#28a745}.recognition-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.recognition-rank{color:#6c757d;font-size:11px;font-weight:600;margin-bottom:4px}.recognition-kanji{color:#2c3e50;font-size:32px;font-weight:700;margin:8px 0}.recognition-item.is-target .recognition-kanji{color:#28a745}.recognition-confidence{color:#7f8c8d;font-size:12px;font-weight:500}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.next-button,.retry-button,.skip-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.next-button{background:#667eea;color:#fff}.next-button:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.retry-button{background:#3498db;color:#fff}.retry-button:hover{background:#2980b9}.skip-button{background:#95a5a6;color:#fff}.skip-button:hover{background:#7f8c8d}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-state h2{color:#2c3e50;margin-bottom:15px}.empty-state p{color:#7f8c8d;font-size:16px}.loading{color:#667eea;font-size:18px;padding:60px 20px}.mode-selector{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;justify-content:center;margin-bottom:30px;padding:20px}.mode-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#7f8c8d;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s}.mode-button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.mode-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.word-prompt{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:30px;text-align:center}.word-display{color:#2c3e50;font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:72px;font-weight:700;margin-bottom:20px}.word-glosses{color:#667eea;font-size:18px;font-weight:500;line-height:1.6}.speech-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:30px}.model-selector{background:#f5f9ff;border:2px solid #2196f3;border-radius:8px;margin-bottom:10px;padding:15px;width:100%}.model-toggle{align-items:center;color:#2196f3;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px}.model-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.model-toggle span{-webkit-user-select:none;user-select:none}.model-hint{color:#666;font-size:14px;font-style:italic;margin-top:8px;padding-left:30px}.speech-instructions{min-height:40px;text-align:center;width:100%}.speech-controls,.speech-instructions{align-items:center;display:flex;justify-content:center}.speech-controls{gap:15px}.listening-prompt{align-items:center;animation:blink 1s infinite;color:#e74c3c;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:8px}.retry-indicator{animation:none;color:#f39c12;font-size:14px;font-weight:500}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.speech-hint{color:#7f8c8d;font-size:16px;font-style:italic}.go-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;box-shadow:0 6px 24px #4caf5066;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:700;gap:8px;height:180px;justify-content:center;transition:all .3s;width:180px}.go-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 10px 35px #4caf5099;transform:scale(1.08)}.go-button:active:not(:disabled){transform:scale(1.02)}.go-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed}.stop-button{align-items:center;animation:pulse 1.5s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:50%;box-shadow:0 6px 24px #f4433666;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:700;gap:8px;height:180px;justify-content:center;transition:all .3s;width:180px}.stop-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 10px 35px #f4433699;transform:scale(1.08)}.stop-button:active{transform:scale(1.02)}.transcript-display{align-items:center;background:#f0f4ff;border:2px solid #667eea;border-radius:8px;color:#2c3e50;display:flex;flex-direction:column;font-size:18px;gap:8px;min-width:300px;padding:15px 25px;text-align:center}.transcript-display strong{color:#667eea}.model-badge{background:#2196f3;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.warning-message{border:2px solid #ffc107;border-radius:8px;font-size:14px;max-width:400px;padding:15px 25px;text-align:center}.correct-reading{color:#2c3e50;display:inline-block;font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:48px;font-weight:700;margin:20px 0}@media (max-width:900px){.training-container{grid-template-columns:1fr}.training-header{flex-direction:column;gap:15px}.training-header h1{margin:0;text-align:center}.canvas-container{padding:10px}.mode-selector{flex-direction:column}.word-display{font-size:56px}.go-button,.stop-button{font-size:24px;height:150px;width:150px}.correct-reading{font-size:36px}}.pronunciation-training-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.pronunciation-training-page h1{margin-bottom:10px}.subtitle{margin-bottom:0}.header-actions{display:flex;gap:10px}.btn-link{text-decoration:none}.btn-test-page,.btn-toggle-model,.btn-train-model{border:none;border-radius:4px;cursor:pointer;font-size:.95em;padding:10px 20px;transition:all .2s}.btn-test-page{background:#2196f3;color:#fff}.btn-test-page:hover{background:#0b7dda;transform:translateY(-1px)}.btn-toggle-model{background:#757575;color:#fff}.btn-toggle-model:hover{background:#616161}.btn-train-model{background:#4caf50;color:#fff}.btn-train-model:hover:not(:disabled){background:#45a049}.btn-train-model:disabled{background:#ccc;cursor:not-allowed}.model-panel{background:#f5f9ff;border:2px solid #2196f3;border-radius:8px;margin-bottom:30px;padding:20px}.model-panel h3{color:#2196f3;margin-top:0}.model-info{display:flex;flex-direction:column;gap:12px}.warning-message{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404}.info-tip,.warning-message{font-size:.95em;margin-top:10px;padding:12px}.info-tip{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;color:#0d47a1}.info-item{align-items:center;display:flex;gap:10px}.info-item .label{color:#666;font-weight:700;min-width:100px}.info-item .value{color:#333}.info-item .value.success{color:#4caf50;font-weight:700}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px}.toggle-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.training-progress{margin-top:20px}.progress-header{color:#666;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#4caf50,#8bc34a);color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;transition:width .3s ease}.training-complete{background:#e8f5e9;border:1px solid #4caf50;border-radius:4px;color:#2e7d32}.training-complete,.training-error{font-weight:700;margin-top:15px;padding:12px}.training-error{background:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828}.training-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;height:calc(100vh - 200px)}.word-search-panel{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;padding:20px}.word-search-panel h2{font-size:1.3em;margin-bottom:15px;margin-top:0}.search-input{font-size:1em;margin-bottom:15px;padding:10px}.search-input,.word-list{border:1px solid #ddd;border-radius:4px}.word-list{background:#fff;flex:1 1;overflow-y:auto}.word-item{border-bottom:1px solid #eee;cursor:pointer;padding:12px;transition:background-color .2s}.word-item:hover{background-color:#f0f0f0}.word-item.selected{background-color:#e3f2fd;border-left:4px solid #2196f3}.word-item .word-kanji{font-size:1.2em;font-weight:700;margin-bottom:4px}.word-item .word-reading{color:#666;font-size:.9em;margin-bottom:4px}.word-item .word-meaning{color:#888;font-size:.85em}.more-results,.no-results{color:#666;padding:20px;text-align:center}.more-results{background:#fffbf0;border-top:1px solid #ddd}.recording-panel{background:#fff;border:1px solid #ddd;border-radius:8px;overflow-y:auto;padding:30px}.no-word-selected{align-items:center;color:#999;display:flex;font-size:1.1em;height:100%;justify-content:center}.selected-word-info{border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:20px}.selected-word-info h2{color:#333;font-size:2em;margin:0 0 15px}.word-details{color:#666;line-height:1.8}.word-details strong{color:#333;margin-right:8px}.recording-controls{background:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.recording-controls h3{margin-bottom:15px;margin-top:0}.record-buttons{align-items:center;display:flex;gap:15px}.btn-record,.btn-stop{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:12px 24px;transition:all .2s}.btn-record{background:#4caf50;color:#fff}.btn-record:hover{background:#45a049}.btn-stop{background:#f44336;color:#fff}.btn-stop:hover{background:#da190b}.recording-indicator{animation:pulse 1.5s infinite;color:#f44336;font-weight:700}.recording-preview{display:flex;flex-direction:column;gap:15px}.recording-preview audio{width:100%}.preview-buttons{display:flex;flex-wrap:wrap;gap:10px}.preview-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.95em;padding:10px 20px;transition:all .2s}.btn-save-reference{background:#2196f3;color:#fff}.btn-save-reference:hover{background:#0b7dda}.btn-save-practice{background:#ff9800;color:#fff}.btn-save-practice:hover{background:#e68900}.btn-discard{background:#757575;color:#fff}.btn-discard:hover{background:#616161}.recordings-list{margin-top:20px}.recordings-list h3{margin-bottom:15px}.no-recordings{background:#f9f9f9;border-radius:8px;color:#999;padding:30px;text-align:center}.recording-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s}.recording-item:hover{box-shadow:0 2px 8px #0000001a}.recording-item.reference{background:#f5f9ff;border-left:4px solid #2196f3}.recording-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.recording-label{align-items:center;display:flex;gap:10px}.reference-badge{background:#2196f3}.practice-badge,.reference-badge{border-radius:3px;color:#fff;font-size:.8em;font-weight:700;padding:3px 8px}.practice-badge{background:#ff9800}.recording-date{color:#999;font-size:.85em}.recording-info audio{max-width:400px;width:100%}.recording-actions{display:flex;gap:8px}.recording-actions button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1.2em;padding:8px 12px;transition:all .2s}.recording-actions button:hover{background:#f0f0f0;transform:scale(1.1)}.btn-delete:hover{background:#ffebee;border-color:#f44336}.btn-toggle:hover{background:#e3f2fd;border-color:#2196f3}.loading{color:#666;font-size:1.2em;padding:40px;text-align:center}.no-words-message{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:40px auto;max-width:600px;padding:40px}.no-words-message h2{color:#666;margin-top:0}.no-words-message p{color:#666;margin-bottom:15px}.no-words-message ol{color:#666;line-height:2;text-align:left}.no-words-message a{color:#2196f3;text-decoration:none}.no-words-message a:hover{text-decoration:underline}@media (max-width:1024px){.training-container{grid-template-columns:1fr;height:auto}.word-search-panel{max-height:400px}}.test-model-page{margin:0 auto;max-width:1200px;padding:40px 20px}.test-model-page h1{color:#2196f3;margin-bottom:10px}.subtitle{color:#666;font-size:1.1em;margin-bottom:30px}.no-model-message{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:40px;padding:30px;text-align:center}.no-model-message h2{color:#856404;margin-bottom:15px}.no-model-message p{color:#856404;font-size:1.1em;margin-bottom:20px}.no-model-message ol{color:#856404;display:inline-block;font-size:1.05em;line-height:2;text-align:left}.no-model-message a{color:#2196f3;font-weight:700;text-decoration:none}.no-model-message a:hover{text-decoration:underline}.model-stats{background:#f5f9ff;border:2px solid #2196f3;border-radius:8px;display:flex;gap:40px;margin-bottom:30px;padding:20px}.stat-item{align-items:center;display:flex;gap:10px}.stat-label{color:#666;font-weight:700}.stat-value{color:#2196f3;font-size:1.2em;font-weight:700}.test-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.recording-section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:30px}.recording-section h2{color:#333;margin-top:0}.record-controls{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 20px}.btn-record-large{background:#4caf50;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.3em;padding:20px 40px;transition:all .3s ease}.btn-record-large:hover{background:#45a049;box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.recording-indicator-large{align-items:center;color:#f44336;display:flex;font-size:1.3em;font-weight:700;gap:15px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#f44336;border-radius:50%;height:20px;width:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.btn-stop-large{background:#f44336;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.3em;padding:20px 40px;transition:all .3s ease}.btn-stop-large:hover{background:#da190b;box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.playback-section{display:flex;flex-direction:column;gap:20px}.playback-section h3{color:#333;margin:0}.audio-player{margin:10px 0;width:100%}.action-buttons{display:flex;gap:15px}.btn-test{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1em;padding:15px 25px;transition:all .3s ease}.btn-test:hover:not(:disabled){background:#0b7dda;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-test:disabled{background:#ccc;cursor:not-allowed}.btn-clear{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1.1em;padding:15px 25px;transition:all .3s ease}.btn-clear:hover:not(:disabled){background:#e68900;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-clear:disabled{background:#ccc;cursor:not-allowed}.results-section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:30px}.results-section h2{color:#333;margin-top:0}.predictions-list{display:flex;flex-direction:column;gap:15px}.prediction-item{grid-gap:15px;align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;display:grid;gap:15px;grid-template-columns:50px 1fr 2fr;padding:15px;transition:all .2s ease}.prediction-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.prediction-item.top-prediction{background:#e8f5e9;border-color:#4caf50}.prediction-rank{color:#666;font-size:1.5em;font-weight:700;text-align:center}.top-prediction .prediction-rank{font-size:2em}.prediction-word{color:#333;font-size:1.5em;font-weight:700}.prediction-confidence{align-items:center;display:flex;gap:15px}.confidence-bar-container{background:#e0e0e0;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.confidence-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.confidence-text{color:#333;font-weight:700;min-width:60px;text-align:right}.vocabulary-section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:30px}.vocabulary-section h3{color:#333;margin-top:0}.vocabulary-list{display:flex;flex-wrap:wrap;gap:10px}.vocabulary-word{background:#f5f9ff;border:2px solid #2196f3;border-radius:20px;color:#2196f3;font-size:1.1em;font-weight:700;padding:8px 16px}@media (max-width:968px){.test-container{grid-template-columns:1fr}.model-stats{flex-direction:column;gap:15px}}.login-page{align-items:center;background:linear-gradient(180deg,#e8f4f8 0,#e8f4f8 50%,#3ba5c9 0,#3ba5c9);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-page:before{animation:wave-move 25s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234db8d8;stop-opacity:1'/%3E%3Cstop offset='100%25' style='stop-color:%233ba5c9;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 60q300-30 600 0t600 0v60H0Z' fill='url(%23a)'/%3E%3Cpath d='M0 60q300-30 600 0t600 0' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:1200px 120px;content:"";height:120px;left:0;position:absolute;top:50%;transform:translateY(-60px);width:200%}.login-page:after{animation:sun-glow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd966 0,#ffeb99 50%,#ffeb9900 70%);border-radius:50%;box-shadow:0 0 20px #ffd96680,0 0 40px #ffd9664d,inset 0 -10px 20px #ffc8324d;content:"";height:100px;position:absolute;right:80px;top:60px;width:100px}@keyframes sun-glow{0%,to{box-shadow:0 0 20px #ffd96680,0 0 40px #ffd9664d,inset 0 -10px 20px #ffc8324d}50%{box-shadow:0 0 30px #ffd96699,0 0 60px #ffd96666,inset 0 -10px 20px #ffc8324d}}@keyframes wave-move{0%{background-position:0 0}to{background-position:1200px 0}}.login-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;position:relative;width:100%;z-index:10}.login-container h1{color:#2c3e50;font-size:24px;margin:0 0 10px;text-align:center}.login-container h2{color:#7f8c8d;font-size:20px;font-weight:400;margin:0 0 30px;text-align:center}.error-message{background-color:#fee;color:#c33}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:12px;text-align:center}.success-message{background-color:#e6f4ea;color:#1e7e34}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#4fc3f7;outline:none}button[type=submit]{background:linear-gradient(135deg,#81d4fa,#4fc3f7);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}button[type=submit]:hover:not(:disabled){box-shadow:0 4px 12px #4fc3f766;transform:translateY(-2px)}button[type=submit]:disabled{background-color:#bbb;cursor:not-allowed}.signup-link{color:#7f8c8d;margin-top:20px;text-align:center}.signup-link a{color:#4fc3f7;font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media (max-width:480px){.login-container{margin:20px;padding:30px 20px}}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0}
/*# sourceMappingURL=main.15a464a2.css.map*/