html{background:#efece3}:root{--bg:#efece3;--fg:#1c1b19;--fg-dim:#4a4742;--accent:#1c1b19;--accent-warm:#e0b84a;--line:#1c1b1929;--panel:#fffcf5eb;--danger:#c45c5c;--font-sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:"EB Garamond", "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-pixel:"Press Start 2P", "Courier New", monospace;color:var(--fg);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;margin:0;transition:background-color .28s}body{background:var(--bg);min-height:100vh}button,a{font:inherit;color:inherit}.app-shell{background:var(--bg);grid-template-rows:auto 1fr auto;gap:.35rem;height:100vh;min-height:100vh;padding:.85rem clamp(.85rem,2.2vw,2rem) .65rem;transition:background-color .28s;display:grid;position:relative;overflow:hidden}.site-header{letter-spacing:.08em;z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.15rem;display:flex;position:relative}.brand{appearance:none;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:600;font-family:var(--font-serif);letter-spacing:.04em;color:var(--accent);cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:0}.brand:hover{opacity:.75}.site-nav{flex:1;justify-content:flex-end;min-width:0;display:flex}.site-nav-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.site-nav-item{position:relative}.site-nav-link{appearance:none;font-family:var(--font-sans);letter-spacing:.06em;color:var(--fg-dim);opacity:.85;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.25rem 0;font-size:clamp(.72rem,1.2vw,.85rem);font-weight:400;transition:color .12s linear,opacity .12s linear}.site-nav-link:hover,.site-nav-link.is-active{color:var(--fg);opacity:1}.site-nav-dropdown{background:var(--panel);border:1px solid var(--line);z-index:30;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:.15rem;min-width:9.5rem;margin:0;padding:.45rem .55rem;list-style:none;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;top:calc(100% + .35rem);right:0;transform:translateY(4px);box-shadow:0 10px 28px #1c1b1914}.site-nav-dropdown:before{content:"";height:.4rem;position:absolute;top:-.4rem;left:0;right:0}.site-nav-item:hover .site-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav-dropdown-item{appearance:none;text-align:left;width:100%;font-family:var(--font-sans);letter-spacing:.04em;color:var(--fg-dim);cursor:pointer;background:0 0;border:0;padding:.35rem .25rem;font-size:.78rem;font-weight:400;transition:color .12s linear}.site-nav-dropdown-item:hover,.site-nav-dropdown-item.is-active{color:var(--fg)}.site-main{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.5rem clamp(.5rem,1.5vw,1rem);min-height:0;display:grid;overflow:hidden}.site-main.is-page{place-items:center;overflow-y:auto}.site-main.is-home{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:stretch;gap:.85rem;padding:2.75rem 0 .5rem}.home-hero{flex-direction:column;align-items:center;margin-top:1rem;animation:.62s both home-fade-up;display:flex}.home-headline{text-align:center;max-width:22ch;font-family:var(--font-serif);letter-spacing:.01em;color:var(--fg);margin:0;font-size:clamp(2rem,5vw,3.8rem);font-weight:600;line-height:1.12}.home-section-desc{text-align:center;font-family:var(--font-sans);letter-spacing:.02em;color:var(--fg-dim);white-space:nowrap;margin:1.1rem 0 0;font-size:clamp(.84rem,1.2vw,.95rem);font-weight:400;line-height:1.5}.home-body{grid-template-columns:minmax(0,1fr) minmax(20rem,.95fr);align-items:stretch;gap:clamp(.75rem,2vw,1.75rem);min-height:0;animation:.72s 80ms both home-fade-up;display:grid}.home-body.is-timeline{grid-template-columns:1fr;place-items:stretch stretch;min-width:0;overflow:hidden}.home-body .project-detail{place-self:center start}.timeline-page{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;width:100%;min-width:0;height:100%;min-height:0;padding:.15rem 0 .5rem;overflow:auto hidden}.timeline-page::-webkit-scrollbar{display:none}.home-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem 1.5rem;width:100%;max-width:38rem;height:100%;min-height:0;padding-right:.25rem;display:grid}.home-intro-main{overscroll-behavior:contain;min-width:0;min-height:0;max-height:100%;overflow:hidden auto}.home-intro-panel,.home-intro-block{flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;display:flex}.home-intro-panel{gap:.85rem;animation:.36s both home-fade-up}.home-intro-panel.is-accounts{gap:2rem}.home-intro-panel.is-collab{gap:1rem}.home-intro-panel.is-collab .home-intro-contact{margin-top:1.25rem}.home-intro-nav{align-self:center}.home-intro-nav-list{flex-direction:column;align-items:flex-end;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.home-intro-nav-btn{appearance:none;font-family:var(--font-sans);letter-spacing:.06em;color:var(--fg-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:.2rem 0;font-size:.82rem;font-weight:500;line-height:1.4;transition:color .16s,opacity .16s}.home-intro-nav-btn:hover{color:var(--fg)}.home-intro-nav-btn.is-active{color:var(--fg);font-weight:700}.home-intro-kicker{font-family:var(--font-sans);letter-spacing:.01em;color:var(--fg);margin:0;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;line-height:1.35}.home-intro-heading{font-family:var(--font-sans);letter-spacing:.01em;color:var(--fg);margin:0;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:700;line-height:1.3}.home-intro-heading-link{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .16s,opacity .16s}.home-intro-heading-link:hover{opacity:.82;border-bottom-color:currentColor}.home-intro-tag{font-family:var(--font-sans);letter-spacing:.02em;color:var(--fg);opacity:.78;margin:0;font-size:.82rem;font-weight:500;line-height:1.4}.home-intro-body{font-family:var(--font-sans);color:var(--fg-dim);max-width:48ch;margin:0;font-size:clamp(.84rem,1.25vw,.95rem);font-weight:400;line-height:1.65}.home-intro-list{flex-direction:column;gap:.7rem;width:100%;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.home-intro-list li{flex-direction:column;gap:.15rem;display:flex}.home-intro-list-title{font-family:var(--font-sans);color:var(--fg);font-size:.9rem;font-weight:600;line-height:1.35}.home-intro-list-desc{font-family:var(--font-sans);color:var(--fg-dim);font-size:.84rem;line-height:1.45}@keyframes home-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-main.has-detail{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 14rem}.site-main.has-detail .crt-stage{grid-area:1/1/-1}.site-main.has-detail .project-detail{grid-area:2/2;justify-content:flex-start;align-self:stretch}.page-panel{flex-direction:column;align-items:flex-start;gap:.85rem;width:min(42rem,100%);padding:1rem .5rem 2rem;display:flex}.timeline-track{align-items:stretch;gap:0;width:max-content;min-height:100%;margin:0;padding:0 clamp(1rem,3vw,2.5rem) .35rem;list-style:none;display:flex}.timeline-item{flex:none;grid-template-rows:minmax(9.5rem,1.05fr) auto minmax(8.5rem,1fr);gap:.55rem;width:clamp(15.5rem,22vw,18.5rem);min-height:0;padding:0;display:grid}.timeline-visual{justify-content:center;align-items:flex-end;min-height:0;padding:0 .85rem;display:flex}.timeline-cover,.timeline-cover-fallback,.timeline-site-frame{aspect-ratio:16/10;background:#1c1b190f;border-radius:.35rem;width:100%;overflow:hidden;box-shadow:0 10px 28px #1c1b191a}.timeline-cover{object-fit:cover;display:block}.timeline-cover-fallback{font-family:var(--font-sans);letter-spacing:.02em;color:var(--fg);text-align:center;place-items:center;padding:.75rem;font-size:.95rem;font-weight:700;display:grid}.timeline-site-frame{pointer-events:none;background:#1c1b19;position:relative}.timeline-site-fallback{font-family:var(--font-sans);letter-spacing:.02em;color:var(--fg);text-align:center;place-items:center;padding:.75rem;font-size:.95rem;font-weight:700;display:grid;position:absolute;inset:0}.timeline-site-iframe{transform-origin:0 0;z-index:1;background:0 0;border:0;width:200%;height:200%;position:absolute;inset:0;transform:scale(.5)}.timeline-axis{justify-content:center;align-items:center;height:1rem;display:flex;position:relative}.timeline-axis-line{background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-dot{z-index:1;background:var(--fg);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:relative}.timeline-meta{flex-direction:column;align-items:flex-start;gap:.3rem;min-height:0;padding:0 .85rem;display:flex;overflow:hidden}.timeline-name{font-family:var(--font-sans);letter-spacing:.01em;color:var(--fg);flex:none;margin:0;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:700;line-height:1.3}.timeline-name a{color:inherit;border-bottom:2px solid #0000;padding-bottom:.05rem;text-decoration:none}.timeline-name a:hover{color:var(--fg-dim);border-bottom-color:var(--accent-warm)}.timeline-period{font-family:var(--font-sans);letter-spacing:.04em;color:var(--fg-dim);flex:none;font-size:.72rem;font-weight:500;line-height:1.35}.timeline-tags{flex-wrap:wrap;flex:none;gap:.3rem;margin:.1rem 0 .15rem;display:flex}.timeline-tag{border:1px solid var(--line);font-family:var(--font-sans);letter-spacing:.04em;color:var(--fg-dim);background:#1c1b190a;border-radius:.25rem;align-items:center;padding:.18rem .45rem;font-size:.68rem;font-weight:500;line-height:1.3;display:inline-flex}.timeline-summary{min-height:0;font-family:var(--font-sans);color:var(--fg-dim);white-space:pre-line;scrollbar-width:thin;scrollbar-color:#1c1b1940 transparent;flex:auto;margin:0;font-size:clamp(.78rem,1.1vw,.88rem);font-weight:400;line-height:1.55;overflow:hidden auto}.timeline-summary::-webkit-scrollbar{width:.3rem}.timeline-summary::-webkit-scrollbar-thumb{background:#1c1b1938;border-radius:999px}.crt-stage{background:0 0;width:100%;min-width:0;height:100%;min-height:0;margin:0;position:relative;overflow:hidden}.crt-stage canvas{display:block;background:0 0!important;width:100%!important;height:100%!important}.crt-iframe-frame{z-index:2;pointer-events:none;opacity:0;transform-origin:50%;will-change:transform, width, height, opacity;filter:brightness(.84)contrast(1.06)saturate(.92);background:#050505;border:none;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.crt-iframe{pointer-events:none;transform-origin:0 0;width:1280px;height:800px;transform:scale(var(--crt-iframe-scale-x,.25), var(--crt-iframe-scale-y,.25));background:#000;border:none;display:block}.project-detail{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:.65rem;width:100%;max-width:38rem;height:100%;min-height:0;padding:.25rem .15rem;transition:opacity .32s,transform .32s;display:flex;transform:translate(.75rem)}.project-detail.has-nav{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem 1.5rem;display:grid}.project-detail.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.project-detail-main{flex-direction:column;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.project-detail-nav{align-self:center}.project-detail-nav-list{flex-direction:column;align-items:flex-end;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.project-detail-nav-btn{appearance:none;font-family:var(--font-sans);letter-spacing:.06em;color:var(--fg-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:.2rem 0;font-size:.82rem;font-weight:500;line-height:1.4;transition:color .16s,opacity .16s}.project-detail-nav-btn:hover{color:var(--fg)}.project-detail-nav-btn.is-active{color:var(--fg);font-weight:700}.project-detail-title{font-family:var(--font-sans);letter-spacing:.01em;color:var(--fg);margin:0;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;line-height:1.35}.project-detail-period{font-family:var(--font-sans);letter-spacing:.04em;color:var(--fg-dim);margin:0;font-size:.82rem;font-weight:500;line-height:1.4}.project-detail-status-tag{border:1px solid var(--line);width:fit-content;font-family:var(--font-sans);letter-spacing:.04em;color:var(--fg-dim);cursor:default;background:#1c1b190a;border-radius:.25rem;outline:none;align-items:center;margin:0;padding:.2rem .5rem;font-size:.72rem;font-weight:500;line-height:1.3;display:inline-flex;position:relative}.project-detail-status-tag:after{content:attr(data-tip);z-index:3;border:1px solid var(--line);background:var(--panel);letter-spacing:.02em;color:var(--fg-dim);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.25rem;padding:.28rem .5rem;font-size:.7rem;font-weight:400;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + .4rem);left:0;transform:translateY(2px);box-shadow:0 6px 16px #1c1b191a}.project-detail-status-tag:hover:after,.project-detail-status-tag:focus-visible:after{opacity:1;transform:translateY(0)}.project-detail-summary{font-family:var(--font-sans);letter-spacing:0;color:var(--fg-dim);white-space:pre-line;max-width:48ch;margin:0;font-size:clamp(.84rem,1.25vw,.95rem);font-weight:400;line-height:1.65}.project-detail-link{font-family:var(--font-sans);color:var(--fg);border-bottom:2px solid var(--accent-warm);letter-spacing:.06em;margin-top:.35rem;padding-bottom:.15rem;font-size:.82rem;font-weight:500;text-decoration:none}.project-detail-link:hover{color:var(--fg-dim)}.site-footer{justify-content:center;align-items:flex-end;min-height:1.5rem;padding-top:.35rem;padding-bottom:.15rem;display:flex}.site-footer.is-home{min-height:.5rem}@media (width<=900px){.home-body{grid-template-rows:minmax(240px,48vh) auto;grid-template-columns:1fr;align-items:start}.home-body.is-timeline{grid-template-rows:minmax(0,1fr);overflow-x:hidden}.timeline-item{grid-template-rows:minmax(8.5rem,1fr) auto minmax(7.5rem,1fr);width:min(16.5rem,78vw)}.home-body .project-detail{justify-self:stretch;width:auto;min-width:0;max-width:none;height:auto}.project-detail.has-nav{grid-template-rows:auto auto;grid-template-columns:1fr;align-items:stretch}.project-detail-nav{order:-1;align-self:stretch}.project-detail-nav-list{flex-flow:wrap;align-items:center;gap:.35rem 1rem}.project-detail-nav-btn{letter-spacing:.04em}.home-intro{grid-template-rows:auto auto;grid-template-columns:1fr;align-items:stretch;max-width:none;height:auto;padding:0 .15rem .75rem}.home-intro-nav{order:-1;align-self:stretch}.home-intro-nav-list{flex-flow:wrap;align-items:center;gap:.35rem 1rem}.home-intro-nav-btn{letter-spacing:.04em}.home-intro-main{height:auto;max-height:none}.home-intro-body{max-width:42ch}}@media (width<=640px){.app-shell{padding:1rem .65rem .75rem}.site-header{flex-wrap:wrap;align-items:flex-start;gap:.55rem}.site-nav{flex-basis:100%;justify-content:flex-start}.site-nav-list{justify-content:flex-start;gap:.35rem .85rem}.site-nav-dropdown{left:0;right:auto}.home-headline{max-width:16ch}.site-main,.site-main.has-detail{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:.5rem}.site-main.has-detail .crt-stage,.site-main.has-detail .project-detail{grid-area:auto}.project-detail{justify-content:flex-start;align-self:stretch;width:auto;min-width:0;max-width:none;padding:.15rem 0 .35rem}.crt-stage{height:min(56vh,480px);min-height:280px}}