.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:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"img img""crop exif""qr date""word word""case age";display:grid}@media (width>=860px){.box{padding:var(--s3);gap:var(--s3);grid-template-rows:repeat(3,minmax(204px,auto));grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"img img crop exif""img img qr date""word word case age"}}.cell{gap:var(--s3);padding:var(--s4);border-radius:var(--r3);color:var(--ink);background:var(--cell);min-width:0;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-crop{background:var(--salmon-t2);grid-area:crop}.c-exif{background:var(--salmon-t);grid-area:exif}.c-qr{background:var(--nori-t);grid-area:qr}.c-date{background:var(--edamame-t);grid-area:date}.c-age{background:var(--edamame-t2);grid-area:age}.c-word{background:var(--tamago-t);grid-area:word}.c-case{background:var(--tamago-t2);grid-area:case}.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}@media (hover:hover){.cell:hover .go{transform:translate(3px)}}.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{min-height:0;padding-right:var(--s9);justify-content:center}}.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,.cropart svg,.ex-ph 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)}}.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)}}.cropart{--scrim:#080b0994;--third:color-mix(in srgb,var(--on-scrim) 42%,transparent);aspect-ratio:4/3;border-radius:var(--r2);width:min(100%,176px);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.cf{--k:var(--on-scrim);width:74%;height:66%;box-shadow:0 0 0 240px var(--scrim);outline:1px solid color-mix(in srgb,var(--on-scrim) 80%,transparent);background:linear-gradient(var(--k) 0 0) 0 0/12px 3px,linear-gradient(var(--k) 0 0) 0 0/3px 12px, linear-gradient(var(--k) 0 0) 100% 0/12px 3px,linear-gradient(var(--k) 0 0) 100% 0/3px 12px, linear-gradient(var(--k) 0 0) 0 100%/12px 3px,linear-gradient(var(--k) 0 0) 0 100%/3px 12px, linear-gradient(var(--k) 0 0) 100% 100%/12px 3px,linear-gradient(var(--k) 0 0) 100% 100%/3px 12px;transition:top var(--d3) var(--ease-out),left var(--d3) var(--ease-out),width var(--d3) var(--ease-out),height var(--d3) var(--ease-out);background-repeat:no-repeat;position:absolute;top:10%;left:8%}.cf:before{content:"";background:linear-gradient(90deg,transparent calc(33.33% - .5px),var(--third) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--third) 0 calc(66.66% + .5px),transparent 0), linear-gradient(transparent calc(33.33% - .5px),var(--third) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--third) 0 calc(66.66% + .5px),transparent 0);position:absolute;inset:0}.cf-lbl{left:var(--s2);bottom:var(--s2);padding:2px var(--s2);border-radius:var(--pill);color:var(--on-scrim);font:600 var(--fs-xs)/1.5 var(--f-mono);font-variant-numeric:tabular-nums;background:#0a0e0c9e;display:grid;position:absolute}.cf-lbl span{transition:opacity var(--d2);grid-area:1/1}.cf-lbl .b{opacity:0}@media (hover:hover){.c-crop:hover .cf,.c-crop:focus-visible .cf{width:57%;height:76%;top:12%;left:24.5%}.c-crop:hover .cf-lbl .a,.c-crop:focus-visible .cf-lbl .a{opacity:0}.c-crop:hover .cf-lbl .b,.c-crop:focus-visible .cf-lbl .b{opacity:1}}.exif{align-items:center;gap:var(--s3);width:100%;display:flex;position:relative}.ex-ph{border-radius:var(--r1);flex:none;width:64px;height:64px;display:none;position:relative;overflow:visible}.ex-ph svg{border-radius:var(--r1);box-shadow:var(--shadow-1)}@media (width>=860px){.ex-ph{display:block}}.pin{background:var(--ume);width:22px;height:22px;color:var(--cell);box-shadow:var(--shadow-1);transition:transform var(--d2) var(--ease-out),opacity var(--d2);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.ex-tags{padding:var(--s2);background:var(--cell);border-radius:var(--r2);box-shadow:var(--shadow-1);font:500 var(--fs-xs)/1.5 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);flex:1;gap:2px;min-width:0;margin:0;list-style:none;display:grid}.ex-tags li{white-space:nowrap;transition:opacity var(--d2),color var(--d2);align-items:center;gap:6px;display:flex}.ex-tags li svg{color:var(--ink-3);flex:none}.ex-tags s{transition:text-decoration-color var(--d2);text-decoration-color:#0000;text-decoration-thickness:1.5px}.ex-ok{right:calc(var(--s1) * -1);top:calc(var(--s2) * -1);padding:2px var(--s2);border-radius:var(--pill);background:var(--shiso);color:var(--on-shiso);font:700 var(--fs-xs)/1.5 var(--f-body);opacity:0;transition:opacity var(--d2),transform var(--d2) var(--ease-out);align-items:center;gap:4px;display:inline-flex;position:absolute;transform:translateY(4px)scale(.9)}@media (hover:hover){.c-exif:hover .ex-tags li,.c-exif:focus-visible .ex-tags li{opacity:.5}.c-exif:hover .ex-tags s,.c-exif:focus-visible .ex-tags s{text-decoration-color:var(--ume)}.c-exif:hover .ex-tags li:nth-child(2),.c-exif:hover .ex-tags li:nth-child(2) s{transition-delay:50ms}.c-exif:hover .ex-tags li:nth-child(3),.c-exif:hover .ex-tags li:nth-child(3) s{transition-delay:.1s}.c-exif:hover .pin,.c-exif:focus-visible .pin{opacity:0;transform:scale(0)}.c-exif:hover .ex-ok,.c-exif:focus-visible .ex-ok{opacity:1;transition-delay:.16s;transform:none}}.qr{background:var(--qr-paper);border-radius:var(--r1);width:84px;height:84px;box-shadow:var(--shadow-1);flex:none;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)}.c-date .art{justify-content:center;align-items:stretch;gap:var(--s1);flex-direction:column}.days{max-width:190px;font:800 var(--fs-s)/1.1 var(--f-display);text-align:right;order:-1;display:grid}.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}}.age{align-items:center;gap:var(--s2);width:100%;display:flex}@media (width>=860px){.age{gap:var(--s3)}}.ring{flex:none;width:52px;height:52px;position:relative}.ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ring .trk{stroke:color-mix(in srgb,var(--edamame) 24%,var(--cell))}.ring .prg{stroke:var(--edamame);stroke-dasharray:var(--p) 100;transition:stroke-dasharray var(--d3) var(--ease-out)}.ring b{text-align:center;font:800 var(--fs-l)/1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;place-content:center;display:grid;position:absolute;inset:0}.ring b small{font:600 10px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;display:block}@media (width>=860px){.ring{width:76px;height:76px}.ring b{font-size:var(--fs-xl)}}.age-r{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.age-r .b b{white-space:normal}.age-r>span{transition:opacity var(--d2),transform var(--d2) var(--ease-out);grid-area:1/1}.age-r b{font:800 var(--fs-s)/1.2 var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;display:block}@media (width>=860px){.age-r b{font-size:var(--fs-m)}}.age-r small{font-size:var(--fs-xs);color:var(--ink-2);margin-top:2px;line-height:1.35;display:block}.age-r .b{opacity:0;transform:translateY(6px)}@media (hover:hover){.c-age:hover .age-r .a,.c-age:focus-visible .age-r .a{opacity:0;transform:translateY(-6px)}.c-age:hover .age-r .b,.c-age:focus-visible .age-r .b{opacity:1;transform:none}.c-age:hover .ring .prg,.c-age:focus-visible .ring .prg{stroke-dasharray:var(--p2) 100}}.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}}.case{gap:var(--s3);justify-items:start;width:100%;display:grid}.cs-seg{border-radius:var(--pill);background:color-mix(in srgb,var(--tamago) 26%,var(--cell));grid-template-columns:repeat(3,32px);height:28px;padding:2px;display:grid;position:relative}.cs-seg span{z-index:1;font:700 var(--fs-xs)/1 var(--f-display);color:var(--ink-2);transition:color var(--d2);place-items:center;display:grid;position:relative}.cs-seg .on{color:var(--ink)}.cs-seg i{border-radius:var(--pill);background:var(--cell);width:32px;height:24px;box-shadow:var(--shadow-1);transition:transform var(--d2) var(--ease-out);position:absolute;top:2px;left:2px;transform:translate(32px)}.cell .cs-txt{color:var(--ink);font:800 var(--fs-m)/1.2 var(--f-display);letter-spacing:-.01em;white-space:nowrap;margin:0;display:grid}@media (width>=860px){.cell .cs-txt{font-size:var(--fs-xl)}}.cs-txt span{transition:opacity var(--d2),transform var(--d2) var(--ease-out);grid-area:1/1}.cs-txt .b{opacity:0;letter-spacing:.02em;transform:translateY(6px)}.cs-txt u{box-shadow:inset 0 -.32em 0 color-mix(in srgb,var(--tamago) 45%,transparent);text-decoration:none}@media (hover:hover){.c-case:hover .cs-seg i,.c-case:focus-visible .cs-seg i{transform:translate(64px)}.c-case:hover .cs-seg .on,.c-case:focus-visible .cs-seg .on{color:var(--ink-2)}.c-case:hover .cs-seg .up,.c-case:focus-visible .cs-seg .up{color:var(--ink)}.c-case:hover .cs-txt .a,.c-case:focus-visible .cs-txt .a{opacity:0;transform:translateY(-6px)}.c-case:hover .cs-txt .b,.c-case:focus-visible .cs-txt .b{opacity:1;transform:none}}.new{vertical-align:2px;padding:1px var(--s2);border-radius:var(--pill);background:var(--ume-t);color:var(--ume);font:700 var(--fs-xs)/1.5 var(--f-body);letter-spacing:.02em;display:inline-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}.lg{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}@media (width>=860px){.lg{gap:var(--s3);grid-template-columns:1fr 1fr}}.lg a{gap:var(--s3);height:100%;padding:var(--s4);background:var(--cell);border-radius:var(--r3);box-shadow:var(--shadow-1);transition:transform var(--d2) var(--ease-out);grid-template-columns:36px minmax(0,1fr) 18px;align-items:start;text-decoration:none;display:grid}@media (hover:hover){.lg a:hover{transform:translateY(-2px)}}.lg .i{border-radius:var(--r2);width:36px;height:36px;color:var(--ink);place-items:center;display:grid}.lg b{font:750 var(--fs-m)/1.3 var(--f-display);color:var(--ink);margin-bottom:var(--s1);display:block}.lg .d{font-size:var(--fs-s);color:var(--ink-2);line-height:1.5;display:block}.lg .arr{color:var(--ink-3);align-self:center}.lg-all{margin-top:var(--s3);padding:var(--s2) 0;font-size:var(--fs-s);color:var(--shiso);align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}.lg-all:hover{text-underline-offset:3px;text-decoration:underline}.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}