:root{--space:#9678e0;--space-soft:#ece7fa;--space-glow:#9678e033;--johanna:#5c82d0;--johanna-glow:#5c82d02e;--story:#c89830;--ink:#1c1a2e;--muted:#57536d;--paper:#fafaf8;--paper-deep:#f0ecf8;--surface:#fff;--night:#171228;--line:#1c1a2e29;--display:"Iowan Old Style", "Baskerville", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans:"Avenir Next", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}:root[data-theme=dark]{--space:#b49cf5;--space-soft:#261f3e;--space-glow:#b49cf540;--johanna:#88aaec;--johanna-glow:#88aaec33;--story:#e0ba48;--ink:#f0eeff;--muted:#c7c2dc;--paper:#0e0c18;--paper-deep:#171228;--surface:#1b172b;--night:#080711;--line:#f0eeff29}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--story);outline-offset:4px}.site-shell{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:25px 44px;display:flex}.wordmark{cursor:pointer;font-family:var(--display);letter-spacing:-.05em;background:0 0;border:0;padding:0;font-size:29px}.header-controls,.site-header nav{align-items:center;display:flex}.header-controls{gap:24px}.site-header nav{gap:25px}.site-header nav button{cursor:pointer;letter-spacing:.1em;background:0 0;border:0;padding:8px 0;font-size:11px;position:relative}.site-header nav button[aria-current=page]:after{background:var(--space);content:"";width:100%;height:2px;position:absolute;bottom:1px;left:0}.theme-toggle{background:var(--surface);border:1px solid var(--line);cursor:pointer;letter-spacing:.12em;border-radius:999px;align-items:center;gap:7px;min-width:82px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.theme-toggle-mark{color:var(--johanna);font-size:15px;line-height:.8}.hero{background:var(--paper);min-height:clamp(600px,49vw,724px);padding:0;display:grid;position:relative;overflow:hidden}.hero-header-visual{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fafaf8e0 0%,#fafaf8b8 32%,#fafaf857 56%,#fafaf80a 78%),linear-gradient(#fafaf805,#fafaf838);position:absolute;inset:0}.hero-copy{z-index:1;align-self:center;width:100%;max-width:1280px;margin:0 auto;padding:86px 44px 100px;position:relative}.eyebrow{color:var(--space);letter-spacing:.18em;margin:0 0 18px;font-size:11px;font-weight:700}.hero .eyebrow{color:#3c3468cc;text-shadow:0 1px 15px #fafaf8a6}.hero h1,.x-preview h2,.entry-card h2,.member-panel h2,.johanna-page h1,.works-page h1,.classics-page h1,.notebook-page h1,.note-page h1,.search-page h1{font-family:var(--display);letter-spacing:-.065em;font-weight:400}.hero h1{color:#1e1b34d6;text-shadow:0 1px 24px #fafaf89e;max-width:760px;margin:0;font-size:clamp(50px,4.8vw,68px);line-height:1.16}.hero-title-line{white-space:nowrap}.hero-lead{color:#302c49d6;text-shadow:0 1px 16px #fafaf8a6;max-width:660px;margin:31px 0;font-size:15px;line-height:1.9}.solid-action,.light-action,.outline-action{cursor:pointer;letter-spacing:.04em;border:0;padding:16px 23px}.solid-action{background:var(--night);color:#f8f6ff}.hero .solid-action{background:#171228e0;box-shadow:0 9px 24px #1e18342b}.light-action{background:var(--paper);color:var(--ink)}.outline-action{color:var(--ink);background:0 0;border:1px solid}.unavailable-action{cursor:not-allowed;opacity:.72}.character-ai-disclosure{color:var(--muted);letter-spacing:.04em;text-align:center;max-width:420px;margin:17px 0 0;font-size:10px;line-height:1.7}.hero-ai-disclosure{color:#363150b8;text-align:left;text-shadow:0 1px 12px #fafaf8b8;max-width:440px;margin-top:20px}:root[data-theme=dark] .hero:after{background:linear-gradient(90deg,#0d0b19cc 0%,#0d0b199c 34%,#0d0b1945 59%,#0d0b190d 80%),linear-gradient(#0d0b190d,#0d0b194d)}:root[data-theme=dark] .hero .eyebrow,:root[data-theme=dark] .hero-ai-disclosure{color:#ebe7fad6;text-shadow:0 1px 15px #08071199}:root[data-theme=dark] .hero h1{color:#f8f6ffe6;text-shadow:0 1px 24px #080711a3}:root[data-theme=dark] .hero-lead{color:#ebe7fae0;text-shadow:0 1px 16px #080711a3}.x-preview{background:var(--paper-deep);grid-template-columns:minmax(240px,.75fr) minmax(320px,.85fr);align-items:start;gap:clamp(35px,7vw,100px);padding:88px max(44px,50vw - 510px);display:grid}.x-preview-copy{padding-top:38px}.x-preview h2{margin:0;font-size:clamp(44px,5vw,69px);line-height:1.12}.x-preview-copy>p:not(.eyebrow){color:var(--muted);font-family:var(--display);max-width:390px;margin:30px 0;font-size:19px;line-height:1.85}.text-action,.back{color:var(--space);cursor:pointer;background:0 0;border:0;padding:8px 0}.text-action{font-size:13px}.text-action span{font-size:19px}.x-timeline{background:var(--surface);border:1px solid var(--line);scrollbar-color:var(--johanna) var(--paper-deep);min-height:470px;max-height:520px;overflow:hidden auto}.x-timeline.compact{box-shadow:0 18px 42px #1d143414}.x-timeline-heading{background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.x-timeline-heading span{color:var(--story);letter-spacing:.17em;font-size:9px;font-weight:700}.x-timeline-heading a{color:var(--johanna);font-size:11px;font-weight:700;text-decoration:none}.x-post-list{padding:4px 14px 18px}.x-post-list .twitter-tweet{border-bottom:1px solid var(--line);color:var(--ink);margin:0;padding:22px 8px}.x-post-list .twitter-tweet:last-child{border-bottom:0}.x-post-list .twitter-tweet p{font-family:var(--display);white-space:pre-line;margin:0;font-size:15px;line-height:1.75}.x-post-list .twitter-tweet footer{color:var(--muted);margin-top:18px;font-size:10px;line-height:1.7}.x-post-list .twitter-tweet footer a{color:var(--johanna);margin-top:4px;text-decoration:none;display:block}.x-post-list>.twitter-tweet-rendered{margin-left:auto!important;margin-right:auto!important}.entry-grid{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.entry-card{cursor:pointer;text-align:left;border:0;min-height:390px;padding:55px clamp(44px,6vw,132px)}.work-entry{background:radial-gradient(circle at 88% 18%, var(--johanna-glow), transparent 27%), var(--paper)}.classics-entry{background:radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--story) 28%, transparent), transparent 30%), var(--paper-deep)}.notebook-entry{background:radial-gradient(circle at 15% 82%, var(--space-glow), transparent 30%), var(--surface);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.entry-card:hover{filter:brightness(.98)}.entry-card>span,.works-frame span{color:var(--story);letter-spacing:.18em;font-size:10px;font-weight:700}.entry-card h2{word-break:keep-all;margin:27px 0 22px;font-size:clamp(42px,4.5vw,66px);line-height:1.13}.entry-card p{color:var(--muted);font-family:var(--display);max-width:500px;margin:0;font-size:17px;line-height:1.7}.entry-card i{color:var(--johanna);letter-spacing:.13em;margin-top:43px;font-size:11px;font-style:normal;font-weight:700;display:block}.member-panel{color:#f0eeff;background:radial-gradient(circle at 77% 25%,#0000 0 155px,#b49cf56b 156px 157px,#0000 158px),linear-gradient(115deg,#171228,#2d2150);justify-content:space-between;align-items:end;min-height:355px;padding:76px max(44px,50vw - 560px);display:flex}.member-panel .eyebrow{color:var(--story)}.member-panel h2{margin:0;font-size:clamp(43px,5vw,66px);line-height:1.2}.member-status{color:#d4cee9;margin:20px 0 0;font-size:12px}.about-page,.johanna-page,.works-page,.classics-page,.notebook-page,.note-page,.reader-page,.search-page{max-width:1060px;min-height:calc(100vh - 190px);margin:0 auto;padding:72px 44px 110px}.about-page h1{font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(52px,7vw,82px);font-weight:400;line-height:1.08}.about-lead{color:var(--muted);font-family:var(--display);margin:35px 0 58px;font-size:22px;line-height:1.7}.about-statement{color:#f0eeff;background:linear-gradient(120deg,#171228,#2d2150);margin-bottom:20px;padding:43px}.about-statement span{color:var(--story);letter-spacing:.16em;font-size:10px;font-weight:700}.about-statement p{font-family:var(--display);letter-spacing:-.025em;max-width:820px;margin:20px 0 0;font-size:26px;line-height:1.65}.about-grid{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.about-grid article{background:var(--paper);min-height:220px;padding:30px}.about-grid span{color:var(--johanna);font-family:var(--display);font-size:27px}.about-grid h2{font-family:var(--display);margin:32px 0 10px;font-size:32px;font-weight:400}.about-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.about-note{border-left:3px solid var(--johanna);max-width:760px;margin-top:50px;padding:6px 0 6px 22px}.about-note strong{font-size:13px}.about-note p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.8}.johanna-page{max-width:1040px}.johanna-profile-card{background:radial-gradient(circle at 93% 12%, var(--johanna-glow), transparent 31%), linear-gradient(135deg, var(--surface), var(--paper-deep));border:1px solid var(--line);isolation:isolate;padding:0;position:relative;overflow:hidden;box-shadow:0 22px 48px #1d143414}.johanna-intro{z-index:1;max-width:700px;padding:58px 0 58px 58px;position:relative}.johanna-page h1,.works-page h1,.classics-page h1,.notebook-page h1,.note-page h1{margin:0;font-size:clamp(48px,6vw,78px);line-height:1.08}.johanna-intro>p:not(.eyebrow),.works-lead,.notebook-lead{color:var(--muted);font-family:var(--display);margin:35px 0;font-size:20px;line-height:1.9}.johanna-intro>p.johanna-roman-name{color:var(--johanna);font-family:var(--display);letter-spacing:.08em;margin:12px 0 0;font-size:clamp(15px,2vw,20px);line-height:1.4}.johanna-intro>p.johanna-bio{color:var(--muted);max-width:650px;margin:42px 0 34px;font-size:20px;line-height:1.9}.johanna-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:590px;margin:0 0 33px;display:grid}.johanna-facts div{background:color-mix(in srgb, var(--paper) 75%, transparent);border:1px solid var(--line);min-height:69px;padding:12px 15px}.johanna-facts dt{color:var(--story);letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:700}.johanna-facts dd{color:var(--ink);font-family:var(--display);margin:0;font-size:16px;line-height:1.5}.profile-link{border-bottom:1px solid var(--johanna);color:var(--johanna);letter-spacing:.08em;padding-bottom:5px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.johanna-portrait{z-index:-1;width:41%;margin:0;padding:0;position:absolute;inset:0 0 0 auto;overflow:hidden}.johanna-portrait:after{background:linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 84%, transparent) 28%, color-mix(in srgb, var(--surface) 28%, transparent) 61%, transparent 100%);content:"";position:absolute;inset:0}.johanna-portrait img{filter:saturate(.9)brightness(1.12);object-fit:cover;object-position:center;opacity:.74;width:100%;height:100%;display:block}:root[data-theme=dark] .johanna-portrait img{filter:saturate(.82)brightness(.72);opacity:.58}.timeline-area>p{color:var(--story);letter-spacing:.17em;margin:0 0 14px;font-size:10px;font-weight:700}.timeline-area small{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.6;display:block}.works-page,.classics-page{max-width:980px}.works-lead{max-width:840px;font-size:clamp(20px,2.5vw,28px)}.works-frame{background:radial-gradient(circle at 88% 22%, var(--johanna-glow), transparent 24%), var(--paper-deep);justify-content:space-between;align-items:stretch;gap:42px;min-height:320px;margin-top:58px;padding:48px;display:flex}.classics-frame{background:radial-gradient(circle at 8% 78%, color-mix(in srgb, var(--story) 28%, transparent), transparent 30%), var(--paper-deep)}.works-frame h2{font-family:var(--display);margin:27px 0 13px;font-size:38px;font-weight:400}.works-frame p{color:var(--muted);max-width:480px;margin:0;font-size:14px;line-height:1.85}.release-status{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:215px;padding-left:35px;display:flex}.release-status>span{color:var(--story);letter-spacing:.15em;font-size:10px;font-weight:700}.release-status strong{color:var(--ink);font-family:var(--display);letter-spacing:-.06em;margin-top:16px;font-size:62px;font-weight:400;line-height:1}.release-status strong i{color:var(--muted);letter-spacing:0;font-size:21px;font-style:normal}.release-status p{margin:11px 0 24px;font-size:11px}.release-status .outline-action{align-self:flex-start;padding:12px 15px;font-size:12px}.chapter-list{border-top:1px solid var(--line);margin:34px 0 0;padding:0;list-style:none}.chapter-list li{border-bottom:1px solid var(--line)}.chapter-list button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px 92px minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:20px 0;display:grid}.chapter-list button:hover strong{color:var(--johanna)}.classics-list button:hover strong{color:var(--story)}.chapter-number{color:var(--story);font-family:var(--display);font-size:30px}.chapter-thumbnail{aspect-ratio:1;object-fit:cover;width:92px;height:92px;display:block}.chapter-list strong{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(25px,3vw,35px);font-weight:400;transition:color .16s;display:block}.chapter-list small{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.7;display:block}.chapter-list i{color:var(--johanna);letter-spacing:.08em;font-size:11px;font-style:normal;font-weight:700}.works-note{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.7}.reader-page{max-width:790px}.reader-page h1{font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.6vw,66px);font-weight:400;line-height:1.15}.reader-count{color:var(--story);letter-spacing:.1em;margin:0 0 21px;font-size:11px}.chapter-illustration{margin:38px 0 0}.chapter-illustration img{border:1px solid var(--line);box-shadow:0 18px 42px color-mix(in srgb, var(--ink) 12%, transparent);width:100%;max-width:620px;margin:0 auto;display:block}.reader-body{border-top:1px solid var(--line);font-family:var(--display);margin-top:47px;padding-top:47px;font-size:clamp(18px,2vw,21px);line-height:2.05}.reader-body p{margin:0 0 29px}.reader-continuation{border:1px solid var(--line);background:linear-gradient(135deg,#f0eaffb8,#fff9ede0);margin-top:54px;padding:30px}.reader-continuation h2{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(28px,4vw,38px);font-weight:400}.reader-continuation p:not(.eyebrow){color:var(--muted);margin:15px 0 22px;line-height:1.8}.reader-continuation a{background:var(--night);color:#f8f6ff;gap:12px;padding:14px 18px;text-decoration:none;display:inline-flex}.reader-navigation{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:76px;padding-top:24px;display:grid}.reader-navigation button{color:var(--johanna);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.reader-navigation button:nth-child(2){color:var(--muted)}.reader-navigation button:last-child{text-align:right}.article-tags{border-top:1px solid var(--line);margin-top:46px;padding-top:23px}.article-tags>span,.search-tags>span{color:var(--story);letter-spacing:.14em;margin-bottom:11px;font-size:10px;font-weight:700;display:block}.article-tags>div,.search-tags>div{flex-wrap:wrap;gap:8px;display:flex}.article-tags button,.search-tags button{background:var(--paper-deep);border:1px solid var(--line);color:var(--johanna);cursor:pointer;border-radius:999px;padding:7px 11px;font-size:11px}.article-tags button:hover,.search-tags button:hover{border-color:var(--johanna);color:var(--space)}.inline-tag{color:var(--johanna);cursor:pointer;font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--johanna) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--johanna) 55%, transparent);text-underline-offset:.16em;background:0 0;border:0;padding:0}.search-page{max-width:900px}.search-page h1{margin:0;font-size:clamp(48px,6vw,78px);line-height:1.08}.search-lead{color:var(--muted);font-family:var(--display);margin:35px 0 42px;font-size:20px;line-height:1.9}.search-form{background:radial-gradient(circle at 92% 22%, var(--space-glow), transparent 26%), var(--paper-deep);padding:29px}.search-form label{color:var(--story);letter-spacing:.14em;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.search-form input{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:var(--display);border-radius:0;outline:0;width:100%;padding:16px 18px;font-size:clamp(18px,2.4vw,24px)}.search-form input:focus{border-color:var(--johanna);box-shadow:0 0 0 3px var(--johanna-glow)}.search-form input::placeholder{color:var(--muted);opacity:.72}.search-tags{border-bottom:1px solid var(--line);padding:25px 0}.search-status{color:var(--muted);margin:28px 0 10px;font-size:13px}.search-results{border-top:1px solid var(--line)}.search-result{border-bottom:1px solid var(--line);padding:27px 0}.search-result>a{color:inherit;text-decoration:none;display:block}.search-result>a>span{color:var(--story);letter-spacing:.14em;font-size:10px;font-weight:700}.search-result h2{font-family:var(--display);letter-spacing:-.045em;margin:14px 0 9px;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.2}.search-result>a:hover h2{color:var(--space)}.search-result p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.search-result strong{color:var(--johanna);letter-spacing:.1em;margin-top:16px;font-size:11px;display:block}.search-result .article-tags{border-top:0;margin-top:17px;padding-top:0}.search-result .article-tags>span{display:none}.notebook-page{max-width:930px}.notebook-lead{max-width:720px}.note-list{border-top:1px solid var(--line)}.note-card{border-bottom:1px solid var(--line)}.note-card button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:35px 0;display:block}.note-card button:hover h2{color:var(--space)}.note-card time,.article-date{color:var(--story);letter-spacing:.12em;font-size:11px}.note-card h2{font-family:var(--display);letter-spacing:-.045em;margin:26px 0 13px;font-size:clamp(30px,4vw,47px);font-weight:400;transition:color .16s}.note-card p{color:var(--muted);max-width:640px;margin:0;font-size:14px;line-height:1.8}.note-card span{color:var(--johanna);letter-spacing:.12em;margin-top:25px;font-size:10px;font-weight:700;display:block}.note-card i{color:var(--story);font-size:14px;font-style:normal}.note-page{max-width:830px}.back{margin-bottom:66px;font-size:13px;display:inline-block}.article-date{margin:0 0 25px}.note-page h1{margin:0 0 20px}.byline{color:var(--johanna);letter-spacing:.08em;margin:0 0 53px;font-size:12px}.article-body{color:var(--muted);font-family:var(--display);max-width:710px;font-size:20px;line-height:2}.article-body p{margin:0 0 30px}.editorial-note{background:var(--paper-deep);border-left:3px solid var(--story);margin-top:70px;padding:26px 30px}.editorial-note span{color:var(--story);letter-spacing:.14em;font-size:10px;font-weight:700}.editorial-note p{margin:14px 0 0;font-size:14px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-align:center;padding:24px 44px 18px;font-size:10px}.copyright{text-align:center;margin:0}@media (width<=760px){.site-header{align-items:flex-start;gap:18px;padding:20px}.header-controls{flex-direction:column-reverse;align-items:flex-end;gap:12px}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 13px}.site-header nav button{letter-spacing:.05em;font-size:10px}.hero{min-height:620px}.hero-header-visual{object-position:68% center}.hero-copy{flex-direction:column;justify-content:center;align-self:stretch;min-height:620px;padding:70px 20px 48px;display:flex}.hero h1{font-size:clamp(29px,8.3vw,42px);line-height:1.2}.hero-lead{font-size:14px}.hero-ai-disclosure{max-width:320px}.x-preview,.johanna-page{padding:58px 20px;display:block}.johanna-profile-card{min-height:0;padding:0}.johanna-intro{max-width:none;padding:44px 24px 48px}.johanna-intro>p.johanna-bio{font-size:18px}.johanna-facts{max-width:none}.johanna-portrait{opacity:.22;width:100%;inset:0}.johanna-portrait:after{background:linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 88%, transparent) 58%, color-mix(in srgb, var(--surface) 66%, transparent) 100%)}.x-preview-copy{padding:0 0 35px}.timeline-area{margin-top:48px}.entry-grid,.about-grid{grid-template-columns:1fr}.entry-card{min-height:315px;padding:48px 20px}.member-panel{flex-direction:column;align-items:flex-start;gap:45px;min-height:470px;padding:58px 20px}.about-page,.works-page,.classics-page,.notebook-page,.note-page,.reader-page,.search-page{padding:50px 20px 75px}.about-lead{font-size:19px}.about-statement{padding:30px 24px}.about-statement p{font-size:22px}.works-frame{flex-direction:column;align-items:flex-start;gap:35px;padding:32px 24px}.release-status{border-left:0;border-top:1px solid var(--line);width:100%;min-width:0;padding:27px 0 0}.chapter-list button{grid-template-columns:31px 72px minmax(0,1fr);gap:12px}.chapter-thumbnail{width:72px;height:72px}.chapter-list i{display:none}.chapter-illustration{margin-top:31px}.reader-body{margin-top:39px;padding-top:39px;font-size:18px;line-height:2}.reader-navigation{margin-top:55px}.article-tags{margin-top:37px}.search-form{padding:23px 20px}.back{margin-bottom:42px}.site-footer{padding:20px}}