body.trade-page{background-color:#fff;background-image:radial-gradient(#D1D1D1 1px,transparent 1px);background-size:32px 32px;color:#1b1b1b}.trade-layout{display:flex;align-items:flex-start;min-height:100vh;padding-top:58px;box-sizing:border-box}.trade-sidenav{position:sticky;top:58px;height:calc(100vh - 58px);flex:0 0 256px;width:256px;background:#fff;border-right:2px solid #000000;display:flex;flex-direction:column;padding:20px 0;z-index:40}.ts-header{padding:0 16px;margin-bottom:24px}.ts-title{font-family:JetBrains Mono,monospace;font-size:18px;line-height:1.2;letter-spacing:.05em;font-weight:600;color:#000;margin-bottom:4px}.ts-id{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1;letter-spacing:.15em;font-weight:700;color:#7e7576}.ts-scroll{flex:1;overflow-y:auto;padding:0 16px}.ts-scroll>div+div{margin-top:32px}.ts-scroll::-webkit-scrollbar{width:8px}.ts-scroll::-webkit-scrollbar-track{background:#fff;border-left:1px solid #000000}.ts-scroll::-webkit-scrollbar-thumb{background:#7e7576;border:1px solid #ffffff}.ts-scroll::-webkit-scrollbar-thumb:hover{background:#000}.ts-cat-link{display:flex;align-items:center;gap:8px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1;letter-spacing:.15em;font-weight:700;color:#4c4546;border-left:4px solid transparent;margin-bottom:16px;transition:color .15s ease,background-color .15s ease,border-color .15s ease;text-decoration:none}.ts-cat-link:hover{color:#000;background-color:#e2e2e2;border-left-color:#000}.ts-cat-link.is-active{background-color:#000;color:#fff;border-left-color:#0078b3}.ts-cat-link.is-active:hover{background-color:#e2e2e2;color:#000;border-left-color:#0078b3}.trade-sidenav .material-symbols-outlined{font-size:14px;line-height:1}.ts-sub{padding-left:16px;border-left:1px solid #D1D1D1;margin-left:8px;display:flex;flex-direction:column;gap:12px}.ts-sub-label{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1;letter-spacing:.05em;font-weight:500;color:#4c4546;text-transform:uppercase;margin-bottom:8px}.ts-check{display:flex;align-items:center;gap:8px;cursor:pointer}.ts-box{width:16px;height:16px;border:1px solid #000000;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 16px;transition:border-color .15s ease}.ts-dot{width:8px;height:8px;background:#000;opacity:0;transition:opacity .15s ease}.ts-check.is-checked .ts-dot,.ts-check:hover .ts-dot{opacity:1}.ts-check:hover .ts-box{border-color:#000}.ts-check>span:last-child{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1;letter-spacing:.15em;font-weight:700;color:#4c4546;transition:color .15s ease}.ts-check.is-checked>span:last-child{color:#000}.ts-check:hover>span:last-child{color:#000}.ts-foot{padding:16px 16px 0;border-top:2px solid #000000;margin-top:auto;display:flex;flex-direction:column;gap:8px}.ts-exec{width:100%;background:transparent;border:2px solid #000000;color:#000;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1;letter-spacing:.15em;font-weight:700;padding:9px 0;margin-bottom:8px;position:relative;overflow:hidden;transition:color .2s ease;cursor:pointer}.ts-exec:after{content:"";position:absolute;inset:0;background:#000;transform:translateY(100%);transition:transform .2s ease;z-index:0}.ts-exec:hover{color:#fff}.ts-exec:hover:after{transform:translateY(0)}.ts-exec span{position:relative;z-index:1}.ts-link{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1;letter-spacing:.15em;font-weight:700;color:#4c4546;text-decoration:none;padding:2px 0;transition:color .15s ease}.ts-link:hover{color:#000}.ts-link .material-symbols-outlined{font-size:12px}.trade-main{flex:1;min-width:0;padding:32px}.ts-pagehead{border-bottom:2px solid #000000;padding-bottom:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px}.ts-pagehead h1{font-family:JetBrains Mono,monospace;font-size:36px;line-height:1.1;letter-spacing:-.04em;font-weight:700;color:#000;margin:0}.ts-pagehead p{font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:#4c4546;margin:0}.ts-panel{border:2px solid #000000;padding:48px 32px;text-align:center;color:#4c4546;background:#fff9;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.ts-panel strong{display:block;font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:.15em;color:#000;margin-bottom:8px}.ts-panel p{margin:0;font-size:14px;line-height:1.6}@media (max-width: 900px){.trade-sidenav{display:none}.trade-main{padding:16px}.ts-pagehead h1{font-size:28px}}.ts-head-left{min-width:0}.ts-search{display:flex;align-items:center;gap:10px;border:2px solid #000;background:#fff;padding:11px 14px;width:100%;max-width:460px;margin-top:16px}.ts-search .material-symbols-outlined{font-size:18px;color:#666}.ts-search input{flex:1;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.05em;color:#111;background:transparent}.ts-search input::placeholder{color:#999}.ts-search .ts-search-go{color:#000;cursor:pointer;font-size:16px}.ts-module{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;color:#222;margin-bottom:10px;white-space:nowrap}.ts-diamond{width:8px;height:8px;background:currentColor;clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);flex:0 0 8px}.ts-pagehead-right{text-align:right}.ts-matches{font-family:JetBrains Mono,monospace;font-size:12px;color:#666;margin-bottom:6px}.ts-matches b{color:#000;font-weight:700}.ts-sort{color:#0078b3;border-bottom:1px dashed #0078B3;cursor:pointer}.ts-pagehead p{font-size:14px;line-height:1.5;color:#4c4546;margin:0}.ts-tags{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #aeaeae}.ts-tag{border-radius:50px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;cursor:pointer;border:1px solid #aeaeae;background:#fff;color:#222;transition:all .2s;user-select:none}.ts-tag:hover{border-color:#000;color:#000}.ts-tag.is-active{background:#000;color:#fff;border-color:#222}.ts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#aeaeae;border:1px solid #aeaeae;margin-top:0}.ts-card{background:#fff;padding:18px;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;transition:background .2s}.ts-card:hover{background:#fafafa}.ts-card-imgwrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:5px;z-index:1}.ts-card-imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ts-card-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.ts-card-blur{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(40px);z-index:0;opacity:0;transform:scale(1);transition:opacity .5s ease,transform .5s ease}.ts-card-blur:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000000a,#00000085)}.ts-card:hover .ts-card-blur{opacity:1;transform:scale(1.5)}.ts-card:hover .ts-card-imgwrap img{transform:scale(1.1)}.ts-card:hover .ts-card-title{color:#fff}.ts-card:hover .ts-card-spec{color:#cfcfcf}.ts-card:hover .ts-card-spec i{background:#fff6}.ts-card:hover .ts-card-color{color:#bbb}.ts-card:hover .ts-card-price{color:#fff}.ts-card:hover .ts-stock.is-low{background:#ffffffd9;color:#333}.ts-card-title{font-size:14px;font-weight:700;color:#111;line-height:1.4;margin:12px 0 0;min-height:40px}.ts-card-spec{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;color:#666;margin-top:8px}.ts-card-spec i{width:1px;height:10px;background:#d0d0d0;flex:0 0 1px}.ts-card-color{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:#888;margin-top:6px}.ts-swatch{width:10px;height:10px;border-radius:50%;border:1px solid #ccc;flex:0 0 10px}.ts-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.ts-price{font-size:18px;font-weight:800;color:#000}.ts-stock{font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 9px;border-radius:50px;background:#000;color:#fff}.ts-stock.is-low{background:#e9e9e9;color:#666}.ts-stock.is-new{background:#0078b3;color:#fff}.ts-btn{margin-top:12px;width:100%;height:36px;background:#f0f0f0;border:1px solid #aeaeae;color:#222;display:flex;align-items:center;justify-content:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px);position:relative;overflow:hidden;transition:border-color .4s ease;cursor:pointer}.ts-btn:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:#222;z-index:-1;transition:all .4s ease-in-out}.ts-btn:hover:before{left:0;width:100%}.ts-btn:hover{color:#fff;border-color:#222}.ts-card-change{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.05em}.ts-c-up{color:#d93025}.ts-c-down{color:#1a7f37}.ts-c-flat{color:#999}@media (max-width: 1400px){.ts-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.ts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.ts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.ts-grid{grid-template-columns:1fr}}