:root{--paper: #f2ecdc;--ink: #37322a;--ink-soft: #6d6455;--water: #1a6aab;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.045 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--water)}html,body{height:100%;overflow:hidden}#water,#island{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh}#water{z-index:0}#island{z-index:1}#sun{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(110% 80% at 50% -5%,#ffd68280,#fff0c81f 55%,#fff0 80%);mix-blend-mode:soft-light}#rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100dvh;pointer-events:none}.lightning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0}