:root{--berry: #D33B30;--berry-deep: #B43327;--leaf: #1E6B2F;--leaf-light: #7CCB6A;--tusk: #DCC6A1;--ink: #2B1613;--paper: #FBF3EE;--paper-low: #F3E2DA;--white: #FFFFFF;--peek: 30px;--mono: "Sometype Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;}*,*::before,*::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--mono);font-weight: 400;-webkit-font-smoothing: antialiased;overflow-x: hidden;}p,h1{margin: 0;}.app{min-height: 100dvh;display: grid;grid-template-rows: auto auto minmax(230px,1fr) auto auto auto;background: var(--paper);overflow: hidden;position: relative;}.bar{display: flex;align-items: center;gap: 12px;padding: calc(10px + env(safe-area-inset-top)) 20px 8px;}.bar img{width: 44px;height: 44px;border-radius: 12px;background: var(--white);box-shadow: 0 1px 2px rgba(43,22,19,0.2),0 1px 3px 1px rgba(43,22,19,0.1);}.bar-title{font-weight: 700;font-size: clamp(0.9rem,0.85rem + 0.3vw,1rem);letter-spacing: -0.01em;}.intro{padding: 6px 24px 14px;}h1{font-weight: 700;font-size: clamp(1.3rem,6vw,1.6rem);line-height: 1.14;letter-spacing: -0.02em;}h1 span{display: block;}h1 .em{color: var(--berry-deep);}.sup{margin-top: 10px;font-size: clamp(0.8rem,0.76rem + 0.2vw,0.875rem);line-height: 1.45;color: rgba(43,22,19,0.86);}.stack{position: relative;margin: 0 20px;touch-action: pan-y;user-select: none;-webkit-user-select: none;overscroll-behavior: contain;cursor: grab;outline: none;-webkit-tap-highlight-color: transparent;}.stack:active{cursor: grabbing;}.stack:focus-visible{outline: 3px solid var(--ink);outline-offset: 4px;border-radius: 22px;}.card{position: absolute;inset: 0 0 calc(var(--peek) * 2) 0;display: flex;flex-direction: column;border-radius: 20px;overflow: hidden;transform-origin: 50% 100%;will-change: transform;box-shadow: 0 1px 2px rgba(43,22,19,0.22),0 2px 6px 2px rgba(43,22,19,0.1);}.c0{z-index: 3;background: var(--white);color: var(--ink);}.c1{z-index: 2;background: var(--tusk);color: var(--ink);transform: translate3d(0,30px,0) scale(0.95);}.c2{z-index: 1;background: var(--ink);color: var(--paper);transform: translate3d(0,60px,0) scale(0.9);}.card.fade{animation: fade 0.18s cubic-bezier(0.2,0,0,1);}@keyframes fade{from{opacity: 0.35;}to{opacity: 1;}}.body{flex: 1 1 auto;min-height: 0;padding: 18px 20px 0;display: flex;flex-direction: column;position: relative;}.card.under .body{visibility: hidden;}.over{font-size: 0.72rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;}.c2 .over{color: var(--tusk);}.fig{margin-top: auto;font-weight: 700;font-size: clamp(3rem,12dvh,5.75rem);line-height: 0.92;letter-spacing: -0.06em;}.fig small{font-size: 0.3em;font-weight: 500;letter-spacing: 0;margin-left: 0.5em;}.name{margin-top: 8px;font-weight: 700;font-size: clamp(0.95rem,0.9rem + 0.3vw,1.05rem);letter-spacing: -0.01em;}.line{margin-top: 4px;margin-bottom: 14px;font-size: clamp(0.78rem,0.75rem + 0.2vw,0.85rem);line-height: 1.4;}.name:last-child{margin-bottom: 14px;}.moon{position: absolute;top: 16px;right: 18px;width: 64px;height: 64px;border-radius: 50%;background: var(--berry);overflow: hidden;}.moon i{position: absolute;inset: 0;border-radius: 50%;background: var(--ink);transform: translate3d(-9px,6px,0);}.strip{flex: 0 0 var(--peek);height: var(--peek);display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 0 20px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;white-space: nowrap;}.c0 .strip{border-top: 1px solid var(--paper-low);}.c1 .strip{border-top: 1px solid rgba(43,22,19,0.16);}.c2 .strip{border-top: 1px solid rgba(251,243,238,0.18);}.strip .dot{display: inline-block;width: 8px;height: 8px;margin-right: 8px;border-radius: 50%;background: var(--leaf-light);}.ctl{display: flex;align-items: center;justify-content: center;gap: 18px;padding: 8px 20px 10px;}.ib{width: 48px;height: 48px;border: 0;border-radius: 50%;background: var(--paper-low);color: var(--ink);display: grid;place-items: center;cursor: pointer;font: inherit;-webkit-tap-highlight-color: transparent;}.ib svg{width: 22px;height: 22px;}.ib[aria-disabled="true"]{opacity: 0.38;cursor: default;}.ib:focus-visible{outline: 3px solid var(--ink);outline-offset: 2px;}.pos{min-width: 5.5em;text-align: center;font-size: 0.78rem;font-weight: 500;letter-spacing: 0.1em;}.action{background: var(--paper-low);border-radius: 28px 28px 0 0;padding: 16px 20px 10px;box-shadow: 0 -1px 2px rgba(43,22,19,0.1),0 -2px 8px rgba(43,22,19,0.06);position: relative;z-index: 5;}.cta{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 56px;padding: 0 24px;border-radius: 28px;background: var(--leaf);color: var(--white);font-weight: 700;font-size: clamp(0.95rem,0.9rem + 0.3vw,1.05rem);letter-spacing: -0.01em;text-decoration: none;box-shadow: 0 1px 2px rgba(43,22,19,0.3),0 2px 6px 2px rgba(43,22,19,0.14);-webkit-tap-highlight-color: transparent;}.cta svg{width: 20px;height: 20px;flex: none;}.cta:focus-visible{outline: 3px solid var(--ink);outline-offset: 3px;}.need{margin-top: 10px;text-align: center;font-size: clamp(0.75rem,0.72rem + 0.2vw,0.8125rem);line-height: 1.4;color: rgba(43,22,19,0.88);}footer{background: var(--paper-low);padding: 2px 20px calc(10px + env(safe-area-inset-bottom));text-align: center;font-size: clamp(0.66rem,0.64rem + 0.1vw,0.7rem);line-height: 1.4;color: rgba(43,22,19,0.78);position: relative;z-index: 5;}@media (hover: hover){.cta:hover{background: #185A27;}.ib:not([aria-disabled="true"]):hover{background: #EBD5CB;}}@media (max-height: 690px){.line{display: none;}.name{margin-bottom: 12px;}.intro{padding-bottom: 10px;}}@media (min-width: 760px){body{min-height: 100dvh;display: grid;place-items: center;background-color: var(--berry);background-image: radial-gradient(ellipse 5px 8px at 50% 50%,var(--tusk) 96%,transparent 100%),radial-gradient(ellipse 5px 8px at 50% 50%,var(--tusk) 96%,transparent 100%);background-size: 120px 132px,120px 132px;background-position: 0 0,60px 66px;}.app{width: 440px;min-height: 0;height: min(100dvh - 48px,840px);border-radius: 28px;box-shadow: 0 4px 8px 3px rgba(43,22,19,0.2),0 1px 3px rgba(43,22,19,0.35);}.bar{padding-top: 16px;}.bar img{width: 56px;height: 56px;border-radius: 14px;}}@media (prefers-reduced-motion: reduce){.card.fade{animation-duration: 0.12s;}}html,body{max-width:100%;overflow-x:clip}