.mirror-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:43px;height:43px;border:0;border-radius:50%;background:#e7dac52b;color:#7d714f;font:27px Georgia;cursor:pointer}.mirror-seed:hover,.mirror-seed:focus-visible,.mirror-seed[data-discovering=true]{background:#fff0c5bb;box-shadow:0 0 0 1px #9c7d5d66}
#mirror-letter{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;overflow:hidden;background:radial-gradient(ellipse at 60% 42%,#eee4cd,#d9cdb4);color:#655940}#mirror-letter::backdrop{background:#74654e}#mirror-letter header{position:absolute;left:80px;right:80px;top:27px;text-align:center;z-index:2;pointer-events:none}#mirror-letter header p{font:10px system-ui;letter-spacing:.2em;margin:0 0 10px;color:#897a5e}#mirror-letter h2{font:italic 29px Georgia;font-weight:400;margin:0}.mirror-close{position:absolute;right:25px;top:24px;border:1px solid #8f7f5b55;border-radius:50%;width:43px;height:43px;background:#f4ead4;color:#766545;font:28px Georgia;z-index:3;cursor:pointer}.mirror-note{position:absolute;left:30px;top:115px;bottom:150px;width:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2}.mirror-note>p{font:italic 15px Georgia;text-align:center;margin:0}.mirror-drawing{width:180px;height:240px;box-shadow:0 8px 25px #705a3930;cursor:crosshair;touch-action:none}.mirror-drawing:focus-visible{outline:1px dashed #8e754c;outline-offset:5px}.mirror-colours{display:flex;gap:15px}.mirror-colours button{width:22px;height:22px;border-radius:50%;border:3px solid #f2e5c8;background:var(--ink);cursor:pointer;outline:1px solid transparent;outline-offset:2px}.mirror-colours button[aria-pressed=true]{outline-color:#8d7653}.mirror-small-controls{display:flex;flex-direction:column;gap:6px;width:190px}.mirror-small-controls button,.mirror-controls button{background:#f2e7cd;border:1px solid #89775455;color:#6d583d;border-radius:3px;padding:8px 11px;font:12px Georgia;cursor:pointer}.mirror-small-controls button:disabled{opacity:.4;cursor:default}.mirror-view{position:absolute;left:250px;right:15px;top:90px;bottom:155px;overflow:hidden}.mirror-view canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.mirror-view canvas:active{cursor:grabbing}.mirror-view canvas:focus-visible{outline:1px dashed #987b4f55;outline-offset:-2px}#mirror-letter footer{position:absolute;bottom:17px;left:4%;right:4%;text-align:center;z-index:3}.mirror-response{font:italic 15px Georgia;min-height:18px;margin:0 0 12px}.mirror-controls{display:flex;justify-content:center;gap:9px}.mirror-controls button[aria-pressed=true]{background:#827a59;color:#fbf0d5}#mirror-letter details{font:11px/1.65 system-ui;max-width:690px;margin:12px auto 0}#mirror-letter summary{list-style:none;cursor:pointer}#mirror-letter details[open]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:660px;padding:18px;background:#f4ead5;box-shadow:0 0 25px #4f3b302a;text-align:left}#mirror-letter details[open] summary{text-align:center}#mirror-letter a{color:#786444}

.mirror-view{mask-image:linear-gradient(to bottom,transparent,black 4%,black 91%,transparent)}.mirror-zoom{display:flex;align-items:center;gap:7px;font:12px Georgia}.mirror-zoom input{width:75px;accent-color:#9a8258}.mirror-controls{flex-wrap:wrap}