*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f7f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:1080px;margin:0 auto;padding:0 24px 100px}.top-section{border-bottom:1px solid #e8e8e5;padding:32px 0 24px}h1{color:#1a1a1a;letter-spacing:-.5px;font-size:28px;font-weight:600}.top-section p{color:#888;margin-top:4px;font-size:14px}.variant-tabs{scrollbar-width:none;gap:8px;margin-top:20px;padding-bottom:2px;display:flex;overflow-x:auto}.variant-tabs::-webkit-scrollbar{display:none}.vtab{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0dd;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;padding:10px 16px;transition:all .15s;display:flex}.vtab:hover{border-color:#bbb}.vtab.active{background:#0052ff;border-color:#0052ff}.vtab-name{color:#1a1a1a;font-size:13px;font-weight:600}.vtab.active .vtab-name{color:#fff}.vtab-desc{color:#aaa;font-size:11px;font-weight:400}.vtab.active .vtab-desc{color:#ffffff8c}.search-section{padding:20px 0 4px;position:relative}.search-row{align-items:center;gap:8px;display:flex}.search-box{background:#fff;border:1px solid #ddd;border-radius:12px;flex:1;align-items:center;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:#0052ff}.search-box.open{border-bottom-color:#eee;border-bottom-right-radius:0;border-bottom-left-radius:0}.s-icon{color:#bbb;flex-shrink:0;padding:0 14px;font-size:17px}.s-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;height:46px;font-size:14px}.s-input::placeholder{color:#ccc}.s-clear{cursor:pointer;color:#ccc;background:0 0;border:none;align-items:center;padding:0 14px;font-size:15px;display:flex}.s-clear:hover{color:#888}.signup-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0052ff;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;height:46px;padding:0 20px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.signup-btn:hover{background:#0047dd}.signup-btn i{font-size:15px}.search-drop{z-index:100;background:#fff;border:1px solid #0052ff;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;position:absolute;left:0;right:80px;overflow:hidden}.drop-empty{color:#aaa;text-align:center;padding:14px;font-size:13px}.drop-item{cursor:pointer;border-top:1px solid #f0f0f0;align-items:center;gap:10px;padding:10px 16px;display:flex}.drop-item:first-child{border-top:none}.drop-item:hover{background:#f7f7f5}.drop-icon{color:#ccc;flex-shrink:0;font-size:14px}.drop-name{color:#1a1a1a;font-size:13px}.drop-name mark{color:#0052ff;background:0 0;font-weight:600}.drop-path{color:#aaa;margin-top:1px;font-size:11px}.hints{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hint{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0dd;border-radius:20px;padding:4px 12px;font-size:12px;transition:all .1s}.hint:hover{color:#0052ff;border-color:#0052ff}.catalog{background:#fff;border:1px solid #e8e8e5;border-radius:14px;min-height:440px;margin-top:16px;display:flex;overflow:hidden}.sidebar{border-right:1px solid #f0f0ee;flex-direction:column;flex-shrink:0;gap:1px;width:200px;padding:10px 8px;display:flex}.sidebar-item{cursor:pointer;color:#666;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:all .1s;display:flex}.sidebar-item i{flex-shrink:0;font-size:15px}.sidebar-item:hover{color:#0052ff;background:#e6eeff}.sidebar-item.active{color:#0052ff;background:#e8f0fd;font-weight:500}.content{flex:1;padding:16px 20px;overflow:auto}.subcats{grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;display:grid}.subcat{border:1px solid #eeeeec;border-radius:10px;overflow:hidden}.subcat-header{cursor:pointer;color:#1a1a1a;text-align:left;background:#fafaf8;border:none;align-items:center;gap:7px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.subcat-header:hover{background:#e6eeff}.subcat-header i:first-child{color:#999;flex-shrink:0;font-size:14px}.sub-name{flex:1}.sub-count{color:#bbb;font-size:11px;font-weight:400}.sub-chevron{color:#ccc;font-size:13px}.services{list-style:none}.service{color:#555;border-top:1px solid #f5f5f3;padding:5px 12px 5px 34px;font-size:12.5px;line-height:1.45}.vote-bar{z-index:200;background:#fff;border-top:1px solid #e8e8e5;align-items:center;gap:12px;padding:12px 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.vote-left{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.vote-label{color:#aaa;font-size:11px}.vote-variant{color:#1a1a1a;font-size:13px}.vote-comment{color:#1a1a1a;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;min-width:180px;height:36px;padding:0 12px;font-size:13px}.vote-comment:focus{border-color:#0052ff}.vote-btn{color:#fff;cursor:pointer;background:#0052ff;border:none;border-radius:8px;flex-shrink:0;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:background .15s}.vote-btn:hover{background:#0047dd}.vote-btn:disabled{opacity:.4;cursor:default}.vote-thanks{align-items:center;gap:8px;font-size:14px;display:flex}.vote-thanks i{color:#22c55e;font-size:20px}.variant-desc-bar{color:#029;background:#e6eeff;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.variant-desc-bar i{color:#0052ff;flex-shrink:0;margin-top:1px;font-size:15px}.variant-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid!important}.vtab{flex-shrink:unset!important;white-space:normal!important;min-width:0!important;padding:8px 12px!important}.vtab-name{font-size:12px!important}.vtab-desc{white-space:normal;line-height:1.3;font-size:10px!important}