:root{color-scheme:light;--paper: #eeeadd;--paper-warm: #e9dfc7;--ink: #161711;--orange: #ff6a2c;--yellow: #f6c400;--screen: #f4bf05;--brown: #4c3516;--blue: #5f82ef;--red: #ef4f44;--green: #65bea2;--cream: #fff9e8;--bg-grad-0: #f5fbf7;--bg-grad-1: #f0ebdd;--bg-grad-2: #d8c89f;--bg-spot-a: rgba(255, 255, 248, .74);--bg-spot-b: rgba(196, 165, 96, .5);--scene-tint: transparent;--scene-tint-blend: normal;--scene-tint-opacity: 0;--canvas-filter: none;--cursor-ring-0: rgba(76, 53, 22, .5);--cursor-ring-1: rgba(76, 53, 22, .16);--cursor-dot: #161711}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--paper);font-family:Trebuchet MS,Comic Sans MS,Segoe Print,cursive}button,a{font:inherit}.hero-shell{position:relative;width:100vw;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(137,107,51,.055) .65px,transparent 1.2px) 0 0 / 8px 8px,radial-gradient(circle at 4px 6px,rgba(255,255,246,.34) .7px,transparent 1.5px) 0 0 / 13px 13px,radial-gradient(circle at 18% 20%,var(--bg-spot-a),transparent 34%),radial-gradient(circle at 88% 24%,var(--bg-spot-b),transparent 34%),linear-gradient(90deg,var(--bg-grad-0) 0%,var(--bg-grad-1) 52%,var(--bg-grad-2) 100%),var(--paper);cursor:auto}.hero-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:var(--scene-tint);mix-blend-mode:var(--scene-tint-blend);opacity:var(--scene-tint-opacity)}.hero-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:repeating-linear-gradient(96deg,rgba(137,107,51,.018) 0 1px,transparent 1px 8px),repeating-linear-gradient(7deg,rgba(255,255,245,.055) 0 1px,transparent 1px 11px);mix-blend-mode:multiply;opacity:.28}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;filter:var(--canvas-filter)}.brand{position:absolute;left:50%;top:clamp(72px,11.4vh,122px);z-index:3;width:min(430px,78vw);translate:-50% 0;text-align:center;color:var(--ink);pointer-events:none;opacity:0}.brand-mark{display:flex;align-items:center;justify-content:center;line-height:.86;transform:rotate(-1deg)}.brand-wave{color:var(--ink);font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(64px,7vw,112px);font-weight:950;letter-spacing:0}.settings-button{position:absolute;top:20px;right:20px;z-index:5;border:2px solid rgba(22,23,17,.58);border-radius:999px;width:44px;height:44px;padding:0;background:#fff9e8d9;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:.2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 6px 14px #4c351624;pointer-events:auto}.settings-button svg{width:20px;height:20px;fill:currentColor}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:#16171133;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{width:min(420px,calc(100vw - 28px));border:2px solid rgba(22,23,17,.6);border-radius:20px;padding:16px 16px 14px;background:#fff9e8f5;box-shadow:0 18px 34px #16171133;color:var(--ink)}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-header h2{margin:0;font-size:20px}.settings-close{border:1px solid rgba(22,23,17,.5);border-radius:999px;padding:6px 10px;background:#ffffffb3;font-size:12px;font-weight:700}.settings-subtitle{margin:0 0 10px;font-size:13px;color:#161711d1}.effect-options{display:grid;gap:8px}.effect-option{display:flex;align-items:center;gap:8px;border:1px solid rgba(22,23,17,.2);border-radius:12px;padding:10px 12px;background:#ffffff8c}.effect-option input{margin:0}.effect-current{margin:12px 0 0;font-size:13px;font-weight:700;color:#161711db}.settings-cursor{position:fixed;z-index:20;width:0;height:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .12s ease-out}.settings-cursor-ring{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--cursor-ring-0) 0%,var(--cursor-ring-1) 56%,rgba(76,53,22,0) 100%);opacity:.32}.settings-cursor-dot{position:absolute;left:0;top:0;width:6.4px;height:6.4px;border-radius:999px;transform:translate(-50%,-50%);background:var(--cursor-dot)}@media(max-width:760px){.brand{top:58px}.settings-button{top:12px;right:12px;width:40px;height:40px}}@media(pointer:fine){html,body,#app,.hero-shell,.hero-shell *{cursor:none!important}}