:root{--cyan:#45B5C4;--cyan-deep:#2F98A7;--mist:#C9EBF0;--paper:#F5FBFC;--ink:#0B1113;--teal-ink:#0A3A41;--ease:cubic-bezier(.16,1,.3,1);--gut:clamp(16px,4vw,56px);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--cyan);color:var(--ink);font-family:"Zen Maru Gothic","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:300;font-size:clamp(1rem,0.95rem + 0.3vw,1.125rem);line-height:1.5;overflow-x:hidden;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;}::selection{background:var(--ink);color:var(--cyan)}a{color:inherit}.sheet{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(var(--gut),env(safe-area-inset-right)) 20px max(var(--gut),env(safe-area-inset-left));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);align-content:start;}.top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;}.top img{display:block;width:clamp(64px,12vw,144px);height:auto;aspect-ratio:1;border-radius:clamp(14px,2vw,28px);}.crumbs{font-size:clamp(0.8125rem,0.78rem + 0.2vw,0.9375rem);color:var(--teal-ink);text-align:right;line-height:1.35;}.crumbs span{white-space:nowrap}h1{grid-column:1 / -1;margin-top:clamp(10px,3vh,40px);font-weight:900;line-height:1;}.word{position:relative;display:inline-block;font-size:clamp(4.1rem,22.5vw,15.5rem);letter-spacing:-0.035em;line-height:0.92;padding-bottom:0.11em;padding-right:0.14em;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;}.word .rule{position:absolute;left:0.03em;right:0.03em;bottom:0;height:0.07em;border-radius:0.04em;background:var(--ink);transform:scaleX(0.18);transform-origin:left center;transition:transform .9s var(--ease);}.word.read .rule{transform:scaleX(1)}.word .dot{position:absolute;top:0.12em;right:-0.02em;width:0.12em;height:0.12em;border-radius:50%;background:var(--ink);transition:transform .6s var(--ease),opacity .6s var(--ease);}.word.read .dot{transform:scale(0);opacity:0}.promise{display:block;margin-top:clamp(10px,2vh,22px);font-size:clamp(1.3rem,1.05rem + 1.3vw,2.35rem);line-height:1.3;letter-spacing:-0.01em;max-width:19ch;}.lead{grid-column:1 / -1;margin-top:clamp(12px,2.2vh,28px);max-width:36ch;color:var(--ink);}.slip{grid-column:1 / -1;margin-top:clamp(16px,2.6vh,32px);background:var(--paper);border-radius:22px;padding:20px 20px 20px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 16px 32px -20px rgba(0,0,0,.35);}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.prefix{display:inline-block;background:var(--cyan);color:var(--ink);font-weight:900;font-size:0.8125rem;line-height:1;padding:7px 11px 6px;border-radius:999px;}.where{font-size:0.875rem;color:var(--teal-ink)}.title{margin-top:10px;font-weight:900;font-size:clamp(1.15rem,1.05rem + 0.5vw,1.5rem);line-height:1.2;}.meta{margin-top:6px;font-size:0.875rem;color:var(--teal-ink);display:flex;gap:6px 14px;flex-wrap:wrap;}.meta .sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--teal-ink);align-self:center;}.cta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 22px;border-radius:16px;background:var(--ink);color:var(--paper);font-weight:900;font-size:clamp(1.0625rem,1rem + 0.3vw,1.25rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease;}.cta svg{flex:none;width:22px;height:22px}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 3px var(--paper) inset}.cta:active{background:#1E2A2E}@media (hover: hover) and (pointer: fine){.cta:hover{background:#1E2A2E}}.word:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:12px}footer{width:100%;max-width:1240px;margin:0 auto;padding:14px max(var(--gut),env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left));font-size:0.875rem;color:var(--teal-ink);border-top:1px solid rgba(10,58,65,.3);}@media (min-width: 900px){.sheet{row-gap:0}h1{grid-column:1 / -1}.lead{grid-column:1 / span 5;margin-top:36px;align-self:start}.slip{grid-column:7 / -1;margin-top:-1.2rem;align-self:start}.promise{max-width:22ch}}@media (prefers-reduced-motion: reduce){.word .rule,.word .dot,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}