*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0b10;color:#e0e0e8;min-height:100vh}#app{max-width:1400px;margin:0 auto;padding:1rem}.filter-bar{background:#1e2030cc;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1rem;margin-bottom:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-group label{font-size:.75rem;font-weight:600;color:#8b8fa0;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.filter-group select,.filter-group input{background:#12131a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.55rem .75rem;color:#e0e0e8;font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}.filter-group select:focus,.filter-group input:focus{border-color:#7c7ff2;box-shadow:0 0 0 3px #7c7ff21a}.search-group{flex:1;min-width:220px}.search-group input{width:100%}.filter-tags{margin-top:.5rem;gap:.5rem}.filter-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:20px;font-size:.75rem;color:#a78bfa;cursor:pointer;transition:all .2s}.filter-tag:hover{background:#6366f133;border-color:#6366f166}.filter-tag .tag-close{font-size:.65rem;opacity:.6}.hidden,.col-hidden{display:none!important}.col-toggle-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:.25rem .6rem;color:#8b8fa0;font-size:.72rem;cursor:pointer;transition:all .2s}.col-toggle-btn:hover{background:#6366f133;color:#a78bfa}.col-reset-btn{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.25rem .6rem;color:#8b8fa0;font-size:.72rem;cursor:pointer;transition:all .2s}.col-reset-btn:hover{background:#ef44442e;color:#f87171}.fav-clear-btn{background:#facc1514;border:1px solid rgba(250,204,21,.2);border-radius:6px;padding:.25rem .6rem;color:#8b8fa0;font-size:.72rem;cursor:pointer;transition:all .2s}.fav-clear-btn:hover{background:#facc152e;color:#facc15}.col-settings{background:#1e2030f2;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem}.col-settings-inner{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.col-settings label{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#a0a4b8;cursor:pointer;white-space:nowrap}.col-settings input[type=checkbox]{accent-color:#7c7ff2}.drag-handle{cursor:grab;color:#4a4d5e;font-size:.9rem;margin-right:.2rem;transition:color .2s}.col-settings label:hover .drag-handle{color:#7c7ff2}.col-settings label.dragging{opacity:.4}.col-settings label.drag-over{border-top:2px solid #7c7ff2;padding-top:.15rem}.col-settings label.touch-dragging{opacity:.5;background:#7c7ff226;border-radius:6px}.col-settings label.touch-drag-over{border-top:2px solid #7c7ff2;padding-top:.15rem}@media(max-width:768px){.col-settings{padding:.5rem .75rem}.col-settings-inner{gap:.25rem .5rem}.col-settings label{font-size:.88rem;min-height:38px;padding:.3rem .4rem;gap:.4rem;border-radius:6px;background:#ffffff08}.col-settings input[type=checkbox]{width:18px;height:18px}.drag-handle{font-size:1.1rem;padding:.2rem;min-width:24px;text-align:center}}.entry-value{white-space:nowrap}.entry-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600;background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.2)}.entry-badge.entry-full{background:#22c55e14;color:#86efac;border:1px solid rgba(34,197,94,.15);font-size:.68rem}.stats-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;font-size:.8rem;flex-wrap:wrap;gap:.5rem}.stats-left{display:flex;align-items:center;gap:.75rem}.stats-right{display:flex;align-items:center;gap:1rem}.stat-badge{background:#6366f11f;color:#a78bfa;padding:.2rem .6rem;border-radius:6px;font-weight:700;font-size:.8rem}.stat-info{color:#6b6f80}.stat-date{color:#4a4d5e;font-size:.75rem}.stat-credit{color:#4a4d5e;font-size:.72rem}.stat-credit a{color:#7c7ff2;text-decoration:none;transition:color .2s}.stat-credit a:hover{color:#a78bfa}.table-container{border:1px solid rgba(99,102,241,.15);border-radius:12px;overflow:hidden;background:#12131ae6;position:relative}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#6366f180}.scroll-indicator{position:absolute;top:0;right:0;bottom:6px;width:40px;pointer-events:none;background:linear-gradient(to right,transparent,rgba(18,19,26,.95));z-index:5;transition:opacity .3s}.scroll-indicator.hidden-fade{opacity:0}table{width:100%;border-collapse:collapse}thead th{background:#1e2030f2;padding:.75rem .8rem;text-align:left;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b8fa0;border-bottom:2px solid rgba(99,102,241,.15);position:sticky;top:0;z-index:10;-webkit-user-select:none;user-select:none;white-space:nowrap}.fav-header{position:sticky;left:0;z-index:21;background:#1e2030fa;width:36px;min-width:36px;max-width:36px;text-align:center;padding:.75rem .2rem!important;font-size:.85rem;color:#facc15}thead th:nth-child(2){position:sticky;left:36px;z-index:20;background:#1e2030fa;box-shadow:2px 0 8px #0000004d;overflow:visible;padding-left:.3rem;width:200px;min-width:120px;max-width:320px}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background .2s;z-index:25}.resize-handle:hover,.resize-handle.active{background:#7c7ff299}thead th.sortable{cursor:pointer;transition:color .2s}thead th.sortable:hover,thead th.active-sort{color:#7c7ff2}.sort-icon{font-size:.65rem;opacity:.5}thead th.active-sort .sort-icon{opacity:1}tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;cursor:pointer}tbody tr:hover{background:#6366f10f}tbody tr:nth-child(2n){background:#ffffff04}tbody tr:nth-child(2n):hover{background:#6366f10f}tbody td{padding:.65rem .8rem;font-size:.88rem}.fav-cell{position:sticky;left:0;z-index:6;background:#12131afa;width:36px;min-width:36px;max-width:36px;padding:.4rem .15rem!important;text-align:center}tbody tr:nth-child(2n) .fav-cell{background:#14151efa}tbody tr:hover .fav-cell{background:#1e2037fa}.fav-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#4a4d5e;transition:color .2s,transform .15s;padding:0;line-height:1}.fav-btn:hover{color:#facc15;transform:scale(1.2)}.fav-btn.fav-active{color:#facc15}.fav-btn.fav-active:hover{color:#fbbf24;transform:scale(1.2)}.machine-name{font-weight:600;color:#e8e8f0;width:200px;min-width:120px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:sticky;left:36px;z-index:5;background:#12131afa;box-shadow:2px 0 8px #0003;padding-left:.3rem}tbody tr:nth-child(2n) .machine-name{background:#14151efa}tbody tr:hover .machine-name{background:#1e2037fa}.type-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600;white-space:nowrap}.type-highmid{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.type-mid{background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.2)}.type-lightmid{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.type-ama{background:#60a5fa1f;color:#93c5fd;border:1px solid rgba(96,165,250,.2)}.type-other{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.prob-value,.border-value,.rb-value,.avg-value{font-family:SF Mono,Consolas,Menlo,monospace}.prob-value{color:#a0a4b8}.calc-prob{font-size:.7em;color:#6b6f80;font-weight:400}.border-value{font-weight:700;font-size:.95rem}.border-easy{color:#22c55e}.border-normal{color:#eab308}.border-hard{color:#ef4444}.rb-value,.avg-value{color:#a0a4b8}.chain-value{font-family:SF Mono,Consolas,Menlo,monospace;color:#c084fc;font-weight:600}.cont-value{white-space:nowrap}.cont-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600;background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.cont-total{color:#86efac;font-size:.68rem;opacity:.8}.release-value{font-family:SF Mono,Consolas,Menlo,monospace;color:#8b8fa0;font-size:.82rem;white-space:nowrap}.yutime-badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:600}.yutime-yes{background:#6366f126;color:#a78bfa;border:1px solid rgba(99,102,241,.25)}.yutime-no{color:#3a3d4e}#no-results{text-align:center;padding:3rem;color:#6b6f80;font-size:.9rem}#loading{text-align:center;padding:3rem;color:#7c7ff2;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.paging-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.page-btn{background:#1e2030cc;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.5rem 1rem;color:#a78bfa;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#6366f126;border-color:#7c7ff2}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:#8b8fa0;font-size:.8rem;font-weight:600}.per-page-select{background:#12131a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.4rem .6rem;color:#e0e0e8;font-size:.8rem;outline:none}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#1a1b2e;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlide .25s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#8b8fa0;font-size:1.2rem;cursor:pointer;transition:color .2s;padding:.25rem}.modal-close:hover{color:#e0e0e8}.modal-title{font-size:1.3rem;font-weight:700;color:#e8e8f0;margin-bottom:.5rem}.modal-type{margin-bottom:1.5rem}.modal-maker{display:inline-block;margin-left:.5rem;font-size:.8rem;color:#8b8fa0;vertical-align:middle}.modal-specs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.spec-card{background:#1e2030cc;border:1px solid rgba(99,102,241,.1);border-radius:10px;padding:.75rem}.spec-label{font-size:.7rem;color:#6b6f80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.spec-value{font-size:1.15rem;font-weight:700;font-family:SF Mono,Consolas,monospace;color:#e0e0e8}.modal-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a78bfa;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.modal-link:hover{background:#6366f140;border-color:#7c7ff2}.modal-link-seo{display:block;text-align:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;color:#fff;font-size:.9rem;font-weight:700;border-radius:10px;box-shadow:0 4px 16px #6366f14d;transition:transform .2s,box-shadow .2s}.modal-link-seo:hover{background:linear-gradient(135deg,#7c7ff2,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 24px #6366f173;color:#fff}@media(max-width:768px){.filter-row{flex-direction:column}.filter-group,.filter-group select,.filter-group input{width:100%}.table-container{overflow-x:auto}table{min-width:700px}tbody td,thead th{padding:.5rem .6rem;font-size:.78rem}.machine-name{max-width:160px;font-size:.78rem}.modal-specs{grid-template-columns:1fr}.paging-bar{flex-wrap:wrap}}