:root{--note-size: 19px;--paper: #efe4c8;--note-ink: #2b2f45}#title .tr-title{margin:-.2em 0 .9em;font-size:clamp(26px,4vw,40px);font-style:italic;font-weight:300;opacity:.9;font-variation-settings:"SOFT" 100,"WONK" 1}#title p.tr{margin-top:0;font-size:clamp(15px,1.6vw,17px);opacity:.7}#flash{position:fixed;inset:0;background:#f4efe2;opacity:0;pointer-events:none;z-index:4;transition:opacity .5s ease-out}#flash.on{opacity:var(--flash, .7);transition:none}#note{position:fixed;inset:0;z-index:3;box-sizing:border-box;padding:calc(var(--bar-t) * .4 + 8px) 16px calc(var(--bar-b) * .4 + 8px);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .6s}#note.on{opacity:1}#note .paper{position:relative;width:min(560px,100%);max-height:100%;overflow:hidden;box-sizing:border-box;padding:1.1em 1.5em 1.2em;background:radial-gradient(ellipse at 20% 10%,rgb(255 255 255 / .35),transparent 55%),radial-gradient(ellipse at 85% 90%,rgb(120 90 40 / .18),transparent 60%),repeating-linear-gradient(0deg,transparent 0 calc(var(--note-size) * 1.9 - 1px),rgb(70 80 120 / .12) calc(var(--note-size) * 1.9 - 1px) calc(var(--note-size) * 1.9)),var(--paper);color:var(--note-ink);border-radius:3px 5px 4px 6px;box-shadow:0 10px 40px #00000073,inset 0 0 30px #785a282e;transform:rotate(-1.4deg) translateY(10px);transition:transform .8s cubic-bezier(.2,.8,.2,1);text-shadow:none}#note.on .paper{transform:rotate(-1.4deg)}#note ol{list-style:none;margin:0;padding:0;display:grid;gap:.55em}#note li{font-style:italic;font-size:var(--note-size);line-height:1.3;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:400}#note li .en{display:block}#note li .tr{display:block;margin-top:.1em;font-size:.8em;opacity:.72;font-weight:300}#note li .who{display:block;margin-top:.15em;font-size:.66em;font-style:normal;letter-spacing:.06em;text-transform:uppercase;opacity:.5}#note li span.c{opacity:0;animation:ink .35s ease-out forwards}@keyframes ink{0%{opacity:0;filter:blur(1.5px)}to{opacity:1;filter:none}}@media (max-height: 520px){#note li{font-size:calc(var(--note-size) * .8)}#note ol{gap:.3em}#note .paper{padding:.6em 1.1em}}@media (min-aspect-ratio: 13/10) and (min-width: 900px){#note{justify-content:flex-start;padding-left:calc(var(--side) + 4vw)}#note .paper{width:min(540px,48vw)}}