.rainletter-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid #dde9d944;border-radius:50%;background:#97a89133;color:#edf0d6;font:50px/20px Georgia;cursor:pointer}.rainletter-seed:hover,.rainletter-seed:focus-visible,.rainletter-seed[data-discovering=true]{background:#d3ddbaaa;box-shadow:0 0 22px #dfebcb77}
#rain-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 55% 40%,#e5e8d7,#c2ccbd);color:#4c6655}#rain-letter::backdrop{background:#cbd3bf}#rain-letter header{position:absolute;top:26px;left:39px;pointer-events:none;z-index:2}#rain-letter header p{font:10px system-ui;letter-spacing:.18em;margin:0 0 11px;color:#8a967a}#rain-letter h2{font:italic 29px Georgia;margin:0}.rainletter-close{position:absolute;right:27px;top:24px;z-index:3;width:42px;height:42px;border:1px solid #7e947044;border-radius:50%;background:#e7ebd877;font:28px Georgia;color:#5c7158;cursor:pointer}.rainletter-work{position:absolute;left:75px;right:25px;top:85px;bottom:136px;touch-action:none;cursor:crosshair}.rainletter-work canvas{width:100%;height:100%;outline:none;display:block}.rainletter-work canvas:focus-visible{outline:1px dashed #72886c55;outline-offset:-9px}.rainletter-palette{position:absolute;left:35px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}.rainletter-palette button{width:36px;height:36px;border:1px solid #81967666;background:#e9edda88;padding:5px;border-radius:50%;cursor:pointer}.rainletter-palette button i{display:block;border-radius:50%;width:100%;height:100%;background:var(--pigment);box-shadow:inset 0 2px 4px #102c2522}.rainletter-palette button[aria-pressed=true]{outline:1px solid #526c57;outline-offset:5px}.rainletter-palette .rainletter-clear{background:#edf1e155;box-shadow:inset 0 0 0 1px #76918a88;font:24px/20px Georgia;color:#7a9691}#rain-letter footer{position:absolute;left:20px;right:20px;bottom:16px;text-align:center}.rainletter-response{font:italic 15px Georgia;color:#7e8d6f;margin:0 0 15px}#rain-letter nav{display:flex;justify-content:center;align-items:center;gap:9px}#rain-letter nav button{font:12px Georgia;color:#526a54;background:#e8ecd888;border:1px solid #7d926466;border-radius:25px;padding:9px 15px;cursor:pointer}#rain-letter nav button:hover{background:#f4f4e7}#rain-letter button:disabled{opacity:.4;cursor:default}#rain-letter nav button[aria-pressed=true]{background:#b1c0a1}#rain-letter details{font:10px/1.8 system-ui;max-width:740px;margin:13px auto 0;color:#829074}#rain-letter summary{cursor:pointer;list-style:none}#rain-letter details[open]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:700px;max-height:65vh;overflow:auto;padding:22px 25px;background:#eaf0df;box-shadow:0 0 45px #3d553b44;text-align:left;border:1px solid #87977455}#rain-letter details[open] summary{text-align:center;color:#526c54}#rain-letter a{color:#647f66}