@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=JetBrains+Mono:wght@300;400&display=swap");:root{--paper-0:#FBF8F2;--paper-1:#F5F0E6;--paper-2:#ECE5D6;--paper-3:#E2D9C4;--ink-1:#1C1A15;--ink-2:#403A2E;--ink-3:#726A57;--ink-4:#A89E87;--line-1:#D6CDB6;--line-2:#BFB599;--line-3:#E8E1D1;--accent:#8C6A3F;--accent-soft:#BFA67A;--error:#8A3A2E;--success:#556B4E;--shadow-frame:0 1px 2px rgba(60,48,22,0.06),0 8px 20px rgba(60,48,22,0.05);--shadow-rest:0 1px 0 rgba(60,48,22,0.04);--shadow-press:inset 0 1px 2px rgba(60,48,22,0.08);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:144px;--r-0:0;--r-1:2px;--r-2:4px;--r-3:8px;--font-serif-jp:"Noto Serif JP","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif;--font-serif-en:"EB Garamond","Noto Serif JP",serif;--font-serif-mix:"EB Garamond","Noto Serif JP","游明朝",serif;--font-script:"Cormorant Garamond","Noto Serif JP",serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--fs-3xl:44px;--fs-4xl:60px;--lh-tight:1.25;--lh-base:1.7;--lh-loose:1.9;--ls-wide:0.08em;--ls-widest:0.18em;--ls-tight:-0.01em;--ease-soft:cubic-bezier(0.4,0.0,0.2,1);--ease-gentle:cubic-bezier(0.25,0.1,0.25,1);--dur-quick:180ms;--dur-base:320ms;--dur-slow:600ms;--dur-appear:1200ms}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper-0);color:var(--ink-1);font-family:var(--font-serif-mix);font-size:var(--fs-base);line-height:var(--lh-base);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.h-display{font-weight:400;font-size:var(--fs-4xl);line-height:1.1}.h-display,.h1{font-family:var(--font-serif-mix);letter-spacing:var(--ls-tight);color:var(--ink-1)}.h1{font-weight:500;font-size:var(--fs-3xl);line-height:1.2}.h2{font-size:var(--fs-2xl);line-height:1.3}.h2,.h3{font-family:var(--font-serif-mix);font-weight:500;color:var(--ink-1)}.h3{font-size:var(--fs-xl);line-height:1.4}.script{letter-spacing:.01em}.script,.script-display{font-family:var(--font-script);font-style:italic;font-weight:300;color:var(--ink-2)}.script-display{font-size:var(--fs-3xl);line-height:1.2}.body-lg{font-size:var(--fs-md);line-height:var(--lh-loose)}.body,.body-lg{color:var(--ink-1)}.body{font-size:var(--fs-base)}.body,.body-sm{line-height:var(--lh-base)}.body-sm{font-size:var(--fs-sm);color:var(--ink-2)}.caption{font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}.meta{font-weight:300;letter-spacing:var(--ls-wide)}.kicker,.meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3)}.kicker{font-weight:400;letter-spacing:var(--ls-widest);text-transform:uppercase}.hairline{border:0;border-top:1px solid var(--line-1);margin:var(--s-6) 0}.hairline-whisper{border:0;border-top:1px solid var(--line-3)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);background:transparent;border:1px solid var(--line-2);border-radius:var(--r-2);color:var(--ink-1);font-family:var(--font-serif-mix);font-size:var(--fs-base);cursor:pointer;transition:background var(--dur-quick) var(--ease-soft),border-color var(--dur-quick) var(--ease-soft)}.btn:hover{background:var(--paper-1);border-color:var(--ink-3)}.btn:active{background:var(--paper-2);box-shadow:var(--shadow-press)}.btn-primary{background:var(--ink-1);border-color:var(--ink-1);color:var(--paper-0)}.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn-ghost{border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--paper-1);color:var(--ink-1)}.btn-quiet{border:0;background:transparent;color:var(--ink-3);padding:var(--s-2) var(--s-3);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px}.btn-quiet:hover{color:var(--ink-1);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.input{display:block;width:100%;padding:var(--s-3) 0;background:transparent;border:0;border-bottom:1px solid var(--line-1);color:var(--ink-1);font-family:var(--font-serif-mix);font-size:var(--fs-base);outline:none;transition:border-color var(--dur-base) var(--ease-soft)}.input:focus{border-bottom-color:var(--accent)}.input::placeholder{color:var(--ink-4);font-style:italic}.card{background:var(--paper-0);border:1px solid var(--line-3);border-radius:var(--r-3);padding:var(--s-5);box-shadow:var(--shadow-rest)}.paper-grain{background-image:radial-gradient(ellipse at 30% 20%,rgba(120,90,40,.025) 0,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(120,90,40,.02) 0,transparent 60%);background-color:var(--paper-0)}@keyframes soft-appear{0%{opacity:0;transform:scale(1.04);filter:blur(18px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.soft-appear{animation:soft-appear 2.8s cubic-bezier(.45,0,.55,1) both}@keyframes breath-scale{0%,to{transform:scale(1);opacity:.18}50%{transform:scale(1.015);opacity:.22}}.breath-scale{animation:breath-scale 5.2s cubic-bezier(.45,0,.55,1) infinite;will-change:transform,opacity}@keyframes breath-opacity{0%,to{opacity:.3}50%{opacity:.55}}.breath-opacity{animation:breath-opacity 4.5s cubic-bezier(.45,0,.55,1) infinite;will-change:opacity}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root){animation:vt-fade-out .24s cubic-bezier(.32,.72,.32,1) both}::view-transition-new(root){animation:vt-fade-in .24s cubic-bezier(.32,.72,.32,1) both}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.32,.72,.32,1)}@keyframes vt-photo-soften{0%,to{filter:blur(0)}40%{filter:blur(1.6px)}}::view-transition-image-pair(*){animation:vt-photo-soften .48s cubic-bezier(.32,.72,.32,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-image-pair(*),::view-transition-new(root),::view-transition-old(root){animation:none}.photo-thumb:active{transform:none;opacity:1}}.waves{pointer-events:none;overflow:hidden;z-index:0}.waves,.waves-svg{position:absolute;inset:0}.waves-svg{width:100%;height:100%;display:block}.waves-drift{transform-origin:50% 100%;animation:waves-drift 28s ease-in-out infinite,waves-breath 18s ease-in-out infinite;will-change:transform}@keyframes waves-drift{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(-2.5%) translateY(-6px)}}@keyframes waves-breath{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.04) saturate(1.06)}}@media (prefers-reduced-motion:reduce){.waves-drift{animation:none!important}}.pv-root{position:fixed;inset:0;z-index:100;overflow:hidden;background:rgba(251,248,242,var(--pv-bg-opacity,1));transition:background .12s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.pv-root,.pv-stage{display:flex;align-items:center;justify-content:center}.pv-stage{width:100%;height:100%;touch-action:pan-y;transform:translate3d(0,var(--pv-dy,0),0)}.pv-stage-anim{transition:transform .24s cubic-bezier(.32,.72,.35,1)}.pv-photo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-drag:none;pointer-events:none}.pv-chrome{position:fixed;left:0;right:0;z-index:110;display:flex;align-items:center;pointer-events:auto;cursor:default;transition:opacity .28s var(--ease-soft),transform .32s var(--ease-soft)}.pv-top{top:0;justify-content:space-between;padding:calc(env(safe-area-inset-top, 12px) + 12px) 16px 32px;background:linear-gradient(180deg,rgba(251,248,242,.85),rgba(251,248,242,0))}.pv-bottom{bottom:0;flex-direction:column;align-items:stretch;gap:16px;padding:32px 20px calc(env(safe-area-inset-bottom, 16px) + 24px);background:linear-gradient(0deg,rgba(251,248,242,.95),rgba(251,248,242,0))}.pv-hidden{opacity:0;pointer-events:none}.pv-top.pv-hidden{transform:translateY(-8px)}.pv-bottom.pv-hidden{transform:translateY(8px)}.pv-iconbtn{width:36px;height:36px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:rgba(251,248,242,.7);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);color:var(--ink-2);cursor:pointer;transition:background var(--dur-quick) var(--ease-soft),color var(--dur-quick) var(--ease-soft)}.pv-iconbtn:hover{background:rgba(251,248,242,.9);color:var(--ink-1)}.pv-iconbtn:active{background:var(--paper-2)}.pv-date{flex:1 1}.pv-date,.pv-pose{text-align:center}.page-wide{max-width:1080px;margin:0 auto;padding:40px 20px 120px}.page-narrow{max-width:720px;margin:0 auto;padding:32px 20px 96px}.page-narrow-tight{max-width:720px;margin:0 auto;padding:24px 20px 64px}@media (min-width:600px){.page-wide{padding:56px 28px 140px}.page-narrow{padding:40px 28px 96px}.page-narrow-tight{padding:32px 28px 72px}}@media (min-width:900px){.page-wide{padding:64px 32px 160px}.page-narrow{padding:40px 32px 96px}.page-narrow-tight{padding:40px 32px 80px}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media (min-width:600px){.app-header{margin-bottom:56px}}@media (min-width:900px){.app-header{margin-bottom:72px}}.tl-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:56px}@media (min-width:600px){.tl-header{margin-bottom:72px}}@media (min-width:900px){.tl-header{margin-bottom:96px}}.tl-section{margin-bottom:56px}@media (min-width:600px){.tl-section{margin-bottom:72px}}@media (min-width:900px){.tl-section{margin-bottom:80px}}.tl-section-head{display:flex;align-items:baseline;gap:16px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--line-3)}@media (min-width:600px){.tl-section-head{gap:24px;padding-bottom:20px;margin-bottom:32px}}.tl-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (min-width:600px){.tl-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width:900px){.tl-grid{gap:32px}}.refs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (min-width:600px){.refs-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.pick-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:600px){.pick-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (min-width:600px){.btn-row{gap:16px;flex-wrap:nowrap}}.btn-row-end{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}@media (min-width:600px){.btn-row-end{gap:16px;flex-wrap:nowrap}}.fab{position:fixed;bottom:24px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--ink-1);color:var(--paper-0);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-frame);text-decoration:none;transition:transform var(--dur-base) var(--ease-soft)}.fab:hover{transform:translateY(-2px)}@media (min-width:600px){.fab{bottom:32px;right:32px;width:60px;height:60px}}@media (min-width:900px){.fab{bottom:40px;right:40px;width:64px;height:64px}}.photo-frame{display:block}.photo-frame,.photo-thumb{width:100%;border-radius:var(--r-3);border:1px solid var(--line-3)}.photo-thumb{aspect-ratio:4/5;object-fit:cover;transition:transform .18s cubic-bezier(.32,.72,.32,1),opacity .18s cubic-bezier(.32,.72,.32,1)}.photo-thumb:active{transform:scale(.97);opacity:.88}@media (max-width:480px){.h-display{font-size:44px}.h1{font-size:32px}.h2{font-size:26px}.h3{font-size:19px}.script-display{font-size:36px}}