.intro{padding:var(--s5) 0 var(--s5);gap:var(--s2);display:grid}.intro h1{font:800 var(--fs-2xl)/1.08 var(--f-display);letter-spacing:-.03em;max-width:18ch;margin:0}.intro p{color:var(--ink-2);font-size:var(--fs-m);max-width:52ch;margin:0}.intro p b{color:var(--ink);font-weight:600}@media (width>=720px){.intro{padding:var(--s7) 0 var(--s6);align-items:end;column-gap:var(--s7);grid-template-columns:1fr auto}.intro h1{font-size:var(--fs-3xl);max-width:none}.intro p{grid-column:1}.intro .facts{grid-area:1/2/3}}.facts{gap:var(--s2);flex-direction:column;align-items:flex-start;display:none}@media (width>=720px){.facts{display:flex}}.fact{align-items:center;gap:var(--s2);font-size:var(--fs-s);color:var(--ink-2);display:flex}.fact svg{color:var(--shiso)}.box{--focus:var(--focus-in-box);background:var(--lacquer);border-radius:var(--r4);padding:var(--s2);gap:var(--s2);box-shadow:var(--shadow-2), inset 0 1px 0 #ffffff0f;grid-template-columns:1fr 1fr;grid-template-areas:"img img""qr date""word word";display:grid}@media (width>=860px){.box{padding:var(--s3);gap:var(--s3);grid-template-rows:minmax(220px,auto) minmax(200px,auto);grid-template-columns:repeat(4,1fr);grid-template-areas:"img img qr date""img img word word"}}.cell{gap:var(--s3);padding:var(--s4);border-radius:var(--r3);color:var(--ink);background:var(--cell);min-height:0;transition:background var(--d2) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (width>=860px){.cell{padding:var(--s5);gap:var(--s4);border-radius:calc(var(--r4) - var(--s3))}}.cell:focus-visible{outline-offset:-3px;border-radius:var(--r3)}.c-img{background:var(--salmon-t);grid-area:img}.c-qr{background:var(--nori-t);grid-area:qr}.c-date{background:var(--edamame-t);grid-area:date}.c-word{background:var(--tamago-t);grid-area:word}.cell h2{font:750 var(--fs-m)/1.2 var(--f-display);letter-spacing:-.01em;margin:0}.cell p{margin:var(--s1) 0 0;font-size:var(--fs-s);color:var(--ink-2);line-height:1.45}.cell .txt{padding-right:var(--s6);margin-top:auto}@media (width>=860px){.cell h2{font-size:var(--fs-l)}.c-img h2{font-size:var(--fs-xl)}.c-img p{font-size:var(--fs-m);max-width:36ch}}.go{right:var(--s3);bottom:var(--s3);border-radius:var(--pill);background:var(--cell);width:32px;height:32px;color:var(--ink);box-shadow:var(--shadow-1);transition:transform var(--d2) var(--ease-out),background var(--d2);place-items:center;display:grid;position:absolute}@media (width>=860px){.go{right:var(--s4);bottom:var(--s4);width:36px;height:36px}}.c-img .go{background:var(--ink);color:var(--rice)}.tag{align-self:flex-start;align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--pill);font-size:var(--fs-xs);background:var(--cell);color:var(--ink-2);font-weight:600;display:inline-flex}.art{flex:1;align-items:center;min-height:92px;display:flex;position:relative}.c-img .art{min-height:128px}@media (width>=860px){.c-img .art{justify-content:center;min-height:0}}.pic{position:relative}.photo{aspect-ratio:4/3;border-radius:var(--r2);width:148px;box-shadow:var(--shadow-1);transform-origin:0 100%;transition:transform var(--d3) var(--ease-out);position:relative;overflow:hidden}@media (width>=860px){.photo{width:260px}}.photo svg{width:100%;height:100%;display:block}.size{left:calc(100% + var(--s3));white-space:nowrap;font:600 var(--fs-s)/1.2 var(--f-mono);font-variant-numeric:tabular-nums;display:grid;position:absolute;bottom:0}@media (width>=860px){.size{font-size:var(--fs-l)}.c-img .art{padding-right:var(--s9)}}.size span{transition:opacity var(--d2),transform var(--d2) var(--ease-out);grid-area:1/1}.size .after{opacity:0;color:var(--shiso);transform:translateY(6px)}.size small{font:500 var(--fs-xs)/1.3 var(--f-body);color:var(--ink-3);display:block}.mini-stamp{left:calc(100% + var(--s3));bottom:calc(var(--s7) - var(--s1));width:56px;height:56px;color:var(--ume);box-shadow:inset 0 0 0 3px var(--salmon-t),inset 0 0 0 4px currentColor;font:800 var(--fs-s)/1 var(--f-display);opacity:0;transition:transform var(--d2) var(--ease-out),opacity var(--d1);border:2px solid;border-radius:50%;place-items:center;display:grid;position:absolute;transform:rotate(-12deg)scale(1.5)}@media (width>=860px){.mini-stamp{width:72px;height:72px;font-size:var(--fs-l);bottom:var(--s8)}}@media (hover:hover){.c-img:hover .photo,.c-img:focus-visible .photo{transform:scale(.72)}.c-img:hover .before,.c-img:focus-visible .before{opacity:0;transform:translateY(-6px)}.c-img:hover .after,.c-img:focus-visible .after{opacity:1;transform:none}.c-img:hover .mini-stamp,.c-img:focus-visible .mini-stamp{opacity:1;transition-delay:.14s;transform:rotate(-12deg)scale(1)}.cell:hover .go{transform:translate(3px)}}.qr{background:var(--qr-paper);border-radius:var(--r1);width:84px;height:84px;box-shadow:var(--shadow-1);padding:6px;position:relative;overflow:hidden}.qr svg{width:100%;height:100%;color:var(--qr-ink);display:block}.qr:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--shiso) 35%,transparent));opacity:0;height:30%;position:absolute;top:-30%;left:0;right:0}@media (hover:hover){.c-qr:hover .qr:after{animation:scan .9s var(--ease-out) 1;opacity:1}}@keyframes scan{0%{top:-30%}to{top:100%}}.qr-note{margin-left:var(--s3);gap:var(--s1);font-size:var(--fs-xs);color:var(--ink-2);font-weight:600;display:none}@media (width>=480px){.qr-note{display:grid}}.qr-note span{align-items:center;gap:6px;display:flex}.qr-note svg{color:var(--shiso)}.cal{font:600 10px/1 var(--f-mono);color:var(--ink-3);grid-template-columns:repeat(7,1fr);gap:2px 0;width:100%;max-width:190px;display:grid}.cal i{place-items:center;height:18px;font-style:normal;display:grid;position:relative}.cal .in{background:color-mix(in srgb,var(--edamame) 26%,transparent);color:var(--ink);transition:background var(--d2),color var(--d2)}.cal .s{border-radius:var(--pill) 0 0 var(--pill)}.cal .e{border-radius:0 var(--pill) var(--pill) 0}.cal .s,.cal .e{background:var(--edamame);color:var(--cell)}.days{font:800 var(--fs-s)/1.1 var(--f-display);text-align:right;display:grid;position:absolute;top:0;right:0}.days span{transition:opacity var(--d2);grid-area:1/1}.days .wd{opacity:0}@media (hover:hover){.c-date:hover .cal .in.we{color:var(--ink-3);background:0 0}.c-date:hover .days .all{opacity:0}.c-date:hover .days .wd{opacity:1}}.words{gap:var(--s3);width:100%;display:grid}@media (width>=860px){.words{align-items:center;gap:var(--s5);grid-template-columns:1.2fr 1fr}}.snippet{font-size:var(--fs-s);color:var(--ink-2);background:var(--cell);padding:var(--s3);border-radius:var(--r2);box-shadow:var(--shadow-1);margin:0;line-height:1.5}.caret{vertical-align:-.2em;background:var(--ink);width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.meters{gap:var(--s2);font-size:var(--fs-xs);color:var(--ink-2);display:grid}.meter{gap:var(--s1) var(--s2);grid-template-columns:1fr auto;display:grid}.meter b{font:600 var(--fs-xs)/1.2 var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}.bar{border-radius:var(--pill);background:color-mix(in srgb,var(--tamago) 22%,var(--cell));grid-column:1/-1;height:6px;overflow:hidden}.bar i{height:100%;width:var(--w);border-radius:inherit;background:var(--tamago);transition:width var(--d3) var(--ease-out);display:block}@media (hover:hover){.c-word:hover .bar i{width:var(--w2)}}.c-word .snippet-wrap{display:none}@media (width>=480px){.c-word .snippet-wrap{display:block}}.sec{padding-top:var(--s7)}@media (width>=860px){.sec{padding-top:var(--s8)}}.sec-h{align-items:baseline;gap:var(--s1) var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.sec-h h2{font:800 var(--fs-xl)/1.2 var(--f-display);letter-spacing:-.02em;margin:0}.sec-h p{font-size:var(--fs-s);color:var(--ink-3);margin:0}.empty{gap:var(--s4);padding:var(--s5);border-radius:var(--r3);background:var(--cell-2);box-shadow:var(--shadow-in);align-items:center;display:flex}.empty svg{color:var(--ink-3);flex:none}.empty h3{font:700 var(--fs-m)/1.3 var(--f-display);margin:0}.empty p{margin:var(--s1) 0 0;font-size:var(--fs-s);color:var(--ink-2);max-width:60ch}.why{gap:var(--s2);background:var(--cell);border-radius:var(--r4);padding:var(--s2);box-shadow:var(--shadow-1);display:grid}@media (width>=860px){.why{gap:var(--s3);padding:var(--s3);grid-template-columns:1.1fr 1fr 1fr 1fr}}.why-lead{padding:var(--s4) var(--s4) var(--s2)}.why-lead h2{font:800 var(--fs-xl)/1.15 var(--f-display);letter-spacing:-.02em;margin:0}.why-lead p{margin:var(--s2) 0 0;font-size:var(--fs-s);color:var(--ink-2)}.why-item{padding:var(--s4);border-radius:var(--r3);background:var(--cell-2)}@media (width>=860px){.why-lead,.why-item{padding:var(--s5)}}.why-item svg{color:var(--shiso)}.why-item h3{margin:var(--s3) 0 var(--s1);font:700 var(--fs-m)/1.3 var(--f-display)}.why-item p{font-size:var(--fs-s);color:var(--ink-2);margin:0}