:root{font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg,#f2efff 0%,#eef8ff 45%,#fff6ea 100%);margin:0}.page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.login-card,.token-card{box-sizing:border-box;border:1px solid #d8d3ff;border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:420px;padding:18px;display:flex}.playful-card{background:#fff;box-shadow:0 12px 24px #422c8214}.login-card h1,.token-card h2{margin:0 0 8px}label{font-size:14px}input,button{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:14px}button{cursor:pointer;color:#fff;background:#6f5ef5;border-color:#6f5ef5;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}.actions-row{flex-wrap:wrap;gap:8px;display:flex}.link-button{color:#3f2cb3;background:#f3f0ff;border:1px solid #6f5ef5;border-radius:8px;justify-content:center;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.error{color:#b00020;margin:0}.token{word-break:break-all;margin:0}.table-page{justify-content:flex-start}.table-top-actions{justify-content:space-between;gap:8px;width:100%;max-width:1100px;display:flex}.icon-link-button,.icon-button{color:#3f2cb3;background:#f7f5ff;border:1px solid #d8d3ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:18px;text-decoration:none;display:inline-flex}.icon-link-button:hover,.icon-button:hover{background:#efeaff;border-color:#cfc8ff}.table-shell{border:1px solid #d8d3ff;border-radius:14px;width:100%;max-width:1100px;padding:18px}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.table-header h1{margin:0}.table-wrapper{max-width:100%;overflow-x:auto}.user-filters{flex-wrap:wrap;gap:8px;max-width:100%;margin:0 0 12px;display:flex}.user-chip{cursor:pointer;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#fff;border:2px solid #7c5cff;border-radius:999px;max-width:100%;padding:7px 12px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s}.user-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.user-chip.selected{box-shadow:inset 0 0 0 1px #0000000a}.my-color-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.my-color-row input[type=color]{background:0 0;border:1px solid #d8d3ff;border-radius:6px;width:34px;height:28px;padding:0}.ratings-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.ratings-table th,.ratings-table td{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #ece8ff;min-width:0;padding:10px}.ratings-table thead th{background:#f7f5ff;position:sticky;top:0}.ratings-table thead th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s,color .12s}.ratings-table thead th.sortable-header:hover{background:#efeaff}.ratings-table thead th.sortable-header.active{color:#2f207e;background:#e7e0ff}.sort-indicator{color:#5a4ccf;vertical-align:middle;margin-left:4px;font-size:16px;font-weight:700;line-height:1;display:inline-block}.contributors-grid{gap:4px;width:100%;display:grid}.contributors-pie{box-sizing:border-box;border-radius:50%;width:16px;height:16px;margin:0 auto;display:block}.contributor-block{box-sizing:border-box;letter-spacing:.2px;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;height:14px;font-size:9px;font-weight:700;line-height:1;display:flex}.contributor-block.inactive{opacity:.95}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.ratings-table tr.expanded-row{background-color:#f9f7ff;transition:background-color .2s}.ratings-table tbody tr:hover{background-color:#fdfcff}.ratings-table tr.detail-row{background-color:#f3f0ff;font-size:.9em}.ratings-table tr.detail-row.opening{animation:.3s ease-out slideDown}.ratings-table tr.detail-row.closing{animation:.3s ease-out slideUp}.ratings-table tr.detail-row:hover{background-color:#efeaff}.ratings-table tr.detail-row td{border-bottom:1px solid #e7e0ff}.ratings-table tr.detail-row td:nth-child(5),.ratings-table tr.detail-row td:nth-child(6),.ratings-table tr.detail-row td:nth-child(7),.ratings-table tr.detail-row td:nth-child(8),.ratings-table tr.detail-row td:nth-child(9),.ratings-table tr.detail-row td:nth-child(10){text-align:center}.style-column{font-size:12px}.rating-icon{display:none}.ratings-table th:first-child,.ratings-table td:first-child,.ratings-table th:nth-child(2),.ratings-table td:nth-child(2){width:16%}.ratings-table th:nth-child(3),.ratings-table td:nth-child(3){width:9%}.ratings-table th:nth-child(4),.ratings-table td:nth-child(4){text-align:center;width:6%}.ratings-table th:nth-child(5),.ratings-table td:nth-child(5){width:18%}.ratings-table th:nth-child(6),.ratings-table td:nth-child(6),.ratings-table th:nth-child(7),.ratings-table td:nth-child(7),.ratings-table th:nth-child(8),.ratings-table td:nth-child(8),.ratings-table th:nth-child(9),.ratings-table td:nth-child(9),.ratings-table th:nth-child(10),.ratings-table td:nth-child(10){text-align:center;width:8%}.ratings-table tbody tr:hover{background:#faf9ff}.empty-state{color:#5d5a6b;margin:0}.rating-sheet{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;max-height:calc(100dvh - env(safe-area-inset-top,0px));-webkit-overflow-scrolling:touch;z-index:60;will-change:height;border:none;border-top:1px solid #d8d3ff;border-radius:14px 14px 0 0;transition:height .24s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden auto}.rating-sheet.dragging{transition:none}.rating-sheet-handle{color:#3f2cb3;touch-action:none;background:#f7f5ff;border:1px solid #e2dcff;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:4px 8px;display:flex}.rating-sheet-grip{background:#8f86d9;border-radius:999px;width:34px;height:4px}.rating-sheet-form{flex-direction:column;gap:8px;transition:opacity .14s,transform .14s;display:flex}.rating-sheet.collapsed{padding-bottom:14px}.rating-sheet.collapsed .rating-sheet-form{opacity:0;pointer-events:none;transform:translateY(10px)}.rating-sheet-match{color:#4f4a66;margin:0;font-size:12px}.type-select-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.type-select-box{color:#3c3657;background:#fff;border:1px solid #d8d3ff;padding:8px;font-weight:600}.type-select-box.selected{color:#2f207e;background:#ece7ff;border-color:#6f5ef5}.rating-sheet-form select,.rating-sheet-form input{box-sizing:border-box;width:100%}.search-field{position:relative}.search-suggestions{z-index:120;background:#fff;border:1px solid #ddd6ff;border-radius:8px;max-height:160px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 18px #00000014}.search-suggestion-item{text-align:left;color:#2f2b44;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px}.search-suggestion-item:hover{background:#f4f1ff}.rating-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rating-sheet-grid label{flex-direction:column;gap:4px;display:flex}.rating-score-row{align-items:center;gap:8px;display:flex}.rating-score-row input{text-align:center;flex-shrink:0;width:calc(3ch + 20px);min-width:0;padding:6px 8px}.rating-word-scale{flex:1;min-width:0;height:36px;display:block;position:relative;overflow:hidden}.rating-word-scale-arrow{color:#2f207e;font-size:13px;line-height:1;position:absolute;top:0;transform:translate(-50%)}.rating-word-scale-pill{white-space:nowrap;color:#333;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1.4;position:absolute;bottom:0}.rating-sheet-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.rating-toast{text-align:center;pointer-events:auto;border-radius:10px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 10px 20px #0000001f}.rating-toast.success{color:#165a2e;background:#dff4e5;border:1px solid #b9e6c8}.rating-toast.error{color:#8a1e2c;background:#fde8ea;border:1px solid #f6c7cc}@media (width<=768px){.table-page .table-shell{box-shadow:none;background:0 0;border:none;padding:12px 0}.ratings-table{font-size:13px}.ratings-table th,.ratings-table td{padding:8px 6px}.ratings-table th:first-child,.ratings-table td:first-child,.ratings-table th:nth-child(2),.ratings-table td:nth-child(2){width:16%}.ratings-table th:nth-child(3),.ratings-table td:nth-child(3){display:none}.ratings-table th:nth-child(4),.ratings-table td:nth-child(4){text-align:center;width:12%}.ratings-table th:nth-child(5),.ratings-table td:nth-child(5),.ratings-table th:nth-child(6),.ratings-table td:nth-child(6),.ratings-table th:nth-child(7),.ratings-table td:nth-child(7),.ratings-table th:nth-child(8),.ratings-table td:nth-child(8),.ratings-table th:nth-child(9),.ratings-table td:nth-child(9),.ratings-table th:nth-child(10),.ratings-table td:nth-child(10){width:8.5%}.rating-label{display:none}.rating-icon{vertical-align:middle;font-size:18px;line-height:1;display:inline}.rating-sheet{padding:8px;bottom:0;left:0;right:0}.rating-sheet-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}