:root{--oat:#F3EFE6;--oat-deep:#E7E1D3;--ink:#1D1B20;--ink-soft:#49454F;--tangerine:#FF9A5C;--lilac:#CDBBF7;--sage:#BCD9A6;--blue:#1766E5;--blue-deep:#0F4FB6;--r-card:28px;--r-btn:20px;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--oat);color:var(--ink);font-family:"Roboto Flex",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden;}a,button{-webkit-tap-highlight-color:transparent}.shell{display:grid;grid-template-columns:minmax(0,1fr)}.bar{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 16px) 6px calc(env(safe-area-inset-left) + 16px);}.bar img{width:40px;height:40px;border-radius:12px;display:block}.bar .who{font-weight:800;font-size:clamp(1rem,0.95rem + 0.3vw,1.1rem);letter-spacing:-0.01em}.bar .aside-line{display:none}.app{min-height:calc(100dvh - 56px - env(safe-area-inset-top));display:flex;flex-direction:column;overflow:hidden;padding:4px calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 14px) calc(env(safe-area-inset-left) + 16px);}h1{display:flex;flex-direction:column;align-items:flex-start;margin:2px 0 10px}.word{font-weight:800;font-size:clamp(3.1rem,1.6rem + 8vw,4.6rem);line-height:0.92;letter-spacing:-0.045em;font-variation-settings:"opsz" 144;}.word .o{color:var(--blue)}.promise{font-family:"Caveat",cursive;font-weight:600;font-size:clamp(1.45rem,1.2rem + 1.2vw,1.85rem);line-height:1.05;color:var(--ink-soft);margin-top:4px;transform:rotate(-2deg);transform-origin:left center;}.stack-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.stack{position:relative;flex:1 1 auto;min-height:250px;max-height:460px;margin:6px 4px 0;outline:none;border-radius:var(--r-card);}.stack:focus-visible{box-shadow:0 0 0 3px var(--oat),0 0 0 5px var(--ink)}.card{position:absolute;inset:0 0 30px 0;border-radius:var(--r-card);padding:22px 22px 20px;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:pan-y;overscroll-behavior:contain;will-change:transform;pointer-events:none;cursor:grab;box-shadow:0 1px 2px rgba(29,27,32,0.12);}.card.top{pointer-events:auto}.card.dragging{cursor:grabbing}.card.gone{visibility:hidden}@supports (corner-shape: squircle){.card{corner-shape:squircle;border-radius:56px}.cta{corner-shape:squircle;border-radius:36px}}.c1{background:var(--tangerine)}.c2{background:var(--lilac)}.c3{background:var(--sage)}.c4{background:var(--blue);color:#fff}.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.88rem);font-weight:800;letter-spacing:0.02em;padding:6px 12px;border-radius:8px;background:rgba(29,27,32,0.1);}.c4 .chip{background:rgba(255,255,255,0.18)}.chip svg{width:16px;height:16px}.excuse{font-weight:800;font-size:clamp(1.55rem,1.1rem + 2.4vw,2.1rem);line-height:1.04;letter-spacing:-0.025em;margin-top:auto;}.fix{font-size:clamp(1rem,0.94rem + 0.3vw,1.1rem);margin-top:10px;max-width:30ch}.c4 .excuse{font-family:"Caveat",cursive;font-weight:600;letter-spacing:0;font-size:clamp(2rem,1.6rem + 2vw,2.6rem);line-height:0.95}.glyph{position:absolute;right:18px;top:16px;width:72px;height:72px;opacity:0.9}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 4px 0}.icon-btn{width:48px;height:48px;border-radius:16px;border:0;background:var(--oat-deep);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .12s cubic-bezier(.2,.8,.2,1),opacity .2s;}.icon-btn svg{width:22px;height:22px}.icon-btn:active{transform:scale(0.97)}.icon-btn:disabled{opacity:0.38;cursor:default}.icon-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.track{flex:1;display:flex;gap:6px;align-items:center;justify-content:center}.track i{display:block;height:6px;width:18px;border-radius:3px;background:rgba(29,27,32,0.18);transform-origin:left center;transition:background-color .2s}.track i.on{background:var(--ink)}.track i.last.on{background:var(--blue)}.actions{padding-top:14px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;background:var(--blue);color:#fff;text-decoration:none;border-radius:var(--r-btn);font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.15rem);letter-spacing:0.01em;transition:transform .12s cubic-bezier(.2,.8,.2,1),background-color .2s;}.cta svg{width:22px;height:22px}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.next{font-size:clamp(0.86rem,0.82rem + 0.2vw,0.94rem);color:var(--ink-soft);text-align:center;margin-top:9px}@media (hover: hover){.cta:hover{background:var(--blue-deep)}.icon-btn:not(:disabled):hover{background:#DCD5C4}}.band{background:var(--ink);color:var(--oat);padding:30px calc(env(safe-area-inset-right) + 20px) 32px calc(env(safe-area-inset-left) + 20px);}.band h2{font-weight:800;font-size:clamp(1.4rem,1.1rem + 1.4vw,1.8rem);letter-spacing:-0.02em;line-height:1.1}.band h2 span{font-family:"Caveat",cursive;font-weight:600;color:var(--sage);font-size:1.15em;letter-spacing:0}.band p{margin-top:10px;max-width:46ch;color:#E3DED3;font-size:clamp(1rem,0.95rem + 0.25vw,1.08rem)}footer{padding:18px calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 22px) calc(env(safe-area-inset-left) + 20px);font-size:clamp(0.86rem,0.82rem + 0.2vw,0.94rem);color:var(--ink-soft);}footer strong{color:var(--ink);font-weight:800}.fade .card{transition:opacity .22s ease-out}.fade .card.gone{opacity:0;visibility:visible}@media (min-width: 960px){body{background:var(--sage)}.shell{grid-template-columns:minmax(0,1fr) 430px minmax(0,1fr);column-gap:56px;padding:24px 24px 0;}.bar{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:16px;padding:0;}.bar img{width:144px;height:144px;border-radius:32px}.bar .who{font-size:clamp(1.2rem,1rem + 0.5vw,1.4rem)}.bar .aside-line{display:block;font-family:"Caveat",cursive;font-weight:600;font-size:clamp(1.5rem,1.2rem + 0.8vw,1.9rem);line-height:1.05;max-width:12ch;color:var(--ink)}.app{grid-column:2;grid-row:1;background:var(--oat);border-radius:36px;min-height:0;height:min(calc(100dvh - 48px),820px);padding:22px 22px 22px;}.band{grid-column:2;grid-row:2;margin-top:24px;border-radius:36px}footer{grid-column:2;grid-row:3;text-align:center;color:var(--ink)}}@media (min-width: 960px) and (max-height: 720px){.word{font-size:clamp(2.6rem,1.4rem + 4vw,3.4rem)}.stack{min-height:210px}}html,body{max-width:100%;overflow-x:clip}