*,:before,:after{box-sizing:border-box}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{max-width:100%}.app{max-width:720px;min-height:100svh;margin:0 auto;padding:0 16px 40px}.header{text-align:center;padding:32px 0 20px}.title{color:#111;margin-bottom:4px;font-size:24px;font-weight:700}.subtitle{color:#888;font-size:13px}.search-area{margin-bottom:12px;position:relative}.search-box{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.search-icon{flex-shrink:0;font-size:16px}.search-input{color:#111;background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:#aaa}.clear-btn{cursor:pointer;color:#aaa;background:0 0;border:none;padding:2px 4px;font-size:14px}.clear-btn:hover{color:#555}.dropdown{z-index:100;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:12px 16px;transition:background .1s;display:flex}.dropdown-item:hover:not(.already){background:#f5f5f5}.dropdown-item.already{opacity:.5;cursor:default}.region-name{flex:1;font-size:14px;font-weight:500}.region-type{color:#888;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:11px}.already-label{color:#4ade80;font-size:11px;font-weight:600}.no-result{text-align:center;color:#999;padding:16px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip-remove{cursor:pointer;color:#93c5fd;background:0 0;border:none;padding:0;font-size:12px}.chip-remove:hover{color:#1d4ed8}.empty{text-align:center;color:#999;padding:60px 0}.empty-icon{margin-bottom:16px;font-size:48px}.empty p{margin-bottom:4px;font-size:15px}.empty-sub{font-size:13px}.single-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 4px #0000000f}.single-title{margin-bottom:4px;font-size:20px;font-weight:700}.single-hint{color:#999;margin-bottom:20px;font-size:13px}.single-grades{flex-direction:column;gap:12px;display:flex}.single-row{align-items:center;gap:12px;display:flex}.single-cat{color:#555;flex-shrink:0;width:60px;font-size:13px}.compare-section{margin-top:4px}.compare-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare-table{border-collapse:collapse;table-layout:fixed;background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 1px 4px #0000000f}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:10px}.compare-table tr:last-child td{border-bottom:none}.compare-table thead{background:#f9fafb}.cat-col{width:52px}.region-col{color:#111;font-size:12px;font-weight:600}.region-th-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;display:block;overflow:hidden}.avg-badge{display:none}.rank-badge{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.cat-cell{vertical-align:middle}.cat-short{color:#444;white-space:nowrap;font-size:12px;font-weight:500;display:block}.cat-full{display:none}.grade-cell{vertical-align:middle}.grade-badge{color:#fff;text-shadow:0 1px 2px #00000026;border-radius:6px;margin-bottom:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.grade-bar-wrap{align-items:center;gap:6px;height:6px;display:flex}.grade-bar{border-radius:3px;height:6px;transition:width .3s}.grade-bar-num{color:#bbb;font-size:11px}.cat-rank{color:#bbb;margin-top:3px;font-size:10px;display:block}.note{color:#bbb;text-align:center;margin-top:10px;font-size:11px}.drill-toggle{color:#444;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.drill-toggle:hover:not(:disabled){background:#f5f5f5}.drill-toggle--on{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.drill-toggle:disabled{opacity:.4;cursor:default}.drilldown{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.drilldown-hint{color:#aaa;margin-bottom:12px;font-size:12px}.sido-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sido-btn{color:#333;cursor:pointer;background:#f8f9fa;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 4px;font-size:14px;font-weight:600;transition:all .15s}.sido-btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.sido-btn:disabled{opacity:.4;cursor:default}.back-btn{cursor:pointer;color:#1d4ed8;background:0 0;border:none;padding:0 0 12px;font-size:14px;font-weight:600;display:block}.back-btn:hover{text-decoration:underline}.sub-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sub-btn{color:#333;cursor:pointer;background:#f8f9fa;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:10px 8px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.sub-btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.sub-btn--selected{color:#166534;cursor:default;background:#dcfce7;border-color:#86efac}.sub-btn:disabled:not(.sub-btn--selected){opacity:.4;cursor:default}.sub-btn-badge{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:600}