.test-meditation{position:fixed;inset:0;z-index:10000;background:#03090d;color:#effff8}.test-meditation[hidden],.test-scope-controls[hidden]{display:none}.test-scope-canvas{width:100%;height:100%;display:block;background:#030810}.test-scope-menu-row{position:absolute;z-index:2;top:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.test-scope-menu{position:static}.test-scope-controls{position:absolute;z-index:3;top:58px;right:16px;width:min(392px,calc(100vw - 32px));max-height:calc(100vh - 76px);overflow:auto;padding:18px;border:1px solid #28535a;border-radius:12px;background:rgba(8,26,27,.96);box-shadow:0 18px 44px #000c;backdrop-filter:blur(10px)}.test-scope-controls h2{margin:0 0 14px;font-size:18px}.test-scope-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.test-scope-actions button:last-child{grid-column:1/-1}.test-scope-controls label{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0;color:#c5ded8;font-size:13px}.test-scope-controls input,.test-scope-controls select{width:160px}.test-scope-controls output{grid-column:2;color:#8affd1;text-align:right;font-size:12px}.test-scope-controls input[type=range]{accent-color:#55d7d0}.test-scope-controls p{margin:15px 0 0;color:#a3c0ba;font-size:12px;line-height:1.55}.test-scope-title,.test-scope-kicker{margin:0 0 4px;color:#8affd1;font-size:11px;letter-spacing:.12em}.test-scope-controls hr{border:0;border-top:1px solid #26484d;margin:16px 0}.test-knob-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;margin-top:16px}.test-knob-cell{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.test-knob{--deg:0deg;cursor:ns-resize;touch-action:none;width:54px;height:54px;position:relative;border-radius:50%;background:radial-gradient(circle at 38% 30%,#436079 3%,#23374e 52%,#101a28 85%);border:2px solid #516e88;box-shadow:inset 0 -4px 5px #07121b,0 3px 9px #0007}.test-knob:before{content:'';position:absolute;inset:5px;border-radius:50%;border:2px dotted #849eb05b}.test-knob:after{content:'';height:21px;width:3px;border-radius:3px;background:#55d7d0;box-shadow:0 0 7px #55d7d0;position:absolute;top:6px;left:calc(50% - 1.5px);transform-origin:1.5px 20px;transform:rotate(var(--deg))}.test-knob-cell label,.test-knob-cell output{font-size:10px;line-height:1.25}.test-knob-cell label{color:#b6cdc8}.test-knob-cell output{color:#8affd1;min-height:13px}@media(max-width:820px){.test-scope-menu-row{top:10px;right:10px}.test-scope-controls{top:52px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 64px)}.test-scope-controls label{grid-template-columns:1fr minmax(130px,45%)}.test-scope-controls input,.test-scope-controls select{width:100%}}