@property --night{syntax:"<number>";inherits:true;initial-value:0}:root{--ink:#3c4906;--muted:#505440b3;--muted-strong:#505440;--line:#5054404d;--accent:#b4d2bb;--on-accent:#1e1e1e;--dot:#e1ebe4;--dot-line:#0e0e0e33;--dot-line-past:#0e0e0e;--brand:#36202a;--menu-ink:#1e1e1e;--glass:#fff9;--icon:#1e1e1e;--subtitle:#000;--page-day:#e4ede7;--page-night:#15212d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Unbounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:300}:root.night{--ink:#e4edd2;--muted:#dee6d4b3;--muted-strong:#e4ead9;--line:#dee6d447;--dot:#2a3c4b;--dot-line:#dee6d440;--dot-line-past:#e4ead9;--brand:#f3e7ec;--glass:#ffffff14;--icon:#e4ead9;--subtitle:#e4ead9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root *{transition-property:color,background-color,border-color;transition-duration:.5s;transition-timing-function:ease}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--page-day)}body:before{content:"";z-index:0;background:var(--night-gradient,var(--page-night));opacity:var(--night);pointer-events:none;position:fixed;inset:0}button{font:inherit;color:inherit}[data-icon]{display:inline-flex}[data-icon] svg{width:100%;height:100%}#app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative}.top{text-align:center;flex-direction:column;align-items:center;padding:clamp(20px,6.6vh,65px) 16px 0;display:flex;position:relative}.brand{z-index:5;text-align:left;position:absolute;top:clamp(16px,4vh,40px);left:clamp(16px,3.3vw,50px)}.brand-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.avatar{object-fit:cover;border-radius:50%;width:55px;height:55px;transition:box-shadow .2s}.brand-button:hover .avatar,.brand-button[aria-expanded=true] .avatar{box-shadow:0 4px 4px #0c0c0d0d,0 16px 32px #0c0c0d1a}.brand-name{color:var(--brand);font-size:20px;font-weight:700;line-height:1.5}.brand-menu{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(21px);border-radius:16px;flex-direction:column;gap:16px;min-width:160px;padding:15px 20px;display:flex;position:absolute;top:83px;left:29px;box-shadow:0 4px 24px #0000000f}.brand-menu[hidden]{display:none}.brand-menu:before{content:"";height:40px;position:absolute;bottom:100%;left:-30px;right:0}.brand-menu a{color:var(--menu-ink);white-space:nowrap;align-items:center;gap:10px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}:root.night .brand-menu a{color:var(--ink)}.brand-menu a:hover{text-decoration:underline}.brand-menu [data-icon],.brand-menu img{border-radius:5px;flex:none;width:23px;height:23px}.lang{align-items:center;gap:14px;display:inline-flex}.lang button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:300;line-height:1.5}.lang button[aria-pressed=true]{color:var(--ink);font-weight:700}.lang-sep{background:var(--line);width:1px;height:24px}.title{letter-spacing:0;margin:0;font-size:48px;font-weight:700;line-height:1.45}.subtitle{color:var(--subtitle);margin:-6px 0 0;font-size:26px;font-weight:300;line-height:1.5}#stage{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none;flex:1;min-height:0;position:relative}#stage:focus-visible:after{content:"";border:2px solid var(--ink);pointer-events:none;border-radius:16px;position:absolute;inset:6px}#stage canvas{width:100%;height:100%;display:block}#stage[data-loading]:before{content:"…";color:var(--muted);place-items:center;font-size:20px;display:grid;position:absolute;inset:0}#cover{background:color-mix(in srgb, var(--page-night) calc(var(--night) * 100%), var(--page-day));opacity:0;pointer-events:none;transition:opacity .14s;position:absolute;inset:0}#cover.on{opacity:1}.flag{vertical-align:-.04em;width:1.1em;height:.74em;margin:0 .05em}.hint{color:var(--muted);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;margin:0 0 calc(-1*clamp(4px,2vh,24px));font-size:14px;display:flex}.hint[hidden]{display:none}.hint [data-icon]{width:16px;height:16px}.switches{z-index:4;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;right:clamp(16px,4.6vw,70px);transform:translateY(-50%)}.daynight{border:1px solid var(--line);border-radius:100px;flex-direction:column;display:flex;overflow:hidden}.daynight button,.round{width:72px;height:72px;color:var(--icon);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.daynight button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 0 0 1px var(--line)}.daynight [data-icon]{width:40px;height:40px}.round{border:1px solid var(--line);border-radius:50%}.round [data-icon]{width:32px;height:32px}.round[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.round.accent{background:var(--accent);color:var(--on-accent);border:0}.daynight button:focus-visible,.round:focus-visible,.lang button:focus-visible,.brand-button:focus-visible,.brand-menu a:focus-visible,.stop:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.bottom{padding:8px 16px max(clamp(16px, 6.6vh, 65px), env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:clamp(16px,4vh,40px);display:flex}.timeline{scrollbar-width:none;width:100%;max-width:915px;overflow-x:auto}.timeline::-webkit-scrollbar{display:none}.timeline-inner{justify-content:space-between;gap:33px;width:max-content;min-width:100%;margin:0 auto;display:flex;position:relative}.timeline-track,.timeline-progress{background:var(--dot-line);pointer-events:none;height:1px;position:absolute;top:8px}.timeline-progress{background:var(--dot-line-past);transition:width .5s}.stop{z-index:1;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0 0 2px;font-size:20px;font-weight:300;line-height:1.5;display:flex;position:relative}.dot{border:1px solid var(--dot-line);background:var(--dot);border-radius:50%;width:16px;height:16px;margin-bottom:11px;position:relative}.dot:after{content:"";background:var(--dot-line-past);opacity:0;width:1px;height:11px;position:absolute;top:100%;left:50%}.stop.past .dot{border-color:var(--dot-line-past)}.stop[aria-checked=true]{color:var(--muted-strong)}.stop[aria-checked=true] .dot{background:var(--accent)}.stop[aria-checked=true] .dot:after{opacity:1}.stop:hover{color:var(--muted-strong)}.share{align-items:center;gap:24px;display:flex}.link{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(21px);width:444px;max-width:calc(100vw - 116px);height:60px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;border-radius:100px;align-items:center;padding:0 30px;font-size:20px;line-height:1.5;display:flex;overflow:hidden}#share{width:60px;height:60px}#share [data-icon]{width:30px;height:30px}.toast{z-index:10;background:var(--ink);color:var(--page-day);opacity:0;pointer-events:none;border-radius:100px;margin:0;padding:10px 18px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}:root.night .toast{color:var(--page-night)}.timeline.overflow{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.timeline.overflow .timeline-inner{justify-content:flex-start;padding:0 48px}:root.stacked .switches{flex-direction:row;justify-content:center;gap:12px;margin:6px 0 0;position:static;transform:none}:root.stacked .daynight{flex-direction:row}:root.stacked .daynight button,:root.stacked .round{width:52px;height:52px}:root.stacked .daynight [data-icon]{width:28px;height:28px}:root.stacked .round [data-icon]{width:24px;height:24px}@media (width<=1100px){.title{font-size:38px}.subtitle{font-size:19px}.stop{font-size:16px}.timeline-inner{gap:20px}}@media (width<=599px){.top{padding-top:max(80px, calc(env(safe-area-inset-top) + 64px))}.brand{top:max(30px, calc(env(safe-area-inset-top) + 14px));left:auto;right:30px}.avatar{width:48px;height:48px}.brand-name{display:none}.brand-menu{top:47px;left:auto;right:55px}.lang{gap:14px}.lang button{font-size:14px}.lang-sep{height:20px}.title{margin-top:10px;font-size:34px;line-height:1.3}.title .rest{display:block}.subtitle{margin-top:5px;font-size:14px;line-height:1.7}.switches{flex-direction:row;justify-content:center;gap:12px;margin:6px 0 0;position:static;transform:none}.daynight{flex-direction:row}.daynight button,.round{width:40px;height:40px}.daynight [data-icon]{width:22px;height:22px}.round [data-icon]{width:20px;height:20px}.bottom{padding-bottom:max(50px, env(safe-area-inset-bottom));gap:16px}.timeline{width:calc(100% + 32px);max-width:none;margin:0 -16px;overflow:visible}.timeline-inner{gap:0;width:100%}.stop{flex:1 1 0;min-width:0;font-size:16px}.timeline.compact .stop:not([data-slot]){display:none}.stop[data-slot=current]{order:1}.stop[data-slot=next]{order:2}.share{gap:16px}.link{width:278px;max-width:calc(100vw - 124px);height:48px;padding:0 20px;font-size:14px}#share{width:48px;height:48px}#share [data-icon]{width:24px;height:24px}}@media (height<=820px) and (width>=600px){.top{padding-top:22px}.title{font-size:35px;line-height:1.3}.subtitle{margin-top:0;font-size:18px}.bottom{padding-bottom:max(22px, env(safe-area-inset-bottom));gap:18px}.stop{font-size:16px}.link{height:48px;font-size:16px}#share{width:48px;height:48px}#share [data-icon]{width:24px;height:24px}}@media (width<=599px) and (height<=800px){.top{padding-top:max(56px, calc(env(safe-area-inset-top) + 44px))}.brand{top:max(16px, calc(env(safe-area-inset-top) + 6px))}.avatar{width:40px;height:40px}.brand-menu{top:44px;right:46px}.lang button{font-size:14px}.lang-sep{height:20px}.title{margin-top:2px;font-size:30px}.title .rest{display:inline}.subtitle{font-size:14px}.switches{margin-top:4px}.daynight button,.round{width:44px;height:44px}.daynight [data-icon]{width:24px;height:24px}.round [data-icon]{width:22px;height:22px}.hint{margin-bottom:0;font-size:12px}.stop{font-size:14px}.timeline-inner{gap:24px}.bottom{padding-bottom:max(18px, env(safe-area-inset-bottom));gap:10px}.link{height:44px;font-size:13px}#share{width:44px;height:44px}#share [data-icon]{width:22px;height:22px}}@media (width<=599px) and (height<=640px){.subtitle{display:none}.top{padding-top:max(48px, calc(env(safe-area-inset-top) + 36px))}.title{font-size:26px}}@media (height<=640px) and (width>=600px){.top{padding-top:12px}.title{font-size:30px;line-height:1.3}.subtitle{display:none}.lang button{font-size:14px}.lang-sep{height:20px}.avatar{width:40px;height:40px}.brand-name{font-size:16px}.brand-menu{top:52px}.daynight button,.round{width:52px;height:52px}.daynight [data-icon]{width:28px;height:28px}.bottom{padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:row;justify-content:center;gap:20px}.timeline{width:auto}.stop{font-size:13px}.timeline-inner{gap:14px}.link{width:260px;height:44px;padding:0 18px;font-size:13px}#share{width:44px;height:44px}#share [data-icon]{width:22px;height:22px}}