.za-root{--paper:#faf6ec;--paper-edge:#e8e0cd;--kumo:#aeb6bf;--felt:#9e3b2e;--felt-deep:#7e2d23;--ink:#3f3a33}.za-root.haru{--sky1:#f6e7e4;--sky2:#fbf4ec;--page-ink:#4a4038;--chip:#c98a94}.za-root.natsu{--sky1:#22333b;--sky2:#3c545a;--page-ink:#e9e4d5;--chip:#b7c98a;--felt:#872f24;--felt-deep:#66231b}.za-root.aki{--sky1:#eedbbc;--sky2:#f6ecd8;--page-ink:#4c3f2f;--chip:#c07a3a}.za-root.fuyu{--sky1:#d9dfe5;--sky2:#f1f3f5;--page-ink:#454a52;--chip:#9fb0be}.za-root *{box-sizing:border-box}.za-root{margin:0;min-height:100vh;color:var(--page-ink);font-family:var(--font-shippori),var(--font-crimson-pro),serif;background:linear-gradient(180deg,var(--sky1) 0,var(--sky2) 62%,var(--sky2) 100%);transition:background 1.2s ease,color 1.2s ease;overflow-x:hidden}.za-root #ki,.za-root #sora{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.za-root .page{position:relative;z-index:2;max-width:1040px;margin:0 auto;padding:56px 20px 90px}.za-root header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.za-root h1{font-weight:500;font-size:clamp(30px,5vw,44px);letter-spacing:.5em;text-indent:.25em;margin:0}.za-root .sub{margin:8px 0 0;font-size:14px;letter-spacing:.18em;opacity:.75}.za-root .kisetsu{font-size:14px;letter-spacing:.3em;border:1px solid;border-radius:999px;padding:8px 18px 8px 22px;opacity:.85;white-space:nowrap}.za-root .shiki{position:relative;margin:44px auto 0}.za-root .maki{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.3,.7,.2,1)}.za-root .shiki.folded .maki{grid-template-rows:0fr}.za-root .maki-in{overflow:hidden;min-height:0}.za-root .mousen{position:relative;margin:0;padding:46px 30px 40px;border-radius:6px;background:radial-gradient(120% 90% at 50% 0,rgba(255,255,255,.08),transparent 55%),linear-gradient(180deg,var(--felt),var(--felt-deep));box-shadow:0 18px 40px -18px rgba(30,10,5,.45),inset 0 1px 0 rgba(255,255,255,.12);transform-origin:50% 0;transition:transform .55s cubic-bezier(.3,.7,.2,1),opacity .45s ease,background 1.2s ease}.za-root .shiki.folded .mousen{transform:scaleY(.05);opacity:0}.za-root .tatamu{position:absolute;top:10px;right:12px;z-index:1;font-family:inherit;font-size:11px;letter-spacing:.26em;color:var(--paper);background:none;border:1px solid color-mix(in srgb,var(--paper) 55%,transparent);border-radius:999px;padding:5px 12px 5px 14px;cursor:pointer;opacity:.6}.za-root .tatamu:focus-visible,.za-root .tatamu:hover{opacity:1}.za-root .hiraku{display:none;align-items:center;gap:10px;font-family:inherit;font-size:13px;letter-spacing:.22em;color:var(--paper);background:linear-gradient(180deg,var(--felt),var(--felt-deep));border:none;border-radius:3px;padding:10px 16px 10px 14px;cursor:pointer;box-shadow:0 10px 22px -12px rgba(30,10,5,.55),inset 0 1px 0 rgba(255,255,255,.14)}.za-root .hiraku:before{content:"";width:20px;height:12px;border-radius:2px;flex:none;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%),repeating-linear-gradient(180deg,var(--felt-deep) 0 3px,var(--felt) 3px 6px);box-shadow:0 1px 2px rgba(30,10,5,.4)}.za-root .hiraku:focus-visible,.za-root .hiraku:hover{filter:brightness(1.07)}.za-root .ashimoto{margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;transition:margin-top .55s cubic-bezier(.3,.7,.2,1)}.za-root .mikoto{margin:0;font-size:13px;letter-spacing:.12em;opacity:.7}.za-root #aratame{font-family:inherit;font-size:13px;letter-spacing:.2em;color:inherit;background:none;border:1px solid;border-radius:999px;padding:9px 18px;cursor:pointer;opacity:.8}.za-root #aratame:focus-visible,.za-root #aratame:hover{opacity:1}.za-root .shiki.folded .ashimoto{margin-top:clamp(150px,26vh,280px);justify-content:flex-start;gap:clamp(24px,6vw,64px)}.za-root .shiki.folded .hiraku{display:inline-flex;animation:za-root-hiraku-in .5s ease .35s both}.za-root .shiki.folded .mikoto{display:none}@keyframes za-root-hiraku-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.za-root .za{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 24px;perspective:1200px}.za-root .tanzaku{display:block;width:96px;height:308px;position:relative;text-decoration:none;color:var(--ink);transform:rotate(var(--rot,0deg));transition:transform .35s ease;outline-offset:4px}.za-root .za:not(.ready) .tanzaku{opacity:0;transform:rotate(var(--rot,0deg)) translateY(-14px);pointer-events:none}.za-root .za.ready .tanzaku{opacity:1;transition:opacity .7s ease var(--d,0s),transform .7s cubic-bezier(.2,.7,.25,1) var(--d,0s)}.za-root .za.ready .tanzaku:focus-visible,.za-root .za.ready .tanzaku:hover{transition:transform .35s ease}.za-root .tanzaku:focus-visible,.za-root .tanzaku:hover{transform:rotate(var(--rot,0deg)) translateY(-7px)}.za-root .tanzaku:focus-visible{outline:2px solid var(--paper)}.za-root .tz-inner{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;transition:transform .72s cubic-bezier(.55,.05,.35,1)}.za-root .tanzaku.turning .tz-inner{transform:rotateY(-178deg)}.za-root .tanzaku.turning{z-index:5}.za-root .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--kumo) 55%,var(--paper)) 0,var(--paper) 17%,var(--paper) 86%,color-mix(in srgb,var(--kumo) 30%,var(--paper)) 100%),var(--paper);box-shadow:0 8px 18px -8px rgba(40,20,10,.55),inset 0 0 0 1px var(--paper-edge);display:flex;flex-direction:column;align-items:center}.za-root .face.back{transform:rotateY(180deg)}.za-root .num{margin-top:16px;font-size:15px;letter-spacing:0;color:#8a7f6d;writing-mode:vertical-rl}.za-root .ttl{font-feature-settings:"palt" 1;font-size:19px;line-height:1.3;letter-spacing:.16em;font-weight:500;padding:10px 0 22px;color:var(--ink)}.za-root .back .rd,.za-root .ttl{flex:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl}.za-root .back .rd{font-family:var(--font-crimson-pro),serif;font-style:italic;font-size:17px;letter-spacing:.14em;color:#8a7f6d;transform:rotate(180deg)}.za-root .back .meku{margin:0 0 18px;font-size:12px;letter-spacing:.3em;color:#a89c86}.za-root .aship{margin:26px 4px 0;text-align:center;font-size:13px;letter-spacing:.22em;color:var(--paper);opacity:.8}@media (max-width:640px){.za-root .tanzaku{width:82px;height:256px}.za-root .ttl{font-size:15px;letter-spacing:.1em}.za-root .mousen{padding:32px 14px 28px}}@media (prefers-reduced-motion:reduce){.za-root,.za-root .ashimoto,.za-root .hiraku,.za-root .maki,.za-root .mousen,.za-root .tanzaku,.za-root .tz-inner{transition:none}.za-root .shiki.folded .hiraku{animation:none}.za-root .za:not(.ready) .tanzaku{opacity:1;transform:rotate(var(--rot,0deg));pointer-events:auto}}