:root{--charcoal:#1C1B1A;--graphite:#2B2927;--orange:#F7941D;--ivory:#F6F1E7;--paper:#FFFDF8;--ash:#B8B1A6;--stone:#655E54;--p:0;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--orange);color:var(--charcoal);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;}.app{position:relative;height:100vh;height:100dvh;min-height:560px;overflow:hidden;background:var(--charcoal);color:var(--ivory);}.behind{padding:calc(env(safe-area-inset-top) + 18px) calc(env(safe-area-inset-right) + 22px) 0 calc(env(safe-area-inset-left) + 22px);}.head{display:flex;align-items:center;gap:12px;padding-bottom:4px}.logo{width:72px;height:72px;display:block;border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 2px 4px rgba(0,0,0,.35),0 10px 22px rgba(0,0,0,.35);}.site{font-size:clamp(0.8rem,0.76rem + 0.2vw,0.9rem);font-weight:600;color:var(--ash);line-height:1.3;}.site span{display:block;color:var(--ivory)}h1{margin:20px 0 0;font-family:"Aleo",Rockwell,Georgia,serif;font-weight:700;font-size:clamp(1.85rem,1.3rem + 2.6vw,2.5rem);line-height:1.08;letter-spacing:-0.01em;text-wrap:balance;}h1 em{font-style:normal;color:var(--orange)}.lead{margin:12px 0 0;font-size:clamp(1rem,0.95rem + 0.25vw,1.08rem);line-height:1.45;color:var(--ash);max-width:34ch;}.ends{margin:22px 0 0;padding:0;list-style:none}.ends-label{margin:22px 0 0;font-size:clamp(0.78rem,0.75rem + 0.15vw,0.84rem);font-weight:600;color:var(--ash);}.ends{margin-top:8px}.ends li{position:relative;display:table;padding:5px 0;font-size:clamp(0.95rem,0.9rem + 0.2vw,1.02rem);line-height:1.3;color:var(--ivory);}.ends li i{position:absolute;left:-4px;right:-4px;top:50%;height:3px;margin-top:-1px;border-radius:2px;background:var(--orange);transform-origin:0 50%;transform:scaleX(var(--p));}.sheet{position:absolute;left:0;right:0;top:140px;bottom:0;background:var(--ivory);color:var(--charcoal);border-radius:26px 26px 0 0;box-shadow:0 -1px 0 rgba(0,0,0,.25),0 -6px 16px rgba(0,0,0,.28),0 -22px 54px rgba(0,0,0,.3);transform:translate3d(0,60%,0);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;will-change:transform;cursor:grab;}.sheet.is-held{cursor:grabbing}.grab{-webkit-tap-highlight-color:transparent;appearance:none;border:0;background:none;color:inherit;font:inherit;display:block;width:100%;padding:10px 22px 10px;text-align:left;cursor:inherit;border-radius:26px 26px 0 0;}.grab::before{content:"";display:block;width:44px;height:5px;border-radius:3px;margin:0 auto 12px;background:#CFC6B6;}.grab-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.grab-title{font-family:"Aleo",Rockwell,Georgia,serif;font-weight:700;font-size:clamp(1.15rem,1.05rem + 0.5vw,1.3rem);line-height:1.2;}.grab-hint{font-size:clamp(0.8rem,0.77rem + 0.15vw,0.86rem);font-weight:600;color:var(--stone);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}.grab-hint svg{width:12px;height:12px;transform:rotate(calc(var(--p) * 180deg))}.grab:focus-visible{outline:3px solid var(--charcoal);outline-offset:-4px}.rows{margin:0;padding:2px 14px 0;list-style:none}.rows li{display:flex;align-items:center;gap:14px;margin-top:8px;padding:10px 12px;background:var(--paper);border-radius:18px;box-shadow:0 1px 0 rgba(28,27,26,.05),0 1px 2px rgba(28,27,26,.08),0 6px 14px rgba(28,27,26,.06);}.tile{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--charcoal);color:var(--orange);font-family:"Aleo",Rockwell,Georgia,serif;font-weight:700;font-size:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);}.tile svg{width:18px;height:18px;fill:currentColor}.rows strong{display:block;font-weight:600;font-size:clamp(1rem,0.96rem + 0.2vw,1.06rem);line-height:1.25;}.rows span.sub{display:block;margin-top:1px;font-size:clamp(0.86rem,0.83rem + 0.15vw,0.92rem);line-height:1.35;color:var(--stone);}.bar{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:12px calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 14px) calc(env(safe-area-inset-left) + 16px);background:var(--ivory);box-shadow:0 -1px 0 rgba(28,27,26,.08),0 -10px 22px rgba(28,27,26,.1);}.cta{-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 20px;border-radius:18px;background:var(--orange);color:var(--charcoal);font-weight:600;font-size:clamp(1.08rem,1.02rem + 0.3vw,1.18rem);text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 4px rgba(120,62,0,.25),0 10px 22px rgba(160,84,0,.26);transition:transform 90ms cubic-bezier(.2,.8,.2,1);}.cta svg{width:16px;height:16px;fill:currentColor}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--charcoal);outline-offset:3px}@media (hover: hover){.cta:hover{background:#FFA234}}footer{padding:16px calc(env(safe-area-inset-right) + 22px) calc(env(safe-area-inset-bottom) + 18px) calc(env(safe-area-inset-left) + 22px);font-size:clamp(0.8rem,0.77rem + 0.15vw,0.86rem);line-height:1.4;color:var(--charcoal);text-align:center;}@media (min-width: 720px){body{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.app{width:430px;height:calc(100dvh - 96px);max-height:860px;margin-top:28px;border-radius:34px;box-shadow:0 2px 4px rgba(60,30,0,.25),0 14px 30px rgba(60,30,0,.28),0 40px 90px rgba(60,30,0,.3);}.behind{padding-top:26px}.head{flex-direction:column;align-items:flex-start;gap:10px}.logo{width:144px;height:144px;border-radius:32px}}@media (min-width: 720px) and (max-height: 940px){.behind{padding-top:22px}.head{flex-direction:row;align-items:center;gap:14px}.logo{width:96px;height:96px;border-radius:24px}h1{margin-top:16px}.ends-label{margin-top:16px}.ends li{padding:4px 0}}@media (prefers-reduced-motion: reduce){.cta{transition:none}.sheet{transition:opacity 140ms linear}}html,body{max-width:100%;overflow-x:clip}