:root{--paper:#fffaf3;--ink:#24231f;--muted:#767777;--accent:#bf4b21;--line:#e8dfd3}*{box-sizing:border-box}body{margin:0;background:#e8e1d7;color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0;padding:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h3,.brand{font-family:Georgia,'Times New Roman',serif}svg{width:23px;height:23px;vertical-align:middle;flex-shrink:0}.muted{color:var(--muted)}.shell,.reader{max-width:480px;margin:0 auto;background:var(--paper);min-height:100vh;padding:0 16px 100px;box-shadow:0 0 55px #66594518}.top{display:flex;align-items:center;gap:14px;padding:24px 0 10px}.top>div{flex:1}.brand{font-weight:bold;font-size:31px;line-height:1.15;letter-spacing:-1.3px}.top p{font-size:12px;color:#717376;margin-top:4px}.icon-button{padding:5px}.avatar{width:32px;height:36px;border-radius:50%;background:linear-gradient(135deg,#dab792,#b7734b);display:inline-grid;place-items:center;font-size:10px;flex-shrink:0;color:white;box-shadow:inset 0 0 0 2px #fffbf6}.intro{padding:24px 0}.intro h1{font-size:32px}.intro p{margin-top:12px;color:var(--muted)}.home-intro{display:none}.date,.intro .eyebrow{display:none}.categories{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #eee5d9;margin:0 -16px;padding:0 16px}.categories button{font-size:11px;padding:15px 0 10px;color:#656970}.categories .active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.section-head{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px}.section-head h2{font-size:16px;letter-spacing:-.5px}.section-head button{font-size:12px;color:var(--accent)}.popular{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.card{height:276px;min-width:0;border-radius:10px;overflow:hidden;position:relative;isolation:isolate;text-align:left;color:#fff;flex:0 0 56%}.card:nth-child(2){flex-basis:42%}.scene{position:relative;overflow:hidden;isolation:isolate;background-color:#b1a18b;background-size:cover;background-position:center}.scene:before,.scene:after{content:none}.scene.mountain,.scene.ocean,.scene.forest{background-image:url('assets/mountain.jpg')}.scene.sugar,.scene.clay{background-image:url('assets/sugar.jpg')}.scene.woman{background-image:url('assets/woman.jpg')}.scene.zen{background-image:url('assets/zen.jpg')}.scene.van{background-image:url('assets/van.jpg')}.scene.notebook{background-image:url('assets/notebook.jpg')}.card>.scene{position:absolute;inset:0;z-index:-2}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#130e08a8 60%,#0c0d09ee);z-index:-1}.card-tag{font-size:10px;background:#5443308a;border-radius:20px;padding:4px 9px;display:inline-block;color:#fff;backdrop-filter:blur(5px)}.card>.card-tag{position:absolute;top:11px;left:10px}.card-bookmark{position:absolute;right:10px;top:12px}.card-bookmark svg{width:18px;height:18px}.card-copy{position:absolute;bottom:12px;left:11px;right:9px}.card h3{font-size:25px;line-height:1.02;letter-spacing:-.6px;font-weight:400}.card p{font-size:11px;line-height:1.35;margin-top:6px}.byline{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:15px}.byline .avatar{width:24px;height:26px;font-size:8px}.byline .muted{color:inherit;opacity:.8;font-size:9px;margin-left:auto}.card .byline{font-size:10px;white-space:nowrap}.card .byline .muted{font-size:8px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.collections button{position:relative;height:124px;overflow:hidden;border-radius:9px;text-align:left;color:#fff}.collections .scene{position:absolute;inset:0;z-index:-1}.collections button{isolation:isolate}.collections button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000c);z-index:-1}.collections span{position:absolute;bottom:9px;left:9px;font-size:14px;line-height:1.05;max-width:100px;font-weight:600}.collections small{font-size:10px;display:block;font-weight:400;margin-top:4px}.new-stories>button{display:flex;gap:12px;width:100%;text-align:left;padding:6px 0;border-top:1px solid #eee6dc}.new-stories .scene{width:84px;height:79px;border-radius:7px;flex-shrink:0}.new-stories>button>span{flex:1;min-width:0}.new-stories strong{font-size:12px}.new-stories p{font-size:11px;color:#777b7d;line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-stories small{font-size:9px;color:#777;margin-top:9px;display:block}.new-stories em{font-style:normal;color:#a56742;margin-left:7px}.new-stories svg{width:16px;height:20px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fffaf3f5;border-top:1px solid #eadfce;z-index:30;display:flex;justify-content:space-around;align-items:center;padding:8px 8px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.bottom button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:54px;color:#697079}.bottom svg{width:24px;height:24px}.bottom .selected{color:var(--accent)}.bottom .selected svg{fill:#c65b2c;stroke:#c65b2c}.bottom .create-nav{background:linear-gradient(120deg,#a16e48,#8b5839);color:white;border-radius:50%;width:48px;height:48px;min-width:48px;justify-content:center}.create-nav svg{width:29px;height:29px}.create-nav span{display:none}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards .card{height:300px}.reader{padding:0 0 90px}.readerbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20;background:#fffaf3ed;backdrop-filter:blur(15px)}.readerbar button{min-width:28px}.readerbar strong{font-size:15px;opacity:0;transition:opacity .2s;max-width:270px;display:block}.readerbar.compact strong{opacity:1}.readerbar small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.reader:not(.chapter)>.readerbar{margin-bottom:-65px;background:transparent}.reader:not(.chapter)>.readerbar.compact{background:#fffaf3f5}.readerbar:not(.compact) .header-follow{color:white;filter:drop-shadow(0 1px 3px #0008)}.story-hero{height:310px;color:white;transform-origin:top center;transition:transform .15s linear;isolation:isolate}.hero-copy{position:absolute;bottom:18px;left:20px;right:20px;z-index:1}.story-hero:after,.chapter-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 18%,#21120755 45%,#1c1107eb 100%);z-index:0}.hero-copy h1{font-size:34px;font-weight:400;line-height:1.08;margin:7px 0;letter-spacing:-.7px}.hero-copy p{font-size:14px;line-height:1.35;max-width:330px}.hero-author{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.hero-author .byline{margin:0;flex-wrap:wrap;position:relative;padding-left:41px;display:block;font-size:12px}.hero-author .avatar{position:absolute;left:0;top:0;width:33px;height:36px;font-size:10px}.hero-author .muted{display:block;font-size:10px;margin-top:3px}.pill{border:1px solid var(--line);border-radius:24px;padding:8px 16px;font-size:12px}.primary{background:#bd6434;border-color:#bd6434;color:white}.story-details{position:relative;margin-top:-1px;background:var(--paper);border-radius:17px 17px 0 0;z-index:2;padding-top:5px}.goal{padding:15px 20px;background:linear-gradient(90deg,#fff8ec,#fffaf3);border-radius:18px 18px 0 0}.goal summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.goal summary>span:nth-child(2){flex:1;min-width:0}.goal small{display:block;font-size:10px;color:#818181}.goal b{font-size:12px;font-weight:600}.target-icon{border-radius:50%;padding:7px 12px;font-size:29px;color:#d25a24;background:#fbebd9}.goal-count{font-size:9px;text-align:right;white-space:nowrap}.goal-progress{display:block;background:#f5d5b8;height:6px;border-radius:9px;margin-top:7px}.goal-progress i{display:block;background:#d77d50;width:58%;height:100%;border-radius:9px}.goal p{font-size:12px;margin-top:12px}.duration{padding:20px;color:var(--muted)}.story-tabs{display:flex;gap:30px;padding:10px 20px 0;border-bottom:1px solid var(--line);font-size:12px}.story-tabs span:first-child{color:var(--accent);border-bottom:2px solid var(--accent);padding:0 4px 10px;font-weight:600}.timeline{margin:0 20px 0 47px;border-left:1px solid #e4a17b;padding-left:44px}.episode{position:relative;padding:22px 0 16px;scroll-margin-top:80px;transition:opacity .45s,transform .45s}.episode:before{content:'';position:absolute;left:-49px;top:17px;width:9px;height:9px;border-radius:50%;background:#df8d60}.episode-avatar{position:absolute;left:-72px;top:30px;width:51px;height:51px;border-radius:50%;border:2px solid var(--paper);outline:2px solid #e8b18c}.episode-date{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.episode-date b{font-weight:500;font-size:11px;color:var(--accent)}time{font-size:10px;color:#8c8d8d}.badge{font-size:9px;background:#fff0bf;color:#b46c00;padding:3px 7px;border-radius:7px;white-space:nowrap}.episode h2{font-size:13px;margin:5px 0 2px;font-weight:600}.episode p{font-size:11px;line-height:1.4;color:#71767c}.gallery-button{display:block;width:100%;margin-top:7px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.thumbs .scene{height:47px;border-radius:6px}.actions{display:flex;align-items:center;gap:18px;font-size:10px;margin-top:8px;color:#657079}.actions button:first-child{color:#d64625}.actions svg{width:15px;height:15px}.chapter-link{margin-left:auto;font-size:9px;color:#b86b40}.fade{opacity:.25;transform:translateY(7px)}.chapter-hero{height:310px;color:#fff}.chapter-hero .hero-copy{bottom:16px}.chapter-hero .hero-copy time{display:block;color:#fff;margin:9px 0 4px;font-size:11px}.chapter-hero h1{font-size:36px}.chapter-hero .badge{background:#f8b721;color:#5a3500}.chapter-byline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 23px;font-size:11px}.chapter-byline .byline{margin:0;flex:1;font-size:12px}.chapter-byline .byline .muted{display:none}.chapter-byline .avatar{width:32px;height:35px;font-size:10px}.chapter-byline svg{width:18px;height:18px}.chapter-text{padding:0 24px 25px;font-size:13px;line-height:1.5;animation:arrive .25s}.chapter-text p{white-space:pre-line}.chapter-text blockquote{margin:13px 0;background:#faecdc;border-radius:11px;padding:12px 16px;border-left:3px solid #bd4b21;color:#807163;font-size:13px;font-weight:300}.chapter-text h2{font-family:Georgia,serif;font-size:20px;margin:13px 0 6px}.changes{list-style:none;padding:0;margin:0 0 12px;color:#737679;font-size:12px}.changes li{margin:4px 0}.changes li:before{content:'✓';background:#d47542;color:#fff;display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;font-size:10px;margin-right:10px}.chapter-text .thumbs{grid-template-columns:repeat(3,1fr)}.chapter-text .thumbs .scene{height:125px}.chapter-text .thumbs .scene:last-child{display:none}.empty{padding:35px 0;color:var(--muted)}.search{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:14px 0;font-size:18px;margin-bottom:20px}.editor{padding-top:20px}.editor h1{font-size:30px!important}.editor label{display:block;font-size:12px;margin-top:16px}.editor input,.editor textarea,.editor select,.comment input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fffdf8;color:var(--ink)}.editor textarea{min-height:90px;resize:vertical}.editor fieldset{border:1px solid var(--line);margin:20px 0;padding:13px}.editor legend{font-size:18px}.editor .primary{margin:8px 0}.comment{display:flex;gap:7px;margin-top:12px}.saved-card{padding:20px 0;border-bottom:1px solid var(--line)}.saved-card h2{font:24px Georgia,serif}.saved-card .pill{margin-top:12px}.note{font-size:11px;color:var(--muted);margin-top:15px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#3d3b32ed;color:#fff;padding:9px 15px;border-radius:12px;z-index:60;font-size:11px;width:max-content;max-width:90vw;display:none}@keyframes arrive{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:800px){.shell,.reader{margin:24px auto;border-radius:18px;overflow:clip;min-height:calc(100vh - 24px)}.bottom{border-radius:0 0 15px 15px}.readerbar{top:0}.popular .card{height:300px}}@media(max-width:370px){.hero-copy h1{font-size:29px}.card h3{font-size:22px}.goal-count{font-size:8px}.timeline{padding-left:35px}.episode-avatar{left:-63px}.episode:before{left:-40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.scene.mountain,.scene.ocean,.scene.forest,.scene.sugar,.scene.clay,.scene.woman,.scene.zen,.scene.van,.scene.notebook{background-image:url('assets/editorial-sheet.jpg');background-size:300% 200%}.scene.mountain,.scene.ocean,.scene.forest{background-position:0% 0%}.scene.sugar,.scene.clay{background-position:50% 0%}.scene.woman{background-position:100% 0%}.scene.zen{background-position:0% 100%}.scene.van{background-position:50% 100%}.scene.notebook{background-position:100% 100%}
.goal-progress i{width:8%}.readerbar.compact strong{color:var(--ink)}.chapter .readerbar strong{opacity:1}.episode .badge{background:#f9edce}.episode:nth-child(2) .badge{background:#e4f0df;color:#467444}.card .byline{flex-wrap:wrap}.card .byline .muted{margin-left:0}.popular .card{flex-shrink:0}.gallery-button:focus-visible{outline-offset:2px}
.popular .card:nth-child(2){flex-basis:calc(44% - 11px)}.card h3{overflow-wrap:normal}.popular .card:first-child h3{max-width:185px}.readerbar.compact{box-shadow:0 1px 0 #e9dfd0}.chapter-text .pill{background:#fff7eb}
.reader:not(.chapter)>.readerbar:not(.compact){backdrop-filter:none}.reader:not(.chapter)>.readerbar.compact{backdrop-filter:blur(15px)}