:root{--ink:#172d2d;--deep:#071d23;--teal:#214b50;--cream:#f5f0e6;--paper:#fbf8f0;--muted:#647274;--line:#d9dfd7;--brass:#c8a86f;--light-brass:#e8d6ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block}.skip{position:absolute;left:-10000px;z-index:99;background:#fff;color:#000;padding:12px}.skip:focus{left:10px;top:10px}.masthead{position:relative;z-index:3;height:75px;padding:0 clamp(20px,5vw,86px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f9f5ec;border-bottom:1px solid #d9dfd7}.masthead.darkhead{background:#09242a;border-color:#33525a;color:#f6f1e8}.brand{text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.045em;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{border-radius:8px}.brand strong{color:#387c75}.darkhead .brand strong{color:#b6dbc9}.brand small{display:block;letter-spacing:.16em;font-size:9px;font-weight:700;line-height:1.45;text-transform:uppercase;color:#789086}.darkhead .brand small{color:#a9c8bd}.masthead nav{display:flex;align-items:center;gap:30px}.masthead nav a{text-decoration:none;font-weight:700;font-size:12px}.masthead nav a:hover{text-decoration:underline}.masthead nav a.header-cta{background:#173e40;color:#fff;padding:13px 17px;border-radius:4px;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:#d9c89f}.eyebrow.dark{color:#437771}.fable-hero{height:min(760px,calc(100vh - 75px));min-height:630px;position:relative;background:#092128;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;background:url('/images/weather-library.webp') center center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,22,.9) 0%,rgba(4,24,31,.75) 33%,rgba(5,26,34,.16) 74%),linear-gradient(0deg,rgba(3,18,21,.8),transparent 29%)}.hero-content{position:relative;height:100%;padding:clamp(60px,10vh,120px) clamp(20px,7vw,116px) 28px;display:flex;flex-direction:column;align-items:flex-start}.hero-content h1{font:normal clamp(70px,8.4vw,136px)/.93 Georgia,'Times New Roman',serif;letter-spacing:-.06em;margin:30px 0 24px}.hero-content h1 em{font-weight:normal;color:#e0cb9e}.hero-content>p:not(.eyebrow){max-width:530px;font:normal 18px/1.65 Georgia,serif;color:#e7eee7}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:25px}.gold-button,.ghost-button,.ink-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:50px;padding:14px 20px;font-size:12px;font-weight:800;letter-spacing:.025em}.gold-button{background:#d4b77c;color:#172c2d}.gold-button:hover{background:#efd7a0}.ghost-button{border:1px solid #becfc9;color:#f8f8ed}.ghost-button:hover{background:#ffffff24}.hero-index{display:flex;width:100%;gap:20px;margin-top:auto;padding-top:30px;border-top:1px solid #b8d3d044;font-size:10px;letter-spacing:.18em;color:#bed2cc;font-weight:800}.hero-index span:nth-child(2){margin:auto}.story-section{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;padding:115px clamp(20px,7vw,116px) 130px;background:#f3efe5}.story-number{color:#1b5555;font:normal 90px Georgia,serif;letter-spacing:-.08em;line-height:1}.story-number span{font:700 10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.story-main h2,.make-copy h2,.closing h2{font:normal clamp(45px,5vw,76px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:13px 0 22px}.story-main>p:not(.eyebrow),.make-copy>p:not(.eyebrow):not(.small-honest){max-width:580px;font:normal 17px/1.8 Georgia,serif;color:#4a6060}.story-facts{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 35px}.story-facts span{font-size:11px;font-weight:700;color:#38665e;border:1px solid #cbd8cf;background:#f9f7ef;padding:9px 11px}.ink-link{font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid #2d655f;padding-bottom:8px}.ink-link span{margin-left:25px}.story-emblem{display:flex;justify-content:center;margin-top:45px}.emblem-ring{width:170px;height:170px;border:1px solid #bfcfc3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#2d6560;transform:rotate(8deg)}.emblem-ring span{font:normal 80px Georgia,serif;line-height:1}.emblem-ring small{font-size:7px;letter-spacing:.15em;font-weight:800}.make-section{display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:#dce7df}.make-visual{background:linear-gradient(145deg,#1c464b,#0b2b34);padding:75px clamp(25px,7vw,100px);display:flex;align-items:center;justify-content:center}.folio{width:min(100%,530px);min-height:495px;background:#faf7ed;box-shadow:20px 20px 0 #0a2830,0 28px 45px #001b254d;padding:42px 44px;transform:rotate(-3deg);position:relative}.folio-kicker{font-size:9px;letter-spacing:.21em;color:#46716c;font-weight:800}.folio h3{font:normal 48px/1.13 Georgia,serif;letter-spacing:-.05em;margin:75px 0 25px}.folio-line{width:60px;height:2px;background:#a98e5e;margin-bottom:40px}.folio-node{border-bottom:1px solid #dbe1d7;padding:15px 0;font:normal 15px Georgia,serif}.folio-node b{color:#4b8375;padding:0 8px}.folio-seal{position:absolute;right:35px;bottom:30px;border-radius:50%;padding:8px;border:1px solid #cadacf}.folio-seal img{border-radius:8px}.make-copy{padding:110px clamp(25px,7vw,100px);align-self:center}.ink-button{background:#143d40;color:#fff}.ink-button:hover{background:#285d5b}.small-honest{font-size:11px;line-height:1.6;color:#647977;max-width:500px;margin-top:24px}.closing{text-align:center;background:#09272d;color:#f5f0e6;padding:100px 20px 110px}.closing h2{margin:22px auto 33px;max-width:780px}.closing .eyebrow{color:#d0b981}footer{background:#061e23;color:#bbcbc3;padding:28px clamp(20px,5vw,86px);display:flex;justify-content:space-between;gap:20px;font-size:11px}footer nav{display:flex;gap:20px}footer a{text-decoration:none}
/* Reader */.reader-page{background:#f6f2e9}.reader-shell{min-height:calc(100vh - 75px);display:grid;grid-template-columns:minmax(300px,37%) minmax(0,1fr)}.reader-aside{background:#0b2c33;color:#e7f0e8;position:relative;min-height:700px}.reader-art{height:38vh;min-height:240px;background:url('/images/weather-library.webp') center/cover;mask-image:linear-gradient(#000 72%,transparent)}.reader-aside-copy{padding:20px clamp(25px,4vw,64px) 60px}.reader-aside h1{font:normal clamp(32px,3vw,51px)/1.09 Georgia,serif;letter-spacing:-.05em;margin:17px 0 8px}.reader-aside-copy>p:not(.eyebrow):not(.aside-note){font:normal 14px/1.6 Georgia,serif;color:#bcd2cc}.reader-progress{border-top:1px solid #5a7978;border-bottom:1px solid #5a7978;display:flex;justify-content:space-between;gap:10px;margin:32px 0 12px;padding:12px 0;font-size:10px;letter-spacing:.14em;font-weight:800;color:#a9c6bb}.reader-progress span:last-child{color:#edd5a6;letter-spacing:0}.reader-aside ol{list-style:none;padding:0;margin:0;max-height:195px;overflow:auto}.reader-aside li{font-size:11px;line-height:1.45;color:#c7d8ce;border-bottom:1px solid #3b6061;padding:9px 0}.reader-aside li b{color:#d8be8c;margin-right:8px}.reader-reset{background:none;border:1px solid #83a09a;color:#eff5ee;padding:10px 13px;margin-top:22px;font-size:11px;font-weight:800}.aside-note{font-size:10px;color:#adc5bb;line-height:1.6;max-width:260px}.reader-main{max-width:960px;width:100%;margin:0 auto;padding:39px clamp(25px,7vw,100px) 70px;min-width:0}.reader-toolbar{display:flex;justify-content:space-between;gap:20px;color:#5d7973;border-bottom:1px solid #d6ded3;padding-bottom:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.scene{min-height:520px;padding:45px 0 20px}.scene-ornament{font:normal 34px Georgia,serif;color:#b79b66}.scene h2{font:normal clamp(45px,4vw,70px)/1.08 Georgia,serif;letter-spacing:-.055em;margin:10px 0 30px;color:#193a39}.scene-body{max-width:720px}.scene-body p{font:normal clamp(17px,1.35vw,20px)/1.86 Georgia,serif;color:#3e5150;margin:0 0 20px}.choices{display:grid;gap:10px;margin:38px 0 0;max-width:680px}.choice{width:100%;text-align:left;border:1px solid #becfc5;background:#fffdf8;padding:17px 18px;color:#204643;display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:800;transition:background .15s,transform .15s}.choice:hover{background:#edf5ec;transform:translateX(3px)}.choice span:last-child{font-size:18px;color:#6c9b86}.ending-actions{border-top:1px solid #d1ddd2;margin-top:38px;padding-top:23px}.ending-actions p{font:italic 17px Georgia,serif;color:#5b706c}.ending-actions button{background:#123f42;color:#fff;border:0;padding:14px 18px;font-size:12px;font-weight:800}.reader-bottom{border-top:1px solid #d6ded3;padding-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#8a9a90;font-size:9px;letter-spacing:.15em;font-weight:800}.reader-bottom button{background:transparent;border:0;padding:8px 0;color:#315c54;font-size:12px;font-weight:800}.reader-bottom button:disabled{color:#a8b7ad;cursor:default}.reader-error{padding:16px;background:#f8e7dc;color:#7e4435;font-size:13px;margin-top:20px}
/* Creator */.creator-page{background:#edf0e9}.lighthead{background:#fffdf7}.creator-top-actions{display:flex;align-items:center;gap:16px}.creator-top-actions>span{font-size:10px;color:#58776d;white-space:nowrap}.top-action{border:1px solid #bed0c4;background:#fff;padding:11px 13px;color:#1d4a44;font-size:11px;font-weight:800}.top-action.primary{background:#143f40;color:#fff;border-color:#143f40}.creator-shell{display:grid;grid-template-columns:295px minmax(0,1fr);min-height:calc(100vh - 75px)}.creator-rail{background:#143d42;color:#e9f1e7;padding:30px 23px;position:sticky;top:0;height:calc(100vh - 75px);overflow:auto}.rail-back{font-size:11px;color:#c4dacf;text-decoration:none}.creator-rail .eyebrow{margin-top:44px}.creator-rail h1{font:normal 37px/1.08 Georgia,serif;letter-spacing:-.045em;margin:16px 0}.creator-rail>p:not(.eyebrow){font:normal 13px/1.65 Georgia,serif;color:#c3d9d1}.story-setup{display:grid;gap:13px;border-top:1px solid #6e918c;padding-top:24px;margin-top:28px}.story-setup label,.editor-fields label{display:grid;gap:6px;font-size:11px;font-weight:800}.story-setup input,.story-setup select{width:100%;border:1px solid #87aaa1;background:#f7f9f2;color:#1d3d37;padding:10px}.rail-actions{display:grid;gap:9px;margin-top:24px}.rail-actions button,.import-label{display:block;text-align:left;border:1px solid #749791;background:transparent;color:#e5f2e9;padding:10px 12px;font-size:11px;font-weight:800}.rail-actions button:hover,.import-label:hover{background:#ffffff1c}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.rail-disclaimer{font-size:10px!important;color:#abc8be!important}.creator-content{padding:34px clamp(19px,3.5vw,55px) 75px;min-width:0}.creator-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:27px}.creator-intro h2{font:normal clamp(31px,3.3vw,52px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:8px 0 10px}.creator-intro p:not(.eyebrow){font-size:12px;color:#637873;max-width:500px;line-height:1.55}.draft-status{font-size:11px;color:#37695b;white-space:nowrap;border:1px solid #c3d9c7;padding:9px 11px;background:#e6f0e7}.creator-grid{display:grid;grid-template-columns:minmax(200px,.42fr) minmax(350px,1fr);gap:15px;align-items:start}.scene-list-panel,.scene-editor-panel,.creator-footer{background:#fffefa;border:1px solid #d8e3d8;box-shadow:0 8px 25px #123d3210}.scene-list-panel{position:sticky;top:16px}.list-head,.editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px;border-bottom:1px solid #e1e9df;font-size:10px;letter-spacing:.15em;font-weight:800;color:#4b7f6d}.list-head button,.editor-head button,.choice-head button{background:#e8f2e9;border:0;color:#2c6956;font-size:11px;font-weight:800;padding:8px 10px;letter-spacing:0}.editor-head button{background:#f5e8e1;color:#99604b}.scene-list{max-height:570px;overflow:auto;padding:8px}.scene-list button{width:100%;text-align:left;display:flex;gap:9px;align-items:center;padding:12px;border:0;background:transparent;color:#274a42;font-size:12px}.scene-list button:hover,.scene-list button.active{background:#eaf2e9}.scene-list button b{font-size:10px;color:#629280;min-width:24px}.scene-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-list button small{margin-left:auto;color:#a18b5f}.map-summary{border-top:1px solid #e1e9df;padding:14px 19px;font-size:10px;color:#6a7b70}.scene-editor-panel{min-width:0}.editor-fields{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-fields label.wide,.editor-fields .ending-toggle{grid-column:1/-1}.editor-fields label small{font-weight:400;color:#748377}.editor-fields input,.editor-fields textarea,.editor-fields select{width:100%;border:1px solid #c7d7cb;background:#fdfefa;color:#213c35;padding:11px;outline-color:#3e9271;font-size:13px}.editor-fields textarea{resize:vertical;line-height:1.6}.ending-toggle{display:flex!important;align-items:center;gap:9px!important;font-size:12px!important}.ending-toggle input{width:auto!important}.choice-editor{padding:0 22px 25px}.choice-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e9df}.choice-head h3{font:normal 22px Georgia,serif}.choice-row{border:1px solid #d6e2d7;background:#f7faf5;padding:12px;margin-bottom:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.52fr) auto;gap:8px;align-items:end}.choice-row label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#4b755e}.choice-row input,.choice-row select{width:100%;min-width:0;border:1px solid #c3d4c7;background:#fff;padding:9px;color:#234d3e;font-size:12px}.choice-row button{border:0;background:#f3e7e2;color:#96614d;padding:10px;font-size:11px;font-weight:800}.creator-footer{padding:22px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.creator-footer strong{font:normal 20px Georgia,serif}.creator-footer ul{margin:10px 0 0;padding-left:18px;font-size:12px;color:#855440;line-height:1.5}.creator-footer ul:empty:after{content:'All paths reach an ending.';color:#4d8063}.creator-footer-actions{display:flex;gap:9px;flex-wrap:wrap}.creator-footer-actions button,.preview-button{border:1px solid #b7cfc0;background:#edf5ec;color:#225a48;text-decoration:none;font-size:11px;font-weight:800;padding:12px}.preview-button{background:#173f40;color:#fff}
@media(max-width:1120px){.story-section{grid-template-columns:130px 1fr;gap:25px}.story-emblem{display:none}.creator-grid{grid-template-columns:1fr}.scene-list-panel{position:static}.scene-list{max-height:220px;display:grid;grid-template-columns:repeat(2,1fr)}.reader-shell{grid-template-columns:300px 1fr}}@media(max-width:760px){.masthead{height:67px;padding:0 16px}.masthead nav{gap:10px}.masthead nav a:not(.header-cta){display:none}.brand{font-size:16px}.brand img{width:30px;height:30px}.fable-hero{min-height:690px;height:calc(100svh - 67px)}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#041a21e8,#041a21a8 68%,#041a2150),linear-gradient(0deg,#041a21,transparent 50%)}.hero-content{padding:65px 22px 24px}.hero-content h1{font-size:70px}.hero-content>p:not(.eyebrow){font-size:16px}.hero-index{font-size:8px}.hero-index span:nth-child(2){display:none}.story-section{display:block;padding:75px 22px}.story-number{font-size:66px;margin-bottom:32px}.story-main h2,.make-copy h2{font-size:48px}.make-section{display:flex;flex-direction:column}.make-visual{padding:55px 32px;order:2}.make-copy{padding:75px 24px;order:1}.folio{min-height:420px;padding:32px}.folio h3{font-size:40px}.closing h2{font-size:45px}footer{display:grid;padding:25px}.reader-shell{display:block}.reader-aside{min-height:0}.reader-art{height:190px;min-height:0;mask-image:linear-gradient(#000 62%,transparent)}.reader-aside-copy{padding:0 22px 22px}.reader-aside h1{font-size:33px;margin-top:8px}.reader-aside-copy>p:not(.eyebrow):not(.aside-note){margin-bottom:8px}.reader-progress,.reader-aside ol,.reader-reset,.aside-note{display:none!important}.reader-main{padding:26px 22px 50px}.scene{padding:30px 0;min-height:430px}.scene h2{font-size:46px}.scene-body p{font-size:17px}.reader-bottom span{display:none}.creator-top-actions>span{display:none}.creator-top-actions .top-action{font-size:10px;padding:9px}.creator-top-actions #export-story{display:none}.creator-shell{display:block}.creator-rail{position:static;height:auto;padding:23px}.creator-rail .eyebrow,.creator-rail h1,.creator-rail>p:not(.eyebrow),.rail-disclaimer{display:none}.story-setup{grid-template-columns:1fr 1fr;margin-top:19px}.creator-content{padding:24px 14px 60px}.creator-intro{display:block}.draft-status{display:inline-block;margin-top:8px}.scene-list{grid-template-columns:1fr 1fr}.editor-fields{grid-template-columns:1fr;padding:17px}.editor-fields label.wide,.editor-fields .ending-toggle{grid-column:auto}.choice-editor{padding:0 17px 20px}.choice-row{grid-template-columns:1fr 1fr}.choice-row label:first-child{grid-column:1/-1}.creator-footer{display:block}.creator-footer-actions{margin-top:18px}}@media(max-width:420px){.masthead nav a.header-cta{padding:10px;font-size:10px}.hero-content h1{font-size:59px}.hero-index span:nth-child(3){display:none}.story-setup{grid-template-columns:1fr}.scene-list{grid-template-columns:1fr}.choice-row{grid-template-columns:1fr}.choice-row label:first-child{grid-column:auto}.creator-top-actions #save-draft{padding:8px}.reader-toolbar{font-size:9px}.choice{font-size:12px}}

@media(max-width:760px){.reader-reset{display:inline-block!important;margin-top:10px}.story-setup{grid-template-columns:1fr 1fr}.story-setup label:nth-child(n+3){grid-column:1/-1}.rail-actions{grid-template-columns:1fr 1fr}.rail-actions .import-label,.rail-actions #clear-draft{grid-column:1/-1}}