.tablet-screen{position:absolute;left:0;top:0;width:480px;height:680px;transform-origin:0 0;overflow:hidden;border-radius:12px;visibility:hidden;background:#030909;pointer-events:none;backface-visibility:hidden}.tablet-screen.is-positioned{visibility:visible}.tablet-screen canvas{display:block;width:100%;height:100%}.tablet-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff06 45%,transparent 65%);box-shadow:inset 0 0 22px #0009}
.tablet-screen .notebook-boot{transition:opacity .15s}.tablet-screen.is-on .notebook-boot{opacity:1}.tablet-screen.is-ready .notebook-boot{opacity:0}.tablet-screen .notebook-boot-label{font-size:12px}.tablet-screen .notebook-boot-indicator{top:calc(50% - 116px)}
.tablet-screen canvas{pointer-events:auto;touch-action:none;cursor:grab}.tablet-screen canvas.is-dragging{cursor:grabbing}.tablet-screen .notebook-boot{pointer-events:none}.tablet-screen canvas:focus-visible{outline:3px solid #b5d9c9;outline-offset:-5px}
.tablet-screen canvas{pointer-events:none;touch-action:auto;cursor:default}.tablet-screen canvas.is-interactive{pointer-events:auto;touch-action:none;cursor:grab}.tablet-screen canvas.is-interactive.is-dragging{cursor:grabbing}
.tablet-callout{position:absolute;z-index:6;width:180px;height:96px;transform:translate(-80px,-100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility .45s;color:#d8f3e6}.tablet-callout.is-visible{opacity:1;visibility:visible}.tablet-callout>span{display:block;text-align:center;font:500 11px Manrope,Arial,sans-serif;letter-spacing:.3px;text-shadow:0 2px 12px #000,0 1px 3px #000;background:#091410b3;border:1px solid #b5d9c933;border-radius:20px;padding:8px 12px;white-space:nowrap}.tablet-callout svg{display:block;width:180px;height:70px;overflow:visible;fill:#b5d9c9;stroke:#b5d9c9;stroke-width:1}.tablet-callout path{fill:none}.tablet-callout-pulse{fill:none;opacity:.6;transform-box:fill-box;transform-origin:center;animation:tablet-hint-pulse 1.8s ease-out infinite}.tablet-callout:not(.is-visible) .tablet-callout-pulse{animation-play-state:paused}@keyframes tablet-hint-pulse{from{transform:scale(.6);opacity:.8}to{transform:scale(1.7);opacity:0}}