.app-header[data-v-1ca1c641]{width:100%;max-width:600px;margin:0 auto;padding:15px 10px;box-sizing:border-box;background-color:#f5f5f5}.page-title[data-v-1ca1c641]{font-size:1.5em;color:#2c3e50;margin:0;text-align:center;font-weight:600}.app-footer[data-v-3bb3112e]{width:100%;max-width:600px;margin:0 auto;padding:15px 10px;box-sizing:border-box;background-color:#f5f5f5;border-top:1px solid #ecf0f1}.footer-text[data-v-3bb3112e]{font-size:.8em;color:#95a5a6;margin:0;text-align:center}.home-link[data-v-3bb3112e]{cursor:pointer}.app-container[data-v-22d85112]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.tools-content[data-v-22d85112]{flex:1;max-width:600px;margin:0 auto;padding:0 10px 20px;box-sizing:border-box}.tools-grid[data-v-22d85112]{display:grid;gap:12px;padding:10px 0}.tool-card[data-v-22d85112]{display:flex;flex-direction:column;align-items:center;padding:18px 12px;border-radius:8px;text-decoration:none;transition:all .2s ease;position:relative}.tool-card.available[data-v-22d85112]{background-color:#fff;border:1px solid #ecf0f1;box-shadow:0 2px 6px rgba(0,0,0,.05);cursor:pointer}.tool-card.available[data-v-22d85112]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#3498db}.tool-card.pending[data-v-22d85112]{background-color:#fafafa;border:1px solid #e9ecef;box-shadow:none;cursor:not-allowed;opacity:.8}.tool-card.pending[data-v-22d85112]:hover{transform:none;box-shadow:none;border-color:#e9ecef}.tool-icon[data-v-22d85112]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.tool-card.available .tool-icon[data-v-22d85112]{background-color:#f1f9f7}.tool-icon.pending-icon[data-v-22d85112]{background-color:#f8f9fa}.icon-text[data-v-22d85112]{font-size:1.5em}.tool-card.pending .icon-text[data-v-22d85112]{color:#adb5bd}.tool-name[data-v-22d85112]{font-size:1em;margin:0 0 6px;font-weight:500;text-align:center}.tool-card.available .tool-name[data-v-22d85112]{color:#2c3e50}.tool-name.pending-name[data-v-22d85112]{color:#868e96}.tool-desc[data-v-22d85112]{font-size:.8em;margin:0 0 10px;text-align:center;line-height:1.4}.tool-card.available .tool-desc[data-v-22d85112]{color:#7f8c8d}.tool-desc.pending-desc[data-v-22d85112]{color:#adb5bd}.tool-tag[data-v-22d85112]{font-size:.7em;padding:2px 8px;border-radius:12px;position:absolute;bottom:10px}.available-tag[data-v-22d85112]{background-color:#e3f2fd;color:#2196f3}.pending-tag[data-v-22d85112]{background-color:#f1f3f5;color:#868e96}.toast[data-v-22d85112]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:12px 20px;border-radius:6px;z-index:1000}.toast-text[data-v-22d85112]{margin:0;font-size:.9em}@media (max-width:320px){.tools-grid[data-v-22d85112]{grid-template-columns:repeat(1,1fr)}}@media (min-width:321px) and (max-width:480px){.tools-grid[data-v-22d85112]{grid-template-columns:repeat(2,1fr)}}@media (min-width:481px){.tools-grid[data-v-22d85112]{grid-template-columns:repeat(3,1fr)}}.app-container[data-v-92ed153e]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.tool-content[data-v-92ed153e]{flex:1;padding:15px 10px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.input-container[data-v-92ed153e]{display:flex;align-items:center;gap:8px;margin-bottom:15px;width:100%}.input-area[data-v-92ed153e]{display:flex;position:relative;flex:1}input[data-v-92ed153e]{width:100%;padding:10px 12px;font-size:.95em;border:1px solid #bdc3c7;border-radius:6px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease}input[data-v-92ed153e]:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.clear-btn[data-v-92ed153e]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#95a5a6;cursor:pointer;font-size:1.2em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:all .2s ease;border-radius:50%}.clear-btn.visible[data-v-92ed153e]{opacity:1;pointer-events:all}.clear-btn[data-v-92ed153e]:hover{color:#e74c3c;background-color:rgba(231,76,60,.1)}.action-btn[data-v-92ed153e]{background-color:#3498db;color:#fff;border:none;padding:10px 16px;font-size:.95em;cursor:pointer;border-radius:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease;font-weight:500}.action-btn[data-v-92ed153e]:hover{background-color:#2980b9;transform:translateY(-1px)}.action-btn[data-v-92ed153e]:active{background-color:#2471a3;transform:translateY(0)}.section-title[data-v-92ed153e]{font-size:1.1em;color:#2c3e50;margin:0;padding-bottom:4px;border-bottom:2px solid #3498db;display:inline-block}.level-section[data-v-92ed153e]{margin-bottom:20px}.section-header[data-v-92ed153e]{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.view-all-btn[data-v-92ed153e]{background-color:#3498db;color:#fff;border:none;padding:6px 12px;font-size:.85em;cursor:pointer;border-radius:6px;transition:all .2s ease}.view-all-btn[data-v-92ed153e]:hover{background-color:#2980b9;transform:translateY(-1px)}.view-all-btn[data-v-92ed153e]:active{background-color:#2471a3;transform:translateY(0)}.view-all-btn[data-v-92ed153e]:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.level-comparison[data-v-92ed153e]{display:flex;flex-direction:column;gap:6px}.level-item[data-v-92ed153e]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;font-size:.9em;transition:transform .2s ease}.level-item[data-v-92ed153e]:hover{transform:translateX(2px)}.level-item.passed[data-v-92ed153e]{background-color:#f1f9f7;border:1px solid #c3e6cd}.level-item.upcoming[data-v-92ed153e]{background-color:#fff5f5;border:1px solid #ffe3e3}.level-number[data-v-92ed153e]{font-weight:600;color:#2c3e50;width:45px}.level-score[data-v-92ed153e]{flex:1;text-align:center;color:#34495e;font-size:.85em}.level-indicator[data-v-92ed153e]{width:70px;font-size:.8em;text-align:right}.level-item.passed .level-indicator[data-v-92ed153e]{color:#27ae60}.level-item.upcoming .level-indicator[data-v-92ed153e]{color:#e74c3c}.current-score[data-v-92ed153e]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#f8f9fa;border:2px solid #3498db;border-radius:6px;font-weight:700;margin:8px 0;box-shadow:0 2px 4px rgba(52,152,219,.1)}.current-score .label[data-v-92ed153e]{color:#2980b9;font-size:.9em}.current-score .score[data-v-92ed153e]{color:#2c3e50;font-size:1em}.grid-container[data-v-92ed153e]{width:100%;padding:4px;box-sizing:border-box;margin-bottom:10px}.grid[data-v-92ed153e]{display:grid;gap:8px}.unit-btn[data-v-92ed153e]{background-color:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7;padding:10px 0;font-size:.85em;cursor:pointer;border-radius:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease;font-weight:500}.unit-btn[data-v-92ed153e]:hover{background-color:#d5dbdb;transform:translateY(-1px)}.unit-btn[data-v-92ed153e]:active{background-color:#b3b6b7;transform:translateY(0)}.unit-btn[data-v-92ed153e]:disabled{background-color:#f1f1f1;color:#95a5a6;cursor:not-allowed;border-color:#e1e1e1;transform:none}.modal-mask[data-v-92ed153e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-container[data-v-92ed153e]{width:100%;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden}.modal-header[data-v-92ed153e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ecf0f1;background-color:#f8f9fa}.modal-header h3[data-v-92ed153e]{margin:0;font-size:1.05em;color:#2c3e50}.modal-close[data-v-92ed153e]{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:1.2em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;transition:all .2s ease}.modal-close[data-v-92ed153e]:hover{color:#e74c3c;background-color:rgba(231,76,60,.1)}.modal-body[data-v-92ed153e]{max-height:70vh;overflow-y:auto;padding:12px}.levels-table[data-v-92ed153e]{width:100%;border-collapse:collapse;font-size:.9em}.levels-table th[data-v-92ed153e]{padding:10px;text-align:center;color:#2c3e50;border-bottom:2px solid #ecf0f1}.levels-table td[data-v-92ed153e]{padding:8px 10px;text-align:center;color:#34495e;border-bottom:1px solid #ecf0f1}.levels-table td[data-v-92ed153e]:first-child{font-weight:600;text-align:left}.odd-row[data-v-92ed153e]{background-color:#f9f9f9}.even-row[data-v-92ed153e]{background-color:#fff}.modal-footer[data-v-92ed153e]{padding:10px 16px;border-top:1px solid #ecf0f1;text-align:center}.back-to-top-btn[data-v-92ed153e]{background-color:#ecf0f1;color:#2c3e50;border:none;padding:6px 12px;font-size:.85em;cursor:pointer;border-radius:6px;transition:all .2s ease}.back-to-top-btn[data-v-92ed153e]:hover{background-color:#d5dbdb}@media (max-width:320px){.grid[data-v-92ed153e]{grid-template-columns:repeat(2,1fr)}}@media (min-width:321px) and (max-width:480px){.grid[data-v-92ed153e]{grid-template-columns:repeat(3,1fr)}}@media (min-width:481px){.grid[data-v-92ed153e]{grid-template-columns:repeat(4,1fr)}}