@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}#progress-indicator{position:absolute;top:24px;left:24px;display:flex;gap:8px;z-index:10;pointer-events:none;transition:opacity .5s}.dot{width:6px;height:6px;border-radius:50%;background-color:#00f3ff26;transition:background-color .8s ease,box-shadow .8s ease}.dot.filled{background-color:#00f3ff;box-shadow:0 0 8px #00f3ff,0 0 15px #00f3ff80}#confession-box{position:absolute;bottom:50px;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%;min-width:300px;background:transparent;border:none;border-bottom:1px solid rgba(0,243,255,.2);box-shadow:0 4px 10px -4px #00f3ff1a;color:#ffffffe6;font-family:Cormorant Garamond,serif;font-size:24px;font-style:italic;text-align:center;padding:12px 20px;outline:none;transition:border-color .5s,box-shadow .5s,text-shadow .5s}#thought-input::placeholder{color:#ffffff4d;font-style:italic;animation:pulse-placeholder 3s infinite alternate}@keyframes pulse-placeholder{0%{opacity:.3}to{opacity:.7;text-shadow:0 0 8px rgba(255,255,255,.2)}}#thought-input:focus{border-bottom:1px solid rgba(0,243,255,.8);box-shadow:0 8px 20px -8px #00f3ff4d;text-shadow:0 0 10px rgba(0,243,255,.4)}#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}@keyframes breathe{0%{background:#010101}50%{background:#050a0f}to{background:#010101}}#intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#010101;animation:breathe 8s infinite ease-in-out;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:25%;font-family:Inter,sans-serif;font-size:13px;color:#00f3ff99;letter-spacing:4px;text-transform:uppercase;opacity:0;transition:opacity 1.5s ease;animation:pulse-hint 2.5s infinite alternate ease-in-out;animation-delay:1.5s}@keyframes pulse-hint{0%{opacity:.1;transform:scale(.98)}to{opacity:.8;transform:scale(1.02);text-shadow:0 0 10px rgba(0,243,255,.4)}}.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}#progress-indicator{top:16px;left:16px}#confession-box{bottom:28px;width:95vw}#donate-link{bottom:8px;right:12px;font-size:10px;opacity:.12}}