:root{--ink: #0c0d0b;--raise: #151713;--paper: #f1ede4;--dim: #a39f94;--lime: #c6ff3d;--line: rgba(241, 237, 228, .16);--display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1.05rem;line-height:1.6;overflow-x:hidden;-webkit-text-size-adjust:100%}body.locked{overflow:hidden}.page{width:100%;max-width:760px;margin:0 auto;padding:0 1.25rem 6rem;overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.note{font-family:var(--mono);font-size:.8rem;color:var(--dim);min-height:1.2em;margin:.5rem 0 0}.opening{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem 0}.boot{font-family:var(--mono);font-size:.85rem;color:var(--lime)}.boot-line,.headline,.intro,.start{opacity:0;animation:rise .7s ease forwards}.boot-line{margin:0 0 .25rem;animation-name:type}.headline{font-size:clamp(2.6rem,11vw,5.5rem);line-height:1;margin:0;font-weight:700;letter-spacing:-.02em}.intro{max-width:34rem;color:var(--dim);margin:0}.start{align-self:flex-start}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes type{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.block{padding:3.5rem 0;border-top:1px solid var(--line)}.block-title{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.15;margin:0 0 1.5rem;font-weight:700}.btn{font:inherit;font-family:var(--mono);font-size:.95rem;font-weight:700;min-height:48px;min-width:48px;padding:.7rem 1.4rem;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer;transition:transform .15s ease,background .15s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn-ghost:hover:not(:disabled){background:var(--raise)}.btn-bounce{max-width:100%;animation:bounce 1.6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.silence-wrap{margin-top:2rem;padding-bottom:12px;display:flex;flex-direction:column;align-items:flex-start}.spotify-host,.spotify-host iframe,.spotify-fallback{width:100%;max-width:100%;border:0;border-radius:12px;min-height:352px;background:var(--raise)}.arena{position:relative;height:200px;border:1px dashed var(--line);border-radius:8px;overflow:hidden}.yes{position:absolute;left:0;top:0;transition:transform .28s cubic-bezier(.3,1.5,.5,1)}.yes-tired{animation:shake .4s ease 2}.no{position:absolute;right:0;bottom:0}.roast{font-size:1.3rem;min-height:3.2rem;margin:1.25rem 0 0;color:var(--lime);animation:rise .35s ease both}@keyframes shake{25%{transform:translate(-6px) rotate(-3deg)}75%{transform:translate(6px) rotate(3deg)}}.stage{position:relative;height:380px;perspective:1100px;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:8px;overflow:hidden}.card{position:absolute;left:50%;top:50%;width:min(62%,240px);aspect-ratio:3 / 4;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--raise);cursor:pointer;box-shadow:0 20px 40px #0009;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease}.card-active{border-color:var(--lime)}.card img,.card video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-caption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .8rem .6rem;font-family:var(--mono);font-size:.78rem;color:var(--paper);text-align:left;background:linear-gradient(transparent,#000000d9)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:1.1rem;padding-left:4px}.carousel-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#050604f0;animation:fade .25s ease both}.viewer-figure{margin:0;max-width:100%;max-height:80svh;text-align:center;animation:zoom .32s cubic-bezier(.2,.8,.2,1) both}.viewer-figure img,.viewer-figure video{max-width:100%;max-height:66svh;border-radius:12px;background:#000}.viewer-figure figcaption{margin-top:.8rem;display:flex;flex-direction:column;font-size:.95rem}.viewer-figure figcaption span{color:var(--dim)}.viewer-close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem}.viewer-closing{animation:fade .22s ease reverse both}.viewer-closing .viewer-figure{animation:zoom .22s ease reverse both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{transform:scale(.55);opacity:0}to{transform:none;opacity:1}}.wish-line{font-size:1.2rem;max-width:36rem;opacity:0;animation:rise .9s ease forwards}.signature{font-style:italic;color:var(--lime);margin:1.5rem 0 0;opacity:0;animation:rise .9s ease forwards}.gift-wrap{margin-top:1.5rem;opacity:0;animation:rise .9s ease forwards}.gift{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:48px;min-height:48px;padding:.25rem .5rem .25rem 0;background:none;border:0;color:var(--paper);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.gift-icon{font-size:3.6rem;line-height:1;display:inline-block;transform-origin:50% 90%;animation:wiggle 2.4s ease-in-out infinite;transition:transform .15s ease}.gift:active .gift-icon{transform:scale(.88)}.teaser{font-family:var(--mono);font-size:.85rem;font-weight:700;color:var(--lime);animation:pulse 1.6s ease-in-out infinite}@keyframes wiggle{0%,60%,to{transform:rotate(0)}66%{transform:rotate(-9deg)}72%{transform:rotate(8deg)}78%{transform:rotate(-6deg)}84%{transform:rotate(5deg)}90%{transform:rotate(-2deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.mpesa{max-width:380px;margin:0 auto;padding:1.5rem;border-radius:16px;background:#0f2a14;border:1px solid #2b7d3a;animation:pop .45s cubic-bezier(.3,1.5,.5,1) both}.mpesa-brand{font-family:var(--mono);font-size:.85rem;color:#6ee07f;margin:0 0 .5rem}.mpesa-brand small{color:var(--dim)}.mpesa h2{font-size:1.5rem;margin:0 0 1rem}.mpesa input{width:100%;min-height:52px;padding:.8rem 1rem;font:inherit;font-family:var(--mono);font-size:1.1rem;color:var(--paper);background:var(--ink);border:1px solid #2b7d3a;border-radius:8px}.mpesa input[aria-invalid=true]{border-color:#ff6b5e}.error{color:#ff8f85;font-size:.9rem;min-height:1.4em;margin:.5rem 0}.btn-mpesa{width:100%;background:#3bb54a;color:#04130a;border-color:#3bb54a}.receipt{animation:pop .5s cubic-bezier(.3,1.5,.5,1) both}.receipt-main{font-size:1.6rem;font-weight:700;margin:0 0 .5rem}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.shutdown{text-align:left}.terminal{font-family:var(--mono);font-size:.95rem;min-height:14rem}.terminal p{margin:0 0 .6rem;animation:type .3s ease both}.shout{font-size:1.15rem;font-weight:700;color:var(--lime)}.status{color:var(--dim)}.final{font-size:1.2rem;color:var(--paper)}.offline-tag{color:var(--dim);letter-spacing:.1em}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--lime);vertical-align:text-bottom;animation:blink 1s steps(1) infinite}.offline .terminal{filter:grayscale(1);opacity:.7;transition:opacity 1s ease}@keyframes blink{50%{opacity:0}}@media (min-width: 700px){.stage{height:440px}.card{width:260px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn-bounce,.cursor,.gift-icon,.teaser{animation:none}}