.net-test{position:relative;width:100%;background:radial-gradient(ellipse at 30% 30%,rgba(212,148,71,.06),transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(244,200,120,.04),transparent 70%),#0a0604;color:#f4e0c0e6;overflow:hidden}.net-test-canvas-wrap{position:relative;width:100%;height:720px}.net-test canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.net-test canvas:active{cursor:grabbing}.net-test-cap{position:absolute;left:50%;bottom:70px;transform:translate(-50%);width:min(580px,86%);margin:0;text-align:center;z-index:6;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;line-height:1.4;color:#f6ecdb;text-shadow:0 1px 10px rgba(0,0,0,.85);background:#07040273;border-radius:9px;padding:7px 14px;opacity:0;transition:opacity .3s;pointer-events:none}.net-test-cap.is-visible{opacity:1}.net-test-controls{position:absolute;left:0;right:0;bottom:16px;z-index:7;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 12px}.net-test-btn{appearance:none;min-width:38px;height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;background:#f4ecdd0f;border:1px solid rgba(212,148,71,.32);color:#f0e6d6;border-radius:6px;cursor:pointer;font-size:14px;font-family:JetBrains Mono,ui-monospace,monospace;transition:border-color .18s,background .18s}.net-test-btn:hover{border-color:#f4c878b3;background:#d494471f}.net-test-btn-play{width:44px;height:44px;border-color:#f4c8788c;color:#f4c878}.net-test-btn-text{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.net-test-btn-text.is-on{border-color:#f4c878b3;color:#f4c878;background:#f4c8781a}.net-test-count{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:#f0e6d699;padding:0 6px}.net-test-progress{position:absolute;top:0;left:0;right:0;height:2px;display:flex;gap:2px;z-index:6}.net-test-progress span{flex:1;background:#d4944729}.net-test-progress span.is-done{background:linear-gradient(90deg,#d49447cc,#f4c878f2)}.net-test-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#d49447d9;font:600 11px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;transition:opacity .6s ease}.net-test-loader.is-done{opacity:0}.net-test-loader-bar{width:220px;height:2px;background:#d494472e;overflow:hidden;border-radius:1px}.net-test-loader-bar>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#d49447a6,#f4c878f2);transition:width .3s ease}.net-test-hint{position:absolute;bottom:18px;right:22px;font:600 9.5px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#d494478c;pointer-events:none;opacity:0;transition:opacity .6s ease}.net-test.is-ready .net-test-hint{opacity:1}.net-test-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.net-test-label{position:absolute;top:0;left:0;background:#0c0805e0;backdrop-filter:blur(8px);border:1px solid rgba(244,200,120,.55);border-radius:999px;padding:8px 18px 9px;color:#f4e0c0;font:500 14px/1.1 Cormorant Garamond,Georgia,serif;letter-spacing:.005em;white-space:nowrap;box-shadow:0 4px 18px #0000008c,0 0 24px #f4c8782e;opacity:0;will-change:transform,opacity;pointer-events:none;text-align:center}.net-test-label.is-visible{opacity:1}.net-test-label:after{content:"";position:absolute;left:50%;top:calc(100% + 1px);width:1px;height:22px;background:linear-gradient(to bottom,#f4c878d9,#f4c87800);transform:translate(-50%)}.net-test-label:before{content:"";position:absolute;left:50%;top:calc(100% + 22px);width:5px;height:5px;background:#f4c878f2;box-shadow:0 0 6px #f4c878d9;border-radius:50%;transform:translate(-50%) translateY(-50%)}.net-test-label-tier{display:block;font:600 9px/1 ui-monospace,JetBrains Mono,monospace;color:#d49447bf;margin-bottom:4px;letter-spacing:.2em;text-transform:uppercase}.net-test-cards{position:absolute;inset:24px auto 24px 24px;width:280px;display:flex;flex-direction:column;gap:12px;z-index:4;pointer-events:none}.net-test-cards-head{display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:auto}.net-test-cards-eyebrow{margin:0;font:600 10px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.2em;text-transform:uppercase;color:#d49447a6}.net-test-autoplay{appearance:none;background:#140e099e;backdrop-filter:blur(6px);border:1px solid rgba(212,148,71,.3);color:#f4c878eb;padding:5px 10px;border-radius:4px;font:600 9.5px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px;pointer-events:auto;transition:background .18s ease,border-color .18s ease}.net-test-autoplay:hover{background:#281a0ed9;border-color:#f4c878a6}.net-test-autoplay[aria-pressed=true]{background:#d4944733;border-color:#f4c878d9}.net-test-autoplay-icon{font-size:10px}.net-test-cards ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.net-test-card{appearance:none;background:#140e099e;backdrop-filter:blur(6px);border:1px solid rgba(212,148,71,.18);border-radius:4px;padding:10px 12px;text-align:left;color:inherit;cursor:pointer;pointer-events:auto;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.net-test-card:hover,.net-test-card:focus-visible,.net-test-card.is-active{background:#281a0ed9;border-color:#f4c8788c;outline:none;transform:translate(2px)}.net-test-card-num{grid-row:1 / 3;align-self:center;font:600 11px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.1em;color:#f4c878d9}.net-test-card-name{font:500 16px/1.1 Cormorant Garamond,Georgia,serif;color:#f4e0c0}.net-test-card-micro{font:400 12px/1.3 Cormorant Garamond,Georgia,serif;color:#f4e0c08c;font-style:italic}.net-test-panel{position:absolute;top:24px;right:24px;width:320px;max-height:calc(100% - 48px);background:#0f0a06e0;backdrop-filter:blur(10px);border:1px solid rgba(212,148,71,.3);border-radius:4px;padding:22px 22px 18px;z-index:5;transform:translate(24px);opacity:0;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .42s ease;pointer-events:none}.net-test-panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.net-test-panel-eyebrow{margin:0 0 6px;font:600 10px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.2em;text-transform:uppercase;color:#f4c878b3}.net-test-panel-title{margin:0 0 12px;font:500 28px/1.05 Cormorant Garamond,Georgia,serif;color:#f4e0c0;letter-spacing:.005em}.net-test-panel-body{margin:0 0 18px;font:400 15px/1.5 Cormorant Garamond,Georgia,serif;color:#f4e0c0d1}.net-test-panel-back{appearance:none;background:transparent;border:1px solid rgba(212,148,71,.45);color:#f4c878f2;padding:8px 14px;border-radius:4px;font:600 11px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s ease,border-color .18s ease}.net-test-panel-back:hover{background:#d494471f;border-color:#f4c878d9}@media(max-width:880px){.net-test-canvas-wrap{height:560px}.net-test-cards{inset:auto auto 12px 12px;width:calc(100% - 24px);flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.net-test-cards-eyebrow{display:none}.net-test-cards ol{flex-direction:row;gap:8px}.net-test-card{min-width:180px}.net-test-panel{top:12px;right:12px;left:12px;width:auto;max-height:50%;padding:16px 16px 14px}}