:root{color-scheme:light;--ink:#17201d;--muted:#5c6761;--paper:#f7f8f2;--surface:#fff;--line:#dfe6dc;--green:#226f54;--green-soft:#dcefe6;--blue:#315c8c;--blue-soft:#dfeaf6;--berry:#a7374f;--berry-soft:#f4dfe5;--gold:#9b681d;--gold-soft:#f2e7cf;--shadow:0 18px 48px #17201d1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}p{line-height:1.8}.skip-link{z-index:20;background:var(--ink);color:var(--surface);border-radius:6px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.content-width{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:10;backdrop-filter:blur(16px);background:#f7f8f2eb;border-bottom:1px solid #dfe6dcdb;justify-content:space-between;align-items:center;gap:24px;padding:14px max(20px,50vw - 560px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;font-weight:760;display:inline-flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--surface);letter-spacing:0;border-radius:8px;place-items:center;font-size:.78rem;display:inline-grid}.primary-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav-group{position:relative}.nav-link{min-height:38px;color:var(--muted);border-radius:6px;align-items:center;padding:8px 12px;font-size:.94rem;font-weight:680;display:inline-flex}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{background:var(--surface);color:var(--ink);outline:none}.subnav{visibility:hidden;border:1px solid var(--line);background:var(--surface);min-width:190px;box-shadow:var(--shadow);opacity:0;border-radius:8px;padding:8px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.nav-group:hover .subnav,.nav-group:focus-within .subnav{visibility:visible;opacity:1;transform:translateY(0)}.subnav a{color:var(--muted);border-radius:6px;padding:10px 12px;font-size:.94rem}.subnav a:hover,.subnav a:focus-visible{background:var(--paper);color:var(--ink);outline:none}.hero{background-image:linear-gradient(90deg, #0d1211cc, #0d12117a 42%, #0d121114), var(--hero-image);min-height:72svh;color:var(--surface);background-position:50%;background-size:cover;align-items:center;padding:clamp(72px,10vw,116px) 0;display:grid}.hero-content{max-width:1120px}.eyebrow{color:currentColor;letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.hero .eyebrow{color:#c9f4dc}.hero h1,.page-intro h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.98}.hero p{color:#ffffffe0;max-width:620px;margin:22px 0 0;font-size:clamp(1.04rem,2vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.hero-actions a{min-height:44px;color:var(--surface);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff52;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:760;display:inline-flex}.hero-actions a:hover,.hero-actions a:focus-visible{background:#ffffff38;outline:none}.home-note,.page-intro{padding:clamp(54px,8vw,94px) 0}.home-note{background:var(--ink);color:var(--surface)}.home-note-grid,.intro-grid{grid-template-columns:minmax(0,.68fr) minmax(260px,1fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.home-note-grid .eyebrow,.intro-grid .eyebrow{grid-column:1/-1}.home-note h2,.page-intro h1{margin:0}.home-note h2{letter-spacing:0;max-width:620px;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.home-note p,.page-intro p:not(.eyebrow){max-width:640px;color:var(--muted);margin:0;font-size:1.08rem}.home-note p{color:#ffffffb8}.page-intro{background:var(--surface)}.page-intro .eyebrow{color:var(--green)}.stories-hero{background:radial-gradient(circle at 88% 18%,#a7374f29,#0000 32%),linear-gradient(145deg,#f8f5ef 0%,#f7f8f2 58%,#edf3eb 100%);padding:clamp(76px,11vw,148px) 0 clamp(64px,9vw,112px);overflow:hidden}.stories-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:clamp(36px,8vw,112px);display:grid}.stories-hero .eyebrow,.story-shelf .eyebrow,.stories-extra .eyebrow{color:var(--berry)}.stories-hero h1{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(2.9rem,7.5vw,6.5rem);font-weight:780;line-height:1.02}.stories-hero-copy{border-left:1px solid #a7374f57;padding-left:clamp(22px,3vw,38px)}.stories-hero-copy p{color:var(--muted);margin:0;font-size:clamp(1.05rem,1.8vw,1.2rem)}.stories-hero-copy a{color:var(--berry);align-items:center;gap:12px;margin-top:28px;font-weight:780;display:inline-flex}.stories-hero-copy a:hover,.stories-hero-copy a:focus-visible{text-underline-offset:5px;text-decoration:underline}.stories-manifesto{background:var(--ink);color:var(--surface);padding:clamp(48px,7vw,76px) 0}.stories-manifesto p{letter-spacing:-.035em;max-width:920px;margin:0;font-size:clamp(1.65rem,4vw,3.15rem);font-weight:650;line-height:1.4}.story-shelf{padding:clamp(64px,9vw,112px) 0;scroll-margin-top:82px}.story-shelf-header{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:end;gap:clamp(24px,6vw,80px);margin-bottom:clamp(32px,5vw,56px);display:grid}.story-shelf-header h2,.stories-extra-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,5vw,4rem)}.story-shelf-header>p{color:var(--muted);margin:0;font-size:1.05rem}.story-list{gap:18px;display:grid}.story-entry{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:72px minmax(0,1fr) max-content;align-items:center;gap:clamp(22px,5vw,58px);padding:clamp(24px,5vw,46px);display:grid;box-shadow:0 2px #17201d0a}.story-entry-number{color:var(--berry);letter-spacing:.14em;align-self:start;font-size:.8rem;font-weight:800}.story-entry-meta{flex-wrap:wrap;gap:9px;display:flex}.story-entry-meta span,.story-themes li{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:720}.story-entry-meta span{background:var(--berry-soft);color:var(--berry)}.story-entry-copy h3{letter-spacing:-.045em;margin:18px 0 8px;font-size:clamp(2rem,4.5vw,3.7rem);line-height:1}.story-entry-copy .story-entry-author{color:var(--berry);letter-spacing:.08em;margin:0 0 18px;font-size:.9rem;font-weight:760}.story-entry-copy>p{max-width:720px;color:var(--muted);margin:0;font-size:1.05rem}.story-themes{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.story-themes li{border:1px solid var(--line);color:var(--muted)}.story-entry-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;min-width:150px;padding:12px 0;font-weight:780;display:inline-flex}.story-entry-link:hover,.story-entry-link:focus-visible{border-color:var(--berry);color:var(--berry);outline:none}.stories-extra{background:#eef3eb;padding:clamp(58px,8vw,94px) 0}.stories-extra-heading{margin-bottom:8px}.stories-extra .content-band{padding-bottom:0}.stories-extra .card-grid{grid-template-columns:minmax(230px,360px)}.stories-extra .topic-card{min-height:132px}.content-band{padding:clamp(44px,7vw,86px) 0}.muted-band{background:#eef3eb;padding:28px 0}.section-title{letter-spacing:0;margin:0 0 24px;font-size:clamp(1.4rem,3vw,2rem)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.topic-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:14px;min-height:196px;padding:22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.topic-card:hover,.topic-card:focus-visible{box-shadow:var(--shadow);outline:none;transform:translateY(-3px)}.topic-card strong{letter-spacing:0;font-size:1.28rem}.topic-card span:last-child{color:var(--muted);line-height:1.7}.card-meta{border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:760}.tone-green{border-top:4px solid var(--green)}.tone-green .card-meta{background:var(--green-soft);color:var(--green)}.tone-blue{border-top:4px solid var(--blue)}.tone-blue .card-meta{background:var(--blue-soft);color:var(--blue)}.tone-berry{border-top:4px solid var(--berry)}.tone-berry .card-meta{background:var(--berry-soft);color:var(--berry)}.tone-gold{border-top:4px solid var(--gold)}.tone-gold .card-meta{background:var(--gold-soft);color:var(--gold)}.note-list{flex-wrap:wrap;gap:10px;display:flex}.note-list span,.status-pill,.author-pill{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-meta p{margin-top:0}.author-pill{border-color:var(--berry-soft);background:var(--berry-soft);color:var(--berry)}.detail-band{background:var(--paper)}.detail-layout,.about-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.detail-copy,.about-layout article{max-width:760px}.detail-copy p,.about-layout p{color:var(--muted);font-size:1.06rem}.detail-copy p:first-child{color:var(--muted)}.detail-notes{border-left:4px solid var(--green);background:var(--surface);padding:22px}.detail-notes h2,.about-layout h2{margin:0 0 16px;font-size:1.2rem}.detail-notes ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-notes li{border-bottom:1px solid var(--line);color:var(--muted);padding-bottom:10px}.detail-notes li:last-child{border-bottom:0;padding-bottom:0}.story-framework-band{background:var(--surface)}.story-structure-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.structure-card,.chapter-outline-entry{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:20px}.structure-card{border-top:4px solid var(--blue)}.structure-card span,.chapter-kicker{background:var(--blue-soft);width:fit-content;color:var(--blue);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:760;display:inline-flex}.structure-card h3,.chapter-outline-entry h4{letter-spacing:0;margin:14px 0 10px}.structure-card h3{font-size:1.15rem}.structure-card p,.chapter-outline-layout header p,.chapter-outline-entry p{color:var(--muted);margin:0;line-height:1.8}.chapter-outline-band{background:var(--paper)}.chapter-outline-layout{grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}.chapter-outline-layout header{position:sticky;top:92px}.chapter-outline{gap:28px;display:grid}.chapter-group{gap:14px;display:grid}.chapter-group h3{border-left:4px solid var(--green);letter-spacing:0;margin:0;padding-left:12px;font-size:1.16rem}.chapter-outline-list{gap:14px;display:grid}.chapter-outline-entry{background:var(--surface)}.chapter-outline-entry h4{font-size:1.08rem}.contact-band{background:var(--surface)}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.contact-layout h2{letter-spacing:0;margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.contact-layout p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.06rem}.mail-link{border:1px solid var(--line);background:var(--green-soft);min-height:52px;color:var(--green);overflow-wrap:anywhere;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:14px 18px;font-weight:760;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.mail-link:hover,.mail-link:focus-visible{border-color:var(--green);box-shadow:var(--shadow);outline:none;transform:translateY(-2px)}.journal-band{background:var(--paper)}.journal-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:clamp(20px,4vw,44px);display:grid}.journal-editor{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:clamp(18px,4vw,28px)}.journal-fields{grid-template-columns:minmax(180px,.42fr) minmax(240px,1fr);gap:18px;display:grid}.journal-fields label,.journal-toolbar label{color:var(--muted);gap:8px;font-size:.9rem;font-weight:760;display:grid}.journal-wide-field{grid-column:1/-1}.journal-fields input,.journal-fields textarea,.journal-toolbar input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:46px;color:var(--ink);border-radius:8px;padding:10px 12px}.journal-fields textarea{resize:vertical;min-height:150px}.journal-fields input:focus,.journal-fields textarea:focus,.journal-toolbar input:focus{border-color:var(--green);outline:3px solid #226f5424}.journal-actions,.journal-entry-actions{flex-wrap:wrap;gap:10px;display:flex}.journal-actions{margin-top:18px}.journal-actions button,.journal-entry-actions button{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;font-weight:760;display:inline-flex}.journal-actions button:hover,.journal-actions button:focus-visible,.journal-entry-actions button:hover,.journal-entry-actions button:focus-visible{border-color:var(--green);outline:none}.journal-actions .journal-primary{border-color:var(--green);background:var(--green);color:var(--surface)}.journal-feedback{min-height:1.6em;color:var(--green);margin:12px 0 0;font-weight:720}.journal-import-input{display:none}.journal-panel{border-left:4px solid var(--berry);background:var(--surface);padding:22px}.journal-panel .eyebrow{color:var(--berry)}.journal-panel strong{font-size:clamp(2rem,6vw,3.2rem);line-height:1;display:block}.journal-panel span{color:var(--muted);margin-top:12px;line-height:1.7;display:block}.journal-list-band{background:var(--surface)}.journal-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.journal-toolbar .section-title{margin:0}.journal-toolbar label{width:min(320px,100%)}.journal-list{gap:14px;display:grid}.journal-entry{border:1px solid var(--line);border-top:4px solid var(--blue);background:var(--paper);border-radius:8px;gap:12px;padding:20px;display:grid}.journal-entry h3{letter-spacing:0;margin:0;font-size:1.26rem}.journal-entry p,.journal-empty{color:var(--muted);margin:0;line-height:1.8}.journal-empty{border:1px dashed var(--line);background:var(--paper);border-radius:8px;padding:24px}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:26px max(20px,50vw - 560px);display:flex}.site-footer div{gap:4px;display:grid}.site-footer strong,.site-footer a{color:var(--ink)}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.footer-links a{font-weight:700}.story-reader{background:var(--paper)}.reader-header{background:var(--surface);padding:clamp(54px,8vw,92px) 0 clamp(34px,6vw,70px)}.reader-header-inner{max-width:820px}.reader-header .eyebrow{color:var(--berry)}.reader-header h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:1.04}.reader-header p:not(.eyebrow){max-width:650px;color:var(--muted);margin:22px 0 0;font-size:1.08rem}.view-counter{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;font-size:.92rem;font-weight:760;display:inline-flex}.view-counter[hidden]{display:none}.view-counter strong{color:var(--ink);font-variant-numeric:tabular-nums}.view-counter[data-error=true] strong{color:var(--muted)}.like-button{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;width:min(760px,100% - 40px);margin:-28px auto clamp(30px,5vw,54px);padding-top:28px;display:flex}.like-button[hidden]{display:none}.like-button button{border:1px solid var(--berry);background:var(--surface);min-height:44px;color:var(--berry);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;transition:background .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.like-button button:hover,.like-button button:focus-visible{background:var(--berry-soft);box-shadow:var(--shadow);outline:none;transform:translateY(-2px)}.like-button button:disabled{cursor:default;border-color:var(--berry);background:var(--berry);color:var(--surface);box-shadow:none;transform:none}.like-button-count{color:var(--muted);align-items:baseline;gap:5px;font-weight:720;display:inline-flex}.like-button-count strong{color:var(--ink);font-variant-numeric:tabular-nums}.like-button[data-error=true] .like-button-count strong{color:var(--muted)}.request-update{border-top:1px solid var(--line);background:radial-gradient(circle at 88% 16%, #a7374f24, transparent 34%), var(--ink);color:var(--surface);padding:clamp(58px,8vw,92px) 0}.request-update-inner{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:clamp(32px,7vw,96px);display:grid}.request-update .eyebrow{color:#f0bdc8}.request-update h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05}.request-update-copy>p:last-child{color:#ffffffb8;max-width:620px;margin:18px 0 0;font-size:1.05rem}.request-update-action{justify-items:start;gap:14px;display:grid}.request-update button{color:#ffdce4;cursor:pointer;background:0 0;border:1px solid #f0bdc8;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:150px;min-height:52px;padding:12px 22px;font-weight:800;transition:transform .16s,background .16s,color .16s;display:inline-flex}.request-update button:hover,.request-update button:focus-visible{background:var(--berry);color:var(--surface);outline:none;transform:translateY(-2px)}.request-update button:disabled{cursor:default;border-color:var(--berry);background:var(--berry);color:var(--surface);transform:none}.request-update-metrics{color:#ffffffad;flex-wrap:wrap;gap:8px 18px;font-size:.92rem;font-weight:700;display:flex}.request-update-metrics span+span{border-left:1px solid #ffffff38;padding-left:18px}.request-update-metrics strong{color:var(--surface);font-variant-numeric:tabular-nums;font-size:1.08rem}.request-update[data-error=true] [data-request-update-count],.request-update[data-view-error=true] [data-story-view-count]{color:#ffffffad;font-size:.92rem}.reader-body-band{padding:clamp(42px,7vw,86px) 0}.story-body{width:min(760px,100% - 40px);margin:0 auto}.story-body p{color:#29332f;margin:0 0 1.7em;font-size:clamp(1.06rem,2vw,1.18rem);line-height:2.15}.reader-nav{flex-wrap:wrap;gap:10px;width:min(760px,100% - 40px);margin:0 auto;padding:0 0 clamp(48px,7vw,90px);display:flex}.reader-nav a{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:760;display:inline-flex}.reader-nav a:hover,.reader-nav a:focus-visible{border-color:var(--berry);outline:none}.character-band{background:var(--surface)}.character-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.character-card{border:1px solid var(--line);border-top:4px solid var(--gold);background:var(--paper);border-radius:8px;padding:22px}.character-card h3{letter-spacing:0;margin:8px 0 16px;font-size:1.45rem}.character-card p{color:var(--muted);margin:0 0 12px;line-height:1.8}.character-card p:last-child{margin-bottom:0}.character-role{background:var(--gold-soft);border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:760;color:var(--gold)!important}@media (width<=820px){.site-header{padding:14px 20px;display:grid;position:static}.primary-nav{justify-content:flex-start}.nav-group{position:static}.subnav{display:none}.hero{background-position:50%;min-height:68svh;padding:64px 0}.home-note-grid,.intro-grid,.stories-hero-grid,.story-shelf-header,.request-update-inner,.detail-layout,.chapter-outline-layout,.about-layout,.contact-layout,.journal-layout,.journal-fields{grid-template-columns:1fr}.chapter-outline-layout header{position:static}.journal-toolbar{align-items:start;display:grid}.page-intro h1{font-size:clamp(2.2rem,12vw,4rem)}.stories-hero-copy{border-top:1px solid #a7374f57;border-left:0;padding-top:24px;padding-left:0}.story-entry{grid-template-columns:44px minmax(0,1fr)}.story-entry-link{grid-column:2;width:fit-content}.site-footer{align-items:start;display:grid}.footer-links{justify-content:flex-start}}@media (width<=520px){.content-width{width:min(100% - 28px,1120px)}.brand{width:100%}.nav-link{padding-inline:10px}.hero h1{font-size:clamp(2.2rem,14vw,3.8rem)}.hero-actions a{flex:120px}.topic-card{min-height:176px}.stories-hero h1{font-size:clamp(2.7rem,14vw,4.3rem)}.story-entry{grid-template-columns:1fr}.story-entry-number,.story-entry-link{grid-column:1}.story-body,.reader-nav,.like-button{width:min(100% - 28px,760px)}}