.bd{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;contain:strict;background:var(--ai-fuka)}.bd-art{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;transition:transform var(--t-slow) var(--ease),filter var(--t-slow) var(--ease)}.bd-art>div{height:100%!important;aspect-ratio:auto!important}.bd-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.12  0 0 0 0 0.2  0 0 0 0.55 0'/></filter><rect width='220' height='220' filter='url(%23g)'/></svg>");background-size:220px 220px}.bd-dim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#0b1626;opacity:0;transition:opacity var(--t-slow) var(--ease)}.bd-play .bd-dim{opacity:.55}.bd-play.bd-dusk .bd-dim{opacity:.62}.bd-play.bd-dawn .bd-dim{opacity:.7}.bd-play.bd-day .bd-dim{opacity:.76}.bd-play.bd-w-fog .bd-dim,.bd-play.bd-w-snow .bd-dim{opacity:.8}.bd-play.bd-night.bd-w-fog .bd-dim,.bd-play.bd-night.bd-w-snow .bd-dim{opacity:.66}.bd-play .bd-art{transform:scale(1.04);filter:blur(2.5px) saturate(.85)}.bd-label{position:absolute;left:20px;bottom:16px;font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--washi);opacity:.88;white-space:nowrap}@media (prefers-reduced-motion: reduce){.bd-art,.bd-dim{transition:none}}.panel.hub{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:var(--s6)}.panel.hub>*{grid-column:1}.hub-mid{display:flex;flex-direction:column;gap:44px;align-self:center}.presence{display:flex;gap:40px}.who{display:flex;align-items:center;gap:12px}.who-name{font-size:20px;font-weight:400}.dot{position:relative;width:9px;height:9px;border-radius:50%;border:1px solid var(--asagi)}.dot:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:var(--live);opacity:0;transition:opacity 1.2s var(--ease)}.who.here .dot{border-color:var(--live)}.who.here .dot:after{opacity:1;animation:live-pulse 2.6s var(--ease) infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 0 3px #2f7a4b38}50%{box-shadow:0 0 0 7px #2f7a4b0d}}.who-state{color:var(--ink-dim);transition:color .9s var(--ease)}.who.here .who-state{color:var(--live)}.doors{display:flex;flex-direction:column;border-bottom:1px solid var(--hairline-ink)}.door{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 24px 30px 0;border-top:1px solid var(--hairline-ink);text-decoration:none;color:var(--sumi);overflow:hidden}.door:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aizome);transform:translate(-101%);transition:transform 1.1s var(--ease)}.door:hover:before,.door:focus-visible:before{transform:translate(0)}.door>*{position:relative;transition:color .9s var(--ease)}.door:hover>*,.door:focus-visible>*{color:var(--washi)}.door:focus-visible{outline-offset:-1px}.door-name{font-size:34px;letter-spacing:.03em;font-weight:400;padding-left:0;transition:transform 1.1s var(--ease),color .9s var(--ease)}.door:hover .door-name{transform:translate(16px)}.record{display:flex;flex-direction:column;gap:14px}.score{display:grid;grid-template-columns:1fr 80px 80px;font-size:13px;line-height:22px}.score>.cap{padding-bottom:12px}.score>.cap~.cap{text-align:right}.score .row{border-top:1px solid rgba(26,26,28,.12);padding-top:8px}.score .n{text-align:right;font-size:18px;font-weight:400;padding-top:5px}.signout{align-self:flex-start;margin-top:8px;background:none;border:0;padding:4px 0;font-size:11px;color:var(--ink-dim);cursor:pointer;letter-spacing:.06em}.signout:hover{color:var(--sumi)}.panel.hub>.letter{grid-column:2;grid-row:1 / -1;align-self:center;justify-self:end;max-width:430px}.letter-date{text-align:right;padding-bottom:12px}.letter p{margin:0;font-family:var(--display);font-weight:400;font-size:15px;line-height:1.85;letter-spacing:var(--display-tracking);color:var(--sumi)}.letter p:first-of-type{border-top:1px solid var(--hairline-ink);padding-top:24px}.letter p+p{margin-top:.9em}.letter-close{display:flex;align-items:flex-end;gap:20px;margin-top:30px}.letter-off{font-family:var(--display);font-size:15px;color:var(--sumi);padding-bottom:4px}.letter-sign{font-size:20px}.letter-aside{font-family:var(--ui);font-size:11px;letter-spacing:.04em;color:var(--ink-dim)}@media (max-width: 1200px){.panel.hub{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:max-content;align-content:space-between;row-gap:var(--s5);overflow-y:auto;scrollbar-width:thin}.hub-mid{align-self:start}.panel.hub>.letter{grid-column:1;grid-row:auto;justify-self:start;align-self:start;max-width:480px}}@media (max-width: 760px){.hub-mid,.presence{gap:28px}.who-name{font-size:18px}.door{padding:22px 20px 22px 0;min-height:76px}.door-name{font-size:26px}.score{grid-template-columns:1fr 56px 56px;font-size:12px;line-height:20px}.score .n{font-size:16px;padding-top:6px}.letter p{font-size:15px;line-height:1.95}.letter p:first-of-type{padding-top:22px}.letter-close{margin-top:32px}}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/shippori-mincho-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/shippori-mincho-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/shippori-mincho-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/zen-kaku-gothic-new-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zen-kaku-gothic-new-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--aizome: #1E3557;--ai-fuka: #101F36;--asagi: #6E86A6;--sumi: #1A1A1C;--washi: #F4F1EA;--kinari: #E7E1D3;--card: #EDE8DB;--shu: #C8381F;--ink-dim: #4A5568;--live: #2F7A4B;--live-on-dark: #A8CF7A;--on-dark: #C9D3DF;--set-dkblue: #25418C;--set-green: #2F7A4B;--set-brown: #7A4E32;--set-ltblue: #8CC4E0;--set-orange: #E08A2E;--set-pink: #D977A8;--set-red: #B23A48;--set-yellow: #E3C23C;--set-ltgreen: #A8CF7A;--set-black: #2A2A2E;--display: "Shippori Mincho", serif;--ui: "Zen Kaku Gothic New", sans-serif;--display-tracking: .04em;--caps-tracking: .22em;--s1: 8px;--s2: 16px;--s3: 24px;--s4: 40px;--s5: 64px;--s6: 96px;--hairline: 1px;--hairline-ink: rgba(26, 26, 28, .18);--hairline-paper: rgba(244, 241, 234, .18);--radius: 2px;--card-w: 150px;--card-h: 240px;--ease: cubic-bezier(.2, .6, .2, 1);--t-fast: .5s;--t-base: .9s;--t-slow: 1.4s;--t-bleed: .4s}*{box-sizing:border-box}body{margin:0;background:var(--washi);color:var(--sumi);font-family:var(--ui)}.mn{font-family:var(--display);font-weight:500;letter-spacing:var(--display-tracking)}.cap{font-family:var(--ui);font-size:11px;letter-spacing:var(--caps-tracking);text-transform:uppercase;color:var(--ink-dim)}.tabular{font-variant-numeric:tabular-nums}.ink{opacity:0;animation:ink-in var(--t-slow) var(--ease) forwards,ink-bleed var(--t-bleed) var(--ease) forwards}@keyframes ink-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ink-bleed{0%{filter:blur(7px)}to{filter:blur(0)}}@media (prefers-reduced-motion: reduce){.ink{animation:none;opacity:1}.who.here .dot:after{animation:none}}html,body,#root{height:100%}body{overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--aizome);outline-offset:3px}.on-dark :focus-visible,.table :focus-visible{outline-color:var(--washi)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ai-fuka)}.panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--washi);color:var(--sumi);padding:56px 72px 56px 88px;display:flex;flex-direction:column;justify-content:space-between;transform:translate(0);transition:transform 1.2s var(--ease);will-change:transform;z-index:2}.panel>*{width:100%;max-width:480px}.panel.away{transform:translate(-101%)}.wordmark{display:flex;align-items:flex-start;gap:18px}.wordmark>svg{margin-top:6px}.wordmark-name{font-size:34px;letter-spacing:.06em;line-height:1;font-weight:400}.stage:not(.playing) .bd *{animation-play-state:paused!important}.d1{animation-delay:.25s}.d2{animation-delay:.5s}.d3{animation-delay:.8s}.d4{animation-delay:1s}.btn{font-family:var(--ui);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--washi);border:1px solid rgba(244,241,234,.45);background:none;padding:11px 18px;cursor:pointer;border-radius:var(--radius);transition:background-color .6s var(--ease),color .6s var(--ease),border-color .6s var(--ease);white-space:nowrap}.btn:hover{border-color:#f4f1ead9}.btn.on{background:var(--washi);color:var(--sumi);border-color:var(--washi)}.btn:disabled{opacity:.35;cursor:default}.btn.ink-btn{color:var(--sumi);border-color:#1a1a1c66}.btn.ink-btn.on{background:var(--aizome);color:var(--washi);border-color:var(--aizome)}.field{display:flex;flex-direction:column;gap:8px}.field input{font:16px var(--ui);color:var(--sumi);background:transparent;border:0;border-bottom:1px solid var(--hairline-ink);padding:8px 0 10px;border-radius:0;outline:none;transition:border-color .6s var(--ease)}.field input:focus{border-bottom-color:var(--aizome)}@media (max-width: 760px){.panel{padding:40px 24px 28px}.panel.away{transform:translateY(101%)}.wordmark-name{font-size:28px}}.login{display:flex;flex-direction:column;gap:28px;max-width:360px}.login-title{font-size:48px;line-height:1.05;margin:0 0 12px;letter-spacing:.02em}.login-foot{display:flex;align-items:center;gap:20px;margin-top:8px;min-height:40px}.login-error{font-size:13px;color:var(--ink-dim)}.login-copy{font-size:15px;line-height:1.7;margin:0;color:var(--ink-dim)}@media (max-width: 760px){.login-title{font-size:34px}.login{gap:20px}}.login-page{max-width:480px}.door-btn{width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;cursor:pointer;text-align:left}.login-page .doors{border-bottom:1px solid var(--hairline-ink)}.login-who-now{display:flex;align-items:center;gap:16px}.login-title-name{margin:0}.login-dot{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--aizome);box-shadow:0 0 0 5px #1e355724}.login-back{margin-top:10px;background:none;border:0;padding:4px 0;font-size:13px;color:var(--ink-dim);cursor:pointer;letter-spacing:.04em}.login-back:hover{color:var(--sumi)}.field{transition:opacity .9s var(--ease)}@media (max-width: 760px){.login-page .door{padding:22px 20px 22px 0}}