@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:1280px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid #f1f5f9;margin-bottom:36px;padding:52px 0 32px}.site-title{letter-spacing:-.03em;color:#0f172a;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;line-height:1}.site-sub{color:#64748b;margin-top:10px;font-size:.9375rem}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.site-stats{color:#94a3b8;align-items:center;gap:8px;font-size:.8125rem;display:flex}.dot{color:#e2e8f0}.user-chip{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.user-chip:hover{background:#f8fafc;border-color:#cbd5e1}.state-msg{text-align:center;color:#94a3b8;padding:48px;font-size:.9375rem}.state-msg--error{color:#f87171}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding-bottom:64px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 4px #0000000d}.card-rank{color:#cbd5e1;letter-spacing:.04em;font-size:.6875rem;font-weight:700;position:absolute;top:14px;right:16px}.card-head{align-items:center;gap:12px;display:flex}.card-avatar,.modal-avatar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.avatar-photo{object-fit:cover;width:100%;height:100%;display:block}.avatar-emoji{font-size:1.5rem;line-height:1}.card-name{color:#0f172a;font-size:.9375rem;font-weight:700}.card-role{color:#94a3b8;margin-top:2px;font-size:.7rem}.card-visual{flex-direction:column;align-items:center;gap:6px;padding:4px 0;display:flex}.card-kg{letter-spacing:-.03em;color:#0f172a;font-size:1.875rem;font-weight:800;line-height:1}.card-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.6875rem}.card-comment{flex:1;min-height:56px}.comment-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78125rem;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.comment-meta{align-items:center;gap:5px;margin-top:5px;display:flex}.comment-author{color:#94a3b8;font-size:.6875rem;font-weight:600}.comment-dot{color:#e2e8f0;font-size:.6875rem}.comment-time{color:#cbd5e1;font-size:.6875rem}.comment-empty{color:#cbd5e1;font-size:.78125rem;font-style:italic}.card-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:9px 16px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s}.card-btn:hover{background:#f8fafc;border-color:#cbd5e1}.card-btn:active{background:#f1f5f9}.footer{text-align:center;color:#cbd5e1;border-top:1px solid #f1f5f9;padding:24px 0;font-size:.75rem}.gate{background:#fafafa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gate-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 4px 24px #00000012}.gate-icon{margin-bottom:16px;font-size:3rem;display:block}.gate-title{letter-spacing:-.03em;color:#0f172a;font-size:1.625rem;font-weight:800}.gate-sub{color:#64748b;margin-top:8px;font-size:.9375rem;line-height:1.5}.gate-form{flex-direction:column;gap:10px;margin-top:28px;display:flex}.gate-input{color:#111827;text-align:center;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.gate-input:focus{border-color:#94a3b8}.gate-input--error{border-color:#f87171}.gate-error{color:#f87171;font-size:.75rem}.gate-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;padding:13px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s}.gate-btn:hover{background:#1e293b}.gate-note{color:#cbd5e1;margin-top:20px;font-size:.75rem}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;position:fixed;inset:0}.modal-positioner{z-index:50;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-positioner>*{pointer-events:auto}.modal{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:28px;box-shadow:0 24px 64px #0f172a26}.modal-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.modal-avatar{width:52px;height:52px}.modal-title{color:#0f172a;font-size:1.0625rem;font-weight:700;line-height:1.3}.modal-sub{color:#64748b;margin-top:3px;font-size:.8125rem}.modal-user{color:#64748b;background:#f8fafc;border-radius:10px;align-items:center;gap:6px;margin-bottom:20px;padding:10px 14px;font-size:.8125rem;display:flex}.change-user-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;padding:2px 8px;font-family:inherit;font-size:.75rem;transition:background .1s}.change-user-btn:hover{background:#f1f5f9}.modal-body{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:#374151;font-size:.8125rem;font-weight:500}.slider{accent-color:#0f172a;cursor:pointer;width:100%}.slider-marks{color:#94a3b8;justify-content:space-between;font-size:.6875rem;display:flex}.textarea{color:#111827;resize:none;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.875rem;line-height:1.55;transition:border-color .15s}.textarea:focus{border-color:#94a3b8}.textarea--error{border-color:#f87171}.field-error{color:#f87171;font-size:.75rem}.modal-foot{gap:10px;margin-top:24px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s}.btn-cancel:hover{background:#f8fafc}.btn-submit{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;flex:2;padding:11px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s}.btn-submit:hover{background:#1e293b}.card-visual--clickable{cursor:pointer;border-radius:12px;transition:background .15s}.card-visual--clickable:hover{background:#f8fafc}.history-modal{flex-direction:column;max-height:80vh;display:flex}.history-head{flex-shrink:0;align-items:center;gap:14px;margin-bottom:20px;display:flex}.history-head-text{flex:1;min-width:0}.history-total{color:#64748b;margin-top:3px;font-size:.8125rem}.history-close{color:#94a3b8;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;transition:background .15s;display:flex}.history-close:hover{color:#374151;background:#f8fafc}.history-list{flex-direction:column;gap:1px;display:flex;overflow-y:auto}.history-empty{color:#cbd5e1;text-align:center;padding:32px 0;font-size:.875rem;font-style:italic}.history-entry{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.history-entry:last-child{border-bottom:none}.entry-weight{color:#0f172a;flex-shrink:0;min-width:56px;padding-top:1px;font-size:.875rem;font-weight:700}.entry-body{flex:1;min-width:0}.entry-comment{color:#374151;word-break:break-word;font-size:.8125rem;font-style:italic;line-height:1.5}.entry-comment--silent{color:#cbd5e1;font-style:normal}.entry-meta{color:#94a3b8;margin-top:4px;font-size:.6875rem;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}