:root{--font-sans:"IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", sans-serif;--w-white:#fff;--w-cream-50:#fefaf3;--w-cream-100:#f7f1e6;--w-cream-200:#ede5d7;--w-cream-300:#dcd2c1;--w-blossom-100:#f6e2e9;--w-blossom-400:#d893ac;--w-blossom-700:#9a4565;--w-blossom-800:#7a3350;--w-sage-100:#e4ede0;--w-sage-200:#b8cfb3;--w-sage-400:#84a282;--w-sage-600:#5a7a59;--w-sage-700:#476647;--w-sage-800:#34503a;--w-sage-900:#263b31;--w-sage-950:#18271f;--w-stone-400:#7e877f;--w-stone-500:#6e7a70;--w-stone-600:#5e6a62;--w-stone-700:#4e5952;--w-oat-300:#d8c49b;--w-slate-600:#4f6173;--w-amber-100:#faeacb;--w-amber-700:#875200;--w-red-100:#f9e1dd;--w-red-200:#f1c6c0;--w-red-700:#a5302a;--w-red-800:#86251f;--w-blue-100:#e1ebf4;--w-blue-700:#2d5c85;--w-bg-page:var(--w-cream-100);--w-bg-surface:var(--w-cream-50);--w-bg-raised:var(--w-white);--w-bg-inset:var(--w-cream-200);--w-bg-overlay:var(--w-white);--w-bg-backdrop:#18271f70;--w-line-subtle:var(--w-cream-300);--w-line-strong:var(--w-stone-500);--w-line-control:var(--w-stone-500);--w-text-primary:var(--w-sage-900);--w-text-secondary:var(--w-sage-700);--w-text-tertiary:var(--w-stone-700);--w-text-inverse:var(--w-cream-50);--w-text-disabled:var(--w-stone-400);--w-icon-primary:var(--w-sage-900);--w-icon-secondary:var(--w-sage-700);--w-icon-inverse:var(--w-cream-50);--w-icon-disabled:var(--w-stone-400);--w-act-primary-bg:var(--w-sage-800);--w-act-primary-bg-hover:var(--w-sage-900);--w-act-primary-bg-pressed:var(--w-sage-950);--w-act-primary-edge:var(--w-sage-950);--w-act-primary-fg:var(--w-cream-50);--w-act-secondary-bg:var(--w-white);--w-act-secondary-bg-hover:var(--w-sage-100);--w-act-secondary-bg-pressed:var(--w-sage-200);--w-act-secondary-line:var(--w-sage-600);--w-act-secondary-fg:var(--w-sage-900);--w-act-quiet-bg-hover:var(--w-cream-200);--w-act-quiet-bg-pressed:var(--w-cream-300);--w-act-quiet-fg:var(--w-sage-800);--w-act-danger-fg:var(--w-red-800);--w-act-danger-bg-hover:var(--w-red-100);--w-act-danger-bg-pressed:var(--w-red-200);--w-act-danger-solid-bg:var(--w-red-700);--w-act-danger-solid-bg-hover:var(--w-red-800);--w-act-danger-solid-fg:var(--w-white);--w-act-disabled-bg:var(--w-cream-200);--w-act-disabled-fg:var(--w-stone-400);--w-act-disabled-line:var(--w-cream-300);--w-focus-ring:var(--w-blue-700);--w-sel-bg:var(--w-blossom-100);--w-sel-fg:var(--w-sage-900);--w-sel-line:var(--w-sage-900);--w-drag-line:var(--w-sage-900);--w-drop-target:var(--w-blossom-700);--w-success-bg:var(--w-sage-100);--w-success-fg:var(--w-sage-800);--w-success-solid:var(--w-sage-700);--w-warning-bg:var(--w-amber-100);--w-warning-fg:var(--w-amber-700);--w-warning-line:var(--w-amber-700);--w-error-bg:var(--w-red-100);--w-error-fg:var(--w-red-700);--w-error-line:var(--w-red-700);--w-info-bg:var(--w-blue-100);--w-info-fg:var(--w-blue-700);--w-unsaved-fg:var(--w-blossom-800);--w-saved-fg:var(--w-sage-700);--w-dial-upcoming:var(--w-cream-200);--w-dial-elapsed:var(--w-cream-300);--w-dial-tick:var(--w-stone-500);--w-dial-label:var(--w-stone-700);--w-dial-now:var(--w-blossom-800);--w-dial-now-halo:var(--w-white);--w-dial-halo:var(--w-white);--w-dial-handle-fill:var(--w-blossom-100);--w-dial-handle-line:var(--w-sage-900);--w-cat-work-bg:var(--w-sage-400);--w-cat-work-fg:var(--w-sage-950);--w-cat-exercise-bg:var(--w-blossom-400);--w-cat-exercise-fg:var(--w-sage-950);--w-cat-personal-bg:var(--w-oat-300);--w-cat-personal-fg:var(--w-sage-950);--w-cat-sleep-bg:var(--w-slate-600);--w-cat-sleep-fg:var(--w-white);--w-cat-meeting-bg:var(--w-cream-50);--w-cat-meeting-hatch:var(--w-stone-500);--w-cat-meeting-fg:var(--w-sage-900);--w-done-badge-bg:var(--w-sage-800);--w-done-badge-fg:var(--w-white);--w-unknown-line:var(--w-stone-500);--wc-button-primary-bg:var(--w-act-primary-bg);--wc-button-primary-bg-hover:var(--w-act-primary-bg-hover);--wc-button-primary-bg-pressed:var(--w-act-primary-bg-pressed);--wc-button-primary-edge:var(--w-act-primary-edge);--wc-button-primary-fg:var(--w-act-primary-fg);--wc-button-secondary-bg:var(--w-act-secondary-bg);--wc-button-secondary-bg-hover:var(--w-act-secondary-bg-hover);--wc-button-secondary-bg-pressed:var(--w-act-secondary-bg-pressed);--wc-button-secondary-line:var(--w-act-secondary-line);--wc-button-secondary-fg:var(--w-act-secondary-fg);--wc-button-quiet-fg:var(--w-act-quiet-fg);--wc-button-quiet-bg-hover:var(--w-act-quiet-bg-hover);--wc-button-quiet-bg-pressed:var(--w-act-quiet-bg-pressed);--wc-button-danger-fg:var(--w-act-danger-fg);--wc-button-danger-bg-hover:var(--w-act-danger-bg-hover);--wc-button-danger-bg-pressed:var(--w-act-danger-bg-pressed);--wc-button-danger-solid-bg:var(--w-act-danger-solid-bg);--wc-button-danger-solid-bg-hover:var(--w-act-danger-solid-bg-hover);--wc-button-danger-solid-fg:var(--w-act-danger-solid-fg);--wc-button-disabled-bg:var(--w-act-disabled-bg);--wc-button-disabled-fg:var(--w-act-disabled-fg);--wc-button-disabled-line:var(--w-act-disabled-line);--wc-field-bg:var(--w-bg-raised);--wc-field-line:var(--w-line-control);--wc-field-line-invalid:var(--w-error-line);--wc-field-fg:var(--w-text-primary);--wc-stepper-divider:var(--w-line-subtle);--wc-stepper-icon:var(--w-icon-primary);--wc-selected-bg:var(--w-sel-bg);--wc-selected-line:var(--w-sel-line);--wc-selected-fg:var(--w-sel-fg);--wc-segmented-track:var(--w-bg-inset);--wc-switch-on:var(--w-act-primary-bg);--wc-switch-off:var(--w-line-control);--wc-checkbox-on:var(--w-act-primary-bg);--wc-checkbox-line:var(--w-line-control);--wc-cal-today-mark:var(--w-dial-now);--wc-cal-done-mark:var(--w-success-solid);--wc-dial-selected-line:var(--w-sel-line);--wc-dial-selected-halo:var(--w-dial-halo);--wc-dial-handle:var(--w-dial-handle-fill);--wc-dial-handle-line:var(--w-dial-handle-line);--wc-dial-drag-line:var(--w-drag-line);--wc-dial-drop:var(--w-drop-target);--wc-dial-done-badge:var(--w-done-badge-bg);--wc-sheet-bg:var(--w-bg-overlay);--wc-popover-bg:var(--w-bg-overlay);--wc-drawer-bg:var(--w-bg-overlay);--wc-scrim:var(--w-bg-backdrop);--w-tooltip-bg:var(--w-sage-900);--w-tooltip-fg:var(--w-cream-50);--wc-tooltip-bg:var(--w-tooltip-bg);--wc-tooltip-fg:var(--w-tooltip-fg);--w-space-4:4px;--w-space-8:8px;--w-space-12:12px;--w-space-16:16px;--w-space-20:20px;--w-space-24:24px;--w-space-32:32px;--w-space-40:40px;--w-space-48:48px;--w-radius-mark:6px;--w-radius-control:10px;--w-radius-container:14px;--w-radius-sheet:20px;--wc-radius-track:12px;--wc-radius-option:8px;--w-shadow-press-secondary:inset 0 1px 2px #00000024;--w-shadow-press-quiet:inset 0 1px 2px #0000001f;--w-shadow-overlay:0 1px 0 #0000000a, 0 12px 32px -12px #00000047;--w-shadow-time-popup:0 12px 28px -12px #00000057;--w-shadow-tooltip:0 6px 16px -8px #0006;--w-target-min:44px;--w-control-height:48px;--w-icon-size-labeled:20px;--w-icon-size-solo:24px;--w-icon-stroke:1.75;--w-border-secondary:1.5px;--w-edge-primary:2px;--wc-button-primary-min:104px;--wc-field-inset:14px;--wc-button-text-inset:18px;--wc-icon-outlined:22px;--wc-time-chevron:18px;--wc-time-end-inset:36px;--wc-time-min:148px;--wc-segment-min:52px;--wc-track-space:2px;--wc-time-popup-max:240px;--w-duration-press:90ms;--w-duration-state:.16s;--w-duration-sheet:.24s;--w-duration-complete:.7s;--w-duration-welcome:.62s;--w-duration-spin:.9s;--w-ease-press:cubic-bezier(.3,0,.2,1);--w-ease-state:cubic-bezier(.2,0,0,1)}.w-type-title{letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.4}.w-type-body{letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.6}.w-type-support{letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.55}.w-type-label-primary{letter-spacing:.02em;font-size:1rem;font-weight:600;line-height:1}.w-type-label{letter-spacing:.02em;font-size:1rem;font-weight:500;line-height:1}.w-type-time{letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1}.w-type-field-label{letter-spacing:0;font-size:1rem;font-weight:500;line-height:1.4}.w-type-field-input{letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.4}.w-type-field-support{letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.5}.w-type-time-option{letter-spacing:0;font-size:1rem;font-weight:500;line-height:1.2}.w-type-time-option-current{letter-spacing:0;font-size:1rem;font-weight:600;line-height:1.2}.w-type-segment{letter-spacing:0;font-size:1rem;font-weight:500;line-height:1}.w-type-segment-selected{letter-spacing:0;font-size:1rem;font-weight:600;line-height:1}.w-type-segment-label{letter-spacing:0;font-size:.875rem;font-weight:500;line-height:1}.w-type-tooltip{letter-spacing:0;font-size:.875rem;font-weight:500;line-height:1.4}.w-type-time{font-variant-numeric:tabular-nums}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plex-sans-jp-400-DmHTbFty.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:500;font-display:swap;src:url(data:font/woff2;base64,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)format("woff2")}@font-face{font-family:IBM Plex Sans JP;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/plex-sans-jp-600-C8KAauoZ.woff2)format("woff2")}@font-face{font-family:Kiwi Maru;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/kiwi-maru-500-Bx9bODr-.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:var(--w-cream-100);--paper-hi:var(--w-cream-50);--paper-lo:var(--w-cream-200);--rule:var(--w-cream-300);--ink:var(--w-sage-900);--ink-2:var(--w-sage-700);--ink-3:var(--w-stone-700);--act:var(--w-sage-800);--act-hover:var(--w-sage-900);--night:var(--w-sage-950);--night-ink:var(--w-cream-50);--night-2:color-mix(in srgb, var(--w-cream-50) 78%, transparent);--night-rule:color-mix(in srgb, var(--w-cream-50) 16%, transparent);--sleep:#62778c;--work:var(--w-sage-400);--before:var(--w-stone-600);--ex:var(--w-blossom-400);--personal:var(--w-oat-300);--meet-bg:color-mix(in srgb, var(--w-sage-950) 88%, var(--w-sage-400));--meet-line:var(--w-sage-400);--amber:var(--w-amber-100);--focus:var(--w-blue-700);--shadow:color-mix(in srgb, var(--w-sage-900) 18%, transparent);--font-head:"Kiwi Maru", var(--font-sans);--step--1:.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem);--step-3:clamp(1.75rem, 1.1rem + 3.4vw, 3.75rem);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--time-col:clamp(64px, 9vw, 112px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;line-height:1.85}h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}h1,h2,h3,dt{font-family:var(--font-head);letter-spacing:-.03em;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;font-weight:500}p,dd,figcaption{word-break:auto-phrase}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.wrap{max-width:1120px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-inline:auto}.nw{white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.time{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:1.125rem;font-weight:600;line-height:1.4}.top{padding-block:max(14px, env(safe-area-inset-top,0px)) 14px}.top .wrap{align-items:center;gap:12px;display:flex}.brand{font-weight:600;font-size:var(--step-1);letter-spacing:.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:30px;height:30px;box-shadow:0 0 0 1px var(--rule);border-radius:7px}.top nav{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{min-height:48px;font-weight:600;font-size:var(--step-0);border-radius:999px;justify-content:center;align-items:center;padding-inline:24px;line-height:1;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-primary{background:var(--act);color:var(--paper-hi);border:1px solid var(--night)}.btn-primary:hover{background:var(--act-hover)}.btn-sm{min-height:40px;padding-inline:18px;font-size:.9375rem}.btn-link{border-radius:999px;align-items:center;min-height:40px;padding-inline:12px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{background:var(--paper-lo)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.hero{text-align:center;padding-block:clamp(24px,4vw,56px) 0}.hero h1{font-size:min(var(--step-3), calc((100vw - 32px) / 12));line-height:1.38}.hero .lead{font-size:var(--step-1);color:var(--ink-2);max-width:34em;margin:18px auto 0;line-height:1.75}.hero .note{font-size:var(--step--1);color:var(--ink-3);margin-top:10px}.stage{max-width:1000px;margin:clamp(64px,9vw,112px) auto 0;position:relative}.stage-kinafu{width:clamp(128px,22%,220px);margin-bottom:-2px;position:absolute;bottom:100%;left:8%}.mac{background:var(--paper);border:1px solid var(--rule);box-shadow:0 40px 80px -48px var(--shadow), 0 2px 6px color-mix(in srgb, var(--w-sage-900) 6%, transparent);border-radius:14px;overflow:hidden}.story{background:var(--night);color:var(--night-ink);margin-top:clamp(80px,11vw,136px)}.story .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);display:grid}.story-visual{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.dial-wrap{flex:none;width:min(100%,680px);position:relative}.dial{width:100%;height:auto;display:block;overflow:visible}.track{fill:none;stroke:color-mix(in srgb, var(--w-cream-50) 7%, transparent);stroke-width:34px}.tick{stroke:color-mix(in srgb, var(--w-cream-50) 26%, transparent);stroke-width:1.5px}.tick.major{stroke:color-mix(in srgb, var(--w-cream-50) 56%, transparent);stroke-width:2px}.hour{fill:color-mix(in srgb, var(--w-cream-50) 56%, transparent);font:600 17px var(--font-sans);text-anchor:middle}.hatch-bg{fill:var(--meet-bg)}.hatch-line{fill:var(--meet-line)}.seg{fill:none;stroke-width:34px;transform-origin:300px 280px;transform:rotate(var(--a));stroke-dasharray:0 1440;transition:stroke-dasharray .9s cubic-bezier(.22,.7,.2,1),opacity .5s}.b-work{--a:45deg;--len:990;stroke:var(--before)}.b-meet{--a:120deg;--len:60}.b-sleep{--a:-67.5deg;--len:330}.a-sleep{--a:255deg;--len:480}.a-work1{--a:45deg;--len:210}.a-meet{--a:120deg;--len:60}.a-work2{--a:135deg;--len:180}.a-ex{--a:180deg;--len:30}.a-study{--a:195deg;--len:90}.a-read{--a:225deg;--len:60}.b-meet,.a-meet{stroke:url(#hatch)}.b-sleep{stroke:var(--sleep);stroke-width:12px}.a-sleep{stroke:var(--sleep)}.a-work{stroke:var(--work)}.a-ex{stroke:var(--ex)}.a-study,.a-read{stroke:var(--personal)}.lab{fill:var(--night-ink);opacity:0;transition:opacity .5s}.lab-name{font:600 22px var(--font-sans)}.lab-time{font:600 17px var(--font-sans);font-variant-numeric:tabular-nums;fill:var(--night-2)}.lab.strike .lab-name,.lab.strike .lab-time{fill:var(--night-2);text-decoration:line-through}.s1:not(.s2) .b-work,.s1:not(.s2) .b-meet,.s1:not(.s2) .b-sleep,.s2 .a-sleep,.s3 .a{stroke-dasharray:var(--len) 1440}.s1:not(.s2) .lab.b,.s2 .lab.l-sleep,.s3 .lab.a{opacity:1}.s1:not(.s2) .b-meet,.s3 .a-meet{transition-delay:.15s}.s3 .a-work2{transition-delay:.25s}.s3 .a-ex{transition-delay:.35s}.s3 .a-study{transition-delay:.45s}.s3 .a-read{transition-delay:.55s}.dial-kinafu{opacity:0;width:26%;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.dial-kinafu.k2{width:30%;transform:translate(-50%,-40%)}.s1:not(.s2) .k1,.s2:not(.s3) .k2,.s3 .k3{opacity:1}.beats{gap:44vh;padding:0;padding-block:34vh 40vh;list-style:none;display:grid}.beat h3{font-size:var(--step-2);margin-top:6px;line-height:1.45}.beat p:not(.time){color:var(--night-2);max-width:26em;margin-top:14px}.story .time{color:var(--personal)}.day{padding-block:clamp(88px,12vw,152px) clamp(72px,9vw,120px)}.day>.wrap>h2{font-size:var(--step-2);padding-left:calc(var(--time-col) + clamp(16px, 3vw, 40px));line-height:1.45}.moments{gap:clamp(72px,10vw,128px);margin-top:clamp(40px,6vw,72px);padding:0;list-style:none;display:grid;position:relative}.moments:before{content:"";top:10px;bottom:10px;left:calc(var(--time-col) - 18px);border-left:1px dashed var(--rule);position:absolute}.moment{grid-template-columns:var(--time-col) minmax(0, 5fr) minmax(0, 6fr);align-items:start;gap:clamp(16px,3vw,40px);display:grid}.moment .time{font-size:var(--step-1);padding-top:4px}.m-text{min-width:0}.m-text h3{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.5}.m-text p{max-width:26em;margin-top:14px}.m-shot{min-width:0;position:relative}.perch{margin-top:clamp(112px,13vw,156px);position:relative}.perch .m-kinafu{width:clamp(116px,13vw,156px);position:absolute;bottom:calc(100% - 4px);right:8%}.perch.left .m-kinafu{left:6%;right:auto}.moment.wide{grid-template-columns:var(--time-col) minmax(0, 1fr)}.moment.wide .m-text p{max-width:34em}.moment.wide .m-shot{grid-column:2;margin-top:clamp(8px,2vw,24px)}.m-kinafu.carry{z-index:1;width:clamp(150px,20vw,248px);position:absolute;bottom:clamp(-56px,-4vw,-28px);left:clamp(-24px,-2vw,0px)}.m-shot.alone .m-kinafu{width:clamp(160px,18vw,224px);margin-inline:auto}.shot{border:1px solid var(--rule);background:var(--paper);box-shadow:0 28px 56px -40px var(--shadow);border-radius:14px;overflow:hidden}.screen-line{background:var(--paper-lo);font-size:var(--step--1);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:6px 14px;font-weight:600;display:inline-flex}.screen-line:before{content:"";background:var(--work);border-radius:50%;width:7px;height:7px}.m-shot figcaption{font-size:var(--step--1);color:var(--ink-3);margin-top:12px}.demo{grid-template-columns:minmax(0,1fr) clamp(140px,17vw,200px);align-items:end;gap:8px 20px;display:grid}.demo-card{background:var(--paper-hi);border:1px solid var(--rule);box-shadow:0 28px 56px -40px var(--shadow);border-radius:14px;padding:16px 18px 10px}.demo-head{justify-content:space-between;font-weight:600;display:flex}.demo-count{font-variant-numeric:tabular-nums}.demo ul{margin-top:6px;padding:0;list-style:none}.demo li+li{border-top:1px solid var(--rule)}.demo label{cursor:pointer;align-items:center;gap:14px;min-height:52px;display:flex}.demo input{appearance:none;border:2px solid var(--ink-3);background:var(--paper-hi);cursor:pointer;border-radius:7px;flex:none;place-content:center;width:26px;height:26px;margin:0;transition:background-color .15s,border-color .15s;display:grid}.demo input:after{content:"";border:solid var(--paper-hi);opacity:0;border-width:0 0 2.5px 2.5px;width:12px;height:7px;transform:translateY(-2px)rotate(-45deg)}.demo input:checked{background:var(--act);border-color:var(--act)}.demo input:checked:after{opacity:1}.demo input:checked+span{color:var(--ink-3);text-decoration:line-through}.demo-said{min-height:1.6em;font-size:var(--step--1);color:var(--ink-2);margin:4px 0 2px;font-weight:600}.demo-kinafu{position:relative}.demo-kinafu .k-complete{opacity:0;position:absolute;inset:0}.demo-kinafu.done .k-basic{opacity:0}.demo-kinafu.done .k-complete{opacity:1}.demo-kinafu.hop{animation:.7s ease-out hop}@keyframes hop{40%{transform:translateY(-6px)}}.demo figcaption{grid-column:1/-1}.duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:20px;display:grid}.duo img{width:min(100%,200px);margin-inline:auto}.duo figcaption{text-align:center;margin-top:10px;font-weight:600}.duo time{font-variant-numeric:tabular-nums;color:var(--ink-2);margin-right:6px}.day.night{background:var(--night);color:var(--night-ink);padding-block:clamp(72px,10vw,128px)}.night .moments{margin-top:0}.night .moments:before{border-color:var(--night-rule)}.night .time{color:var(--personal)}.night .m-text p{color:var(--night-2)}.night .shot{border-color:var(--night-rule)}.kinafu{padding-top:clamp(88px,11vw,144px)}.kinafu .wrap{grid-template-columns:clamp(200px,30vw,340px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);max-width:960px;display:grid}.kinafu h2{font-size:var(--step-2);line-height:1.45}.kinafu p{max-width:30em;margin-top:14px}.connect{padding-top:clamp(80px,10vw,128px)}.connect .wrap{max-width:960px}.connect-head{align-items:flex-end;gap:16px;display:flex}.connect-head img{width:clamp(96px,11vw,128px)}.connect h2{font-size:var(--step-2);padding-bottom:8px;line-height:1.45}.connect dl{border-top:1px solid var(--rule);margin-top:20px}.connect dl>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:baseline;gap:4px 32px;padding-block:18px;display:grid}.connect dt{font-family:var(--font-sans);letter-spacing:normal;font-weight:600}.connect dd{color:var(--ink-3)}.day.later{padding-block:clamp(80px,10vw,128px) 0}.later .moments{margin-top:0}.last{text-align:center;padding-block:clamp(80px,11vw,136px)}.last-kinafu{width:168px;margin:0 auto 20px}.last h2{font-size:var(--step-2);line-height:1.45}.last p{color:var(--ink-3);margin-top:12px}.last .note{font-size:var(--step--1);margin-top:14px}footer{border-top:1px solid var(--rule)}footer .wrap{padding-block:24px max(32px, env(safe-area-inset-bottom,0px));font-size:var(--step--1);color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}@media (width<=860px){.story .wrap{grid-template-columns:minmax(0,1fr);gap:0}.story-visual{background:var(--night);z-index:1;height:auto;padding-block:12px 4px}.dial-wrap{width:min(100%,420px,53.5714svh)}.beats{gap:40vh;padding-block:18vh 30vh}.moment{grid-template-columns:var(--time-col) minmax(0, 1fr)}.m-shot,.duo{grid-column:2}.moment.wide .m-shot{flex-direction:column;display:flex}.m-kinafu.carry{order:1;width:150px;margin-top:-16px;position:relative;bottom:auto;left:auto}.kinafu .wrap{grid-template-columns:minmax(0,1fr)}.kinafu img{width:220px}.connect dl>div{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){:root{--time-col:56px}.stage{max-width:360px}.stage-kinafu{width:140px;left:6%}.moment .time{font-size:1rem}.demo{grid-template-columns:minmax(0,1fr)}.demo-kinafu{z-index:1;order:-1;justify-self:end;width:116px;margin:0 12px -30px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seg,.lab,.dial-kinafu{transition:none}.demo-kinafu.hop{animation:none}}