@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400&display=swap";*{box-sizing:border-box}body{margin:0;overflow:hidden;background-color:#010101;cursor:crosshair;font-family:Inter,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}#ui{position:absolute;top:20px;left:20px;pointer-events:none;opacity:.3;transition:opacity .5s;z-index:10}.label{color:#00f3ff;font-family:Inter,sans-serif;font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}#confession-box{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center;z-index:10;transition:opacity .8s ease-in-out}#confession-box:hover,#confession-box:focus-within{opacity:1}#thought-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(0,243,255,.15);color:#fffc;font-family:Cormorant Garamond,serif;font-size:24px;font-style:italic;text-align:center;padding:10px;outline:none;transition:border-color .5s}#thought-input::placeholder{color:#fff3;font-style:italic}#thought-input:focus{border-bottom:1px solid rgba(255,255,255,.35)}#quote-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}#quote-text{color:#fff;font-family:Cormorant Garamond,serif;font-size:clamp(18px,3vw,28px);font-weight:300;font-style:italic;text-align:center;max-width:min(600px,80vw);line-height:1.8;letter-spacing:.03em;text-shadow:0 0 40px rgba(0,200,255,.3);opacity:0;transition:opacity 2.5s ease-in-out;padding:0 20px}#intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#010101;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity 2s ease-in-out;cursor:default}#intro-screen.fade-out{opacity:0;pointer-events:none}.intro-title{font-family:Cormorant Garamond,serif;font-size:clamp(28px,5vw,52px);font-weight:300;color:#ffffffe6;text-align:center;line-height:1.5;letter-spacing:.08em;opacity:0;transform:translateY(10px);transition:opacity 1.5s ease,transform 1.5s ease;padding:0 24px}.intro-title.visible{opacity:1;transform:translateY(0)}.intro-sub{margin-top:20px;font-family:Inter,sans-serif;font-size:clamp(11px,1.5vw,13px);font-weight:300;color:#00f3ff66;text-transform:uppercase;letter-spacing:4px;opacity:0;transition:opacity 1.5s ease .8s;text-align:center;padding:0 24px}.intro-sub.visible{opacity:1}.intro-hint{position:absolute;bottom:40px;font-family:Inter,sans-serif;font-size:11px;color:#ffffff26;letter-spacing:3px;text-transform:uppercase;opacity:0;transition:opacity 1.5s ease 1.5s}.intro-hint.visible{opacity:1}#donate-link{position:absolute;bottom:16px;right:20px;z-index:10;display:flex;align-items:center;gap:6px;text-decoration:none;color:#00f3ff80;font-family:Inter,sans-serif;font-size:11px;font-weight:300;letter-spacing:1.5px;text-transform:uppercase;opacity:.15;transition:opacity .8s ease,color .5s ease,text-shadow .5s ease;cursor:pointer}#donate-link:hover{opacity:.9;color:#00f3ffe6;text-shadow:0 0 12px rgba(0,243,255,.4),0 0 30px rgba(0,243,255,.15)}.donate-icon{font-size:14px;transition:transform .3s ease}#donate-link:hover .donate-icon{transform:scale(1.3);color:#ff6b9d;text-shadow:0 0 10px rgba(255,107,157,.5)}.donate-text{transition:letter-spacing .3s ease}#donate-link:hover .donate-text{letter-spacing:2.5px}@media (max-width: 600px){#thought-input{font-size:18px;padding:8px 4px}#ui{top:12px;left:12px}#confession-box{bottom:28px;width:95vw}#donate-link{bottom:8px;right:12px;font-size:10px;opacity:.12}}