html,body{background:var(--page-bg,#000);width:100%;height:100%;margin:0;padding:0;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--page-bg,#000);--matrix-color:#00ff41;--matrix-rgb:0, 255, 65;--hint-opacity:.5;--page-bg:#000}.matrix-rain{z-index:0;display:block;position:fixed;inset:0}.hint-fade{z-index:1;opacity:var(--hint-opacity);pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hint{white-space:nowrap;color:rgba(var(--matrix-rgb), .45);letter-spacing:.08em;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(var(--matrix-rgb), .5);font-family:Courier New,Consolas,monospace;font-size:13px;font-weight:700;animation:8s ease-in-out infinite hint-cycle}.hint-hidden{visibility:hidden}@keyframes hint-cycle{0%{opacity:0}37.5%{opacity:1}50%{opacity:1}87.5%{opacity:0}to{opacity:0}}.icon-toggle{z-index:2;background:rgba(var(--matrix-rgb), .06);border:1px solid rgba(var(--matrix-rgb), .35);width:34px;height:34px;color:rgba(var(--matrix-rgb), .7);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s,border-color .2s,opacity .3s,visibility .3s;display:flex;position:fixed;top:14px}.icon-toggle.controls-hidden{opacity:0;visibility:hidden;pointer-events:none}.icon-toggle:hover{background:rgba(var(--matrix-rgb), .14);border-color:rgba(var(--matrix-rgb), .7);color:rgba(var(--matrix-rgb), .95)}.icon-toggle:focus-visible{outline:1px solid rgba(var(--matrix-rgb), .9);outline-offset:2px}.icon-toggle svg{width:18px;height:18px;display:block}.settings-toggle{left:14px}.fullscreen-toggle{right:14px}.settings-overlay{z-index:10;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-dialog{background:#000000f0;background:color-mix(in srgb, var(--matrix-color) 8%, #000000f0);border:1px solid rgba(var(--matrix-rgb), .5);width:min(420px,100%);max-height:100%;box-shadow:0 0 28px rgba(var(--matrix-rgb), .25);color:rgba(var(--matrix-rgb), .85);border-radius:6px;font-family:Courier New,Consolas,monospace;overflow-y:auto}.settings-header{border-bottom:1px solid rgba(var(--matrix-rgb), .25);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settings-header .icon-toggle{width:28px;height:28px;position:static}.settings-title{letter-spacing:.12em;margin:0;font-size:16px;font-weight:700}.settings-list{padding:4px 16px 8px}.settings-item{border-bottom:1px dashed rgba(var(--matrix-rgb), .15);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-item label{cursor:pointer}.settings-control{align-items:center;gap:10px;display:flex}.settings-options{align-items:center;gap:16px;display:flex}.settings-option{cursor:pointer;align-items:center;gap:6px;display:flex}.settings-value{text-align:right;opacity:.7;font-variant-numeric:tabular-nums;min-width:4ch}.settings-dialog input[type=checkbox]{appearance:none;background:rgba(var(--matrix-rgb), .08);border:1px solid rgba(var(--matrix-rgb), .55);cursor:pointer;border-radius:3px;flex:none;width:18px;height:18px;margin:0;transition:background-color .15s,border-color .15s;position:relative}.settings-dialog input[type=checkbox]:checked{background-color:var(--matrix-color);border-color:var(--matrix-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}.settings-dialog input[type=checkbox]:focus-visible,.settings-dialog input[type=radio]:focus-visible,.settings-dialog input[type=range]:focus-visible,.settings-dialog input[type=text]:focus-visible,.settings-dialog select:focus-visible,.settings-dialog input[type=color]:focus-visible{outline:1px solid rgba(var(--matrix-rgb), .9);outline-offset:2px}.settings-dialog input[type=radio]{appearance:none;background-color:rgba(var(--matrix-rgb), .08);border:1px solid rgba(var(--matrix-rgb), .55);cursor:pointer;border-radius:50%;flex:none;width:16px;height:16px;margin:0;transition:background-color .15s,border-color .15s}.settings-dialog input[type=radio]:checked{background-color:#0000;background-image:radial-gradient(circle, var(--matrix-color) 0 3px, transparent 3.5px);border-color:var(--matrix-color)}.settings-dialog input[type=range]{appearance:none;cursor:pointer;background:0 0;width:150px;height:16px;margin:0}.settings-dialog input[type=range]::-webkit-slider-runnable-track{background:rgba(var(--matrix-rgb), .3);border-radius:2px;height:4px}.settings-dialog input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--matrix-color);width:14px;height:14px;box-shadow:0 0 6px rgba(var(--matrix-rgb), .6);border:none;border-radius:50%;margin-top:-5px}.settings-dialog input[type=range]::-moz-range-track{background:rgba(var(--matrix-rgb), .3);border-radius:2px;height:4px}.settings-dialog input[type=range]::-moz-range-thumb{background:var(--matrix-color);border:none;border-radius:50%;width:14px;height:14px}.settings-dialog input[type=color]{background:rgba(var(--matrix-rgb), .06);border:1px solid rgba(var(--matrix-rgb), .35);cursor:pointer;border-radius:4px;width:64px;height:30px;padding:3px}.settings-dialog input[type=color]::-webkit-color-swatch-wrapper{padding:0}.settings-dialog input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.settings-dialog input[type=color]::-moz-color-swatch{border:none;border-radius:2px}.settings-dialog input[type=text]{background:rgba(var(--matrix-rgb), .06);border:1px solid rgba(var(--matrix-rgb), .35);min-width:0;max-width:220px;color:inherit;border-radius:4px;flex:1;padding:6px 8px;font-family:inherit;font-size:14px}.settings-dialog input[type=text]::placeholder{color:rgba(var(--matrix-rgb), .4)}.settings-dialog select{background:rgba(var(--matrix-rgb), .06);border:1px solid rgba(var(--matrix-rgb), .35);min-width:110px;color:inherit;cursor:pointer;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:14px}.settings-dialog select option{color:var(--matrix-color);background:#000}.settings-footer{border-top:1px solid rgba(var(--matrix-rgb), .25);padding:12px 16px 16px}.reset-button{background:rgba(var(--matrix-rgb), .06);border:1px dashed rgba(var(--matrix-rgb), .45);width:100%;color:rgba(var(--matrix-rgb), .75);letter-spacing:.08em;cursor:pointer;border-radius:4px;padding:9px 12px;font-family:Courier New,Consolas,monospace;font-size:14px;transition:color .2s,background-color .2s,border-color .2s}.reset-button:hover{background:rgba(var(--matrix-rgb), .14);border-color:rgba(var(--matrix-rgb), .85);color:rgba(var(--matrix-rgb), .95)}.reset-button:focus-visible{outline:1px solid rgba(var(--matrix-rgb), .9);outline-offset:2px}@media (prefers-reduced-motion:reduce){.icon-toggle,.reset-button,.settings-dialog input[type=checkbox],.settings-dialog input[type=radio]{transition:none}.hint{opacity:1;animation:none!important}}