:root{--ocean-void: #030712;--ocean-deep: #0a1628;--ocean-mid: #1e3a5f;--ocean-surface: #2d5a87;--bioluminescence: #7dd3fc;--bioluminescence-warm: #a5f3fc;--bioluminescence-deep: #3b82f6;--surface-foam: rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--ocean-void)}body{font-family:Cormorant Garamond,Georgia,serif;color:var(--bioluminescence);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ocean{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--ocean-surface) 0%,var(--ocean-mid) 20%,var(--ocean-deep) 50%,var(--ocean-void) 100%);overflow:hidden;cursor:grab}.ocean:active{cursor:grabbing}.surface{position:fixed;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(125,211,252,.08) 0%,rgba(125,211,252,.03) 40%,transparent 100%);animation:shimmer 8s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.message{position:absolute;max-width:320px;padding:16px 20px;font-size:1.1rem;line-height:1.6;color:var(--bioluminescence);text-shadow:0 0 20px rgba(125,211,252,.5);transition:text-shadow .3s ease,transform .3s ease;-webkit-user-select:none;user-select:none;pointer-events:auto}.message:hover{text-shadow:0 0 30px rgba(125,211,252,.8);transform:scale(1.02)}.message--quote{font-style:italic}.message__author{display:block;margin-top:8px;font-size:.85rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-8px) translate(4px) rotate(.5deg)}50%{transform:translateY(-3px) translate(-3px) rotate(-.3deg)}75%{transform:translateY(-12px) translate(2px) rotate(.2deg)}}.add-wave-button{position:fixed;top:24px;right:24px;z-index:100;padding:12px 24px;font-family:inherit;font-size:1rem;color:var(--bioluminescence);background:#7dd3fc1a;border:1px solid rgba(125,211,252,.3);border-radius:30px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-wave-button:hover{background:#7dd3fc33;border-color:#7dd3fc80;box-shadow:0 0 30px #7dd3fc4d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#030712e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:90%;max-width:500px;padding:40px;background:linear-gradient(180deg,#1e3a5f4d,#0a162880);border:1px solid rgba(125,211,252,.2);border-radius:16px;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__prompt{margin-bottom:24px;font-size:1.3rem;font-style:italic;color:var(--bioluminescence-warm);text-align:center;line-height:1.5}.modal__textarea{width:100%;height:120px;padding:16px;font-family:inherit;font-size:1.1rem;color:var(--bioluminescence);background:#03071280;border:1px solid rgba(125,211,252,.2);border-radius:8px;resize:none;outline:none;transition:border-color .3s ease}.modal__textarea:focus{border-color:#7dd3fc80}.modal__textarea::placeholder{color:#7dd3fc66}.modal__char-count{margin-top:8px;font-size:.85rem;text-align:right;opacity:.6}.modal__char-count--warning{color:#fbbf24;opacity:1}.modal__char-count--error{color:#f87171;opacity:1}.modal__preview{margin:24px 0;padding:16px;min-height:60px;background:#0307124d;border-radius:8px;font-size:1rem;line-height:1.5;color:var(--bioluminescence-warm);text-shadow:0 0 15px rgba(165,243,252,.4)}.modal__preview--empty{color:#7dd3fc4d;text-shadow:none;font-style:italic}.modal__actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.modal__button{padding:12px 32px;font-family:inherit;font-size:1rem;border-radius:30px;cursor:pointer;transition:all .3s ease}.modal__button--release{color:var(--ocean-void);background:var(--bioluminescence);border:none}.modal__button--release:hover:not(:disabled){background:var(--bioluminescence-warm);box-shadow:0 0 30px #7dd3fc80}.modal__button--release:disabled{opacity:.5;cursor:not-allowed}.modal__button--cancel{color:var(--bioluminescence);background:transparent;border:1px solid rgba(125,211,252,.3)}.modal__button--cancel:hover{border-color:#7dd3fc80;background:#7dd3fc1a}.rise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:linear-gradient(180deg,#2d5a874d,#1e3a5f80 20%,#0a1628cc 50%,#030712f2);overflow:hidden;pointer-events:none}.rising-message{position:absolute;left:50%;transform:translate(-50%);max-width:320px;padding:20px 24px;font-size:1.2rem;line-height:1.6;color:var(--bioluminescence-warm);text-align:center;text-shadow:0 0 30px rgba(165,243,252,.8);animation:rise 4s cubic-bezier(.16,1,.3,1) forwards}@keyframes rise{0%{bottom:-100px;opacity:.5;filter:blur(4px);transform:translate(-50%) scale(.8)}20%{opacity:1;filter:blur(2px)}80%{filter:blur(0);transform:translate(-50%) scale(1)}90%{bottom:50vh;filter:blur(0)}to{bottom:50vh;opacity:1;filter:blur(0);transform:translate(-50%) scale(1)}}.surface-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;animation:burst .8s ease-out 3.5s forwards;opacity:0}@keyframes burst{0%{opacity:1;box-shadow:0 0 #a5f3fccc}to{opacity:0;box-shadow:0 0 100px 80px #a5f3fc00}}.wave-counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:.9rem;color:#7dd3fc80;text-align:center;pointer-events:none;z-index:50}.depth-indicator{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:50}.depth-indicator__level{font-size:.75rem;color:#7dd3fc4d;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}.depth-indicator__level--active{color:var(--bioluminescence)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--ocean-void)}.loading__text{font-size:1.2rem;color:var(--bioluminescence);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 640px){.message{max-width:260px;font-size:1rem;padding:12px 16px}.add-wave-button{top:16px;right:16px;padding:10px 20px;font-size:.9rem}.modal{padding:24px}.modal__prompt{font-size:1.1rem}.depth-indicator{display:none}}.sound-button{position:fixed;bottom:24px;right:24px;z-index:100;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--bioluminescence);background:#7dd3fc1a;border:1px solid rgba(125,211,252,.2);border-radius:50%;cursor:pointer;transition:all .3s ease;opacity:.6}.sound-button:hover{opacity:1;background:#7dd3fc33}.sound-button--active{opacity:1;background:#7dd3fc33;border-color:#7dd3fc66}.share-tooltip{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 24px;font-size:.9rem;color:var(--bioluminescence);background:#1e3a5fe6;border:1px solid rgba(125,211,252,.3);border-radius:8px;animation:fadeInUp .3s ease,fadeOut .3s ease 2.7s forwards;z-index:400}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.time-filter{position:fixed;top:24px;left:24px;z-index:100;display:flex;gap:8px}.time-filter__button{padding:8px 16px;font-family:inherit;font-size:.85rem;color:#7dd3fc99;background:transparent;border:1px solid rgba(125,211,252,.2);border-radius:20px;cursor:pointer;transition:all .3s ease}.time-filter__button:hover{color:var(--bioluminescence);border-color:#7dd3fc66}.time-filter__button--active{color:var(--bioluminescence);background:#7dd3fc26;border-color:#7dd3fc66}@media (max-width: 640px){.time-filter{top:auto;bottom:70px;left:50%;transform:translate(-50%)}.sound-button{bottom:16px;right:16px}}