.aoi-random{box-sizing:border-box;max-width:700px;margin:24px auto;padding:22px 28px;color:#f6f5ff;background:#11101d;border:1px solid #414052;border-radius:4px;text-align:left;font-family:monospace;position:relative;overflow:hidden}
.aoi-random::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff04 5px 6px)}
.aoi-random-signal{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.17em;color:#bdb8cc;margin-bottom:13px}.aoi-random-signal span{margin-left:auto;color:#89ffdf}
.aoi-random .aoi-random-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;text-decoration:none!important;color:#fff!important;font-size:clamp(18px,3vw,28px);line-height:1.3;font-weight:800;letter-spacing:.035em;border:1px solid #84fbd3;border-left:4px solid #84fbd3;padding:16px 20px;background:#202033;box-shadow:5px 5px 0 #f04fa8;cursor:pointer}
.aoi-random-label{position:relative;isolation:isolate}.aoi-random-label::before,.aoi-random-label::after{content:attr(data-echo);position:absolute;inset:0;pointer-events:none;opacity:.65;clip-path:inset(40% 0 43% 0);color:#90ffe0;transform:translateX(-2px);animation:aoi-random-glitch 7s infinite steps(1)}
.aoi-random-label::after{color:#ff6dbc;transform:translateX(2px);clip-path:inset(65% 0 15% 0);animation-direction:reverse}
.aoi-random-trigger:hover{background:#302443!important}.aoi-random-arrow{color:#9effdf;font-size:32px}.aoi-random .aoi-random-hint{margin:14px 0 0;color:#cbc6dc;font-size:12px;line-height:1.5}
@keyframes aoi-random-glitch{0%,94%,100%{transform:translateX(0)}95%{transform:translateX(-4px)}97%{transform:translateX(3px)}}
.aoi-random-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 28px));max-width:820px;max-height:calc(100dvh - 28px);padding:0;border:1px solid #777185;border-radius:12px;background:#141322;color:#f6f4ff;box-shadow:0 30px 120px #0009;font-family:system-ui,sans-serif;overflow:auto}
.aoi-random-dialog::backdrop{background:#080712d9;backdrop-filter:blur(7px)}
.aoi-random-dialog *{box-sizing:border-box}.aoi-random-dialog [hidden]{display:none!important}
.aoi-random-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #3c384f;color:#bdb6d0;font:11px monospace;letter-spacing:.1em}
.aoi-random-dialog button{font:600 14px system-ui,sans-serif;border:1px solid #655d7a;border-radius:5px;padding:10px 16px;color:#f6f4ff;background:#302a43;cursor:pointer;min-height:44px}
.aoi-random-dialog button:disabled{opacity:.6;cursor:wait}.aoi-random-dialog .aoi-random-close{font-size:22px;padding:3px 14px}
.aoi-random-body{padding:24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center}
.aoi-random-visual{min-width:0;background:linear-gradient(135deg,#30354d,#33243f);border:1px solid #524866;border-radius:6px;overflow:hidden;aspect-ratio:1;display:grid;place-items:center}
.aoi-random-visual img{display:block;width:100%;height:100%;object-fit:contain;grid-area:1/1}.aoi-random-placeholder{font:70px monospace;color:#b5ffe5;grid-area:1/1}
.aoi-random-dialog h2{font:700 clamp(23px,4vw,34px)/1.12 system-ui,sans-serif;color:#fff;margin:10px 0 18px;overflow-wrap:anywhere}.aoi-random-dialog .aoi-random-excerpt{font-size:15px;line-height:1.65;color:#ccc6db;margin:0}
.aoi-random-kicker{font:11px monospace;letter-spacing:.12em;color:#9bffe0}.aoi-random-status{font-size:14px;margin:0;padding:0 24px 16px;color:#cfc6df;min-height:1.5em}
.aoi-random-dialog footer{padding:0 24px 24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.aoi-random-dialog .aoi-random-read{display:inline-block;text-decoration:none;color:#111725;background:#9bffe0;border:1px solid #9bffe0;border-radius:5px;padding:12px 18px;font:700 14px system-ui,sans-serif}
.aoi-random-dialog .aoi-random-browse{margin-left:auto;color:#d3c9e4;font-size:13px;text-underline-offset:4px}
.aoi-random-trigger:focus-visible,.aoi-random-dialog :focus-visible{outline:3px solid #ffb3de;outline-offset:4px}
@media(max-width:600px){.aoi-random{margin:18px 14px;padding:18px}.aoi-random .aoi-random-trigger{padding:14px 12px}.aoi-random-body{grid-template-columns:1fr;padding:18px;gap:16px}.aoi-random-visual{aspect-ratio:16/10;max-height:30dvh}.aoi-random-dialog footer{padding:0 18px 18px}.aoi-random-dialog .aoi-random-browse{margin-left:0}.aoi-random-dialog header{padding:10px 18px}.aoi-random-status{padding-left:18px}.aoi-random-dialog h2{margin:8px 0 10px}}
@media(prefers-reduced-motion:reduce){.aoi-random-label::before,.aoi-random-label::after{animation:none;transform:none}}