:root{--paper: oklch(97% .008 80);--paper-dark: oklch(92% .012 80);--paper-light: oklch(98% .005 80);--ink: oklch(25% .02 260);--ink-light: oklch(45% .015 260);--ink-muted: oklch(60% .02 260);--drop-cyan: oklch(65% .15 195);--drop-coral: oklch(62% .16 30);--drop-gold: oklch(75% .12 85);--drop-lavender: oklch(65% .12 290);--drop-mint: oklch(70% .1 150);--drop-rose: oklch(60% .14 10);--drop-sky: oklch(70% .11 230);--drop-amber: oklch(68% .13 70);--safe-zone-width: 60vw;--safe-zone-padding: 5vw;--frame-color: oklch(70% .01 260 / .3);--frame-width: 1px;--toggle-bg: oklch(18% .008 260);--toggle-icon: oklch(95% .01 80);--hero-glow: oklch(99% .008 85);--font-sans: "Source Sans 3", system-ui, -apple-system, sans-serif;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif}[data-theme=dark]{--paper: oklch(12% .005 260);--paper-dark: oklch(8% .003 260);--paper-light: oklch(18% .008 260);--ink: oklch(95% .01 80);--ink-light: oklch(75% .008 80);--ink-muted: oklch(55% .006 80);--drop-cyan: oklch(70% .18 195);--drop-coral: oklch(65% .18 30);--drop-gold: oklch(80% .14 85);--drop-lavender: oklch(70% .14 290);--drop-mint: oklch(75% .12 150);--drop-rose: oklch(65% .16 10);--drop-sky: oklch(75% .13 230);--drop-amber: oklch(72% .15 70);--frame-color: oklch(25% .01 260 / .3);--hero-glow: oklch(26% .006 260);--toggle-bg: oklch(25% .008 260);--toggle-icon: oklch(75% .01 80)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}#rain-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:1;pointer-events:none;mask-image:linear-gradient(to right,#000 8%,#0006 26% 74%,#000 92%)}.theme-toggle{position:fixed;top:1.5rem;right:calc((100% - var(--safe-zone-width)) / 2 + 1rem);z-index:100;width:40px;height:40px;border-radius:50%;border:1px solid oklch(50% .01 260 / .3);background:var(--toggle-bg);color:var(--toggle-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #00000026}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.rain-toggle{right:calc((100% - var(--safe-zone-width)) / 2 + 1rem + 50px)}.rain-toggle .rain-off-slash{opacity:0;transition:opacity .3s ease}.rain-toggle[aria-pressed=false]{opacity:.6}.rain-toggle[aria-pressed=false] .rain-off-slash{opacity:1}.theme-icon{position:absolute;transition:opacity .3s ease,transform .3s ease}[data-theme=dark] .theme-icon-dark{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-icon-light,[data-theme=light] .theme-icon-dark{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .theme-icon-light{opacity:0;transform:rotate(-90deg) scale(.5)}.content-layer{position:relative;z-index:10;max-width:var(--safe-zone-width);margin:0 auto;padding:var(--safe-zone-padding)}.text-safe-zone{position:relative}.text-safe-zone:before{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse at center,var(--paper) 0%,var(--paper) 40%,transparent 70%);z-index:-1;pointer-events:none}.glass-paper{background:linear-gradient(135deg,#f8f5efe6,#f2eee7cc);backdrop-filter:blur(8px);border-radius:2px;border:1px solid oklch(70% .01 260 / .2);box-shadow:0 2px 8px #11161f0f,0 8px 32px #11161f14}[data-theme=dark] .glass-paper{background:linear-gradient(135deg,#090b0fd9,#030304bf);border:1px solid oklch(30% .01 260 / .2);box-shadow:0 2px 8px #0000004d,0 8px 32px #0006}a{color:var(--ink);text-decoration:none;transition:color .2s}a:hover{color:var(--ink-light)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;line-height:1.2;margin-bottom:1rem;color:var(--ink)}h1 em,h2 em{font-style:italic;font-weight:400;color:var(--ink-light)}p{margin-bottom:1rem;color:var(--ink-light)}code{font-family:var(--font-mono);background:var(--paper-light);padding:.2rem .4rem;border-radius:4px;font-size:.9em}pre{background:var(--paper-light);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0}@media(max-width:768px){:root{--safe-zone-width: 90vw;--safe-zone-padding: 1.5rem}.theme-toggle{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem}.rain-toggle{right:calc(1rem + 50px)}#rain-canvas{mask-image:none;opacity:.4;animation:rain-settle .6s ease 1s backwards}@keyframes rain-settle{0%{opacity:1}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}