:root{--ink:#073b4c;--deep:#062c3a;--water:#dff7f4;--aqua:#06a6a6;--mint:#7de2d1;--coral:#ef476f;--sun:#ffd166;--paper:#fffdf7;--line:rgba(7,59,76,0.16);--shadow:0 18px 50px rgba(7,59,76,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Trebuchet MS,Avenir Next,Avenir,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.siteHeader{height:74px;padding:0 clamp(18px,5vw,72px);background:rgba(255,253,247,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:20}.brand{gap:11px;font-weight:800;letter-spacing:-.02em}.brandMark{display:grid;place-items:center;width:39px;height:39px}.brandMark img{display:block;width:100%;height:100%;border-radius:50% 48% 50% 42%}.headerAction{color:var(--coral);font-weight:800;text-decoration-thickness:2px;text-underline-offset:5px}.brandLogo{width:225px;height:68px;object-fit:contain;display:block}.headerLinks{display:flex;align-items:center;gap:25px;font-size:12px}.headerLinks a{text-decoration:none;color:#315f70}.headerLinks .headerAction{background:#16475f;color:white;border-radius:25px;padding:11px 17px}@media (max-width:560px){.brandLogo{width:164px;height:55px}.headerLinks{gap:9px;font-size:10px}.headerLinks .headerAction{display:none}}.siteFooter{padding:42px 20px;text-align:center;color:rgba(7,59,76,.62);border-top:1px solid var(--line);font-size:14px}.hero{min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);overflow:hidden;background:linear-gradient(110deg,var(--paper) 0 51%,#bcefe8 51%)}.heroCopy{align-self:center;max-width:680px;padding:clamp(54px,8vw,120px) clamp(24px,7vw,110px)}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:900;color:var(--aqua)}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.045em}.hero h1{margin:0;font-size:clamp(52px,7vw,102px);line-height:.91;font-weight:500}.hero h1 em{color:var(--coral);font-weight:500}.heroLead{font-size:clamp(17px,1.7vw,21px);line-height:1.6;max-width:560px;margin:32px 0}.primaryButton,.secondaryButton{min-height:54px;border-radius:999px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;text-decoration:none;font-weight:900;cursor:pointer}.primaryButton{color:white;box-shadow:0 10px 22px rgba(239,71,111,.24)}.primaryButton:hover{background:#dc365d;transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled{opacity:.55;cursor:wait;transform:none}.secondaryButton{background:transparent;border:1px solid var(--line)}.microcopy{font-size:13px;margin:14px 0 0 10px;opacity:.65}.heroPond{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(#a5ece5,#26a9ae 68%,#087d8e);border-radius:48% 0 0 42%}.heroPond:after{content:"";inset:23% -20% auto -10%;height:38px;border-top:3px solid rgba(255,255,255,.42);transform:rotate(-5deg);box-shadow:0 82px 0 rgba(255,255,255,.16),0 164px 0 rgba(255,255,255,.12)}.heroPond:after,.sunDisc{position:absolute;border-radius:50%}.sunDisc{width:190px;height:190px;background:var(--sun);right:8%;top:8%;opacity:.85}.heroFish{position:absolute;filter:drop-shadow(0 15px 10px rgba(7,59,76,.15));animation:drift 7s ease-in-out infinite}.fishOne{top:33%;left:16%;width:140px;transform:rotate(-4deg)}.fishTwo{top:59%;right:17%;width:110px;animation-delay:-3s}.fishThree{top:18%;right:8%;width:160px;animation-delay:-5s}@keyframes drift{50%{translate:18px -12px;rotate:3deg}}.bubble,.previewBubble{position:absolute;border:2px solid rgba(255,255,255,.65);border-radius:50%}.b1{width:18px;height:18px;left:30%;top:26%}.b2{width:32px;height:32px;left:35%;top:19%}.b3{width:12px;height:12px;right:24%;top:52%}.seaGrass{position:absolute;width:18px;height:190px;bottom:-50px;border-radius:50%;border-left:12px solid #055f69;transform-origin:bottom}.g1{left:12%;rotate:-13deg}.g2{left:17%;height:250px;rotate:8deg}.g3{right:7%;height:220px;rotate:18deg}.howItWorks{padding:clamp(70px,10vw,140px) clamp(24px,8vw,120px);background:var(--deep);color:white}.howItWorks h2{max-width:780px;font-size:clamp(38px,5vw,68px);font-weight:500;margin:0 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;list-style:none;margin:0;padding:0;background:rgba(255,255,255,.18)}.steps li{background:var(--deep);padding:30px 30px 10px;min-height:200px}.steps span{display:block;color:var(--mint);font-size:12px;letter-spacing:.14em;margin-bottom:45px}.steps strong{display:block;font:500 28px Georgia,serif}.steps p{opacity:.65;line-height:1.5}.pageShell{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:calc(100svh - 150px);padding:42px 0 90px}.progress{max-width:650px;margin:0 auto 58px;gap:8px}.progress,.progress span{display:flex;align-items:center;justify-content:center}.progress span{min-width:36px;height:36px;border-radius:99px;border:1px solid var(--line);gap:7px;padding:0 11px;color:rgba(7,59,76,.45);font-size:12px}.progress span.active{color:white;background:var(--aqua);border-color:var(--aqua)}.progress b{font-weight:800}.progress i{height:1px;width:36px;background:var(--line)}.pageIntro{text-align:center;margin-bottom:40px}.finalPreview h1,.nameForm h1,.pageIntro h1,.studioHeading h1,.successPage h1{font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1;margin:0 0 16px}.pageIntro>p:last-child{font-size:18px;opacity:.65}.templateGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.templateCard{display:block;border:1px solid var(--line);border-radius:28px;overflow:hidden;text-decoration:none;background:white;transition:transform .2s,box-shadow .2s}.templateCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.templateImage{aspect-ratio:2/1;background:var(--water);display:grid;place-items:center;padding:24px}.templateImage img{width:100%;height:100%;object-fit:contain}.templateCard>span{display:flex;justify-content:space-between;align-items:center;padding:19px 22px}.templateCard strong{font:500 23px Georgia,serif}.templateCard small{color:var(--coral);font-weight:800}.errorCard,.loadingCard{max-width:650px;margin:40px auto;padding:24px;border-radius:18px;text-align:center;background:var(--water)}.errorCard{color:#7d1731;background:#ffe8ee}.studioPage{min-height:calc(100svh - 74px);background:#eefaf8;padding-bottom:70px}.studioTop{height:58px;padding:0 clamp(16px,4vw,54px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:white;border-bottom:1px solid var(--line)}.backLink{font-weight:800;text-decoration:none}.templateBadge{justify-self:end;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.compactProgress{margin:0;gap:5px}.compactProgress span{min-width:26px;width:26px;height:26px;padding:0}.studioSection{width:min(1160px,calc(100% - 28px));margin:0 auto;padding-top:35px}.visuallyHiddenStep{display:none}.studioHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 5px 22px}.studioHeading h1{font-size:clamp(36px,5vw,59px);margin:0}.studioHeading>p{max-width:320px;line-height:1.45;opacity:.65}.painter{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-gap:16px;gap:16px;align-items:stretch}.canvasFrame{position:relative;border:10px solid white;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:repeating-linear-gradient(45deg,#f4f4ee 0 12px,#fff 12px 24px);display:grid;place-items:center}.canvasFrame canvas{display:block;width:100%;touch-action:none;cursor:crosshair}.canvasLoading{position:absolute;z-index:2;font-size:13px;font-weight:800}.toolbox{border-radius:24px;background:white;padding:14px;box-shadow:var(--shadow)}.toolRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.tool{min-height:50px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink);text-transform:capitalize;cursor:pointer;font-size:12px;font-weight:800}.tool span{display:block;font-size:18px}.tool.active{color:white}.tool.compact{font-size:24px}.tool:disabled{opacity:.3}.palette{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:15px 0}.customColor,.swatch{aspect-ratio:1;min-width:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--line);cursor:pointer}.swatch.selected{box-shadow:0 0 0 3px var(--ink)}.customColor{position:relative;display:grid;place-items:center;background:conic-gradient(#f44,#ff0,#0f8,#08f,#c0f,#f44);color:white;font-weight:900;overflow:hidden}.customColor input{position:absolute;inset:0;opacity:0;cursor:pointer}.sizeRow{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-gap:8px;gap:8px;justify-items:center}.sizeRow label{font-size:11px;font-weight:800}.sizeRow input{width:100%;accent-color:var(--coral)}.sizeDot{display:block;max-width:42px;max-height:42px;border:1px solid var(--line);border-radius:50%}.textButton{border:0;background:none;color:var(--coral);font-weight:800;text-decoration:underline;cursor:pointer}.stickyAction{display:flex;justify-content:flex-end;padding-top:22px}.detailsSection{width:min(960px,calc(100% - 36px));min-height:calc(100svh - 132px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(30px,7vw,90px);gap:clamp(30px,7vw,90px);align-items:center;padding:60px 0}.previewTile{background:linear-gradient(150deg,#b9eee9,#3db6ba);min-height:430px;border-radius:46% 54% 48% 52%;display:grid;place-items:center;padding:30px;box-shadow:var(--shadow)}.previewTile img{width:100%;filter:drop-shadow(0 20px 12px rgba(7,59,76,.18))}.nameForm label{display:grid;grid-gap:8px;gap:8px;margin-top:22px;font-size:13px;font-weight:900}.nameForm input{width:100%;min-height:57px;border:1px solid var(--line);border-radius:14px;background:white;padding:0 16px;font-size:18px;color:var(--ink)}.nameForm input:focus{border-color:var(--aqua)}.formNote{font-size:13px;line-height:1.5;opacity:.62}.inlineError{color:#a51d40;background:#ffe0e8;padding:12px 15px;border-radius:12px}.buttonPair{display:flex;align-items:center;gap:12px;margin-top:26px}.buttonPair.centered{justify-content:center}.finalPreview{width:min(730px,calc(100% - 34px));margin:0 auto;padding:55px 0 90px;text-align:center}.previewWater{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;border-radius:44px;background:linear-gradient(160deg,#c7f3ec,#3bbac0);margin-top:28px}.previewWater:before{content:"";position:absolute;inset:15% -10% auto;height:60px;border-top:2px solid rgba(255,255,255,.5);border-radius:50%}.previewWater img{position:relative;width:82%;filter:drop-shadow(0 22px 14px rgba(7,59,76,.2))}.p1{width:20px;height:20px;left:13%;top:24%}.p2{width:35px;height:35px;right:12%;top:35%}.fishCaption{margin:-22px auto 0;position:relative;width:72%;padding:18px;border-radius:18px;background:white;box-shadow:var(--shadow)}.fishCaption strong{display:block;font:500 29px Georgia,serif}.fishCaption span{font-size:13px;opacity:.62}.moderationNote{display:flex;text-align:left;gap:13px;align-items:center;width:min(560px,100%);margin:28px auto;padding:15px 18px;background:#fff7da;border-radius:16px}.moderationNote>span{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--sun)}.moderationNote p{display:grid;grid-gap:3px;gap:3px;margin:0;font-size:13px;line-height:1.4}.uploadBar{position:relative;overflow:hidden;border-radius:99px;background:white;padding:13px;font-size:12px;font-weight:800}.uploadBar span{position:absolute;inset:0 auto 0 0;background:rgba(6,166,166,.18);transition:width .15s}.successPage{width:min(720px,calc(100% - 34px));min-height:calc(100svh - 150px);margin:0 auto;padding:70px 0 90px;text-align:center}.successRipple{width:92px;height:92px;margin:0 auto 32px;border-radius:50%;display:grid;place-items:center;background:var(--mint);box-shadow:0 0 0 15px rgba(125,226,209,.2),0 0 0 30px rgba(125,226,209,.09)}.successRipple span{font-size:38px}.receipt{margin:34px auto 25px;padding:12px 24px;text-align:left;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.receipt>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;border-bottom:1px dashed var(--line)}.receipt small{opacity:.55}.receipt code{display:block;margin:14px 0 5px;text-align:center;font-size:10px;opacity:.42;overflow-wrap:anywhere}.pendingStatus{display:flex;align-items:center;gap:8px;color:#9b6b00}.pendingStatus i{width:8px;height:8px;border-radius:50%;background:var(--sun)}.successCopy{max-width:560px;margin:0 auto;line-height:1.6;opacity:.65}@media (max-width:850px){.hero{grid-template-columns:1fr;background:var(--paper)}.heroPond{min-height:400px;border-radius:42% 42% 0 0;order:-1}.heroCopy{padding-top:45px}.steps{grid-template-columns:1fr}.steps li{min-height:auto;padding:24px}.steps span{margin-bottom:20px}.templateGrid{grid-template-columns:1fr 1fr}.painter{grid-template-columns:1fr}.toolbox{display:grid;grid-template-columns:1.3fr 1fr .7fr;grid-gap:13px;gap:13px;align-items:center}.palette{margin:0}.sizeRow{border:0;border-left:1px solid var(--line);padding:0 0 0 12px}.studioHeading{align-items:start;flex-direction:column}.studioHeading>p{margin:0}.detailsSection{grid-template-columns:1fr;max-width:620px}.previewTile{min-height:280px}.previewTile img{max-height:250px;object-fit:contain}}@media (max-width:560px){.siteHeader{height:62px}.brand>span:last-child{font-size:14px}.brandMark{width:33px;height:33px}.headerAction{font-size:13px}.hero{min-height:auto}.heroPond{min-height:290px}.sampleFish{font-size:65px}.fishTwo{font-size:48px}.sunDisc{width:120px;height:120px}.heroCopy{padding:42px 22px 64px}.hero h1{font-size:52px}.primaryButton,.secondaryButton{width:100%}.howItWorks{padding:70px 22px}.progress{margin-bottom:38px}.progress b{display:none}.progress i{width:14px}.pageShell{width:min(100% - 28px,1180px);padding-top:28px}.templateGrid{grid-template-columns:1fr}.templateCard>span{padding:15px 18px}.studioTop{grid-template-columns:1fr auto}.compactProgress{display:none}.templateBadge{grid-column:2}.studioPage{padding-bottom:35px}.studioSection{width:calc(100% - 14px);padding-top:20px}.studioHeading{margin:0 9px 15px;gap:5px}.studioHeading h1{font-size:38px}.canvasFrame{border-width:5px;border-radius:17px}.toolbox{grid-template-columns:1fr;padding:10px;gap:10px}.toolRow{grid-template-columns:repeat(5,1fr)}.tool{min-height:48px;font-size:10px}.tool span{font-size:16px}.palette{grid-template-columns:repeat(11,1fr);gap:5px;overflow-x:auto;padding:4px}.customColor,.swatch{width:28px;height:28px}.sizeRow{grid-template-columns:auto 1fr auto auto;border:0;border-top:1px solid var(--line);padding:9px 0 0;align-items:center}.sizeRow label{font-size:10px}.sizeDot{width:18px!important;height:18px!important}.stickyAction{position:-webkit-sticky;position:sticky;bottom:8px;z-index:10;padding:14px 7px 0}.detailsSection{padding:24px 0 60px;gap:30px}.previewTile{min-height:220px;border-radius:28px}.finalPreview h1,.nameForm h1,.successPage h1{font-size:43px}.buttonPair{flex-direction:column-reverse}.finalPreview{padding-top:35px}.previewWater{min-height:230px;border-radius:28px}.fishCaption{width:86%}.receipt>div{align-items:start;flex-direction:column;gap:3px;padding:12px 0}.successPage{padding-top:55px}}:root{--ink:#f6ead2;--deep:#f6ead2;--muted:#b7b5bd;--paper:#121821;--surface:#1c2430;--water:#26333c;--mint:#2a383b;--aqua:#f5ba7b;--aqua-hover:#f9d4a0;--coral:#eaa46c;--sun:#e8c98c;--line:#465360;--outline:#cab3da;--danger:#f6a89c;--success:#a7d6bf;--on-accent:#211b22;--drawing-surface:#e9e4dc;--drawing-ink:#2c3340;--radius-sm:7px;--radius-md:10px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow:0 3px 0 #173e4b;--shadow-soft:0 8px 24px #173e4b0d;--font-body:"Avenir Next",Avenir,"Nunito Sans","Segoe UI",system-ui,sans-serif;--font-display:var(--font-body);--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}body{font-family:var(--font-body);background:radial-gradient(ellipse at 90% 0,#392b4350,transparent 45%),var(--paper);color:var(--ink);line-height:1.5;letter-spacing:0;color-scheme:dark}::selection{background:var(--water);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);color:inherit;letter-spacing:-.035em}button,input,select,textarea{font:inherit;color:inherit}a,button{transition:background .15s,color .15s,border-color .15s,transform .15s}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #397a8d;outline-offset:4px}:where(button,a){touch-action:manipulation}:where(img,svg,canvas,video){max-width:100%}:where(p,h1,h2,h3){overflow-wrap:break-word}:where(button:disabled){cursor:default}.skipLink{position:fixed;top:-80px;left:16px;padding:12px 18px;background:var(--ink);color:var(--paper);z-index:3000;border-radius:var(--radius-sm)}.skipLink:focus{top:8px}#main-content:focus{outline:none}#main-content [id]{scroll-margin-top:24px}.siteHeader{height:76px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:var(--paper);border-bottom:1px solid var(--line);gap:22px;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100}.brand,.siteHeader{display:flex;align-items:center}.brand{flex-shrink:0;text-decoration:none}.brand img.hauntedLogo{display:block;width:210px;height:70px;object-fit:contain}.siteHeader .headerLinks{gap:8px;margin-left:auto;font-size:14px;white-space:nowrap}.siteHeader .headerLinks,.siteHeader .headerLinks a{display:flex;align-items:center;justify-content:center}.siteHeader .headerLinks a{min-height:44px;padding:10px 15px;text-decoration:none;color:var(--muted);font-weight:650;border:1px solid transparent;border-radius:var(--radius-sm)}.siteHeader .headerLinks a:hover{color:var(--ink);background:var(--water)}.siteHeader .headerLinks a[aria-current=page]{color:var(--ink);background:var(--water);border-color:var(--ink)}.siteHeader .headerLinks .headerAction{background:var(--coral);color:var(--on-accent);border-color:var(--coral);margin-left:4px;gap:12px;box-shadow:0 2px 0 #090f16}.siteHeader .headerLinks .headerAction:hover,.siteHeader .headerLinks .headerAction[aria-current=page]{background:var(--aqua-hover);color:var(--on-accent);border-color:var(--aqua-hover)}.siteHeader .headerLinks .headerAction:active{transform:translateY(2px);box-shadow:none}.mobileReefNav{display:none}.primaryButton,.secondaryButton{width:auto;min-height:48px;padding:12px 20px;border:1px solid var(--ink);border-radius:var(--radius-sm);font-size:14px;font-weight:700;box-shadow:0 2px 0 var(--ink)}.primaryButton{background:var(--coral);color:var(--on-accent)}.primaryButton:hover{background:#efb49f;transform:none}.secondaryButton{background:var(--surface);color:var(--ink)}.secondaryButton:hover{background:var(--water)}.primaryButton:active,.secondaryButton:active{transform:translateY(2px);box-shadow:none}.eyebrow{color:var(--muted);font:600 11px/1.6 var(--font-mono);letter-spacing:.08em}.reefDetails{margin:16px 0;border:0;border-block:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);min-width:0}.reefDetails>summary{padding:13px 0;min-height:48px;font-size:14px;font-weight:650;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.reefDetails>summary::-webkit-details-marker{display:none}.reefDetails>summary:after{content:"+";font:400 22px/1 var(--font-mono)}.reefDetails[open]>summary:after{content:"−"}.reefDetailsBody{padding:0 0 18px;font-size:14px;line-height:1.65;min-width:0}.reefDetailsBody>section{margin-top:0;padding-top:10px}.studioPage{min-height:calc(100svh - 76px)}.studioPage,.studioTop{background:var(--paper)}.studioTop{height:60px}.backLink{font-size:14px;font-weight:650}.studioSection{padding-top:28px}.finalPreview h1,.nameForm h1,.studioHeading h1,.successPage h1{font-weight:750}.studioHeading>p{font-size:14px;color:var(--muted);opacity:1}.templateBadge{background:var(--water);color:var(--ink);border-radius:var(--radius-sm)}.canvasFrame{background:var(--drawing-surface);border-radius:var(--radius-md);box-shadow:none;color-scheme:light}.canvasFrame canvas{width:auto;height:auto;max-width:100%;max-height:62vh;object-fit:contain}.toolbox{border-radius:var(--radius-md);box-shadow:none}.tool{border-radius:var(--radius-sm);font-weight:650;min-height:48px}.tool.active{background:var(--ink)}.textButton{color:var(--ink)}.sizeRow input{accent-color:var(--ink)}.progress span{border-radius:var(--radius-sm)}.progress span.active{background:var(--ink);border-color:var(--ink)}.stickyAction{gap:16px;align-items:center}.artworkNote{font-size:13px;color:var(--muted)}.previewTile{background:var(--water);border-radius:var(--radius-lg);box-shadow:none}.nameForm input{border-radius:var(--radius-sm);border-color:var(--line)}.previewWater{background:var(--water) url(/brand/haunted/reef.webp) center/cover;border-radius:var(--radius-lg)}.moderationNote{background:var(--water);border:0;border-radius:var(--radius-sm)}.moderationNote>span{background:var(--coral)}.fishCaption{border:1px solid var(--ink);box-shadow:none;border-radius:var(--radius-md)}.fishCaption strong{font-family:var(--font-display);font-weight:750}.successCopy{opacity:1;color:var(--muted)}@media(max-width:1000px){.siteHeader{padding-inline:22px;gap:16px}.brand img.hauntedLogo{width:184px;height:66px}.siteHeader .headerLinks a{padding-inline:12px}.siteHeader .headerLinks{gap:3px}}@media(max-width:700px){body:has(.mobileReefNav){padding-bottom:calc(var(--mobile-nav-height,calc(72px + env(safe-area-inset-bottom,0px))) + 8px)}.siteHeader{height:66px;padding:5px 16px;gap:12px}.siteHeader .brand img.hauntedLogo{width:154px;height:56px}.siteHeader .headerLinks{display:none}.mobileReefNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:90;padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--ink);grid-gap:8px;gap:8px}.mobileReefNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--muted);font-size:12px;font-weight:650}.mobileReefNav svg{width:20px;height:20px}.mobileReefNav a[aria-current=page]{background:var(--water);border-color:var(--ink);color:var(--ink)}#main-content :is(input,select,textarea){font-size:16px}#main-content button{min-height:44px}.studioTop{height:auto;min-height:54px}.studioSection{padding-top:22px}.stickyAction{padding-bottom:8px}}@media(max-width:360px){.siteHeader .brand img.hauntedLogo{width:142px;height:52px}.siteHeader{gap:8px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.mobileReefNav,.siteHeader{display:none!important}body:has(.mobileReefNav){padding-bottom:0}}#main-content nav[aria-label="Creation progress"]{gap:18px;margin:20px 0 25px}#main-content nav[aria-label="Creation progress"]>div{border-bottom-width:1px;border-color:var(--line);color:var(--muted)}#main-content nav[aria-label="Creation progress"]>div[aria-current=step]{border-color:var(--ink);color:var(--ink)}#main-content nav[aria-label="Creation progress"]>div>span:first-child{border:1px solid var(--ink);border-radius:5px;background:var(--paper);color:var(--ink);font-family:var(--font-mono)}#main-content nav[aria-label="Creation progress"]>div[aria-current=step]>span:first-child{background:var(--water);color:var(--ink)}@media(max-width:600px){#main-content nav[aria-label="Creation progress"]{gap:10px}}