@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--navy:#212d45;--ink:#19253b;--yellow:#ffc03d;--muted:#687080;--paper:#f7f8fa;--line:#e5e8ed;--white:#fff;--font-brand:'Alegreya',Georgia,serif;--radius-card:12px;--radius-control:8px;--space-unit:8px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d49c24;outline-offset:4px}button{cursor:pointer}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sidebar{width:254px;background:var(--navy);position:fixed;inset:0 auto 0 0;color:white;padding:36px 24px 0;display:flex;flex-direction:column;z-index:30}.brand{font-family:var(--font-brand);font-size:45px;color:white;text-decoration:none;line-height:1;display:flex;align-items:center;font-weight:600;letter-spacing:-2px}.brand-icon{color:var(--yellow);margin-right:12px;display:flex}.brand-icon svg{height:30px;width:30px;stroke-width:1.3}.brand-dot{color:var(--yellow)}.sidebar-intro{font-size:10px;letter-spacing:.15px;color:#b1b9c9;margin-top:17px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#9aa6bb;margin:50px 12px 18px}.nav{gap:8px}.sidebar .nav-link{border:0;color:#c2cad8;display:flex;align-items:center;gap:13px;background:transparent;text-align:left;width:100%;padding:13px 12px;border-radius:7px;font-size:12px;white-space:nowrap}.sidebar .nav-link svg{width:18px;height:18px}.sidebar .nav-link:hover{background:#ffffff0a;color:white}.sidebar .nav-link.active{background:#ffc03d;color:#253047;font-weight:650}.nav-count{margin-left:auto;font-size:10px;color:#9aa6bb}.nav-dot{height:6px;width:6px;background:var(--ink);border-radius:50%;margin-left:auto}.nav-divider{height:1px;background:#ffffff13;margin:15px 9px 12px}.sidebar-note{margin:50px 8px 28px;padding:20px 15px 22px;background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px solid #ffffff10;border-radius:10px;position:relative}.note-symbol{color:var(--yellow);font-size:28px}.sidebar-note h3{font-family:var(--font-brand);font-size:24px;line-height:1.2;margin:15px 0 12px;font-weight:400}.sidebar-note p{font-size:10px;color:#acb5c6;line-height:1.9;margin:0}.note-rule{display:block;width:25px;height:2px;background:#ffc03d99;margin:22px 0 14px}.note-footer{font-size:7px;letter-spacing:1px;color:#a9b3c5}.sidebar-bottom{border-top:1px solid #ffffff13;margin-top:auto;display:flex;align-items:center;gap:10px;padding:22px 0;font-size:10px}.sidebar-bottom small{display:block;font-size:9px;color:#9ba7bd;margin-top:4px}.avatar{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee8da;color:#635c4b;font-size:12px;font-weight:600;border:3px solid #ffffff0c}.online-dot{width:5px;height:5px;border-radius:50%;background:#87b39b;margin-left:auto}.main{margin-left:254px}.topbar{height:86px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff9}.breadcrumb-label{font-size:11px;color:var(--muted)}.topbar-right,.topbar-left{display:flex;align-items:center;gap:21px}.slow-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.slow-label>span{width:5px;height:5px;border-radius:50%;background:#85a38d}.header-divider{height:22px;width:1px;background:var(--line)}.avatar.small{height:30px;width:30px;font-size:10px}.page-content{padding:24px 48px 0;max-width:1400px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:8px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:7px;color:#7b8290}.eyebrow>span{width:5px;height:5px;background:#dba52e;border-radius:50%}h1{font-family:var(--font-brand);font-size:45px;line-height:1.07;letter-spacing:-1.4px;font-weight:400;margin:16px 0 15px}h1 em{font-weight:400;color:#848b95}.page-heading p{font-size:11px;color:var(--muted);margin:0}.heading-mark{font-size:83px;line-height:1;color:#ddc688;transform:rotate(10deg);margin-right:17px;font-family:Georgia,serif}.discovery{margin-top:0}.filter-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px}.filters{display:flex;gap:27px}.filter{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 15px;font-size:11px;color:var(--muted)}.filter.active{color:var(--ink);border-color:var(--ink);font-weight:650}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;color:var(--ink);height:32px;width:32px;border-radius:50%;padding:6px}.icon-btn:hover{background:#f0ede5}.search-toggle{border:0;background:transparent;margin-bottom:13px}.search-toggle svg{height:17px;width:17px}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:27px}.post-card{position:relative;border-radius:var(--radius-card);background:#1e3046;min-height:465px;color:white;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;background-image:radial-gradient(ellipse at 80% 95%,#3a6a653b,transparent 60%),radial-gradient(ellipse at 2% 0%,#3e52734d,transparent 60%)}.cosmic-grid{position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#b1d2e50c 1px,transparent 1px),linear-gradient(90deg,#b1d2e50c 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(transparent,#000)}.orbit{position:absolute;width:430px;height:430px;border:1px solid #aac8ce0d;border-radius:50%;bottom:-301px;left:-120px;z-index:-1}.orbit-two{width:550px;height:550px;bottom:-360px;left:-145px}.star{position:absolute;font-size:14px;color:#c6d5d23a;font-weight:400}.star-one{top:113px;right:45px}.star-two{bottom:100px;left:35px;font-size:10px}.post-top{padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:12px}.post-author{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500}.author-avatar{width:32px;height:32px;border:1px solid #d4e0d025;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--yellow);background:#ffffff06}.author-avatar svg{width:16px;height:16px}.post-author>div>span{display:block;font-size:8px;color:#a2b0bf;margin-top:3px;font-weight:400}.post-type{font-size:6px;letter-spacing:1.2px;color:#bac7d3;background:#ffffff06;border:1px solid #ffffff15;border-radius:20px;padding:6px 9px}.post-body{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:0 44px 27px}.large-quote{font-family:var(--font-brand);font-size:66px;color:var(--yellow);height:56px;line-height:1}blockquote{font-family:var(--font-brand);font-size:39px;line-height:1.22;letter-spacing:-.6px;max-width:445px;margin:10px 0 22px;font-weight:400;white-space:pre-line}.attribution{text-transform:uppercase;font-size:8px;letter-spacing:2.2px;color:#d0d5da}.attribution:before{content:'';display:inline-block;width:18px;height:1px;background:#c3a359;margin-right:10px;vertical-align:middle}.post-tag{margin-top:22px;font-size:8px;color:#d4ba77;background:#ffc03d0b;border:1px solid #ffc03d22;border-radius:20px;padding:4px 11px}.post-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 27px;padding:16px 0 20px;border-top:1px solid #ffffff10;gap:12px}.post-wordmark{font-family:var(--font-brand);font-size:21px;color:#e4e3d9}.post-bottom>span:nth-child(2){font-size:6px;letter-spacing:1.8px;color:#9cabb7}.post-bottom svg{height:12px;width:12px;color:#b4c7c4}.post-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 2px;border-bottom:1px solid var(--line);gap:10px}.post-actions{display:flex;gap:22px}.action-btn{border:0;background:none;display:flex;align-items:center;gap:6px;font-size:10px;color:#5e6878;padding:0}.action-btn svg{width:16px;height:16px}.action-btn[aria-pressed=true]{color:#a77718}.action-btn[aria-pressed=true] svg{fill:#ffc03d55}.read-time{font-size:9px;color:#8b929c}.post-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;color:#7c8794}.post-navigation>span{display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;display:inline-block;background:#87a394;border-radius:50%}.pagination-controls{display:flex;align-items:center;gap:13px}.pagination-controls>span{font-size:10px;color:#334054;letter-spacing:1px}.pagination-controls>span span{color:#9299a2}.pagination-controls .icon-btn{width:28px;height:28px}.pagination-controls svg{width:13px;height:13px}.previous svg{transform:rotate(180deg)}.welcome-card{background:#f0eee8;border:1px solid #e7e3da;border-radius:10px;padding:24px 22px 0;overflow:hidden}.tiny-label{font-size:7px;letter-spacing:1.5px;color:#79776e;font-weight:500}.sun-art{height:111px;position:relative;overflow:hidden;margin:14px auto 14px;width:160px}.sun-circle{position:absolute;width:77px;height:77px;background:#e9b94e;border-radius:50%;top:14px;left:41px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#fff4 3px,#fff4 4px)}.sun-line{width:150px;height:30px;border-top:1px solid #b1b2a7;border-radius:50%;position:absolute;top:74px;left:4px;background:#f0eee8}.sun-line.second{top:85px;width:160px;left:0}.sun-line.third{top:98px;width:165px;left:-2px}.welcome-card h2{font-family:var(--font-brand);font-size:25px;line-height:1.1;letter-spacing:-.45px;font-weight:400;margin:0 0 13px}.welcome-card p{font-size:10px;line-height:1.8;color:#7e807c;margin:0 0 20px}.welcome-footer{border-top:1px solid #deded5;font-size:7px;color:#7b807a;display:flex;align-items:center;gap:7px;padding:15px 0}.mood-section{margin-top:28px}.section-label{font-size:7px;font-weight:600;letter-spacing:1.3px;color:#7a8390;margin-bottom:13px}.mood-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mood-tags button{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid #e2e5e9;border-radius:6px;background:transparent;font-size:8px;color:#697383;gap:5px}.mood-tags button:hover,.mood-tags button.active{background:#f8edcf;border-color:#e4ca88;color:#6e551c}.rail-quote{padding-top:24px;text-align:center}.rail-quote>span{font-family:var(--font-brand);color:#cab277;font-size:32px;line-height:1}.rail-quote p{font-family:var(--font-brand);font-size:20px;color:#8c9197;line-height:1.25;font-style:italic;margin:0 0 12px}.rail-quote>div{font-size:6px;letter-spacing:1.4px;color:#939aa4}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:35px;padding:21px 0;font-size:8px;color:#9299a3}.footer-star{color:#caa54f;padding-left:5px}.search-box{margin-bottom:20px}.form-control{font-size:12px;padding:12px;border-color:var(--line)}.empty-state{min-height:465px;text-align:center;background:white;border:1px solid var(--line);border-radius:12px;padding:100px 30px}.empty-state>svg{color:#c5a048;width:35px;height:35px;margin-bottom:20px}.empty-state h2{font-family:var(--font-brand);font-size:28px}.empty-state p{color:var(--muted);font-size:12px}.discover-btn{font-size:12px;background:var(--yellow);margin-top:12px}.discover-btn span{padding-left:20px}.toast-message{position:fixed;bottom:25px;left:calc(50% + 127px);transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 23px;border-radius:8px;box-shadow:0 5px 30px #19253b22;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast-message.show{opacity:1;transform:translate(-50%,0)}.mobile-menu,.sidebar-close{display:none}.sidebar-backdrop{display:none}.post-card.story blockquote{font-size:24px;line-height:1.5;text-align:left}.post-card.verse{background-color:#304b49}.post-card.story{background-color:#3f354b}[hidden]{display:none!important}
@media(min-width:1500px){.page-content{padding-top:24px}.post-card{min-height:530px}.reader-grid{grid-template-columns:minmax(0,1fr) 280px}.welcome-card{padding:28px}.sun-art{height:130px}.welcome-card h2{font-size:29px}blockquote{font-size:46px;max-width:500px}}
@media(max-width:1150px){.sidebar{width:220px;padding-left:18px;padding-right:18px}.main{margin-left:220px}.page-content{padding:20px 30px 0}.topbar{padding:0 30px}.reader-grid{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.welcome-card{padding:20px 16px 0}.post-body{padding-left:25px;padding-right:25px}blockquote{font-size:34px}.post-type{display:none}.post-actions{gap:16px}.post-bottom>span:nth-child(2){font-size:5px}.toast-message{left:calc(50% + 110px)}}
@media(max-width:950px){.right-rail{display:none}.reader-grid{grid-template-columns:1fr}.post-card{min-height:490px}blockquote{font-size:43px}.post-body{padding-left:50px;padding-right:50px}.page-content{max-width:730px}.heading-mark{font-size:60px;margin-right:0}.sidebar-note{margin-top:35px}.topbar{height:75px}.post-type{display:block}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:254px}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.visible{display:block;position:fixed;inset:0;background:#121a2d88;z-index:29;backdrop-filter:blur(3px)}.sidebar-close{display:flex;position:absolute;right:17px;top:40px;background:transparent;border-color:#ffffff22;color:white;width:26px;height:26px}.sidebar-close svg{width:14px;height:14px}.main{margin-left:0}.mobile-menu{display:flex;border:0;background:transparent;width:26px;padding:0}.topbar{height:66px;padding:0 21px}.topbar-left{gap:12px}.breadcrumb-label{font-size:10px}.topbar-right{gap:12px}.slow-label{font-size:9px}.header-divider{display:none}.page-content{padding:16px 21px 0}.eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:38px;margin:14px 0 13px}.page-heading p{font-size:10px;max-width:265px;line-height:1.7}.heading-mark{font-size:51px;align-self:flex-start;margin-top:28px}.discovery{margin-top:0}.filters{gap:23px}.filter{font-size:10px;padding-bottom:13px}.filter-row{margin-bottom:18px}.search-toggle{margin-bottom:10px;width:24px;height:24px}.post-card{min-height:470px}.post-top{padding:21px}.post-body{padding:12px 30px 30px}blockquote{font-size:37px}.post-bottom{margin:0 21px}.post-toolbar{padding:18px 0}.post-actions{gap:22px}.action-btn{font-size:10px}.read-time{font-size:8px}.post-bottom>span:nth-child(2){font-size:5px;letter-spacing:1.5px}.page-footer{margin-top:28px;font-size:7px;padding:18px 0;gap:12px}.page-footer>span:last-child{text-align:right}.toast-message{left:50%;max-width:90%;width:max-content}.post-card.story blockquote{font-size:23px}.sidebar-note{margin-top:40px}.post-navigation{margin-top:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep navigation and profile in the compact reader toolbar. */
.filter-row{gap:12px;align-items:flex-start}.reader-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.reader-tools .search-toggle{margin-bottom:0}.reader-tools .avatar{flex-shrink:0}.filter-row .mobile-menu{margin-top:2px;flex-shrink:0}
@media(max-width:700px){.filter-row{gap:10px}.filters{gap:15px;min-width:0;overflow-x:auto;white-space:nowrap}.filter{flex-shrink:0}.reader-tools{gap:8px}.reader-tools .avatar.small{height:26px;width:26px}.filter-row .mobile-menu{width:20px}}
@media(max-width:380px){.filter-row{flex-wrap:wrap}.filter-row .filters{order:3;flex-basis:100%}.reader-tools{margin-bottom:8px}}