:root{--ink: #050505;--coal: #1A1A1A;--graphite: #4A4A4A;--ash: #8C8C8C;--mist: #E4E4E2;--paper: #FAFAFA;--row: clamp(42px,6.4dvh,56px);--gap: 22px;--half: calc(var(--gap) + 2 * (var(--row) + var(--gap)) - 20px);}*{box-sizing: border-box;margin: 0;padding: 0;}html{-webkit-text-size-adjust: 100%;}body{font-family: "M PLUS Rounded 1c",ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;font-weight: 500;background: var(--ink);color: var(--paper);-webkit-font-smoothing: antialiased;overflow-x: hidden;}.screen{display: flex;flex-direction: column;height: 100dvh;min-height: 590px;max-width: 100%;background: var(--ink);overflow: hidden;}main{flex: 1;min-height: 0;display: flex;flex-direction: column;}.top{padding: calc(14px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));}.logo{display: block;width: clamp(52px,15vw,128px);height: auto;aspect-ratio: 1;border-radius: 22%;outline: 1px solid var(--graphite);outline-offset: -1px;}h1{margin-top: 10px;}h1 .brand{display: block;font-weight: 800;font-size: clamp(2.7rem,1.4rem + 7.4vw,4rem);line-height: 1;letter-spacing: -0.035em;color: var(--paper);}h1 .promise{display: block;margin-top: 8px;font-weight: 800;font-size: clamp(1.02rem,0.9rem + 0.8vw,1.25rem);line-height: 1.25;color: var(--paper);text-wrap: balance;}.lede{margin-top: 6px;font-size: clamp(0.86rem,0.8rem + 0.3vw,0.98rem);line-height: 1.4;color: var(--ash);max-width: 34ch;}.stage{position: relative;flex: 1;min-height: calc(4 * var(--row) + 4 * var(--gap) + 46px);margin-top: 6px;overflow: hidden;}.list{position: absolute;inset: 0;list-style: none;display: flex;flex-direction: column;gap: var(--gap);padding: var(--gap) calc(16px + env(safe-area-inset-right)) 46px calc(16px + env(safe-area-inset-left));}.list li{flex: 1 1 var(--row);min-height: 40px;max-height: 68px;display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 0 14px;border-radius: 14px;font-size: clamp(0.88rem,0.82rem + 0.35vw,1rem);white-space: nowrap;}.list .q{overflow: hidden;text-overflow: ellipsis;}.list .tag{flex: none;font-weight: 800;font-size: clamp(0.7rem,0.66rem + 0.2vw,0.78rem);letter-spacing: 0.02em;display: inline-flex;align-items: center;gap: 6px;}.list .tag i{width: 14px;height: 14px;border-radius: 50%;display: inline-block;position: relative;}.before li{background: var(--coal);color: var(--ash);}.before .q{text-decoration: line-through;text-decoration-thickness: 2px;}.before .tag i{border: 2px solid var(--ash);}.before .tag i::after{content: "";position: absolute;left: 1px;right: 1px;top: 4px;height: 2px;background: var(--ash);transform: rotate(-45deg);}.sheet{position: absolute;left: 0;right: 0;top: 0;height: calc(100% + 140px);border-radius: 22px 22px 0 0;background: rgba(228,228,226,0.84);-webkit-backdrop-filter: blur(16px) saturate(1.2);backdrop-filter: blur(16px) saturate(1.2);overflow: hidden;transform: translate3d(0,var(--half),0);will-change: transform;touch-action: none;user-select: none;-webkit-user-select: none;overscroll-behavior: contain;cursor: grab;transition: opacity 0.18s;}.sheet.held{cursor: grabbing;}.sheet.fade{opacity: 0.55;}.lens{position: absolute;left: 0;right: 0;top: 0;height: calc(100% - 140px);transform: translate3d(0,calc(-1 * var(--half)),0);will-change: transform;pointer-events: none;}.held-for{position: absolute;left: 16px;right: 16px;bottom: 8px;text-align: center;font-size: clamp(0.74rem,0.7rem + 0.2vw,0.82rem);line-height: 16px;color: var(--ink);}.after li{background: var(--paper);color: var(--ink);}.after .tag{color: var(--ink);}.after .tag i{background: var(--ink);}.after .tag i::after{content: "";position: absolute;left: 4px;top: 2.5px;width: 4px;height: 7px;border: solid var(--paper);border-width: 0 2px 2px 0;transform: rotate(40deg);}.grab{position: absolute;top: 0;left: 50%;width: 120px;height: 44px;margin-left: -60px;border: 0;background: none;cursor: inherit;z-index: 2;-webkit-tap-highlight-color: transparent;font: inherit;}.grab::before{content: "";position: absolute;top: 8px;left: 50%;width: 38px;height: 5px;margin-left: -19px;border-radius: 3px;background: var(--graphite);}.grab:focus-visible{outline: none;}.grab:focus-visible::before{outline: 3px solid var(--ink);outline-offset: 3px;}.action{position: relative;z-index: 3;background: var(--paper);padding: 12px calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));border-top: 1px solid var(--mist);}.cta{display: flex;align-items: center;justify-content: center;min-height: 56px;border-radius: 16px;background: var(--ink);color: var(--paper);font-weight: 800;font-size: clamp(1.02rem,0.96rem + 0.4vw,1.14rem);text-decoration: none;-webkit-tap-highlight-color: transparent;will-change: transform;}.cta:focus-visible{outline: 3px solid var(--ink);outline-offset: 3px;}.worry{margin-top: 9px;text-align: center;font-size: clamp(0.8rem,0.76rem + 0.2vw,0.88rem);line-height: 1.35;color: var(--graphite);text-wrap: balance;}footer{background: var(--paper);color: var(--graphite);text-align: center;font-size: clamp(0.72rem,0.7rem + 0.1vw,0.78rem);padding: 4px 16px calc(8px + env(safe-area-inset-bottom));}@media (hover: hover){.cta:hover{background: var(--coal);}}@media (min-width: 700px){body{background: var(--mist);min-height: 100dvh;display: flex;align-items: center;justify-content: center;}.screen{width: 430px;height: min(100dvh - 40px,800px);border-radius: 34px;box-shadow: 0 30px 60px -30px rgba(5,5,5,0.45);}.logo{width: 72px;}h1 .brand{font-size: clamp(3rem,2.6rem + 1vw,3.6rem);}footer{padding-bottom: 12px;}}@media (prefers-reduced-motion: reduce){.sheet{transition: opacity 0.18s;}}html,body{max-width:100%;overflow-x:clip}