.web-root[data-page=circuits] .circ{flex-direction:column;gap:20px;max-width:1400px;padding:28px 40px 64px;display:flex}.web-root[data-page=circuits] .circ-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.web-root[data-page=circuits] .circ-top h1{font-size:var(--t-28);letter-spacing:-.02em;font-weight:700}.web-root[data-page=circuits] .circ-top .sub{color:var(--text-2);margin-top:4px}.web-root[data-page=circuits] .circ-top .right{align-items:center;gap:8px;margin-left:auto;display:flex}.web-root[data-page=circuits] .circ-search{width:300px;height:40px}.web-root[data-page=circuits] .circ-top .btn-primary{min-height:40px}.web-root[data-page=circuits] .circ-top .btn-primary .ic{width:18px;height:18px}.web-root[data-page=circuits] .circ-bar{border-bottom:1px solid var(--stroke);align-items:center;gap:12px;padding-bottom:12px;display:flex}.web-root[data-page=circuits] .circ-count{font-size:var(--t-13);color:var(--text-2)}.web-root[data-page=circuits] .circ-count b{color:var(--text);font-weight:600}.web-root[data-page=circuits] .circ-bar .grow{flex:1}.web-root[data-page=circuits] .circ-sort{border:1px solid var(--stroke-2);height:36px;color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.web-root[data-page=circuits] .circ-sort:hover{border-color:var(--stroke-3);color:var(--text)}.web-root[data-page=circuits] .circ-sort select{appearance:none;color:var(--text);font:500 var(--t-13) var(--font-ui);cursor:pointer;background:0 0;border:0;padding-right:18px}.web-root[data-page=circuits] .circ-sort select:focus-visible{outline:none}.web-root[data-page=circuits] .circ-sort:focus-within{outline:2px solid var(--accent);outline-offset:2px}.web-root[data-page=circuits] .circ-sort select option{background:var(--surface-2);color:var(--text)}.web-root[data-page=circuits] .circ-sort .chev{pointer-events:none;color:var(--text-3);position:absolute;right:8px}.web-root[data-page=circuits] .circ-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;display:grid}.web-root[data-page=circuits] .cc{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--stroke);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.web-root[data-page=circuits] .cc:not(.cc-new):hover{border-color:var(--stroke-3);transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.web-root[data-page=circuits] .cc-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--stroke);background:#17191c radial-gradient(#ffffff0b 1px,#0000 1.3px) 0 0/14px 14px;display:block}.web-root[data-page=circuits] .cc-thumb img{object-fit:cover;width:100%;height:100%}.web-root[data-page=circuits] .cc-empty{width:100%;height:100%;color:var(--text-3);place-items:center;display:grid}.web-root[data-page=circuits] .cc-body{flex-direction:column;gap:4px;padding:10px 8px 12px 14px;display:flex}.web-root[data-page=circuits] .cc-row{align-items:center;gap:4px;display:flex}.web-root[data-page=circuits] .cc-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.web-root[data-page=circuits] .cc-name:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--stroke-3);text-decoration-color:var(--stroke-3)}.web-root[data-page=circuits] .cc-more{color:var(--text-3);flex:none}.web-root[data-page=circuits] .cc-more:hover,.web-root[data-page=circuits] .cc-more[aria-expanded=true]{color:var(--text);background:var(--surface-2)}.web-root[data-page=circuits] .cc-meta{font-size:var(--t-12);color:var(--text-3);align-items:center;gap:8px;padding-right:6px;display:flex}.web-root[data-page=circuits] .cc-meta .dot{opacity:.7;background:currentColor;border-radius:50%;width:3px;height:3px}.web-root[data-page=circuits] .cc-new{border-style:dashed;border-color:var(--stroke-3);background:0 0}.web-root[data-page=circuits] .cc-new-main{text-align:center;min-height:180px;transition:background var(--dur) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px 16px;display:flex}.web-root[data-page=circuits] .cc-new-main:hover{background:var(--surface)}.web-root[data-page=circuits] .cc-new-ic{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.web-root[data-page=circuits] .cc-new-ic .ic{width:26px;height:26px}.web-root[data-page=circuits] .cc-new-t{font-weight:600;font-size:var(--t-15)}.web-root[data-page=circuits] .cc-new-s{font-size:var(--t-13);color:var(--text-2)}.web-root[data-page=circuits] .cc-new-alt{border-top:1px dashed var(--stroke-2);min-height:44px;font-size:var(--t-13);color:var(--text-2);justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.web-root[data-page=circuits] .cc-new-alt:hover{color:var(--text);background:var(--surface)}.web-root[data-page=circuits] .cc-new-alt .ic{width:16px;height:16px;color:var(--accent)}.web-root[data-page=circuits] .cmenu{z-index:90;background:var(--surface-2);min-width:200px;box-shadow:var(--shadow-float);animation:cmenu-in .14s var(--ease);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed}@keyframes cmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.web-root[data-page=circuits] .cmenu button{text-align:left;min-height:36px;font-size:var(--t-13);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;display:flex}.web-root[data-page=circuits] .cmenu button:hover,.web-root[data-page=circuits] .cmenu button:focus-visible{background:var(--surface-3);outline:none}.web-root[data-page=circuits] .cmenu button .ic{width:16px;height:16px;color:var(--text-2)}.web-root[data-page=circuits] .cmenu button.is-danger,.web-root[data-page=circuits] .cmenu button.is-danger .ic{color:var(--danger)}.web-root[data-page=circuits] .cmenu button.is-danger{margin-top:4px;position:relative}.web-root[data-page=circuits] .cmenu button.is-danger:before{content:"";background:var(--stroke);height:1px;position:absolute;top:-3px;left:6px;right:6px}.web-root[data-page=circuits] .cdialog{z-index:100;border-radius:var(--r-lg);background:var(--surface);width:min(92vw,420px);box-shadow:var(--shadow-float);flex-direction:column;gap:12px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.web-root[data-page=circuits] .cdialog h2{font-size:var(--t-17);font-weight:650}.web-root[data-page=circuits] .cdialog p{color:var(--text-2);font-size:var(--t-15)}.web-root[data-page=circuits] .cdialog-in{border:1px solid var(--stroke-2);background:var(--bg);height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px}.web-root[data-page=circuits] .cdialog-in:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.web-root[data-page=circuits] .cdialog-cta{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.web-root[data-page=circuits] .cundo{left:50%;bottom:calc(24px + var(--safe-bottom));z-index:120;box-shadow:var(--shadow-float);font-size:var(--t-13);animation:toast-in .22s var(--ease);background:#26272c;border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex;position:fixed;transform:translate(-50%)}.web-root[data-page=circuits] .cundo .ic{width:18px;height:18px;color:var(--text-2)}.web-root[data-page=circuits] .circ-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 16px 24px;display:flex}.web-root[data-page=circuits] .circ-empty-art{opacity:.95;filter:drop-shadow(0 18px 30px #00000073);width:min(420px,80vw);height:auto;margin-bottom:8px}.web-root[data-page=circuits] .circ-empty h2{font-size:var(--t-22);letter-spacing:-.01em;font-weight:700}.web-root[data-page=circuits] .circ-empty p{color:var(--text-2);max-width:46ch}.web-root[data-page=circuits] .circ-empty-cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.web-root[data-page=circuits] .circ-none{border-radius:var(--r-md);border:1px dashed var(--stroke-2);color:var(--text-2);align-items:center;gap:12px;padding:24px;display:flex}.web-root[data-page=circuits] .circ-none .ic{width:22px;height:22px}.web-root[data-page=circuits] .circ-foot{font-size:var(--t-12);color:var(--text-3);align-items:center;gap:8px;margin-top:8px;display:flex}.web-root[data-page=circuits] .circ-foot .ic{width:16px;height:16px}@media (width<=1100px) and (width>=768px){.web-root[data-page=circuits] .circ{padding:24px 24px 56px}.web-root[data-page=circuits] .circ-search{width:220px}}@media (width<=767px){.web-root[data-page=circuits] .circ{padding:calc(var(--safe-top) + 12px) 16px 24px;gap:14px}.web-root[data-page=circuits] .circ-top .sub{display:none}.web-root[data-page=circuits] .circ-top .right{width:100%;margin-left:0}.web-root[data-page=circuits] .circ-search{flex:1;width:auto;min-width:0}.web-root[data-page=circuits] .circ-top .btn-primary span:not(.ic){display:none}.web-root[data-page=circuits] .circ-top .btn-primary{width:40px;padding:0}.web-root[data-page=circuits] .circ-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.web-root[data-page=circuits] .cc-body{padding:8px 4px 10px 10px}.web-root[data-page=circuits] .cc-meta .mono,.web-root[data-page=circuits] .cc-meta .dot{display:none}.web-root[data-page=circuits] .cc-new-main{min-height:0;padding:16px 8px}.web-root[data-page=circuits] .cc-new-ic{width:40px;height:40px}.web-root[data-page=circuits] .cc-new-s{display:none}.web-root[data-page=circuits] .cc-new-alt span{font-size:var(--t-12)}.web-root[data-page=circuits] .app.has-tabbar~.cundo,.web-root[data-page=circuits] .cundo{bottom:calc(76px + var(--safe-bottom))}}