@font-face{font-family:Parisienne;src:url(/hologpu/fonts/Parisienne-Regular.ttf)format("truetype");font-display:block}:root{color:#3f3b34;font-synthesis:none;background:#e9e5dc;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #9e252d}.studio{max-width:1440px;margin:auto;padding:0 5.5%}.masthead{border-bottom:1px solid #3f3b3425;justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark{letter-spacing:.14em;align-items:center;gap:17px;font-size:11px;font-weight:650;display:flex}.wordmark span{color:#888173;letter-spacing:.13em;border-left:1px solid #aaa393;padding-left:17px;font-size:9px;font-weight:400}.edition{color:#827b6c;letter-spacing:.13em;font-size:9px}.edition span{margin:0 10px}.heading{justify-content:space-between;align-items:flex-end;padding:31px 0 25px;display:flex}.eyebrow{letter-spacing:.2em;color:#888173;margin:0 0 8px;font-size:8px}h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(35px,4vw,55px);font-weight:400;line-height:1.05}h1 span{color:#a52e32}.intro{color:#8b8173;margin:0 0 2px;font-size:11px;line-height:1.8}.paper-wrap{position:relative}.paper{background:#f4efdf;width:100%;height:clamp(420px,100svh - 342px,740px);position:relative;overflow:hidden;box-shadow:0 2px 4px #423a3110,0 15px 28px -16px #423a3145}#ink{touch-action:none;width:100%;height:100%;display:block}.paper-fibers{pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23e7ddc8' filter='url(%23n)' opacity='.38' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.paper-label{letter-spacing:.23em;color:#685245;mix-blend-mode:multiply;pointer-events:none;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:24px;left:27px;right:27px}.paper-label span:last-child{font-size:15px;line-height:1}.signature{color:#958573;opacity:.65;pointer-events:none;font:19px Parisienne,cursive;position:absolute;bottom:21px;right:29px}.paper-caption{letter-spacing:.025em;color:#8b8173;justify-content:space-between;align-items:center;padding:17px 1px 20px;font-size:9px;display:flex}.live-status{align-items:center;gap:8px;display:flex}.live-status i{background:#a53a3f;border-radius:50%;width:5px;height:5px}body[data-state=paused] .live-status i{background:#9b927f}.transport{align-items:center;gap:16px;display:flex}.transport button{color:#665e51;background:0 0;border:0;padding:2px 0;font-size:10px}.transport button:hover{color:#a52e32}.transport button span{margin-left:8px}.divider{background:#b4ab993d;width:1px;height:11px}.controls{border-top:1px solid #3f3b3425;border-bottom:1px solid #3f3b3425;grid-template-columns:1fr 190px 175px;align-items:center;gap:34px;padding:19px 0;display:grid}.controls label{color:#7b7162;letter-spacing:.11em;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;display:flex}.message-control label span{letter-spacing:.07em;color:#a59a8b;font-size:7px}.message-control input{color:#594e41;background:0 0;border:0;width:100%;padding:0;font:italic 18px Georgia,serif}.flow-control label output{text-transform:none;letter-spacing:0;color:#9b8d7c}.flow-control input{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.flow-control input::-webkit-slider-runnable-track{background:#baad9b;height:1px}.flow-control input::-webkit-slider-thumb{appearance:none;background:#9e252d;border-radius:50%;width:8px;height:8px;margin-top:-3.5px}.flow-control input::-moz-range-track{background:#baad9b;height:1px}.flow-control input::-moz-range-thumb{background:#9e252d;border:0;border-radius:50%;width:8px;height:8px}.write-button{color:#faf2e5;letter-spacing:.02em;background:#9e252d;border:1px solid #9e252d;justify-content:space-between;align-items:center;padding:14px 17px;font-size:10px;transition:background .2s;display:flex}.write-button:hover{background:#81212b}.write-button span{font-size:14px}footer{color:#a19584;justify-content:space-between;align-items:center;padding:17px 0 23px;font-size:9px;display:flex}footer p{margin:0;font:italic 12px Georgia,serif}footer a span{margin-left:5px}footer a:hover{color:#9e252d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1600px){.studio{padding:0 70px}}@media (width<=700px){.studio{padding:0 20px}.masthead{height:61px}.wordmark{font-size:10px}.wordmark span{display:none}.edition{font-size:7px}.edition span{margin:0 5px}.heading{align-items:center;gap:20px;padding:26px 0 23px}.eyebrow{letter-spacing:.12em;font-size:6px}h1{font-size:37px}.intro{font-size:9px}.paper{height:55svh;min-height:350px;max-height:600px}.paper-label{letter-spacing:.11em;font-size:6px;top:19px;left:18px;right:18px}.signature{font-size:16px;bottom:18px;right:20px}.controls{grid-template-columns:1fr 150px;gap:19px 26px;padding:18px 0}.message-control{grid-column:1/-1}.message-control input{font-size:19px}.write-button{padding:12px}footer{gap:20px;font-size:8px}footer p{font-size:11px}}@media (width<=380px){.studio{padding:0 14px}h1{font-size:32px}.intro{font-size:8px}.controls{grid-template-columns:1fr 140px;gap:18px}}