@font-face{font-family:JojoDisplay;src:url(/jojo/font-1.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:JojoSans;src:url(/jojo/font-2.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html[data-jojo]{--paper:#f7f7f2;--ink:#242820;--muted:#666a60;--quiet:#6c7064;--line:#d9ddd0;--accent:#d6ee91;--accent-ink:#34451b;--chip:#e9eddf;--glass:rgba(250,251,245,0.76);--field:rgba(186,205,156,0.18);--field2:rgba(223,211,173,0.25);--panel:#fbfcf6;--ease:cubic-bezier(0.22,1,0.36,1);--spring:cubic-bezier(0.175,0.885,0.32,1.275);color-scheme:light;font-family:JojoSans,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper)}html[data-jojo][data-theme=dark]{--paper:#191d1a;--ink:#edf0e7;--muted:#b0b8a9;--quiet:#a4ae9c;--line:#394337;--accent:#d6ee91;--accent-ink:#d6ee91;--chip:#303a2a;--glass:rgba(34,40,33,0.82);--field:rgba(106,135,69,0.2);--field2:rgba(131,113,67,0.11);--panel:#20271f;color-scheme:dark}.jojo-design *{box-sizing:border-box}html[data-jojo]{scroll-behavior:smooth;scroll-padding-top:112px;scrollbar-color:var(--line) var(--paper)}html[data-jojo] body{margin:0;min-width:280px}.jojo-design a,.jojo-design button{-webkit-tap-highlight-color:transparent}.jojo-design button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.jojo-design a{color:inherit;text-decoration:none}.jojo-design button:disabled{opacity:.45;cursor:default}.jojo-design a:focus-visible,.jojo-design button:focus-visible,.jojo-design summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px;border-radius:5px}.jojo-design button:active{transform:scale(.97)}.jojo-design ::selection{background:var(--accent);color:#242820}.jojo-design p{margin:0}.jojo-design svg{display:block}.jojo-design a svg,.jojo-design button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.jojo-design h1,.jojo-design h2,.jojo-design h3{margin:0;font-weight:500;text-wrap:balance}.jojo-design button:focus:not(:focus-visible){outline:none}.jojo-design [hidden]{display:none!important}.jojo-design .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jojo-design .skip{position:fixed;top:10px;left:16px;transform:translateY(-200%);background:var(--accent);color:#242820;padding:12px;z-index:99}.jojo-design .skip:focus{transform:none}.jojo-design .ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.jojo-design .ambient:after,.jojo-design .ambient:before{content:"";position:absolute;width:68vw;height:82vh;border-radius:50%;filter:blur(70px);opacity:.9;will-change:transform}.jojo-design .ambient:before{left:-45vw;top:13vh;background:var(--field);transform:translate3d(var(--drift-x,0),var(--drift-y,0),0);animation:breathe 20s ease-in-out infinite alternate}.jojo-design .ambient:after{right:-42vw;top:-8vh;background:var(--field2);transform:translate3d(var(--drift-x,0),0,0);animation:breathe 27s ease-in-out infinite alternate-reverse}@keyframes breathe{to{scale:1.3;translate:3vw 5vh}}.jojo-design .header-wrap{position:fixed;top:22px;left:24px;right:24px;z-index:30;display:flex;justify-content:center;pointer-events:none}.jojo-design .site-header{width:788px;height:60px;display:flex;align-items:center;gap:24px;padding:8px 13px 8px 22px;border-radius:32px;backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3);box-shadow:0 6px 26px #151b0d0c,inset 0 0 0 1px #fff7;pointer-events:auto;position:relative}.jojo-design .brand{font-family:JojoDisplay,Georgia,serif;font-size:29px;font-weight:700;letter-spacing:-.035em;line-height:1;padding:3px 7px 7px 0}.jojo-design .brand span{display:inline-block;transition:transform .3s var(--spring)}.jojo-design .brand:hover span{transform:translateY(-2px) rotate(-12deg)}.jojo-design .nav-main{margin-left:auto}.jojo-design .nav-main>a{font-size:14px;padding:12px 15px;border-radius:23px;position:relative;transition:background .22s,color .22s}.jojo-design .nav-main>a.connected,.jojo-design .nav-main>a:hover{background:var(--chip)}.jojo-design .nav-main>a[aria-current=page]:after{content:"";position:absolute;bottom:5px;left:50%;width:3px;height:3px;border-radius:50%;background:var(--ink)}.jojo-design .tools{display:flex;gap:2px;padding-left:12px;border-left:1px solid var(--line)}.jojo-design .icon-button{width:38px;height:38px;display:grid;place-items:center;transition:background .18s,transform .18s}.jojo-design .icon-button svg{width:18px;height:18px}.jojo-design .sun{display:none}html[data-jojo][data-theme=dark] .jojo-design .sun{display:block}.jojo-design .pause-off,html[data-jojo][data-motion=off] .jojo-design .pause-on,html[data-jojo][data-theme=dark] .jojo-design .moon{display:none}html[data-jojo][data-motion=off] .jojo-design .pause-off{display:block}.jojo-design .menu{position:absolute;right:0;top:70px;width:248px;border-radius:16px;padding:12px;background:var(--panel);box-shadow:0 12px 40px #10170e20;animation:menu-in .22s var(--ease)}.jojo-design .menu a{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:12px;border-radius:8px}.jojo-design .menu a:hover{background:var(--chip)}.jojo-design .menu small{display:block;color:var(--muted);font-size:11px;padding:10px 12px 5px;border-top:1px solid var(--line);margin-top:7px}.jojo-design .menu-mobile{display:none!important}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}}.jojo-design.jojo-home{max-width:788px;margin:0 auto;padding:128px 16px 0;position:relative;z-index:2}.jojo-design .identity{display:flex;justify-content:space-between;gap:24px}.jojo-design .name-button{display:block;padding:0;margin-left:-4px;position:relative;line-height:1.12;text-align:left}.jojo-design .name-button:after{content:"";height:1px;background:var(--ink);position:absolute;bottom:-3px;left:7px;right:12px;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.jojo-design .wordmark{font-family:JojoDisplay,Georgia,serif;font-weight:600;letter-spacing:-.04em;line-height:1.15;display:flex;align-items:baseline;position:relative}.jojo-design .glyph{display:inline-block;transition:transform .5s var(--spring);transform-origin:50% 78%}.jojo-design .glyph:nth-child(2),.jojo-design .glyph:nth-child(4){font-style:italic}.jojo-design .name-button:focus-visible .glyph:first-child,.jojo-design .name-button:hover .glyph:first-child{transform:translate(-4px,-4px) rotate(-7deg)}.jojo-design .name-button:focus-visible .glyph:nth-child(2),.jojo-design .name-button:hover .glyph:nth-child(2){transform:translate(-2px,4px) rotate(12deg)}.jojo-design .name-button:focus-visible .glyph:nth-child(3),.jojo-design .name-button:hover .glyph:nth-child(3){transform:translate(5px,-5px) rotate(-6deg)}.jojo-design .name-button:focus-visible .glyph:nth-child(4),.jojo-design .name-button:hover .glyph:nth-child(4){transform:translate(10px,2px) rotate(13deg)}.jojo-design .name-button:hover:after{transform:scaleX(1)}.jojo-design .name-star{margin:0 0 20px 12px;color:var(--accent-ink);width:25px;height:25px;transition:transform .6s var(--ease)}.jojo-design .name-button:hover .name-star{transform:rotate(135deg)}.jojo-design .identity-note{text-align:right;line-height:1.9;color:var(--muted);align-self:flex-end;padding-bottom:13px}.jojo-design .identity-note strong{font-family:JojoDisplay,Georgia,serif;font-style:italic}.jojo-design .lead{font-size:22px;letter-spacing:.025em;margin-bottom:24px;text-wrap:pretty}.jojo-design .jojo-prose{font-family:Songti SC,"Noto Serif CJK SC",STSong,serif;letter-spacing:.012em}.jojo-design .jojo-prose p+p{margin-top:16px}.jojo-design .jojo-prose strong{color:var(--ink);font-weight:500}.jojo-design .keyword{display:inline-block;position:relative;padding:0 .4em;margin:0 .07em;border-radius:6px;background:var(--chip);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 75%,transparent);font-size:.94em;line-height:1.65;isolation:isolate;transition:box-shadow .2s}.jojo-design .keyword:before{content:"";position:absolute;background:var(--ink);clip-path:circle(0 at var(--enter-x,50%) var(--enter-y,50%));transition:clip-path .36s var(--ease);z-index:-1}.jojo-design .keyword .label-window{height:1.65em;pointer-events:none}.jojo-design .keyword .label-track{transition:transform .35s var(--ease)}.jojo-design .keyword .label-track span+span{color:var(--paper)}.jojo-design .keyword:focus-visible:before,.jojo-design .keyword:hover:before{clip-path:circle(150% at var(--enter-x,50%) var(--enter-y,50%))}.jojo-design .keyword:focus-visible .label-track,.jojo-design .keyword:hover .label-track{transform:translateY(-50%)}.jojo-design .keyword[aria-expanded=true]{box-shadow:inset 0 -2px 0 var(--accent-ink)}.jojo-design .note:not(:empty){margin:0 .25em}.jojo-design .note.typing:after{content:"";display:inline-block;width:1px;height:1em;margin-left:3px;background:currentColor;vertical-align:-1px;animation:caret .8s steps(1) infinite}@keyframes caret{50%{opacity:0}}.jojo-design .terminal{font-family:JojoSans,PingFang SC,sans-serif;font-size:.79em;padding:.15em .6em .15em .45em;vertical-align:2px;display:inline-flex;align-items:center;gap:6px}.jojo-design .terminal .prompt-icon{width:12px;height:12px;stroke-width:1.4;opacity:.7}.jojo-design .terminal .label-track{transition:transform .35s var(--ease)}.jojo-design .terminal:after{background:var(--ink);animation:caret 1s steps(1) infinite}.jojo-design .terminal:hover:after{background:var(--paper)}.jojo-design .signature-line{margin-top:31px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.jojo-design .signature-line:before{content:"";width:32px;height:1px;background:var(--line)}.jojo-design .signature-line .small-star{width:13px;height:13px;color:var(--accent-ink)}.jojo-design .writing{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:100px}.jojo-design .section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.jojo-design .section-head h2{font-size:15px;font-weight:550}.jojo-design .text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:6px 0}.jojo-design .text-link svg{width:14px;height:14px;transition:transform .23s var(--ease)}.jojo-design .text-link:hover svg{transform:translate(3px,-2px)}.jojo-design .text-link:hover{color:var(--ink)}.jojo-design .article-row{display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);transition:color .2s}.jojo-design .article-row:hover .article-name{transform:translateX(6px)}.jojo-design .article-row .article-name{font-size:15px;transition:transform .25s var(--ease)}.jojo-design .article-row .article-meta{font-size:11px;color:var(--muted)}.jojo-design .article-row svg{width:16px;height:16px;opacity:.55;transition:transform .25s var(--ease)}.jojo-design .article-row:hover svg{transform:translate(2px,-2px)}.jojo-design .contact{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:33px 0 0}.jojo-design .contact p{font-size:14px;color:var(--muted)}.jojo-design .contact p strong{font-weight:500;color:var(--ink)}.jojo-design .contact-link{display:inline-flex;align-items:center;gap:10px;font-size:13px}.jojo-design .contact-link:hover{text-decoration:underline;text-underline-offset:6px}.jojo-design .contact-link svg{width:17px;height:17px}.jojo-design .footer{max-width:788px;margin:46px auto 0;padding:0 16px 28px;align-items:center;gap:20px;font-size:11px}.jojo-design .footer .footer-sign{font-family:JojoDisplay,Georgia,serif;font-style:italic;font-size:16px;color:var(--muted)}.jojo-design .prototype-tools{display:flex;gap:10px;align-items:center}.jojo-design .prototype-tools>span{padding-right:10px;border-right:1px solid var(--line)}.jojo-design .help{position:relative}.jojo-design .help summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px}.jojo-design .help summary::-webkit-details-marker{display:none}.jojo-design .help-box{position:absolute;right:0;bottom:28px;width:270px;padding:20px;border-radius:14px;background:var(--panel);box-shadow:0 12px 40px #10170e25;color:var(--ink);font-size:13px;line-height:1.8;z-index:40}.jojo-design .help-box h3{font-size:14px;margin-bottom:10px}.jojo-design .help-box ol{padding-left:18px;margin:0 0 10px}.jojo-design .help-box p{color:var(--muted);font-size:11px}.jojo-design #connections{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.jojo-design #connections path{fill:none;stroke-width:1;opacity:.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line .52s var(--ease) forwards}.jojo-design #connections circle{fill:var(--accent-ink);opacity:.55}@keyframes draw-line{to{stroke-dashoffset:0}}.jojo-design #cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;opacity:0;mix-blend-mode:difference;color:white;transition:opacity .12s;will-change:transform}.jojo-design #cursor .cursor-body{position:absolute;left:-10px;top:-10px;width:20px;height:20px;transition:transform .16s var(--ease)}.jojo-design #cursor .ring,.jojo-design #cursor .ring-echo{position:absolute;inset:0;border:1.2px solid;border-radius:50%;transition:transform .22s var(--spring),opacity .18s,background .18s}.jojo-design #cursor .ring-echo{opacity:0;transform:translateX(0)}.jojo-design #cursor .cursor-arrow{position:absolute;inset:0;font-family:JojoSans,sans-serif;font-size:13px;line-height:20px;text-align:center;opacity:0;transition:opacity .18s}.jojo-design #cursor[data-mode=link] .ring{transform:scale(1.6)}.jojo-design #cursor[data-mode=link] .cursor-arrow{opacity:1}.jojo-design #cursor[data-mode=keyword] .ring{background:white;transform:scale(.7)}.jojo-design #cursor[data-mode=keyword] .ring-echo{opacity:1;transform:translate(8px,-5px) scale(.7)}.jojo-design #cursor[data-mode=name] .ring{transform:translateX(-6px) scale(1.45)}.jojo-design #cursor[data-mode=name] .ring-echo{opacity:1;transform:translateX(10px) scale(1.45)}.jojo-design #cursor.pressed .cursor-body{transform:scale(.72)}.jojo-design .custom-cursor-active,.jojo-design .custom-cursor-active *{cursor:none!important}.jojo-design .click-ring{position:fixed;z-index:90;width:26px;height:26px;border:1px solid var(--accent-ink);border-radius:50%;pointer-events:none;animation:click-bloom .54s var(--ease) forwards}@keyframes click-bloom{0%{transform:translate(-50%,-50%) scale(.3);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.jojo-design .name-pulse .glyph{animation:letter-nod .54s var(--spring) both}.jojo-design .name-pulse .glyph:nth-child(2){animation-delay:55ms}.jojo-design .name-pulse .glyph:nth-child(3){animation-delay:.11s}.jojo-design .name-pulse .glyph:nth-child(4){animation-delay:165ms}@keyframes letter-nod{50%{transform:translateY(-12px) rotate(-7deg)}}.jojo-design .reader{padding-bottom:20px}.jojo-design .back-link{display:inline-flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:36px}.jojo-design .back-link svg{width:16px;height:16px}.jojo-design .reader-header{margin-bottom:32px}.jojo-design .reader h1{font-family:Songti SC,serif;font-size:46px;font-weight:600;letter-spacing:-.025em;line-height:1.35;margin-bottom:20px}.jojo-design .reader-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.jojo-design .sample-label{color:var(--accent-ink)}.jojo-design .reader-body{max-width:670px;font-family:Songti SC,serif;font-size:18px;line-height:2}.jojo-design .reader-body>p{margin-bottom:24px}.jojo-design .reader-body .reader-deck{font-size:21px;margin-bottom:36px}.jojo-design .reader-body h2{font-size:26px;font-weight:600;margin:42px 0 16px}.jojo-design .reader-body p a{text-decoration:underline;text-underline-offset:4px}.jojo-design .reader-body pre{margin:28px 0;padding:24px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;line-height:1.85;overflow:auto;color:var(--ink)}.jojo-design .code-comment{color:var(--muted)}.jojo-design .code-selector{color:var(--accent-ink)}.jojo-design .reader-footer{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.8}.jojo-design .reader-footer a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--ink)}.jojo-design .reader-footer svg{width:15px;height:15px}html[data-jojo][data-page=read] .jojo-design .ambient{opacity:.25}html[data-jojo][data-page=read] .jojo-design main{max-width:750px}.jojo-design ::view-transition-new(root),.jojo-design ::view-transition-old(root){animation:none;mix-blend-mode:normal}.jojo-design ::view-transition-new(root){z-index:1;animation:theme-reveal .52s var(--ease)}.jojo-design ::view-transition-old(root){z-index:0}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x,90vw) var(--theme-y,45px))}to{clip-path:circle(var(--theme-r,150vmax) at var(--theme-x,90vw) var(--theme-y,45px))}}@media (min-width:1500px){.jojo-design.jojo-home{padding-top:170px}.jojo-design .identity{margin-bottom:38px}.jojo-design .writing{margin-top:64px}}@media (max-width:850px){.jojo-design .footer,.jojo-design.jojo-home{padding-left:34px;padding-right:34px}.jojo-design .site-header{gap:14px}.jojo-design .nav-main>a{padding:12px}.jojo-design .identity-note{padding-right:5px}}@media (max-width:640px){html[data-jojo]{scroll-padding-top:95px}.jojo-design .header-wrap{top:14px;left:16px;right:16px}.jojo-design .site-header{height:54px;padding:7px 10px 7px 18px;gap:10px}.jojo-design .brand{font-size:27px}.jojo-design .nav-main{display:none}.jojo-design .tools{margin-left:auto;border:0;padding:0;gap:1px}.jojo-design .icon-button{width:36px;height:36px}.jojo-design .menu{top:65px;width:min(284px,calc(100vw - 32px))}.jojo-design .menu-mobile{display:flex!important}.jojo-design.jojo-home{padding:112px 25px 0}.jojo-design .identity{gap:15px;margin-bottom:26px}.jojo-design .wordmark{font-size:76px}.jojo-design .name-star{width:19px;height:19px;margin-left:8px;margin-bottom:17px}.jojo-design .identity-note{font-size:10px;line-height:1.8;padding:0 0 8px}.jojo-design .identity-note strong{font-size:13px}.jojo-design .lead{font-size:21px;line-height:1.85;margin-bottom:24px}.jojo-design .jojo-prose{font-size:17px;line-height:2.2}.jojo-design .jojo-prose p+p{margin-top:16px}.jojo-design .signature-line{margin-top:25px;font-size:12px;gap:10px}.jojo-design .writing{margin-top:39px;padding-top:25px}.jojo-design .article-row{gap:10px;grid-template-columns:1fr 16px;padding:18px 0}.jojo-design .article-row .article-name{font-size:14px;line-height:1.7}.jojo-design .article-meta{display:none}.jojo-design .contact{display:block;margin-top:28px}.jojo-design .contact-link{margin-top:16px;font-size:12px}.jojo-design .footer{margin-top:37px;padding:0 25px 24px;font-size:10px;gap:8px}.jojo-design .footer .footer-sign{font-size:13px}.jojo-design .prototype-tools{gap:7px}.jojo-design .prototype-tools>span{padding-right:7px}.jojo-design .reader h1{font-size:36px}.jojo-design .reader-body{font-size:17px}.jojo-design .reader-body .reader-deck{font-size:19px}.jojo-design .reader-body pre{padding:18px;font-size:12px}.jojo-design #connections,.jojo-design #cursor{display:none}.jojo-design .ambient:before{width:100vw;left:-70vw}.jojo-design .ambient:after{width:100vw;right:-70vw}.jojo-design .help-box{width:255px}}@media (max-width:355px){.jojo-design.jojo-home{padding-left:22px;padding-right:22px}.jojo-design .wordmark{font-size:65px}.jojo-design .name-star{width:16px;margin-left:5px}.jojo-design .identity-note{display:none}.jojo-design .lead{font-size:20px}.jojo-design .footer-sign{display:none}.jojo-design .footer{justify-content:space-between}.jojo-design .contact p{font-size:13px}.jojo-design .jojo-prose{font-size:16px}}@media (hover:none),(pointer:coarse){.jojo-design #connections,.jojo-design #cursor{display:none}.jojo-design .custom-cursor-active,.jojo-design .custom-cursor-active *{cursor:auto!important}.jojo-design .name-button:hover .glyph{transform:none}.jojo-design .keyword:hover:before{clip-path:circle(0)}.jojo-design .keyword:hover .label-track{transform:none}}html[data-jojo][data-motion=off]{scroll-behavior:auto}html[data-jojo][data-motion=off] *,html[data-jojo][data-motion=off] :after,html[data-jojo][data-motion=off] :before{animation:none!important;transition:none!important}html[data-jojo][data-motion=off] #connections,html[data-jojo][data-motion=off] #cursor,html[data-jojo][data-motion=off] .click-ring{display:none}html[data-jojo][data-motion=off] .name-button:hover .glyph{transform:none}@media (prefers-reduced-motion:reduce){html[data-jojo]{scroll-behavior:auto}.jojo-design *,.jojo-design :after,.jojo-design :before{animation:none!important;transition:none!important}.jojo-design #connections,.jojo-design #cursor,.jojo-design .click-ring{display:none}.jojo-design .name-button:hover .glyph{transform:none}}@font-face{font-family:JojoPoster;src:url(/jojo/font-3.woff2) format("woff2");font-weight:100 900;font-display:swap}html[data-jojo],html[data-jojo][data-theme=dark]{--paper:#171024;--ink:#fff3dc;--muted:#d4c9df;--quiet:#bfb0ce;--line:#514161;--accent:#e9b653;--accent-ink:#f5ca75;--chip:#352440;--glass:rgba(31,20,47,0.78);--panel:#251a35;--shadow-ink:#140b25;--manga-pink:#c55795;--manga-violet:#8356bc;--veil:rgba(23,16,36,0.52);color-scheme:dark}html[data-jojo][data-theme=light]{--paper:#f5efe6;--ink:#30213e;--muted:#5a4869;--quiet:#655574;--line:#cbb9d2;--accent:#c58933;--accent-ink:#77500f;--chip:#e9dfed;--glass:rgba(251,245,237,0.84);--panel:#fbf6ef;--shadow-ink:#39254f;--manga-pink:#b74888;--manga-violet:#8055a9;--veil:rgba(245,239,230,0.56);color-scheme:light}html[data-jojo] body{overflow-x:clip}.jojo-design .ambient{display:none}.jojo-design .molten-stage{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:var(--paper)}.jojo-design #molten-canvas{display:block;width:100%;height:100%;opacity:.95}.jojo-design .molten-veil{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--veil) 25%,var(--veil) 75%,transparent 100%)}.jojo-design .molten-stage:after{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(var(--manga-violet) .7px,transparent .8px);background-size:6px 6px;mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 78%,#000)}.jojo-design .manga-margin{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.jojo-design .menace{position:absolute;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:900;line-height:1.1;color:var(--manga-violet);-webkit-text-stroke:1px var(--shadow-ink);filter:drop-shadow(3px 4px 0 var(--shadow-ink));opacity:.42;writing-mode:vertical-rl;transform:rotate(-14deg) skewY(-8deg);font-size:70px}.jojo-design .menace-left{left:max(23px,calc(50vw - 560px));top:25vh}.jojo-design .menace-right{right:max(21px,calc(50vw - 565px));top:53vh;transform:rotate(13deg) skewY(-8deg);font-size:58px;opacity:.34}.jojo-design .joestar-seal{position:absolute;right:6%;top:12%;width:160px;height:160px;fill:none;stroke:var(--manga-pink);stroke-width:.7;opacity:.23;transform:rotate(16deg)}.jojo-design .page-frame{position:fixed;inset:11px;border:1px solid color-mix(in srgb,var(--manga-violet) 32%,transparent);z-index:0;pointer-events:none}.jojo-design .header-wrap{top:24px;left:34px;right:34px}.jojo-design .site-header{width:890px;border-radius:9px;padding-left:22px;box-shadow:0 8px 36px #07020b30,inset 0 1px 0 color-mix(in srgb,var(--accent) 40%,transparent);backdrop-filter:blur(22px)}.jojo-design .brand{font-family:JojoPoster,sans-serif;font-size:28px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em;color:var(--accent);padding-bottom:2px;transform:skew(-6deg);text-shadow:2px 2px 0 var(--manga-pink)}.jojo-design .brand span{transition:transform .24s var(--ease)}.jojo-design .brand:hover span{transform:translateY(-2px)}.jojo-design .nav-main>a{font-size:13px;border-radius:3px;padding:11px 14px}.jojo-design .nav-main>a.connected,.jojo-design .nav-main>a:hover{background:color-mix(in srgb,var(--manga-violet) 21%,transparent);color:var(--accent)}.jojo-design .nav-main>a[aria-current=page]:after{width:15px;height:2px;border-radius:0;background:var(--accent);transform:translateX(-50%) skewX(-20deg);bottom:3px}.jojo-design .tools{gap:3px;padding-left:13px}.jojo-design .icon-button{border-radius:4px}.jojo-design .icon-button:hover{background:var(--chip);color:var(--accent)}.jojo-design #motion-toggle{width:auto;display:flex;gap:7px;padding:0 9px}.jojo-design .time-label{font-family:JojoPoster,sans-serif;font-size:11px;font-weight:650;letter-spacing:.05em;color:var(--accent)}.jojo-design .menu{border-radius:8px}.jojo-design .menu a{border-radius:3px}.jojo-design .menu a:hover{color:var(--accent-ink)}.jojo-design.jojo-home{max-width:870px;padding-top:136px}.jojo-design .identity{margin-bottom:34px;position:relative}.jojo-design .name-button{margin-left:0;padding:0 18px 22px 3px;isolation:isolate}.jojo-design .wordmark{font-family:JojoPoster,Georgia,serif;font-size:96px;font-style:italic;font-weight:900;letter-spacing:-.035em;line-height:1.16;color:#f5cb77;transform:skewX(-7deg);-webkit-text-stroke:1.1px var(--shadow-ink);paint-order:stroke fill;text-shadow:1px 2px 0 #cf9850,2px 3px 0 #cf9850,3px 4px 0 #cf9850,4px 6px 0 #171024,6px 8px 0 #c25495,8px 10px 0 #5a367e}.jojo-design .glyph:nth-child(2),.jojo-design .glyph:nth-child(4){font-style:italic}.jojo-design .name-subtitle{position:absolute;left:10px;bottom:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--ink);transform:skewX(-10deg);text-shadow:1px 1px 0 var(--manga-pink)}.jojo-design .name-button:after{display:none}.jojo-design .name-star{align-self:flex-start;margin:14px 0 0 19px;width:34px;height:34px;color:var(--accent);fill:var(--manga-pink);stroke:var(--shadow-ink);stroke-width:1.2;filter:drop-shadow(2px 3px 0 var(--shadow-ink));transform:rotate(14deg)}.jojo-design .name-button:hover .name-star{transform:rotate(86deg)}.jojo-design .name-button:hover .glyph:first-child{transform:translate(-3px,-4px) rotate(-5deg)}.jojo-design .name-button:hover .glyph:nth-child(2){transform:translateY(2px) rotate(4deg)}.jojo-design .name-button:hover .glyph:nth-child(3){transform:translate(4px,-5px) rotate(-4deg)}.jojo-design .name-button:hover .glyph:nth-child(4){transform:translate(8px) rotate(6deg)}.jojo-design .glyph{transition:transform .35s var(--ease),text-shadow .35s var(--ease)}.jojo-design .name-button:hover .glyph{text-shadow:2px 3px 0 #171024,7px 9px 0 #c25495,13px 17px 0 #553080,20px 24px 0 #55308066}.jojo-design .identity-note{font-size:12px;line-height:1.6;align-self:center;padding:0;max-width:230px}.jojo-design .identity-note strong{display:block;font-family:Songti SC,serif;font-size:20px;font-style:normal;font-weight:500;line-height:1.55;color:var(--ink);margin-bottom:8px}.jojo-design .identity-note span{font-family:JojoPoster,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--accent-ink)}.jojo-design .lead{font-size:21px;font-weight:400;letter-spacing:.02em;margin-bottom:26px}.jojo-design .jojo-prose{line-height:2;color:var(--muted)}.jojo-design .jojo-prose p+p{margin-top:21px}.jojo-design .keyword{border-radius:2px;padding:0 .46em;background:color-mix(in srgb,var(--manga-violet) 15%,transparent);box-shadow:inset 0 -1px 0 var(--manga-violet);color:var(--ink);overflow:visible}.jojo-design .keyword .label-window{overflow:hidden}.jojo-design .keyword:before{border-radius:2px;background:var(--accent);inset:-1px -3px;transform:skewX(-8deg)}.jojo-design .keyword:focus-visible .label-track span+span,.jojo-design .keyword:hover .label-track span+span{color:#281333}.jojo-design .keyword[aria-expanded=true]{background:color-mix(in srgb,var(--manga-violet) 22%,transparent);box-shadow:inset 0 -2px 0 var(--accent)}.jojo-design .keyword:after{content:"";position:absolute;right:-5px;top:-5px;width:7px;height:7px;background:var(--manga-pink);clip-path:polygon(50% 0,62% 35%,100% 40%,72% 62%,78% 100%,50% 80%,22% 100%,28% 62%,0 40%,38% 35%);opacity:0;transform:scale(0) rotate(-45deg);transition:transform .3s var(--ease),opacity .18s;pointer-events:none}.jojo-design .keyword:focus-visible:after,.jojo-design .keyword:hover:after{opacity:1;transform:scale(1.3) rotate(15deg)}.jojo-design .terminal{border-radius:2px;box-shadow:inset 0 0 0 1px var(--line);font-size:.8em}.jojo-design .terminal:after{content:"";position:static;clip-path:none;opacity:1;transform:none;width:1px;height:13px;background:var(--accent-ink)}.jojo-design .terminal:hover:after{background:#281333;transform:none}.jojo-design .note{color:var(--accent-ink);font-family:Songti SC,serif;font-size:.88em}.jojo-design .writing{margin-top:42px;padding-top:27px;border-color:var(--line)}.jojo-design .section-head h2{font-weight:500}.jojo-design .section-head h2:before{content:"";display:inline-block;margin-right:10px;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}.jojo-design .text-link{color:var(--quiet)}.jojo-design .text-link:hover{color:var(--accent-ink)}.jojo-design .article-row{position:relative;border-bottom-color:var(--line)}.jojo-design .article-row:hover{color:var(--accent-ink)}.jojo-design .article-row:hover .article-name{transform:translateX(8px)}.jojo-design .article-row svg{color:var(--accent-ink)}.jojo-design .contact{margin-top:29px}.jojo-design .contact-link{color:var(--accent-ink)}.jojo-design .footer{max-width:870px;margin-top:34px;padding-bottom:38px}.jojo-design .footer-sign{color:var(--accent-ink)!important}.jojo-design .prototype-tools>span{color:var(--quiet)}.jojo-design .help-box{border-radius:9px}.jojo-design .credit-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;font-size:10px;line-height:1.5;color:var(--quiet)}.jojo-design .credit-line a{text-decoration:underline;text-underline-offset:3px}.jojo-design .credit-line a:hover{color:var(--accent-ink)}.jojo-design #connections{z-index:1}.jojo-design #connections path{stroke:var(--accent);stroke-width:1.1;opacity:.3}.jojo-design #cursor{mix-blend-mode:normal;color:var(--accent);filter:drop-shadow(0 2px 2px #15072388)}.jojo-design #cursor .cursor-arrow,.jojo-design #cursor .ring,.jojo-design #cursor .ring-echo{display:none}.jojo-design .stand-arrow{position:absolute;left:-9px;top:-9px;width:29px;height:36px;fill:var(--accent);stroke:var(--shadow-ink);stroke-width:1.7;transform-origin:12px 9px;transition:transform .22s var(--ease),opacity .15s}.jojo-design .cursor-star{position:absolute;left:-20px;top:-20px;width:40px;height:40px;fill:var(--manga-pink);stroke:#f5cb77;stroke-width:1.3;opacity:0;transform:scale(.5) rotate(-45deg);transition:opacity .15s,transform .28s var(--ease)}.jojo-design #cursor[data-mode=keyword] .stand-arrow,.jojo-design #cursor[data-mode=name] .stand-arrow{opacity:0;transform:scale(.7)}.jojo-design #cursor[data-mode=keyword] .cursor-star{opacity:1;transform:scale(.75) rotate(14deg)}.jojo-design #cursor[data-mode=name] .cursor-star{opacity:1;transform:scale(1.2) rotate(38deg)}.jojo-design #cursor[data-mode=link] .stand-arrow{transform:rotate(-15deg) scale(1.2)}.jojo-design .cursor-body{left:0!important;top:0!important}.jojo-design .click-ring{display:none}.jojo-design .impact-word{z-index:80;font-style:italic;font-size:24px;line-height:1;color:var(--accent);-webkit-text-stroke:.65px var(--shadow-ink);text-shadow:2px 3px 0 var(--manga-pink);animation:ink-impact .64s cubic-bezier(.16,1,.3,1) forwards}.jojo-design .impact-word,.jojo-design .ink-trail{position:fixed;pointer-events:none;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-weight:900}.jojo-design .ink-trail{z-index:75;font-size:20px;color:var(--manga-violet);-webkit-text-stroke:.4px var(--shadow-ink);animation:ink-trail .62s ease-out forwards}.jojo-design .impact-lines{position:fixed;pointer-events:none;z-index:74;width:80px;height:80px;stroke:var(--accent);stroke-width:1;fill:none;animation:impact-lines .43s ease-out forwards}@keyframes ink-impact{0%{opacity:0;transform:translate(-30%,-20%) scale(.5) rotate(12deg)}20%{opacity:1}to{opacity:0;transform:translate(25%,-160%) scale(1.08) rotate(-10deg)}}@keyframes ink-trail{0%{opacity:.6;transform:translate(0) skewX(-12deg) scale(1)}to{opacity:0;transform:translate(-8px,-24px) skewX(-12deg) scale(.6)}}@keyframes impact-lines{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3) rotate(6deg)}}.jojo-design .world-notice{position:fixed;top:105px;left:50%;transform:translateX(-50%) skewX(-8deg);z-index:70;background:var(--accent);color:#241431;padding:10px 23px;box-shadow:4px 5px 0 var(--manga-pink);font-family:JojoPoster,sans-serif;font-weight:800;letter-spacing:.06em;font-size:16px;pointer-events:none}.jojo-design .world-notice small{font-family:PingFang SC,sans-serif;font-size:11px;margin-left:10px;font-weight:400;letter-spacing:0}.jojo-design .time-stopped #motion-toggle{background:var(--accent);color:#21142b}.jojo-design .time-stopped .time-label{color:#21142b}.jojo-design .time-stopped .page-frame{border-color:var(--accent)}.jojo-design .effect-control{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--quiet);margin-top:15px}.jojo-design .effect-control input{width:90px;accent-color:var(--accent);cursor:ew-resize}.jojo-design .effect-control output{min-width:27px;font-variant-numeric:tabular-nums}.jojo-design .shader-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 0 50%,#7955a459,transparent 45%),radial-gradient(ellipse at 100% 25%,#c9944444,transparent 45%)}.jojo-design .reader h1,.jojo-design .reader-body{color:var(--ink)}.jojo-design .reader-body pre{border-radius:6px;background:var(--chip);border:1px solid var(--line)}.jojo-design .reader-body .reader-deck{color:var(--muted)}.jojo-design .reader-footer{border-color:var(--line)}html[data-jojo][data-page=read] .jojo-design .molten-stage{opacity:.17}html[data-jojo][data-page=read] .jojo-design .manga-margin{display:none}html[data-jojo][data-page=read] .jojo-design .page-frame{opacity:.4}html[data-jojo][data-page=read] .jojo-design .time-label{display:none}html[data-jojo][data-page=read] .jojo-design #motion-toggle{width:38px;padding:0;justify-content:center}@media (min-width:1500px){.jojo-design.jojo-home{padding-top:155px}.jojo-design .identity{margin-bottom:36px}.jojo-design .menace-left{left:calc(50vw - 640px)}.jojo-design .menace-right{right:calc(50vw - 640px)}}@media (max-width:1050px){.jojo-design .menace{opacity:.18;font-size:55px;left:8px}.jojo-design .menace-right{right:5px;left:auto}.jojo-design .joestar-seal{right:-50px;top:14%;opacity:.17}.jojo-design .site-header{width:850px}.jojo-design.jojo-home{max-width:820px}.jojo-design .identity-note strong{font-size:18px}}@media (max-width:760px){.jojo-design .header-wrap{left:20px;right:20px}.jojo-design .nav-main>a{padding:10px 9px}.jojo-design .site-header{gap:12px}.jojo-design .time-label{display:none}.jojo-design #motion-toggle{width:36px;padding:0;justify-content:center}.jojo-design .menace{opacity:.13}.jojo-design .identity-note{max-width:150px}.jojo-design .identity-note span{font-size:9px}.jojo-design .wordmark{font-size:90px}.jojo-design .name-star{width:27px;height:27px;margin-left:15px}.jojo-design .jojo-prose{font-size:17px}.jojo-design .lead{font-size:20px}}@media (max-width:640px){.jojo-design .header-wrap{top:17px;left:19px;right:19px}.jojo-design .site-header{height:52px;border-radius:6px;padding-left:17px}.jojo-design .brand{font-size:26px}.jojo-design .page-frame{inset:7px;opacity:.6}.jojo-design.jojo-home{padding:118px 29px 0}.jojo-design .identity{margin-bottom:33px}.jojo-design .wordmark{font-size:80px;letter-spacing:-.04em;text-shadow:1px 2px 0 #cf9850,2px 3px 0 #171024,4px 5px 0 #c25495,6px 7px 0 #5a367e}.jojo-design .name-button{padding-bottom:24px;padding-right:5px}.jojo-design .name-subtitle{font-size:10px;letter-spacing:.1em;left:4px;bottom:0}.jojo-design .name-star{width:24px;height:24px;margin:10px 0 0 11px}.jojo-design .identity-note{display:none}.jojo-design .lead{font-size:20px;line-height:1.85;margin-bottom:26px}.jojo-design .jojo-prose{font-size:17px;line-height:2.1}.jojo-design .jojo-prose p+p{margin-top:21px}.jojo-design .menace-left{font-size:48px;top:145px;left:auto;right:17px;writing-mode:horizontal-tb;transform:rotate(-17deg);opacity:.24}.jojo-design .menace-right{font-size:54px;right:-13px;top:63vh;opacity:.1}.jojo-design .joestar-seal{width:120px;right:-19px;top:315px;opacity:.13}.jojo-design .writing{margin-top:37px}.jojo-design .footer{padding:0 29px 32px;margin-top:34px;align-items:flex-start;flex-direction:column;gap:15px}.jojo-design .footer .footer-sign{font-size:14px}.jojo-design .prototype-tools{width:100%;justify-content:space-between}.jojo-design .help-box{width:270px}.jojo-design .molten-veil{background:var(--veil);opacity:.6}.jojo-design .molten-stage:after{opacity:.08}.jojo-design .credit-line{font-size:10px}.jojo-design .article-row .article-name{font-size:14px}.jojo-design .contact p{line-height:1.8}.jojo-design .contact-link{font-size:12px}.jojo-design .effect-control{gap:11px}.jojo-design #cursor,.jojo-design .impact-lines,.jojo-design .impact-word,.jojo-design .ink-trail{display:none}.jojo-design .world-notice{top:86px;font-size:14px;white-space:nowrap;padding:9px 16px}.jojo-design .world-notice small{font-size:10px}}@media (max-width:355px){.jojo-design.jojo-home{padding-left:24px;padding-right:24px}.jojo-design .wordmark{font-size:71px}.jojo-design .name-star{width:20px;height:20px;margin-left:8px}.jojo-design .menace-left{font-size:39px;right:9px;top:145px;opacity:.17}.jojo-design .lead{font-size:19px}.jojo-design .jojo-prose{font-size:16px}.jojo-design .footer{padding-left:24px;padding-right:24px}.jojo-design .contact-link{font-size:10.5px}.jojo-design .help-box{width:247px}.jojo-design .name-subtitle{font-size:9px}}@media (prefers-reduced-motion:reduce){.jojo-design .impact-lines,.jojo-design .impact-word,.jojo-design .ink-trail{display:none}.jojo-design .name-button:hover .glyph{transform:none;text-shadow:inherit}}html[data-jojo][data-motion=off] .impact-lines,html[data-jojo][data-motion=off] .impact-word,html[data-jojo][data-motion=off] .ink-trail{display:none}html[data-jojo][data-motion=off] .name-button:hover .glyph{text-shadow:inherit}html[data-jojo],html[data-jojo][data-theme=dark]{--paper:#141321;--ink:#f8f0e7;--muted:#d6cedc;--quiet:#b9b0c6;--line:#554c65;--glass:rgba(29,25,43,0.42);--panel:#241e32;--veil:rgba(20,19,33,0.44);--glass-rim:#ffffff5c}html[data-jojo][data-theme=light]{--paper:#f4f1ed;--ink:#322735;--muted:#605366;--quiet:#746478;--line:#c5b9c9;--glass:rgba(249,246,246,0.36);--panel:#f6f1f4;--veil:rgba(244,241,237,0.34);--glass-rim:#ffffffeb}html[data-jojo] body{background:transparent}.jojo-design .molten-stage{background:radial-gradient(ellipse at 0 18%,#48306170,transparent 65%),radial-gradient(ellipse at 98% 25%,#823e6659,transparent 64%),radial-gradient(ellipse at 0 90%,#18696666,transparent 63%),radial-gradient(ellipse at 100% 95%,#9867313d,transparent 55%),var(--paper)}html[data-jojo][data-theme=light] .jojo-design .molten-stage{background:radial-gradient(ellipse at 0 8%,#ddd0f6,transparent 64%),radial-gradient(ellipse at 100% 25%,#f2ccd9,transparent 63%),radial-gradient(ellipse at 0 100%,#c9e6df,transparent 62%),radial-gradient(ellipse at 100% 100%,#f2dfbb,transparent 58%),var(--paper)}.jojo-design #molten-canvas{opacity:.83}.jojo-design .molten-veil{background:radial-gradient(ellipse 47% 75% at 50% 43%,var(--veil),transparent 100%)}.jojo-design .molten-stage:after{opacity:.095}.jojo-design .menace-left{opacity:.23}.jojo-design .menace-right{opacity:.15}.jojo-design .page-frame{opacity:.42}.jojo-design .joestar-seal{opacity:.14}.jojo-design .header-wrap{top:15px;left:20px;right:20px}.jojo-design .site-header{width:max-content;max-width:100%;height:58px;min-height:58px;padding:6px 9px 6px 14px;border-radius:999px;gap:13px;background:var(--glass);border:1px solid var(--glass-rim);backdrop-filter:blur(30px) saturate(1.65) brightness(1.08);box-shadow:inset 0 1px 0 #ffffff6b,inset 0 -1px 0 #00000030,inset 0 0 23px #ffffff0d,0 18px 44px #09051024;isolation:isolate}.jojo-design .site-header:before{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid #ffffff24;pointer-events:none;z-index:-1;background:radial-gradient(150px 60px at var(--glass-x,45%) var(--glass-y,0),#ffffff1c,transparent 75%)}html[data-jojo][data-theme=light] .jojo-design .site-header{box-shadow:inset 0 1px 0 #fffffff5,inset 0 -1px 0 #51435514,inset 0 0 24px #ffffff33,0 18px 44px #51435520}.jojo-design .brand{font-size:26px;padding:1px 9px 4px 2px;flex-shrink:0}.jojo-design .nav-main{gap:5px;align-items:center;flex:none;margin-left:0;display:flex}.jojo-design .nav-main .nav-link,.jojo-design .nav-main>a{height:40px;display:inline-flex;align-items:center;font-size:13px;font-weight:450;padding:0 15px;border-radius:999px;white-space:nowrap;color:var(--muted);transition:color .18s,background .18s,box-shadow .18s}.jojo-design .nav-main>a[aria-current=page]:after{display:none}.jojo-design .nav-group.is-open .nav-trigger,.jojo-design .nav-main>a.connected,.jojo-design .nav-main>a:hover,.jojo-design .nav-main>a[aria-current=page],.jojo-design .nav-trigger:has(.connected),.jojo-design .nav-trigger:hover{background:color-mix(in srgb,var(--paper) 38%,transparent);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #5143551a;color:var(--ink)}.jojo-design .nav-group{position:relative;padding:3px 2px;margin:-3px -2px}.jojo-design .nav-trigger{display:flex;align-items:center;border-radius:999px;transition:background .18s,box-shadow .18s}.jojo-design .nav-trigger .nav-link{padding-right:5px}.jojo-design .nav-disclosure{height:40px;width:34px;border:0;padding:0;display:grid;place-items:center;color:var(--muted);background:none;border-radius:999px}.jojo-design .nav-disclosure svg{width:14px;height:14px;transition:transform .18s var(--ease)}.jojo-design .nav-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.jojo-design .nav-disclosure:hover{color:var(--accent-ink)}.jojo-design .nav-group:after{content:"";position:absolute;height:23px;top:calc(100% - 3px);left:-16px;right:-16px;pointer-events:none}.jojo-design .nav-group.is-open:after{pointer-events:auto}.jojo-design .nav-panel{position:absolute;top:calc(100% + 10px);left:-3px;width:280px;padding:7px;border-radius:20px;background:color-mix(in srgb,var(--panel) 87%,transparent);border:1px solid var(--glass-rim);backdrop-filter:blur(24px) saturate(1.14);box-shadow:0 18px 46px #09051030,inset 0 1px 0 #ffffff26;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .16s,transform .18s var(--ease),visibility .18s;z-index:55;display:grid}.jojo-design .nav-group.is-open .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.jojo-design .nav-panel a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;min-height:45px;padding:10px 12px;border-radius:13px;transition:transform .18s var(--ease),background .15s}.jojo-design .nav-panel a:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);transform:translateX(2px)}.jojo-design .nav-panel small{font:10px JojoSans,sans-serif;letter-spacing:.04em;color:var(--accent-ink)}.jojo-design .nav-panel span{font-size:12px;line-height:1.5}.jojo-design .tools{padding-left:9px;gap:1px}.jojo-design .icon-button{border-radius:50%;width:36px;height:36px}.jojo-design .icon-button:hover{background:color-mix(in srgb,var(--paper) 50%,transparent);box-shadow:inset 0 1px 0 #ffffff44}.jojo-design .time-label{font-size:9px;letter-spacing:.025em}.jojo-design #motion-toggle{border-radius:999px;padding:0 8px;gap:5px}.jojo-design .menu{top:69px;border-radius:20px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--glass-rim);backdrop-filter:blur(24px);padding:8px;max-height:calc(100dvh - 110px);overflow-y:auto}.jojo-design .menu a{border-radius:13px;min-height:44px}.jojo-design .menu small{padding:9px 12px}.jojo-design .prototype-settings{padding:10px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--quiet)}.jojo-design .prototype-settings summary{padding:5px 0;cursor:pointer}.jojo-design .prototype-settings .credit-line{margin-top:9px}.jojo-design .effect-control{margin-top:12px}.jojo-design .effect-control input{width:85px}.jojo-design.jojo-home{max-width:800px;padding:114px 16px 0}.jojo-design .identity{margin-bottom:24px;gap:20px;align-items:center}.jojo-design .wordmark{font-size:90px}.jojo-design .name-button{padding-bottom:23px}.jojo-design .identity-aside{display:flex;align-items:center;gap:18px;margin-left:auto}.jojo-design .identity-note{font-size:11px;max-width:160px}.jojo-design .identity-note strong{font-size:16px}.jojo-design .identity-note span{font-size:9px}.jojo-design .lead{font-size:20px;line-height:1.85;letter-spacing:0;margin-bottom:20px}.jojo-design .jojo-prose{font-size:18px;line-height:1.95;letter-spacing:0;text-wrap:pretty}.jojo-design .jojo-prose p+p{margin-top:18px}.jojo-design .desktop-break{display:none}.jojo-design .keyword{display:inline-flex;align-items:baseline;vertical-align:baseline;font:inherit;letter-spacing:inherit;font-size:1em;line-height:1.25;white-space:nowrap;margin:0 .06em;padding:.02em .28em .04em;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:none;overflow:hidden;transition:color .26s var(--ease),border-color .26s var(--ease)}.jojo-design .keyword .label-window{display:block;height:auto;overflow:visible;line-height:inherit}.jojo-design .keyword .label-track{display:block;position:relative;line-height:inherit;transition:transform .32s var(--ease)}.jojo-design .keyword .label-track span{display:block;white-space:nowrap}.jojo-design .keyword .label-track span+span{position:absolute;top:100%;left:0;color:#24192d}.jojo-design .keyword:before{inset:0;border-radius:inherit;transform:none;background:linear-gradient(135deg,#f7d8a2,#dfb25d);transition:clip-path .32s var(--ease)}.jojo-design .keyword:after{display:none}.jojo-design .keyword:focus-visible .label-track,.jojo-design .keyword:hover .label-track{transform:translateY(-100%)}.jojo-design .keyword[aria-expanded=true]{background:color-mix(in srgb,var(--ink) 12%,transparent);border-color:color-mix(in srgb,var(--ink) 32%,transparent);box-shadow:none;color:var(--ink)}.jojo-design .keyword[aria-expanded=true]:before{opacity:0}.jojo-design .keyword[aria-expanded=true] .label-track span+span{color:var(--ink)}.jojo-design .keyword-unit:not(:has(.note:not([hidden]))){white-space:nowrap}.jojo-design .terminal,.jojo-design .terminal:hover,.jojo-design .terminal[aria-expanded=true]{display:inline-flex;align-items:baseline;vertical-align:baseline;font-family:JojoSans,PingFang SC,sans-serif;font-size:.84em;line-height:1.4;letter-spacing:-.025em;border:2px solid var(--line);border-radius:9px;margin-inline:.21em;padding:.2em .5em .22em .35em;gap:.25em;color:#f3edf6;background:#151019;max-width:100%;white-space:normal;box-shadow:none;overflow:visible}html[data-jojo][data-theme=light] .jojo-design .terminal,html[data-jojo][data-theme=light] .jojo-design .terminal:hover,html[data-jojo][data-theme=light] .jojo-design .terminal[aria-expanded=true]{background:#f3f0f3;color:var(--ink)}.jojo-design .terminal:after,.jojo-design .terminal:before{display:none}.jojo-design .terminal .prompt-icon{align-self:center;flex:none;width:13px;height:13px;opacity:.5}.jojo-design .terminal-label{display:grid;min-width:0;text-align:start}.jojo-design .terminal-reserve,.jojo-design .terminal-visual{grid-area:1/1}.jojo-design .terminal-reserve{visibility:hidden}.jojo-design .terminal-visual{white-space:nowrap}.jojo-design .terminal-caret{display:inline-block;vertical-align:-.12em;height:.95em;border-right:1px solid;margin-left:.35em;opacity:.65}.jojo-design .terminal-visual .terminal-caret{animation:caret .8s step-end infinite}.jojo-design .note{font-family:inherit;font-size:.9em;color:var(--muted);margin-inline:.2em;background:color-mix(in srgb,var(--ink) 5%,transparent);box-decoration-break:clone;border-radius:3px;padding:.02em .1em}.jojo-design .note:not([hidden]){white-space:normal}.jojo-design .contact{display:block;margin-top:27px;padding-top:25px;position:relative}.jojo-design .contact:before{content:"";position:absolute;top:0;left:0;width:42px;height:1px;background:var(--line)}.jojo-design .contact p{font-family:Songti SC,serif;font-size:17px;line-height:1.6}.jojo-design .contact-link{font-size:12px;margin-top:14px;gap:8px;color:var(--muted)}.jojo-design .footer{max-width:800px;padding:0 16px 27px;margin-top:28px;display:flex;justify-content:space-between;font-size:10px;color:var(--quiet)}.jojo-design .footer .footer-sign{font-size:13px}.jojo-design .footer a{color:inherit}.jojo-design .footer a:hover{color:var(--accent-ink)}.jojo-design .companion-wrap{z-index:6}.jojo-design .companion-toggle{position:relative;width:92px;height:108px;padding:0;border:0;background:none;display:block;isolation:isolate;border-radius:12px;transition:transform .32s var(--ease);cursor:pointer}.jojo-design .companion-toggle img{width:100%;height:100%;object-fit:contain;position:relative;display:block;filter:drop-shadow(0 5px 5px #10081935)}.jojo-design .companion-toggle:before{content:"";position:absolute;inset:15% 0 0;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%;transform:rotate(-17deg) scale(.95);transition:transform .32s,background .32s;z-index:-1}.jojo-design .companion-toggle:hover{transform:translateY(-4px) rotate(-2deg)}.jojo-design .companion-toggle:hover:before{transform:rotate(12deg) scale(1.08);background:color-mix(in srgb,var(--accent) 8%,transparent)}.jojo-design .companion-plus{position:absolute;bottom:0;right:-2px;width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--accent-ink);border-radius:50%;font-size:15px;font-family:JojoSans,sans-serif}.jojo-design .companion-caption{font:8px JojoPoster,sans-serif;letter-spacing:.06em;color:var(--quiet);display:block;margin-top:5px;white-space:nowrap}.jojo-design .character-panel{position:absolute;top:calc(100% + 15px);width:268px;max-width:calc(100vw - 48px);padding:16px 20px 19px;border-radius:18px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(24px);box-shadow:0 16px 50px #0e071840;border:1px solid var(--glass-rim);z-index:60;animation:companion-in .24s var(--ease)}.jojo-design .character-panel[hidden]{display:none}.jojo-design .character-art{position:relative;isolation:isolate;overflow:hidden}.jojo-design .character-art img{width:100%;max-height:265px;object-fit:contain;display:block;position:relative}.jojo-design .character-art .character-echo{position:absolute;inset:0;opacity:.16;filter:hue-rotate(65deg);transform:translate(9px,-4px);z-index:-1}.jojo-design .character-panel h2{font:500 16px Songti SC,serif;line-height:1.6;margin:10px 0 4px}.jojo-design .character-panel p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.jojo-design .character-panel small{display:block;margin-top:10px;font-size:9px;color:var(--quiet)}.jojo-design .character-close{position:absolute;top:7px;right:7px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:none;border:0;color:var(--muted);z-index:2}.jojo-design .character-close svg{width:15px;height:15px}.jojo-design .character-close:hover{background:var(--chip)}@keyframes companion-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}html[data-jojo][data-page=read] .jojo-design .companion-wrap{display:none}@media (min-width:1500px){.jojo-design.jojo-home{padding-top:136px}.jojo-design .identity{margin-bottom:27px}}@media (max-width:860px){.jojo-design .site-header{gap:7px}.jojo-design .nav-main{gap:1px}.jojo-design .nav-main .nav-link,.jojo-design .nav-main>a{padding-left:10px;padding-right:10px}.jojo-design .nav-trigger .nav-link{padding-right:1px}.jojo-design .nav-disclosure{width:30px}.jojo-design .time-label{display:none}.jojo-design #motion-toggle{width:36px;padding:0;justify-content:center}.jojo-design .footer,.jojo-design.jojo-home{padding-left:32px;padding-right:32px}.jojo-design .identity-note{display:none}}@media (max-width:640px){.jojo-design .header-wrap{top:13px;left:16px;right:16px}.jojo-design .site-header{width:100%;height:54px;min-height:54px;padding:5px 8px 5px 17px}.jojo-design .nav-main{display:none}.jojo-design .brand{font-size:26px}.jojo-design .tools{margin-left:auto}.jojo-design .menu{top:65px;width:100%;right:0}.jojo-design .menu-mobile{display:flex!important}.jojo-design.jojo-home{padding:104px 26px 0}.jojo-design .identity{gap:10px;margin-bottom:25px;align-items:center}.jojo-design .wordmark{font-size:76px}.jojo-design .name-button{padding-right:0;padding-bottom:22px}.jojo-design .name-star{margin-left:8px;width:21px;height:21px}.jojo-design .name-subtitle{font-size:9px;letter-spacing:.06em}.jojo-design .identity-aside{gap:0}.jojo-design .companion-toggle{width:70px;height:88px}.jojo-design .companion-caption{font-size:7px}.jojo-design .companion-plus{width:19px;height:19px}.jojo-design .lead{font-size:19px;line-height:1.9;margin-bottom:20px}.jojo-design .jojo-prose{font-size:17px;line-height:2}.jojo-design .jojo-prose p+p{margin-top:18px}.jojo-design .contact{margin-top:24px;padding-top:24px}.jojo-design .contact p{font-size:16px}.jojo-design .contact-link{margin-top:12px;font-size:12px}.jojo-design .footer{padding:0 26px 26px;margin-top:27px;flex-direction:row;align-items:center;gap:10px}.jojo-design .footer .footer-sign{font-size:12px}.jojo-design .molten-veil{opacity:1}.jojo-design .menace-left{opacity:.12;right:8px;top:250px}.jojo-design .menace-right{opacity:.09}.jojo-design .joestar-seal{opacity:.1}.jojo-design .character-panel{right:0}.jojo-design .keyword:before{inset:0}}@media (max-width:355px){.jojo-design.jojo-home{padding-left:24px;padding-right:24px}.jojo-design .wordmark{font-size:63px}.jojo-design .name-star{width:17px;margin-left:6px}.jojo-design .name-subtitle{font-size:8px;letter-spacing:.02em}.jojo-design .companion-toggle{width:59px;height:77px}.jojo-design .companion-caption{font-size:6.5px}.jojo-design .lead{font-size:18px}.jojo-design .jojo-prose{font-size:16px}.jojo-design .footer{padding-left:24px;padding-right:24px}.jojo-design .footer .footer-sign{display:inline;font-size:11px}}@media (hover:none),(pointer:coarse){.jojo-design .keyword:hover .label-track{transform:none}.jojo-design .keyword:hover:before{clip-path:circle(0)}.jojo-design .companion-toggle:hover{transform:none}}@media (prefers-reduced-motion:reduce){.jojo-design .terminal-visual .terminal-caret{animation:none}.jojo-design .companion-toggle:hover{transform:none}}@media (max-width:640px){.jojo-design .menu{background:var(--panel);backdrop-filter:none}}html[data-jojo]{--name-front:#f5cb77;--name-side:#c98f51;--hover-start:#f7d8a2;--hover-end:#dfb25d;--mesh-1:#48306170;--mesh-2:#823e6659;--mesh-3:#18696666;--mesh-4:#9867313d;--flow-1:#58c6c5;--flow-2:#c985dc;--flow-3:#f1c67c;--turn:0deg;--glint:#fff6d0}.jojo-design .molten-stage,html[data-jojo][data-theme=light] .jojo-design .molten-stage{background:radial-gradient(ellipse at 0 18%,var(--mesh-1),transparent 65%),radial-gradient(ellipse at 98% 25%,var(--mesh-2),transparent 64%),radial-gradient(ellipse at 0 90%,var(--mesh-3),transparent 63%),radial-gradient(ellipse at 100% 95%,var(--mesh-4),transparent 55%),var(--paper)}.jojo-design .wordmark{color:var(--name-front);text-shadow:1px 2px 0 var(--name-side),2px 3px 0 var(--name-side),3px 4px 0 var(--name-side),4px 6px 0 var(--shadow-ink),6px 8px 0 var(--manga-pink),8px 10px 0 var(--manga-violet)}.jojo-design .name-button:hover .glyph{text-shadow:2px 3px 0 var(--shadow-ink),7px 9px 0 var(--manga-pink),13px 17px 0 var(--manga-violet)}.jojo-design .cursor-star{stroke:var(--accent-ink)}.jojo-design .keyword:before{background:linear-gradient(135deg,var(--hover-start),var(--hover-end))}.jojo-design .name-button .name-star{color:var(--accent-ink)}.jojo-design .stand-arrow{fill:var(--accent-ink)}.jojo-design .identity-aside{gap:64px}.jojo-design .companion-wrap{width:222px;flex:none;position:relative;padding-bottom:14px;--control-unit:1;--switch-x:166}.jojo-design .companion-toggle{--scene-unit:1;width:184px;height:183px;border-radius:16px;perspective:500px;perspective-origin:50% 55%;transform:none!important;overflow:visible}.jojo-design .companion-toggle:before,.jojo-design .companion-toggle:hover:before{inset:auto auto 0 0;width:94%;height:16px;border:0;background:radial-gradient(ellipse,#08091d45,transparent 68%);border-radius:50%;transform:rotateX(65deg);filter:blur(4px)}.jojo-design .character-rig,.jojo-design .character-rotor{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:none;transition:none}.jojo-design .character-face,.jojo-design .character-face--back,.jojo-design .character-face--front{position:absolute;inset:auto;left:50%;top:55%;margin-left:calc(-56px * var(--scene-unit));margin-top:calc(-68px * var(--scene-unit));width:calc(112px * var(--scene-unit));height:calc(136px * var(--scene-unit));display:block;backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:flat;transition:none;pointer-events:none}.jojo-design .character-face img{display:block;width:100%;height:100%;object-fit:contain;transform:none;transition:none}.jojo-design .character-face:after{display:none}.jojo-design .character-rotor.is-orbiting .character-face{will-change:transform,opacity}.jojo-design .character-rotor.is-orbiting img{will-change:filter}.jojo-design .companion-plus{z-index:2;bottom:2px;right:32px}.jojo-design .companion-caption{position:absolute;top:174px;left:0;font-family:JojoSans,PingFang SC,sans-serif;font-size:10px;letter-spacing:0;width:184px;line-height:1.5;margin:0;color:var(--muted);text-align:center}.jojo-design .rotate-character{position:absolute;right:auto;left:calc(var(--switch-x) * var(--control-unit) * 1px);top:83px;width:36px;height:36px;display:grid;place-items:center;padding:0;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid color-mix(in srgb,var(--accent-ink) 45%,transparent);border-radius:50%;color:var(--accent-ink);box-shadow:0 4px 14px #08051520;transition:background .16s,box-shadow .18s;touch-action:manipulation}.jojo-design .rotate-character:after{content:"";position:absolute;inset:-4px;border-radius:50%}.jojo-design .rotate-character svg{width:19px;height:19px;transform:rotate(var(--turn));transition:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.jojo-design .rotate-character:hover{background:var(--chip);box-shadow:0 5px 18px #08051533}.jojo-design .rotate-character:active{scale:.94}.jojo-design .rotate-character[aria-busy=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-ink) 13%,transparent)}.jojo-design .character-panel{right:0}.jojo-design .character-panel .character-art img{max-height:265px}.jojo-design .character-detail-title{color:var(--ink)}.jojo-design #connection-label{position:fixed;z-index:29;pointer-events:none;color:var(--accent-ink);font:10px/1.4 JojoSans,PingFang SC,sans-serif;padding:4px 8px;border-radius:999px;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent-ink) 35%,transparent);white-space:nowrap;max-width:calc(100vw - 32px)}.jojo-design #connection-label[hidden]{display:none}.jojo-design #connections{display:block;z-index:3}.jojo-design #connections path{stroke:var(--accent-ink);stroke-width:1.2;opacity:.42}.jojo-design #cursor{display:block}.jojo-design #touch-cursor{position:fixed;left:0;top:0;width:32px;height:32px;z-index:95;pointer-events:none;color:var(--accent-ink);opacity:0;transform:translate(-50%,-50%)}.jojo-design #touch-cursor svg{width:100%;height:100%;fill:var(--manga-pink);stroke:var(--accent-ink);stroke-width:1.3;filter:drop-shadow(0 3px 3px #07142344)}.jojo-design #touch-cursor.is-visible{animation:touch-star .85s cubic-bezier(.16,1,.3,1) forwards}@keyframes touch-star{0%{opacity:0;scale:.5;rotate:-30deg}20%{opacity:1;scale:1.06;rotate:8deg}70%{opacity:.8}to{opacity:0;scale:.8;rotate:28deg}}.jojo-design .keyword.is-touched:not(.terminal){border-color:var(--accent-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-ink) 12%,transparent)}.jojo-design .keyword.is-touched:not(.terminal) .label-track{transform:translateY(-100%)}.jojo-design .keyword.is-touched:not(.terminal):before{clip-path:circle(150% at var(--enter-x,50%) var(--enter-y,50%))}.jojo-design .terminal.is-touched{border-color:var(--accent-ink)}html[data-jojo][data-input=touch] #cursor{display:none!important}html[data-jojo][data-input=touch].custom-cursor-active,html[data-jojo][data-input=touch].custom-cursor-active *{cursor:auto!important}@media (any-hover:hover) and (any-pointer:fine){.jojo-design #cursor,.jojo-design .impact-lines,.jojo-design .impact-word,.jojo-design .ink-trail{display:block}html[data-jojo][data-input=mouse].custom-cursor-active,html[data-jojo][data-input=mouse].custom-cursor-active *{cursor:none!important}html[data-jojo][data-input=mouse] .keyword:hover .label-track{transform:translateY(-100%)}html[data-jojo][data-input=mouse] .keyword:hover:before{clip-path:circle(150% at var(--enter-x,50%) var(--enter-y,50%))}}@media (max-width:640px){.jojo-design .identity-aside{gap:0}.jojo-design .companion-wrap{width:152px;padding-bottom:12px;--control-unit:0.65}.jojo-design .companion-toggle{--scene-unit:0.65;width:120px;height:123px;perspective:325px}.jojo-design .companion-caption{top:116px;width:120px;font-size:9px}.jojo-design .rotate-character{width:34px;height:34px;right:auto;top:50px}.jojo-design .rotate-character svg{width:17px;height:17px}.jojo-design .companion-plus{width:18px;height:18px;right:19px;bottom:0}.jojo-design .wordmark{font-size:65px}.jojo-design .name-star{margin-left:4px;width:18px}.jojo-design .identity{gap:8px}.jojo-design .character-panel{top:calc(100% + 12px)}.jojo-design #connections path{opacity:.54}.jojo-design .cursor-star{width:31px;height:31px;left:-15px;top:-15px}}@media (max-width:355px){.jojo-design .companion-wrap{width:126px;padding-bottom:10px;--control-unit:0.52}.jojo-design .companion-toggle{--scene-unit:0.52;width:96px;height:103px;perspective:260px}.jojo-design .companion-caption{top:96px;width:96px;font-size:8px}.jojo-design .rotate-character{width:32px;height:32px;top:41px;right:auto}.jojo-design .wordmark{font-size:53px}.jojo-design .name-star{width:15px;margin-left:3px}.jojo-design .name-subtitle{font-size:7.5px}.jojo-design .companion-plus{right:14px}}html[data-jojo][data-motion=off] #connection-label,html[data-jojo][data-motion=off] #connections,html[data-jojo][data-motion=off] #cursor,html[data-jojo][data-motion=off] #touch-cursor{display:none!important}@media (prefers-reduced-motion:reduce){.jojo-design #connection-label,.jojo-design #connections,.jojo-design #cursor,.jojo-design #touch-cursor,.jojo-design .impact-lines,.jojo-design .impact-word,.jojo-design .ink-trail{display:none!important}.jojo-design .character-rig,.jojo-design .character-rotor,.jojo-design .rotate-character svg{transition:none!important;animation:none!important}.jojo-design .character-face img{filter:none!important}}html[data-jojo][data-character=jolyne] .companion-wrap{--switch-x:145}