:root{--green:#22C74A;--light:#57EF74;--mint:#C1F8CB;--white:#FFFFFF;--forest:#0A2E16;--moss:#47624F;--paper:#F1FBF3;--ink:#06190C;--bg:var(--green);--text:var(--forest);--accent:var(--forest);--lens:var(--ink);--ring:var(--forest);--seen:var(--mint);--card-edge:transparent;--dock:var(--forest);--dock-edge:var(--forest);--cta-bg:var(--white);--cta-fg:var(--forest);--note:var(--mint);--lever-base:var(--moss);--lever-stick:var(--white);--lever-ball:var(--light);--lab:var(--mint);--lab-on:var(--white);--focus:var(--white);}html[data-side="without"]{--bg:var(--paper);--accent:var(--moss);--lens:var(--white);--seen:var(--forest);--card-edge:var(--moss);--dock:var(--white);--cta-bg:var(--forest);--cta-fg:var(--white);--note:var(--moss);--lever-base:var(--mint);--lever-stick:var(--forest);--lever-ball:var(--green);--lab:var(--moss);--lab-on:var(--forest);--focus:var(--forest);}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;line-height:1.45;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:clip;}main{flex:1;display:flex;flex-direction:column;width:100%;max-width:26rem;margin:0 auto;}.brand{display:block;line-height:0}.brand img{display:block;width:clamp(60px,17vw,128px);height:auto;border-radius:22%;}h1{margin:clamp(10px,2.2vh,22px) 0 0;font-weight:700;line-height:1;letter-spacing:-0.02em;}.h-plain{display:block;font-size:clamp(1.7rem,1.2rem + 2.4vw,2.9rem);}.h-script{display:block;margin-top:0.06em;font-family:"Covered By Your Grace","Segoe Print","Bradley Hand",cursive;font-weight:400;letter-spacing:0;line-height:0.95;font-size:clamp(2.7rem,1.6rem + 5.4vw,5.4rem);color:var(--accent);transform:rotate(-2deg);transform-origin:0 60%;}.sub{margin:clamp(8px,1.6vh,18px) 0 0;font-size:clamp(0.95rem,0.9rem + 0.3vw,1.125rem);max-width:34ch;}.view{--w:min(19.5rem,84vw);--h:calc(var(--w) / 1.72);margin:auto;padding:clamp(10px,2vh,22px) 0;width:var(--w);text-align:center;}.view-tag{margin:0 0 8px;font-size:clamp(0.8rem,0.78rem + 0.15vw,0.9rem);font-weight:700;letter-spacing:0.01em;}.lenses{position:relative;width:var(--w);height:var(--h);display:grid;place-items:center;background: radial-gradient(circle at calc(var(--h) / 2) 50%,var(--lens) calc(var(--h) / 2 - 6px),transparent calc(var(--h) / 2 - 5.2px)),radial-gradient(circle at calc(100% - var(--h) / 2) 50%,var(--lens) calc(var(--h) / 2 - 6px),transparent calc(var(--h) / 2 - 5.2px)),radial-gradient(circle at calc(var(--h) / 2) 50%,var(--ring) calc(var(--h) / 2 - 0.8px),transparent calc(var(--h) / 2)),radial-gradient(circle at calc(100% - var(--h) / 2) 50%,var(--ring) calc(var(--h) / 2 - 0.8px),transparent calc(var(--h) / 2));}.seen{margin:0;max-width:74%;color:var(--seen);}.seen-with{font-family:"Covered By Your Grace","Segoe Print","Bradley Hand",cursive;font-size:clamp(2rem,1.5rem + 2.6vw,3.1rem);line-height:0.95;transform:rotate(-4deg);}.seen-without{font-weight:700;font-size:clamp(1rem,0.9rem + 0.6vw,1.3rem);line-height:1.25;}.seen-without i{display:block;margin-top:2px;font-style:normal;font-family:"Covered By Your Grace","Segoe Print","Bradley Hand",cursive;font-weight:400;font-size:1.35em;color:var(--moss);transform:rotate(-3deg);}.mine{margin:10px auto 0;padding:9px 14px 10px;background:var(--white);color:var(--forest);border:1.5px solid var(--card-edge);border-radius:16px;font-size:clamp(0.875rem,0.85rem + 0.15vw,0.975rem);line-height:1.3;text-align:left;}.mine span{display:block;font-size:0.75rem;font-weight:700;letter-spacing:0.02em;color:var(--moss);}.dock{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px 12px 12px;background:var(--dock);border:2px solid var(--dock-edge);border-radius:22px;}.cta{display:flex;align-items:center;justify-content:center;min-height:58px;padding:0 18px;background:var(--cta-bg);color:var(--cta-fg);border-radius:14px;font-weight:700;font-size:clamp(1.02rem,0.98rem + 0.25vw,1.2rem);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform 0.12s ease;}.cta:active{transform:scale(0.97)}.cta:focus-visible,.lever:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}.lever{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:2px 2px 0;width:104px;min-height:64px;background:transparent;color:var(--lab);font:inherit;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}.lever-art{position:relative;display:block;width:72px;height:40px;margin:0 auto;}.lever-base{position:absolute;left:0;right:0;bottom:0;height:14px;border-radius:7px;background:var(--lever-base);}.lever-stick{position:absolute;left:50%;bottom:6px;width:6px;height:30px;margin-left:-3px;border-radius:3px;background:var(--lever-stick);transform-origin:50% 100%;transform:rotate(-38deg);transition:transform 0.13s cubic-bezier(0.3,1.6,0.6,1);}.lever-stick::after{content:"";position:absolute;left:50%;top:-8px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--lever-ball);box-shadow:inset 0 0 0 2px var(--lever-stick);}.lever[aria-checked="true"] .lever-stick{transform:rotate(38deg)}.lever-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:0.75rem;line-height:1.2;font-weight:400;}.lever[aria-checked="true"] .lab-with,.lever[aria-checked="false"] .lab-without{color:var(--lab-on);font-weight:700;}.worry{grid-column:1 / -1;margin:0;padding:0 2px;color:var(--note);font-size:clamp(0.8125rem,0.8rem + 0.12vw,0.9rem);line-height:1.35;}footer{width:100%;max-width:26rem;margin:8px auto 0;font-size:0.75rem;font-weight:700;letter-spacing:0.02em;text-align:center;}@keyframes nudge{0%,100%{transform:rotate(38deg)}45%{transform:rotate(24deg)}}@media (prefers-reduced-motion: no-preference){.lever.nudge[aria-checked="true"] .lever-stick{animation:nudge 0.5s ease-in-out 1s 1}::view-transition-old(root),::view-transition-new(root){animation-duration:0.24s;animation-timing-function:ease}}@media (prefers-reduced-motion: reduce){.lever-stick,.cta{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}@media (min-width: 900px){body{padding:32px 40px 18px}main{max-width:66rem;display:grid;grid-template-columns:1.1fr 0.9fr;grid-template-rows:auto auto auto 1fr auto;grid-template-areas: "brand view" "h1 view" "sub view" ". view" "dock dock";column-gap:48px;align-content:center;}.brand{grid-area:brand}.brand img{width:128px}h1{grid-area:h1}.sub{grid-area:sub;max-width:40ch}.view{grid-area:view;--w:min(27rem,38vw);align-self:center;padding:0;}.mine{max-width:22rem}.dock{grid-area:dock;grid-template-columns:auto auto 1fr;gap:8px 22px;margin-top:36px;padding:14px 22px 14px 14px;}.cta{min-width:19rem;min-height:62px}.worry{grid-column:auto;max-width:34ch;justify-self:end}footer{max-width:66rem;margin-top:14px}}@media (min-width: 900px) and (max-height: 720px){.brand img{width:96px}.dock{margin-top:20px}}