*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:system-ui,sans-serif}.app-shell,.color-stage{min-height:100vh}.color-stage{display:grid;place-items:center;background:var(--stage-color, #ffcc88)}.site-nav{position:fixed;z-index:10;top:1rem;left:50%;display:flex;gap:.5rem;padding:.4rem;border-radius:999px;background:hsla(0,0%,100%,.72);backdrop-filter:blur(16px);transform:translateX(-50%);box-shadow:0 .5rem 2rem rgba(0,0,0,.14)}.site-nav .site-nav__link{padding:.45rem .85rem;border-radius:999px;color:#111;text-decoration:none;font-size:.9rem}.site-nav .site-nav__link.site-nav__link:hover,.site-nav .site-nav__link.site-nav__link.is-active{background:hsla(0,0%,100%,.9)}.control-panel{display:grid;gap:1rem;padding:1.25rem;border-radius:1rem;background:hsla(0,0%,100%,.75);backdrop-filter:blur(16px);box-shadow:0 1rem 3rem rgba(0,0,0,.16)}.floating-light{position:fixed;top:20vh;width:18rem;height:12rem;border-radius:2rem;background:var(--light-color);box-shadow:0 0 4rem var(--light-color);cursor:grab;user-select:none;touch-action:none}.floating-light:nth-child(1){left:20vw}.floating-light:nth-child(2){left:50vw}.content-page{min-height:100vh;display:grid;place-items:center;padding:6rem 1.5rem 2rem;background:#f4ece8}.content-page .content-card{width:min(42rem,100%);padding:2rem;border-radius:1.25rem;background:hsla(0,0%,100%,.78);backdrop-filter:blur(16px);box-shadow:0 1rem 3rem rgba(0,0,0,.14)}.content-page .content-card h1{margin-top:0}.content-page .content-card .content-body{line-height:1.65}