*,:after,:before{box-sizing:border-box}:root{--ink:#1c1a17;--paper:#f3efe4;--blue:#0f2ea9;--mono:"Courier New",ui-monospace,"SFMono-Regular",monospace;--serif:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif}body,html{margin:0;padding:0;height:100%;background:#000;color:#f3efe4;overscroll-behavior:none}body{font-family:var(--mono)}.stage{position:fixed;inset:0;overflow:hidden;background:#000;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bgfield{inset:0;z-index:0;width:100%;height:100%}.bgfield,.bottombar,.topbar{position:absolute;pointer-events:none}.bottombar,.topbar{left:0;right:0;z-index:100000;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px}.topbar{top:0}.bottombar{bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.bottombar .mix{justify-self:start}.bottombar .pages{justify-self:center}.bottombar .random{justify-self:end}.cat,.help,.mctl,.mix,.page,.random,.wordmark{pointer-events:auto;font-family:var(--mono);background:none;border:none;color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;cursor:pointer;padding:0;transition:color .2s ease,text-shadow .2s ease;text-shadow:0 0 6px rgba(15,46,169,.9),0 0 15px rgba(15,46,169,.95),0 1px 3px rgba(0,0,0,.55)}.wordmark{letter-spacing:.02em}.cat:hover,.help.on,.help:hover,.mctl.on,.mctl:hover,.mix:hover,.page:hover,.random:hover,.wordmark:hover{color:#daf600;text-shadow:0 0 6px rgba(15,46,169,.95),0 0 16px rgba(15,46,169,1),0 1px 3px rgba(0,0,0,.55)}.pages{display:flex;align-items:center;gap:14px;pointer-events:none}.page.on{text-decoration:underline;text-underline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cats{display:flex;gap:0;pointer-events:none}.cats,.catwrap{align-items:center}.catwrap{display:inline-flex}.sep{font-family:var(--mono);font-size:15px;font-weight:700;color:rgba(255,255,255,.55);margin:0 8px;text-shadow:0 0 6px rgba(15,46,169,.9),0 0 15px rgba(15,46,169,.95),0 1px 3px rgba(0,0,0,.55)}.cat.on{color:#daf600}.brand{display:flex;align-items:baseline;gap:0;pointer-events:none}.help,.mctl{line-height:1}.mdesktop{display:inline-flex;align-items:baseline}.mmobile{display:none}.mnow{pointer-events:auto;text-decoration:none;cursor:pointer;transition:color .2s ease;font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff;white-space:nowrap;max-width:30vw;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 1px rgba(15,46,169,1),0 0 3px rgba(15,46,169,.95),0 0 6px rgba(15,46,169,.65)}a.mnow:hover{color:#daf600}.mlicense{position:absolute;top:26px;right:0;z-index:100001;display:grid;grid-gap:5px;gap:5px;width:max-content;max-width:min(78vw,320px);padding:11px 14px 12px;background:rgba(0,0,0,.72);border:1px solid rgba(15,46,169,.6);border-radius:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 22px rgba(15,46,169,.35),0 10px 30px rgba(0,0,0,.5);font-family:var(--mono);color:#fff;white-space:normal;animation:hp-in .16s ease-out}.ml-track{font-size:12px;line-height:1.35;color:#fff}.ml-track a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);transition:color .2s ease,border-color .2s ease}.ml-track a:hover{color:#daf600;border-color:currentColor}.ml-meta{font-size:11px;line-height:1.35;color:#9cbbbe}.ml-meta a{color:#52f7f5;text-decoration:none;border-bottom:1px solid}.ml-meta a:hover{color:#daf600}.helppanel{position:absolute;top:56px;left:26px;z-index:100001;pointer-events:auto;display:grid;grid-gap:7px;gap:7px;min-width:236px;padding:14px 16px 15px;background:rgba(0,0,0,.72);border:1px solid rgba(15,46,169,.6);border-radius:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 22px rgba(15,46,169,.35),0 10px 30px rgba(0,0,0,.5);font-family:var(--mono);color:#fff;animation:hp-in .16s ease-out}@keyframes hp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hp-title{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#9cbbbe;margin-bottom:3px}.hp-row{display:grid;grid-template-columns:96px 1fr;grid-gap:12px;gap:12px;font-size:12px;line-height:1.3}.hp-key{color:#52f7f5}.hp-act{color:#fff}.stackArea{position:absolute;inset:0}.empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(80vw,640px);text-align:center;color:#fff;font-weight:700;font-size:17px;line-height:1.5;letter-spacing:.02em;pointer-events:auto;cursor:pointer;text-decoration:none;transition:color .2s ease,text-shadow .2s ease;text-shadow:0 0 6px rgba(15,46,169,.9),0 0 16px rgba(15,46,169,.95),0 1px 3px rgba(0,0,0,.6)}.empty:hover{color:#daf600}.paper{position:absolute;left:50%;top:50%;transform-origin:center center;background:var(--paper);color:var(--ink);border-radius:2px;padding:30px 28px 26px;box-shadow:0 1px 2px rgba(0,0,0,.5),0 18px 40px rgba(0,0,0,.55);overflow:hidden;will-change:transform;touch-action:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}.paper:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),rgba(0,0,0,.06) 60%),radial-gradient(80% 60% at 30% 10%,rgba(0,0,0,.05),transparent 60%);mix-blend-mode:multiply;opacity:.7}.paper.top{box-shadow:0 2px 4px rgba(0,0,0,.5),0 30px 60px rgba(0,0,0,.6)}.paper.top,.paper:not(.buried){cursor:-webkit-grab;cursor:grab}.pagemeta,.paper.buried{pointer-events:none}.pagemeta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink);z-index:4}.pagemeta .plink{pointer-events:auto;text-decoration:none;font-size:16px;line-height:1;cursor:pointer;opacity:.85;transition:opacity .15s ease,transform .15s ease}.pagemeta .plink:hover{opacity:1;transform:scale(1.18)}.paper.image .pagemeta,.paper.video .pagemeta{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.75)}.paper.image .pagemeta:before,.paper.video .pagemeta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);pointer-events:none}.paper.image,.paper.video{padding:0;background:#0d0d0d}.scan{display:block;width:100%;height:auto;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note{background-image:repeating-linear-gradient(180deg,transparent 0,transparent 31px,rgba(70,90,130,.16) 0,rgba(70,90,130,.16) 32px);background-position:0 34px}.note:before{content:"";position:absolute;top:0;bottom:0;left:40px;width:1px;background:rgba(181,52,31,.28)}.noteBody{position:relative;z-index:1;padding-left:20px}.noteBody h2{font-family:var(--serif);font-size:19px;font-weight:600;margin:0 0 14px;line-height:1.55}.noteBody p{font-family:var(--serif);font-size:15.5px;line-height:2.06;margin:0 0 6px;color:#23201b}.sketch{background:radial-gradient(rgba(0,0,0,.05) 1px,transparent 0) 0 0 /16px 16px;background-color:#f6f4ee}.sketchBody{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:10px}.sketchBody svg{width:100%;flex:1 1}.cap{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#6b6862}.photo{background:#efece3;padding:16px 16px 14px}.photoBody{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:12px}.photoBody .frame{flex:1 1;border-radius:1px;background:linear-gradient(135deg,#1b2b34,#35505c 45%,#0d1418),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);background-blend-mode:overlay}.photoBody .cap{text-align:center}@media (max-width:640px){.cats{flex-direction:column;align-items:flex-end;row-gap:5px;max-width:42%}.cats .sep,.mdesktop{display:none}.mmobile{position:relative;display:inline-flex;align-items:baseline}.mlicense{position:fixed;top:88px;left:16px;right:auto;width:max-content;max-width:calc(100vw - 32px)}.brand{flex-wrap:wrap;row-gap:4px;max-width:56%}.bottombar,.topbar{padding:16px}.helppanel{left:16px;top:50px;min-width:0;max-width:calc(100vw - 32px)}}