:root{color-scheme:dark;--void: #050505;--center: #080808;--xp-grey: #242528;--xp-grey-light: #36383c;--xp-grey-dark: #0f1012;--ink: #f4ecd6;--panel-ink: #eee8d8;--muted: #ded7c6;--panel-muted: #aaa394;--button-top: #f5f2e8;--button-bottom: #aeb0b4;--button-edge: #2f3134;--signal: #fff3a4;--green: #64ffbd;--iuoba-cursor-size: 180px;--web-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d7d8d9' stroke-width='1' stroke-opacity='.38'%3E%3Cpath d='M8 8 88 18 76 88 14 72Z'/%3E%3Cpath d='M8 8 48 48 88 18M48 48 76 88M48 48 14 72'/%3E%3Cpath d='M21 18 78 25 69 74 23 64Z'/%3E%3Cpath d='M32 29 67 33 62 63 32 57Z'/%3E%3Cpath d='M0 48H96M48 0V96' stroke-opacity='.22'/%3E%3C/g%3E%3C/svg%3E");font-family:ui-serif,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--void);color:var(--ink)}button{font:inherit}button:focus-visible{outline:1px dotted var(--signal);outline-offset:4px}main{position:relative;display:grid;grid-template-columns:clamp(166px,14vw,230px) minmax(0,1fr) clamp(178px,15vw,250px);width:100vw;height:100svh;overflow:hidden;background:var(--center)}main.cursor-active,main.cursor-active button{cursor:none}.left-rail,.right-rail{position:relative;z-index:3;display:flex;min-width:0;height:100svh;color:var(--panel-ink);background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18px),var(--web-pattern),linear-gradient(var(--xp-grey-light),var(--xp-grey) 42%,#26282c);background-blend-mode:screen,overlay,normal;background-size:auto,96px 96px,auto;border-top:1px solid #62656b;border-left:1px solid #62656b;border-right:1px solid var(--xp-grey-dark);border-bottom:1px solid var(--xp-grey-dark);box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #00000061}.left-rail{flex-direction:column;justify-content:space-between;gap:22px;padding:clamp(18px,2.2vw,30px) 16px}.right-rail{flex-direction:column;gap:14px;padding:clamp(18px,2.2vw,30px) 15px}.site-header{display:grid;gap:8px}.meta-title{margin:0;font-family:Lucida Console,Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.35;letter-spacing:0}.status{margin:0;padding:5px 11px 6px;color:#202020;background:linear-gradient(180deg,#eaecf1,#8e9097);border:2px solid #5a5c61;border-top-color:#fff;border-left-color:#fff;border-radius:0;box-shadow:inset 1px 1px #ffffffc7,2px 2px #00000061;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:clamp(13px,1.2vw,17px);font-weight:700;line-height:1;letter-spacing:0;text-transform:lowercase;width:fit-content}h1{width:fit-content;margin:0;padding:3px 8px 5px;color:#101010;background:linear-gradient(90deg,#64ffbdc7,#fff3a4eb),#fff3a4;border:1px solid #252525;box-shadow:2px 2px #252525,inset 1px 1px #ffffffb8;font-size:clamp(28px,3vw,43px);font-weight:700;line-height:.92;letter-spacing:0}.artifact{position:relative;display:grid;width:100%;height:100svh;min-width:0;min-height:0;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.045),transparent 42%),var(--center)}.frame{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.page-timestamp{position:absolute;top:23%;left:67%;z-index:2;margin:0;color:#fff3a4bd;font-family:Lucida Console,Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(11px,1.1vw,14px);line-height:1;letter-spacing:0;text-shadow:1px 1px 0 #050505;transform:rotate(.8deg)}.roll-button{align-self:start;min-height:44px;margin-top:auto;margin-left:clamp(34px,4vw,76px);margin-bottom:var(--roll-y, 26svh);padding:7px 18px 8px;color:#111;background:linear-gradient(var(--button-top),var(--button-bottom));border:1px solid var(--button-edge);border-top-color:#fffef6;border-left-color:#fffef6;border-right-color:#292a2d;border-bottom-color:#292a2d;border-radius:2px;box-shadow:inset 1px 1px #ffffffdb,1px 1px #00000047;font-size:clamp(18px,1.55vw,25px);line-height:1;letter-spacing:0;white-space:nowrap;transform:translate(var(--roll-x, 34px))}.roll-button:active{border-color:#292a2d #fffef6 #fffef6 #292a2d;box-shadow:inset 1px 1px 2px #0003;transform:translate(var(--roll-x, 34px),1px)}.status{color:#202020}.meta-title{color:var(--panel-muted);text-transform:lowercase}.metadata{display:grid;gap:9px;margin:0;padding-top:2px;font-size:12px;line-height:1.35}.metadata div{display:grid;gap:2px;min-width:0;padding-bottom:8px;border-bottom:1px dotted rgba(238,232,216,.28)}.metadata dt{color:var(--panel-muted);font-family:Lucida Console,Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.vote-strip{display:grid;gap:8px;margin-top:auto;padding-top:28px}.thumb-button{display:block;min-height:38px;padding:6px 13px 7px;color:#202020;background:linear-gradient(180deg,#eaecf1,#8e9097);border:2px solid #5a5c61;border-top-color:#fff;border-left-color:#fff;border-radius:0;box-shadow:inset 1px 1px #ffffffc7,2px 2px #00000061;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;text-align:left;text-transform:lowercase}.thumb-button:active{border-color:#ffffff #5a5c61 #5a5c61 #ffffff;box-shadow:inset 2px 2px 2px #0003;transform:translate(1px,1px)}.thumb-button:focus{outline:2px dotted #000000;outline-offset:2px}.metadata dd{min-width:0;margin:0;overflow-wrap:anywhere}.custom-cursor{position:fixed;top:0;left:0;z-index:100;width:var(--iuoba-cursor-size);height:var(--iuoba-cursor-size);box-shadow:5px 6px 14px #00000057;opacity:0;pointer-events:none;transition:opacity .1s ease}.custom-cursor.is-visible{opacity:1}.custom-cursor img{display:block;width:100%;height:100%;object-fit:cover}.cursor-point{position:absolute;top:0;left:0;z-index:2;width:0;height:0;border-top:18px solid #fff;border-right:18px solid transparent;mix-blend-mode:difference}.loading-state,.error-state{display:grid;grid-column:1 / -1;place-items:center;gap:8px;width:100vw;height:100svh;color:var(--muted);text-align:center}.loading-state p,.error-state p{margin:0;font-size:13px}.error-state small{max-width:52ch;font-size:11px}@media(pointer:coarse),(hover:none){main.cursor-active,main.cursor-active button{cursor:auto}.custom-cursor{display:none}}@media(max-width:760px){main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.left-rail,.right-rail{height:auto;min-height:0}.left-rail{flex-direction:row;align-items:end;padding:12px}.right-rail{display:none}.artifact,.frame{height:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}