.bar{max-width:var(--max);padding:18px var(--gutter);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin:0 auto;display:grid}.wordmark{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:26px;text-decoration:none;display:inline-flex}.wordmark .crane-mark{width:44px;height:auto;transition:transform .4s var(--ease-paper)}.wordmark:hover .crane-mark{transform:rotate(-8deg)translateY(-2px)}.bar-links{justify-self:center;gap:28px;display:flex}.bar-links a{padding:6px 0;font-weight:700;text-decoration:none;position:relative}.bar-links a:after{content:"";background:var(--shu);transform-origin:0;height:3px;transition:transform .3s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.bar-links a:hover:after{transform:scaleX(1)}main,.foot{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}main{overflow-x:clip}main p{max-width:68ch}section{scroll-margin-top:24px}.hero{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(24px,3vw,48px);min-height:min(100svh - 84px,900px);padding-bottom:40px;display:grid}.hero h1{letter-spacing:-.03em;font-size:clamp(52px,6vw,100px);line-height:.94}.lede{font-size:var(--step-1);max-width:30ch;margin-top:32px;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.stage{aspect-ratio:1/.9;min-height:480px;position:relative}.stage-sky{position:absolute;inset:2% 0 12% 8%}.stage-sky .sheet{width:100%;height:100%}.stage-sun{aspect-ratio:1;background:var(--shu);border-radius:50%;width:21%;position:absolute;top:7%;left:13%}.speedlines{opacity:.55;pointer-events:none;width:92%;height:86%;position:absolute;inset:2% 0 12% 8%}.cloud{filter:var(--lift);pointer-events:none;position:absolute}.cloud svg{width:100%;height:auto}.cloud--a{width:24%;top:12%;right:6%}.cloud--b{width:20%;top:48%;right:3%}.stage-canvas{cursor:pointer;z-index:2;width:74%;height:92%;position:absolute;top:0;right:0}.stage-sfx{z-index:3;font-size:clamp(28px,3vw,44px);position:absolute;top:30%;right:7%}.no-webgl .stage-canvas{display:none}.today{z-index:4;width:min(340px,52%);position:absolute;bottom:0;left:-2%}.today-sheet{padding:26px 22px 30px}.today-title{margin-bottom:14px;font-size:22px}.today-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tag{text-align:left;cursor:pointer;width:100%;min-height:40px;transition:background-color .2s, transform .25s var(--ease-paper);background:0 0;border:0;border-radius:4px;grid-template-columns:26px 52px 1fr;align-items:center;gap:10px;padding:4px 8px;font-size:15px;font-weight:700;line-height:1.25;display:grid}.tag:hover{background:var(--washi);transform:translate(3px)}.tag:active{transform:scale(.98)}.tag-time{color:var(--sumi-2);font-variant-numeric:tabular-nums;font-weight:500}.tag-box{background:var(--washi-2);width:24px;height:24px;transition:background-color .2s;position:relative}.tag-box:after{content:"";background:var(--white-paper);clip-path:polygon(0 0,100% 100%,0 100%);width:0;height:0;transition:width .3s var(--ease-paper), height .3s var(--ease-paper);position:absolute;top:0;right:0}.tag[aria-pressed=true] .tag-box{background:var(--c,var(--shu))}.tag[aria-pressed=true] .tag-box:after{width:11px;height:11px}.tag[aria-pressed=true] .tag-name{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--c,var(--shu));text-decoration-color:var(--c,var(--shu))}.today-count{color:var(--sumi-2);margin-top:14px;font-size:15px}.why{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);padding-top:clamp(120px,14vw,200px);display:grid}.why h2{font-size:var(--step-2);max-width:17ch;line-height:1.04}.why-text p{max-width:56ch;margin-top:22px;font-size:18px}.why-text p:first-of-type{margin-top:32px}.tickets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:40px 0 0;display:grid}.ticket{filter:var(--lift);clip-path:polygon(0 0,100% 0,100% 40%,94% 50%,100% 60%,100% 100%,0 100%,0 60%,6% 50%,0 40%);padding:18px 16px 16px}.ticket:first-child{background:var(--yamabuki);transform:rotate(-2deg)}.ticket:nth-child(2){background:var(--sora);transform:rotate(1deg)}.ticket:nth-child(3){background:var(--shu);color:var(--white-paper);transform:rotate(-1deg)}.ticket dt{font-family:var(--display);font-size:clamp(32px,3.4vw,52px);line-height:1}.ticket dd{margin:8px 0 0;font-size:15px;font-weight:700;line-height:1.3}.why-collage{min-height:640px;position:relative}.book{width:92%;position:absolute;top:0;right:0}.book img{aspect-ratio:1400/934}.book figcaption{color:var(--sumi-2);padding:10px 2px 2px;font-size:14px}.sheet-scrap{z-index:2;width:72%;position:absolute;bottom:0;left:-2%}.sheet-scrap .sheet{padding:14px 14px 20px}.fx-bar{color:#444;white-space:nowrap;text-overflow:ellipsis;background:#fff;margin-bottom:8px;padding:6px 8px;font:13px/1.4 Arial,Helvetica,sans-serif;overflow:hidden}.fx-bar b{color:#888;margin-right:8px;font-style:italic}.scrap-grid{border-collapse:collapse;color:#333;width:100%;font:12px/1 Arial,Helvetica,sans-serif}.scrap-grid td,.scrap-grid th{text-align:center;background:#fff;border:1px solid #d6d6d6;padding:5px 4px}.scrap-grid th{color:#5f6368;background:#f1f3f4;font-weight:400}.scrap-grid td:first-child{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.scrap-grid .t{color:#188038}.scrap-grid .f{color:#b3261e}.why-sfx{z-index:3;font-size:52px;position:absolute;bottom:18%;right:4%}.keeps{padding-top:clamp(120px,14vw,200px)}.keeps-head{grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);align-items:end;gap:32px;display:grid}.keeps-head h2{grid-area:1/1}.keeps-head .keeps-page{grid-area:1/2;justify-self:center}.keeps-head p{grid-area:1/3;justify-self:end}.keeps h2{font-size:var(--step-2);line-height:1.04}.keeps-head p{max-width:36ch;font-size:18px}.keeps-page{justify-self:end;width:100%;max-width:190px}.zine-viewport{perspective:1600px;overflow-clip-margin:24px;margin-top:56px;overflow:clip}.zine{transform-style:preserve-3d;gap:0;margin:0;padding:12px 0 24px;list-style:none;display:flex}.panel{background:var(--white-paper);min-height:470px;transform-style:preserve-3d;filter:var(--lift);flex-direction:column;flex:0 0 clamp(280px,26vw,360px);gap:14px;padding:28px 24px;display:flex}.panel:nth-child(odd){transform-origin:100%}.panel:nth-child(2n){transform-origin:0;background:var(--washi-2)}.panel:nth-child(3n){background:var(--sakura)}.panel:nth-child(5){background:var(--sora)}.panel h3{font-size:24px;line-height:1.08}.panel p{font-size:16px}.panel-viz{margin-top:auto}.mini-grid{gap:3px;display:grid}.mini-grid i{aspect-ratio:1;background:var(--washi-3);display:block}.mini-grid i.on{background:var(--c)}.mini-grid i.is-today{outline:2px solid var(--sumi);outline-offset:-2px}.goal-bars{gap:10px;display:grid}.goal-bar{grid-template-columns:1fr auto;gap:4px 10px;font-size:14px;font-weight:700;display:grid}.goal-bar span:last-of-type{font-variant-numeric:tabular-nums}.goal-track{background:#1e1b181a;grid-column:1/-1;height:12px;position:relative}.goal-fill{background:var(--c);position:absolute;inset:0 auto 0 0}.chain{flex-wrap:wrap;gap:4px;display:flex}.chain i{background:var(--c);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);width:22px;height:22px;display:block}.chain-label{margin-top:10px;font-size:14px;font-weight:700}.weeks{gap:8px;display:grid}.week{grid-template-columns:64px 1fr 56px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.week-track{background:#1e1b181a;height:18px;position:relative}.week-fill{background:var(--ai);position:absolute;inset:0 auto 0 0}.week span:last-child{text-align:right;font-variant-numeric:tabular-nums}.hills{width:100%;height:auto}.ranked{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ranked li{background:var(--c);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:700;display:grid}.ranked li span:last-child{font-variant-numeric:tabular-nums;padding-right:10px}.mini-range{width:100%;height:auto}.year{padding-top:clamp(120px,14vw,200px)}.year-head{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:end;gap:32px;display:grid}.year h2{font-size:var(--step-3);letter-spacing:-.03em;line-height:.95}.year-head p{font-size:var(--step-1);justify-self:end;max-width:34ch;line-height:1.45}.range{margin-top:48px}.range-sky{height:clamp(360px,40vw,560px);position:relative;overflow:hidden}.range-print{z-index:1;width:clamp(180px,26%,360px);padding:8px;position:absolute;top:8%;left:3%}.range-svg{z-index:2;width:100%;height:78%;position:absolute;bottom:0;left:0;right:0;overflow:visible}.range-svg path.mtn{filter:drop-shadow(0 -3px 4px #1e1b1829);transform-box:fill-box;transform-origin:50% 100%}.range-svg path.ghost{fill:none;stroke:var(--sumi-2);stroke-width:2px;stroke-dasharray:6 7}.range-labels{text-align:center;grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:14px 0 0;list-style:none;display:grid}.range-labels li{font-size:15px;font-weight:700;line-height:1.3}.range-labels b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(16px,1.8vw,26px);font-weight:400;display:block}.range-labels .muted{color:var(--sumi-3)}.range-labels .short{display:none}.new{padding-top:clamp(120px,14vw,200px)}.new h2{font-size:var(--step-2);line-height:1.04}.new-collage{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;margin-top:48px;display:grid}.piece .sheet{height:100%;padding:30px 28px}.piece h3{font-size:clamp(22px,2vw,30px);line-height:1.08}.piece p{margin-top:12px}.piece--wish{grid-area:1/1/3/8}.piece--wish .sheet{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:28px;display:grid}.wish-photo{padding:8px}.wish-photo img{aspect-ratio:3/4.2}.wish-body p{color:var(--white-paper)}.wish-meter{background:#fbf8f22e;height:30px;margin-top:24px;position:relative}.wish-meter span{background:var(--yamabuki);width:0;position:absolute;inset:0 auto 0 0}.wish-figure{font-family:var(--display);font-size:clamp(34px,3.6vw,56px);line-height:1}.piece--day,.piece--streak{grid-column:8/13}.piece--streak .sheet{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:6px 22px;display:grid}.piece--streak .streak-print{grid-row:1/3;width:100%;margin:0;padding:6px}.piece--streak .streak-print img{aspect-ratio:1;width:100%}.piece--streak p{margin-top:0}.piece--perfect{grid-column:1/6}.piece--perfect .sheet{position:relative}.perfect-sfx{font-size:30px;position:absolute;bottom:26px;right:22px;transform:rotate(-6deg)}.piece--perfect .btn{margin-top:20px}.piece--later{grid-column:6/13}.later{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:14px 0 0;padding:0;font-weight:700;list-style:none;display:grid}.later li{padding-left:26px;position:relative}.later li:before{content:"";background:var(--sumi);clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%);width:14px;height:14px;position:absolute;top:.3em;left:0}.dayline{gap:4px;margin:18px 0 0;padding:0;list-style:none;display:grid}.dayline li{grid-template-columns:54px 14px 1fr;align-items:center;gap:10px;font-size:15px;font-weight:700;display:grid}.dayline time{font-variant-numeric:tabular-nums;color:var(--sumi-2);font-weight:500}.dayline i{background:var(--c);border-radius:50%;width:14px;height:14px;display:block}.dayline .next{background:var(--washi);margin:0 -10px;padding:4px 10px}.dayline .next em{color:var(--shu-ink);margin-left:6px;font-style:normal}.closing{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);padding-top:clamp(120px,14vw,200px);display:grid}.closing-print{max-width:520px;padding:10px}.closing-print img{aspect-ratio:1223/1400}.closing h2{font-size:var(--step-3);letter-spacing:-.03em;max-width:12ch;line-height:.95}.closing p{font-size:var(--step-1);max-width:32ch;margin:28px 0 32px}.foot{padding-top:clamp(120px,12vw,180px);padding-bottom:32px;overflow:hidden}.foot-mark{font-family:var(--display);letter-spacing:-.05em;color:var(--shu);margin-left:-.04em;padding-bottom:.1em;font-size:clamp(48px,18.8vw,280px);line-height:1}.foot-row{color:var(--sumi-2);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px;margin-bottom:40px;font-size:14px;display:grid}.credits{max-width:90ch;font-size:14px;line-height:1.5}.js .reveal{opacity:0}.js-failed .reveal{opacity:1}@media (width<=1080px){.bar-links{display:none}.bar{grid-template-columns:auto 1fr}.bar-cta{justify-self:end}.why,.closing,.year-head{grid-template-columns:1fr}.year-head p{justify-self:start}.why-collage{min-height:560px}.keeps-head{grid-template-columns:minmax(0,1fr) 160px}.keeps-head p{grid-area:2/1/auto/2;justify-self:start}.keeps-page{grid-area:1/2/3}.piece--wish{grid-area:auto/1/auto/-1}.piece--day,.piece--streak{grid-column:span 6}.piece--perfect{grid-column:1/6}.piece--later{grid-column:6/-1}.closing-print{max-width:420px}}@media (width<=760px){.bar{padding-top:12px;padding-bottom:12px}.bar-cta{min-height:42px;padding:0 16px;font-size:15px}.wordmark{font-size:22px}.hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:12px}.hero h1{font-size:clamp(44px,13vw,64px)}.lede{margin-top:20px}.hero-actions{margin-top:24px}.stage{aspect-ratio:auto;height:640px;min-height:0}.stage-sky,.speedlines{width:100%;height:66%;inset:0 0 34%}.stage-canvas{width:100%;height:66%}.stage-sfx{top:6%;right:4%}.cloud--b{top:40%}.today{width:100%;bottom:0;left:0}.tickets{gap:8px}.ticket{padding:14px 10px 12px}.ticket dd{font-size:13px}.piece--streak .sheet{grid-template-columns:1fr}.piece--streak .streak-print{grid-row:auto}.piece--streak .streak-print img{aspect-ratio:16/9}.range-labels .long,.range-labels .pct{display:none}.range-labels .short{display:inline}.range-labels li,.range-labels b{font-size:13px}.why-collage{min-height:520px}.book{width:100%}.sheet-scrap{width:92%;left:0}.keeps-head{grid-template-columns:1fr}.keeps-page{display:none}.zine{flex-direction:column;gap:16px}.panel{flex:none;min-height:0}.year-head{grid-template-columns:1fr}.year-head p{justify-self:start}.range-print{width:46%}.new-collage{grid-template-columns:1fr;gap:20px}.piece--wish,.piece--day,.piece--streak,.piece--perfect,.piece--later{grid-column:1/-1}.piece--wish .sheet{grid-template-columns:1fr}.wish-photo img{aspect-ratio:16/10}.later,.foot-row{grid-template-columns:1fr}}