/* App shell, touch controls, and reading preferences. */
html{min-width:280px;scrollbar-gutter:stable}
body{min-height:100vh;min-height:100dvh;background-image:radial-gradient(ellipse at 90% 0%,#ffc03d08,transparent 45%)}
button{touch-action:manipulation;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}
button:active:not(:disabled){transform:scale(.96)}
button:disabled{opacity:.35;cursor:default}
.sidebar{height:100dvh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}
.sidebar-bottom{flex-shrink:0}.sidebar-note{flex-shrink:0}.sidebar .nav-link{min-height:46px;font-size:13px}.sidebar-intro{font-size:11px}
.page-content{max-width:1360px;padding-top:24px}
.filter-row{align-items:center;position:sticky;top:0;z-index:10;background:#f7f8faf2;backdrop-filter:blur(18px);padding:10px 0 15px;margin-bottom:20px;border-bottom:1px solid var(--line);gap:16px}
.filters{display:flex;align-items:center;gap:4px;background:#e9ecf1;border:1px solid #e3e7ed;padding:4px;border-radius:12px;overflow-x:auto;scrollbar-width:none;min-width:0}
.filters::-webkit-scrollbar{display:none}
.filter{font-size:12px;min-height:38px;padding:8px 17px;border:0;border-radius:8px;white-space:nowrap;flex-shrink:0;color:#687080}
.filter.active{background:white;color:var(--ink);box-shadow:0 2px 5px #19253b0d}
.filter:hover:not(.active){background:#ffffff66}
.reader-tools{gap:10px;align-items:center}
.reader-tools .search-toggle,.reader-tools .avatar.small,.filter-row .mobile-menu{height:44px;width:44px;margin:0;flex-shrink:0}
.reader-tools .search-toggle{border:1px solid var(--line);background:white;border-radius:12px}
.reader-tools .search-toggle[aria-expanded=true]{background:#fff0c9;border-color:#e8cb86}
.reader-tools .avatar.small{border:3px solid white;box-shadow:0 0 0 1px #e2dfd7;font-size:12px}
.profile-button{cursor:pointer}.profile-button[aria-expanded=true]{box-shadow:0 0 0 2px #d8ad50}
.reader-grid{grid-template-columns:minmax(0,1fr) 248px;gap:28px;align-items:start}
.post-column{min-width:0}.post-card{min-height:clamp(430px,calc(100svh - 220px),760px);box-shadow:0 10px 30px #19253b0b;touch-action:pan-y}
.post-top{padding:25px 28px}.post-author{font-size:12px}.post-author>div>span{font-size:10px}.author-avatar{height:36px;width:36px}.post-type{font-size:8px;letter-spacing:1px}.post-bottom>span:nth-child(2){font-size:7px;letter-spacing:1.3px}
blockquote{font-size:clamp(34px,3.3vw,52px);max-width:540px;text-wrap:pretty}.attribution{font-size:10px;line-height:1.8;letter-spacing:1.5px}.post-tag{font-size:10px}.post-card.story blockquote{font-size:clamp(22px,2vw,29px);line-height:1.5;max-width:570px}
.post-toolbar{padding:9px 0;min-height:64px}.post-actions{gap:12px}.action-btn{min-height:44px;padding:9px 10px;border-radius:10px;font-size:12px;gap:8px}.action-btn:hover{background:#eaeef3}.action-btn svg{width:19px;height:19px}.read-time{font-size:10px}
.post-navigation{font-size:11px;margin-top:10px}.pagination-controls{gap:12px}.pagination-controls .icon-btn{height:44px;width:44px;border-radius:12px}.pagination-controls svg{height:17px;width:17px}.pagination-controls>span{font-size:12px;min-width:57px;text-align:center}
.right-rail{position:sticky;top:96px}.welcome-card p{font-size:12px}.welcome-footer{font-size:9px}.tiny-label,.section-label{font-size:9px}.mood-tags button{font-size:10px;min-height:40px}.rail-quote>div{font-size:8px}.page-footer{font-size:10px;margin-top:25px}.toast-message{bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px);text-align:center}
.search-box{margin-bottom:16px}.search-box .form-control{min-height:48px;border-radius:12px;font-size:16px;background:white;box-shadow:0 2px 10px #19253b04}.search-box .form-control:focus{border-color:#c4a259;box-shadow:0 0 0 3px #ffc03d22}
.preferences{background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;box-shadow:0 8px 24px #19253b06}
.preferences-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.preferences-heading strong{font-size:14px}.preferences-heading>span{font-size:11px;color:var(--muted)}
.preference-option{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:12px;cursor:pointer}.preference-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.preference-option input{appearance:none;-webkit-appearance:none;margin:0;float:none;flex-shrink:0;position:relative;width:42px;height:25px;border:1px solid #cbd1da;border-radius:20px;background:#e3e7ed;cursor:pointer;background-image:none!important;transition:background .2s}
.preference-option input:before{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #19253b30;transition:transform .2s}
.preference-option input:checked{background:var(--navy);border-color:var(--navy)}.preference-option input:checked:before{transform:translateX(17px);background:var(--yellow)}
.preference-option input:focus-visible{outline:3px solid #ffc03d88;outline-offset:3px}
body.large-text blockquote{font-size:clamp(42px,4vw,62px)}body.large-text .post-card.story blockquote{font-size:clamp(26px,2.5vw,34px)}
body.quiet-view .right-rail,body.quiet-view .page-footer{display:none}body.quiet-view .reader-grid{grid-template-columns:minmax(0,800px);justify-content:center}
@keyframes post-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.post-body.changing{animation:post-enter .24s ease-out}
@media(max-width:1100px){.reader-grid{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.filter{padding-inline:12px}.welcome-card{padding:20px 16px 0}.post-type{display:none}}
@media(max-width:950px){.reader-grid{grid-template-columns:1fr}.page-content{max-width:760px;padding-inline:24px}.right-rail{display:none}.post-card{min-height:clamp(430px,calc(100svh - 225px),720px)}.post-type{display:inline-block}.filter{padding-inline:14px}.post-body{padding-inline:34px}.preferences{grid-template-columns:1fr}.preference-option+.preference-option{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}}
@media(max-width:700px){
  html{scrollbar-gutter:auto}.page-content{padding:0 14px max(16px,env(safe-area-inset-bottom));max-width:600px}.filter-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:0 10px;padding:calc(8px + env(safe-area-inset-top)) 0 10px;margin-bottom:12px;top:0;isolation:isolate}.filter-row:before{content:'';position:absolute;inset:0 -14px;background:#f7f8fa;z-index:-1}
  .filter-row .mobile-menu{display:flex;border:1px solid var(--line);background:white;border-radius:12px;margin:0;grid-column:1;grid-row:1}.filter-row .mobile-menu svg{height:20px;width:20px}
  .reader-tools{grid-column:3;grid-row:1;margin:0;gap:10px}.filter-row .filters{grid-column:1/-1;grid-row:2;order:initial;flex-basis:auto;margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px;padding:4px;border-radius:12px;overflow:visible}
  .filter{padding:9px 3px;min-height:40px;font-size:12px;border-radius:8px}.reader-tools:before{content:'BeStill.';font-family:var(--font-brand);font-size:30px;letter-spacing:-1px;color:var(--ink);position:absolute;left:56px;pointer-events:none}
  .reader-grid{display:block}.post-card{min-height:clamp(340px,calc(100svh - 265px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),680px);border-radius:16px}.post-top{padding:18px 19px}.post-author{font-size:11px}.post-author>div>span{font-size:9px}.author-avatar{height:32px;width:32px}.post-type{font-size:6px;padding:5px 7px}.post-body{padding:2px 24px 20px}.large-quote{height:42px;font-size:56px}blockquote{font-size:clamp(30px,8.3vw,42px);line-height:1.18;margin:10px 0 18px;letter-spacing:-.6px}.post-tag{margin-top:16px;font-size:9px}.attribution{font-size:9px;letter-spacing:1.2px}.post-bottom{padding:12px 0 15px;margin:0 19px}.post-bottom>span:nth-child(2){font-size:6px;letter-spacing:1px}.post-wordmark{font-size:19px}
  .post-card.story blockquote{font-size:22px;line-height:1.45}.post-card.story .large-quote{display:none}.post-card.story .post-body{padding-top:8px;padding-bottom:24px}
  .post-toolbar{padding:5px 0;min-height:56px}.post-actions{gap:2px}.action-btn{font-size:12px;padding-inline:9px}.action-btn svg{width:18px;height:18px}.read-time{font-size:9px}.post-navigation{margin-top:8px;font-size:10px}.pagination-controls{gap:9px}.pagination-controls .icon-btn{height:44px;width:44px}.page-footer{display:none}
  .sidebar{padding-top:calc(28px + env(safe-area-inset-top));width:min(300px,calc(100vw - 48px));box-shadow:20px 0 60px #0002;transition:transform .25s ease;visibility:hidden}.sidebar.open{visibility:visible}.sidebar-close{top:calc(33px + env(safe-area-inset-top));height:36px;width:36px;right:18px}.sidebar .nav-link{min-height:48px;font-size:14px}.sidebar .nav-link svg{width:20px;height:20px}.nav-count{font-size:11px}.nav-caption{margin-top:32px}.sidebar-note{margin-top:28px;padding:18px}.sidebar-bottom{font-size:12px}.sidebar-bottom small{font-size:10px}
  .preferences{padding:16px;margin-bottom:12px}.preferences-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:10px}.preference-option{font-size:13px;min-height:52px}.preference-option small{font-size:11px}
  body.large-text blockquote{font-size:clamp(36px,10vw,50px)}body.large-text .post-card.story blockquote{font-size:26px}
  body.menu-open{overflow:hidden}.main[inert]{pointer-events:none}.toast-message{font-size:12px;bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media(max-width:350px){.filter{font-size:11px}.read-time{display:none}.post-type{display:none}.post-body{padding-inline:20px}.post-bottom>span:nth-child(2){font-size:5px}.navigation-hint{font-size:9px}.pagination-controls{gap:6px}}
@media(max-height:650px) and (min-width:701px){.sidebar-note{display:none}.nav-caption{margin-top:28px}.post-card{min-height:380px}}
@media(prefers-reduced-motion:reduce){button,.sidebar,.preference-option input,.preference-option input:before{transition:none}.post-body.changing{animation:none}}

/* A native vertical feed: each post gets the available reading space. */
html{scrollbar-width:thin;scrollbar-color:#a9b3c2 #f1f3f6}
body{overflow:hidden}.main{height:100vh;height:100dvh}.page-content{height:100%;display:flex;flex-direction:column;padding-bottom:16px}.discovery{display:flex;flex-direction:column;flex:1;min-height:0}
.filter-row{position:relative;flex-shrink:0;padding-top:0;margin-bottom:16px}.preferences,.search-box{flex-shrink:0;max-height:40dvh;overflow-y:auto}
.reader-grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.post-column{height:100%;min-height:0;display:flex;flex-direction:column}.post-feed{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bac3cf transparent;padding-right:7px;border-radius:16px;outline-offset:3px}
.post-feed::-webkit-scrollbar{width:4px}.post-feed::-webkit-scrollbar-thumb{border-radius:8px;background:#bac3cf}.post-feed::-webkit-scrollbar-track{background:transparent}
.feed-item{min-height:calc(100% - 22px);display:flex;flex-direction:column;scroll-snap-align:start;position:relative;margin-bottom:12px}.feed-item:last-child{margin-bottom:0;min-height:100%}
.feed-item .post-card{flex:1 0 auto;min-height:0;box-shadow:none;scroll-margin:0}.feed-item .post-body{padding-top:10px;padding-bottom:24px}.feed-item .post-toolbar{flex-shrink:0;border:0;min-height:52px;padding:4px 2px}.feed-item .post-bottom{padding-bottom:14px}.feed-item .post-top{padding-top:20px;padding-bottom:16px}
.scroll-cue{min-height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#85909e;font-size:9px;letter-spacing:.3px;padding:2px 0 8px}.scroll-cue-line{height:1px;width:20px;background:#cbd1da}.scroll-cue-arrow{font-size:15px;color:#a57d2b;line-height:1}.feed-end .scroll-cue-arrow,.feed-end .scroll-cue-line{display:none}.feed-end .scroll-cue{font-family:var(--font-brand);font-style:italic;font-size:14px;color:#8b929d}
.right-rail{position:relative;top:auto;max-height:100%;overflow-y:auto;scrollbar-width:none}.right-rail::-webkit-scrollbar{display:none}.page-footer{display:none}.empty-state{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}.empty-state .discover-btn{flex-shrink:0}
body.quiet-view .reader-grid{grid-template-columns:minmax(0,900px)}
@media(max-width:950px){.reader-grid{display:grid;grid-template-columns:1fr}.page-content{max-width:800px}.feed-item .post-card{min-height:0}}
@media(max-width:700px){
  .page-content{padding:0 12px max(4px,env(safe-area-inset-bottom))}.filter-row{padding:calc(8px + env(safe-area-inset-top)) 0 8px;margin-bottom:8px}.filter-row:before{inset:0 -12px}.filter-row .filters{margin-top:8px}.filter{min-height:36px;padding-block:7px}.reader-grid{display:grid}.post-feed{padding-right:0;scrollbar-width:none;border-radius:16px 16px 0 0}.post-feed::-webkit-scrollbar{display:none}.feed-item{min-height:calc(100% - 18px);margin-bottom:10px}.feed-item .post-card{min-height:0;border-radius:16px}.feed-item .post-top{padding:16px 18px 10px}.feed-item .post-body{padding:6px 24px 20px}.feed-item .post-bottom{padding:10px 0 12px;margin-inline:18px}.feed-item .post-toolbar{min-height:48px;padding:2px 0}.scroll-cue{min-height:24px;padding-bottom:6px;font-size:9px}.feed-item .post-card.story .post-body{padding-top:4px}.feed-item .post-card.story blockquote{font-size:21px;line-height:1.45}.feed-item blockquote{font-size:clamp(30px,8.3vw,42px)}.feed-end .scroll-cue{font-size:13px}.preferences{margin-bottom:10px;max-height:35dvh}.search-box{margin-bottom:10px}.post-feed:focus-visible{outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){.post-feed{scroll-behavior:auto;scroll-snap-type:none}}

/* Mobile card deck uses native horizontal swiping, without vertical feed movement. */
@media(max-width:700px){
  .post-feed{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scroll-padding:0;border-radius:18px 18px 0 0;touch-action:pan-x pan-y}
  .feed-item,.feed-item:last-child{width:100%;min-width:100%;height:100%;min-height:0;flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
  .feed-item .post-card{flex:1 1 0;min-height:0;border-radius:18px;transform-origin:50% 95%}
  .feed-item .post-top,.feed-item .post-bottom{flex-shrink:0}
  .feed-item .post-body{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;justify-content:safe center;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;-webkit-overflow-scrolling:touch;flex:1 1 auto}
  .feed-item .post-body>*{flex-shrink:0}.feed-item .post-body::-webkit-scrollbar{width:3px}.feed-item .post-body::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:4px}
  .scroll-cue,.feed-end .scroll-cue{min-height:34px;font:500 10px 'DM Sans',sans-serif;color:#7d8796;letter-spacing:.2px;gap:9px;padding:3px 0 8px}
  .scroll-cue-line{display:none}.scroll-cue-arrow,.feed-end .scroll-cue-arrow{display:inline-flex;align-items:center;justify-content:center;color:#9e7622;background:#f5ead0;border:1px solid #ead9b0;border-radius:20px;width:32px;height:22px;font-size:17px}
  .swipe-intro .post-card{animation:swipe-invitation 1.65s .65s cubic-bezier(.25,.65,.3,1) both}
  .swipe-intro .scroll-cue-arrow{animation:swipe-hint 1.65s .65s ease-in-out both}
}
@keyframes swipe-invitation{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(-26px) rotate(-1.7deg)}56%{transform:translateX(8px) rotate(.6deg)}78%{transform:translateX(-7px) rotate(-.4deg)}}
@keyframes swipe-hint{0%,100%{transform:translateX(0)}30%{transform:translateX(-6px)}56%{transform:translateX(4px)}78%{transform:translateX(-2px)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.post-feed{scroll-behavior:auto}.swipe-intro .post-card,.swipe-intro .scroll-cue-arrow{animation:none}}

/* Discover opens as a compact editorial grid; Reader preserves the card experience. */
.view-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:16px}.view-summary{display:flex;align-items:baseline;gap:12px}.view-summary strong{font-family:var(--font-brand);font-weight:500;font-size:27px;letter-spacing:-.5px}.view-summary>span{font-size:10px;color:#949da9}
.view-switch{display:flex;gap:3px;padding:3px;border-radius:10px;border:1px solid #e2e6ed;background:#edf0f4}.view-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:0;border-radius:7px;background:transparent;font-size:11px;color:#87909e}.view-switch svg{height:15px;width:15px}.view-switch button.active{color:var(--ink);background:white;box-shadow:0 2px 5px #19253b0b}
.reader-grid.browse-mode{grid-template-columns:minmax(0,1fr)}.browse-mode .right-rail{display:none}.discover-grid{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-content:start;padding:1px 7px 16px 1px;scrollbar-width:thin;scrollbar-color:#bdc6d2 transparent;border-radius:14px}.post-feed{flex:1;position:relative;height:auto}
.preview-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:300px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:23px;border:1px solid #e3e7ed;border-radius:16px;background:white;color:var(--ink);box-shadow:0 2px 5px #19253b03;transition:transform .2s,box-shadow .2s,border-color .2s}
.preview-card:after{content:'';position:absolute;width:220px;height:220px;border:1px solid currentColor;opacity:.05;border-radius:50%;right:-130px;bottom:-120px;z-index:-1}.preview-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:8px;letter-spacing:1.4px;opacity:.65}.preview-top svg{height:14px;width:14px;transform:rotate(-45deg)}.preview-symbol{font-family:var(--font-brand);font-size:52px;line-height:.8;height:37px;color:#bc9540;margin-top:28px}.preview-text{font-family:var(--font-brand);font-size:27px;line-height:1.2;letter-spacing:-.35px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:18px}.preview-author{font-size:9px;line-height:1.6;opacity:.6;margin-top:auto;padding-bottom:20px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:13px;border-top:1px solid #8994a322;font-size:9px}.preview-bottom>span:first-child{opacity:.6}.preview-bottom>span:last-child{font-weight:600}.preview-bottom>span:last-child>span{margin-left:5px;color:#bb943a}
.preview-quote:nth-child(3n+1){color:#f7f4ec;background:radial-gradient(ellipse at 90% 110%,#466a5c66,transparent 70%),#25364e;border-color:#25364e}.preview-quote:nth-child(3n+1) .preview-symbol{color:var(--yellow)}.preview-quote:nth-child(3n+1) .preview-bottom{border-color:#ffffff17}.preview-story{background:#eeebf2;border-color:#e3dee9}.preview-story .preview-text{font-size:23px;-webkit-line-clamp:5}.preview-verse{background:#e8eeea;border-color:#dce5de}.preview-verse .preview-symbol{color:#819886}.preview-quote:nth-child(3n+2){background:#f3efe4;border-color:#e9e1d0}
@media(hover:hover){.preview-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #19253b0b;border-color:#c5af79}}
@media(max-width:1100px){.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-card{padding:22px;min-height:290px}}
@media(max-width:700px){.view-bar{margin-bottom:10px;gap:8px}.view-summary{gap:8px}.view-summary strong{font-size:23px}.view-summary>span{font-size:9px}.view-switch button{min-height:40px;padding:8px 10px;font-size:10px;gap:5px}.view-switch svg{width:14px;height:14px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:1px 1px 14px;scrollbar-width:none}.preview-card{min-height:245px;padding:16px 14px;border-radius:14px}.preview-top{font-size:7px;letter-spacing:.8px}.preview-top svg{width:11px;height:11px}.preview-symbol{font-size:43px;height:31px;margin-top:23px}.preview-text{font-size:23px;-webkit-line-clamp:4;margin-bottom:14px}.preview-story .preview-text{font-size:20px;-webkit-line-clamp:4}.preview-author{font-size:8px;padding-bottom:14px}.preview-bottom{font-size:8px;padding-top:11px}.post-feed{height:auto;min-height:0}.feed-item,.feed-item:last-child{height:100%;min-height:0}}
@media(max-width:350px){.view-summary>span{display:none}.preview-card{padding:15px 12px;min-height:230px}.preview-text{font-size:21px}.preview-story .preview-text{font-size:18px}.preview-top{font-size:6px}.preview-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){.preview-card{transition:none}}

.preview-shell{position:relative;min-width:0}.preview-shell .preview-card{width:100%;height:100%;padding-bottom:63px}.preview-shell .preview-bottom{padding-right:40px}.preview-share{position:absolute;bottom:13px;right:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffffec;color:var(--ink);border:1px solid #dce1e9;box-shadow:0 2px 6px #19253b08}.preview-share:hover{background:#fff0ca}.preview-share svg{height:17px;width:17px}
.share-sheet{border:1px solid #e5e8ed;border-radius:24px;padding:26px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;color:var(--ink);box-shadow:0 24px 100px #0a142e30}.share-sheet::backdrop{background:#17233d88;backdrop-filter:blur(7px)}.sheet-handle{display:none}.share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-heading .icon-btn{height:40px;width:40px}.share-eyebrow{font-size:8px;letter-spacing:1.8px;color:#9d7d36}.share-heading h2{font-family:var(--font-brand);font-size:29px;margin:7px 0 0;letter-spacing:-.5px}.share-quote{font-family:var(--font-brand);font-size:19px;line-height:1.4;color:#7c8594;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:20px 0 25px;padding-left:13px;border-left:2px solid #e5c473}.share-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.share-destinations button{display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:none;font-size:10px;color:#596579;padding:4px 0 12px;min-height:88px;border-radius:12px}.share-destinations button:hover{background:#f2f4f7}.social-mark{height:50px;width:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:27px;font-weight:700;color:white}.whatsapp-mark{background:#248b64}.facebook-mark{background:#2374d5}.instagram-mark{background:linear-gradient(35deg,#e6a64d,#d14d7c,#7757b7);font-size:36px}.tiktok-mark{background:#20242f;text-shadow:2px 1px #d84273,-2px -1px #58c9c8}.share-utilities{margin-top:14px;padding-top:17px;border-top:1px solid var(--line);display:flex;gap:8px}.share-utilities button{flex:1;background:#f4f6f8;border:1px solid #e6eaf0;border-radius:10px;min-height:44px;font-size:10px;color:#596579;padding:9px 5px}.share-utilities button span{padding-left:5px}.share-status{font-size:11px;color:#8b94a1;line-height:1.6;margin:18px 0 0;min-height:35px}.share-sheet[aria-busy=true] .share-destinations,.share-sheet[aria-busy=true] .share-utilities{opacity:.55;pointer-events:none}
@media(max-width:700px){.share-sheet{margin:auto 0 0;max-width:none;width:100%;max-height:85dvh;border-radius:24px 24px 0 0;padding:10px 23px max(22px,env(safe-area-inset-bottom));border-bottom:0}.sheet-handle{display:block;background:#d7dce4;width:32px;height:4px;border-radius:4px;margin:0 auto 20px}.share-heading h2{font-size:27px}.share-destinations{gap:5px}.share-quote{margin:18px 0}.share-utilities{margin-top:10px}.preview-shell .preview-card{padding-bottom:60px}.preview-shell .preview-bottom{padding-right:25px}.preview-share{bottom:10px;right:10px;width:36px;height:36px}}

/* Favorite and share sit together, with comfortable mobile hit areas. */
.preview-favorite{position:absolute;right:60px;bottom:13px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dce1e9;border-radius:12px;background:#ffffffec;color:#788397;box-shadow:0 2px 6px #19253b08}
.preview-favorite svg{height:18px;width:18px}.preview-favorite:hover{background:#fff0ca}.preview-favorite[aria-pressed=true]{color:#a66e26;background:#fff3d9;border-color:#e6c982}.preview-favorite[aria-pressed=true] svg{fill:#ffc03d88}.preview-shell .preview-bottom{padding-right:0}.preview-shell .preview-bottom>span:last-child{display:none}
.share-sheet{position:fixed;inset:0;margin:auto;padding:26px;width:min(460px,calc(100vw - 40px));max-height:calc(100dvh - 40px);background:#fff;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 30px 100px #0c183e40;overscroll-behavior:contain}
.share-sheet[open]{animation:share-reveal .22s ease-out}.share-sheet::backdrop{background:#111c3580;backdrop-filter:blur(8px)}.share-heading{gap:16px}.share-eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#a18447}.share-heading h2{font-size:30px;font-weight:400;margin:6px 0 0;line-height:1.1}.share-heading .icon-btn{background:#f2f4f7;border:0;color:#8a93a1;width:40px;height:40px}.share-heading .icon-btn svg{height:17px;width:17px}
.share-preview{display:flex;align-items:center;gap:17px;padding:16px;margin:22px 0 24px;background:linear-gradient(120deg,#f3f5f8,#faf9f5);border:1px solid #e9ecf1;border-radius:16px}.share-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 64px;height:112px;overflow:hidden;border-radius:9px;background:linear-gradient(150deg,#212d45,#304b49);color:var(--yellow);box-shadow:0 5px 12px #19253b1a;font-size:25px}.share-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.share-preview-copy{min-width:0}.share-format{font-size:7px;letter-spacing:1.3px;color:#929caa;display:flex;align-items:center;gap:8px}.share-format>span{border:1px solid #e1e5eb;border-radius:4px;padding:2px 5px;letter-spacing:.5px;font-size:7px;background:white}.share-preview .share-quote{padding:0;border:0;margin:9px 0 8px;line-height:1.25;font-size:20px;color:#3d4c62;-webkit-line-clamp:2}.share-preview-brand{font-size:9px;color:#929caa}
.share-destinations{gap:8px}.share-destinations button{min-height:90px;padding:8px 2px 11px;gap:10px;font-size:10px;color:#657083;border-radius:14px}.social-mark{width:52px;height:52px;border-radius:17px;box-shadow:inset 0 0 0 1px #ffffff26,0 5px 10px #19253b0a}.social-mark svg{width:28px;height:28px;stroke-width:1.6}.whatsapp-mark{background:#e7f6ef;color:#259767}.facebook-mark{background:#eaf1fe;color:#2673d6}.instagram-mark{background:linear-gradient(35deg,#fff1dd,#fbe4ed,#eee6ff);color:#b35b8b}.tiktok-mark{background:#edf0f4;color:#263245;text-shadow:none}
.share-utilities{padding-top:18px;margin-top:16px;gap:9px}.share-utilities button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f6f7fa;border:1px solid #eceef3;border-radius:13px;min-height:72px;color:#768194;font-size:10px}.share-utilities button:hover{background:#edf0f5}.share-utilities svg{height:19px;width:19px}.share-utilities button span{padding:0}.share-status{font-size:10px;line-height:1.5;margin:17px 0 0;min-height:30px;text-align:center;color:#9ba3af}
@keyframes share-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.preview-favorite{width:36px;height:36px;bottom:10px;right:52px}.share-sheet{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:26px 26px 0 0;padding:10px 22px calc(20px + env(safe-area-inset-bottom));border-bottom:0}.sheet-handle{width:34px;height:4px;margin-bottom:20px;background:#dce1e9}.share-heading h2{font-size:29px}.share-preview{margin:20px 0 16px;padding:14px;gap:15px}.share-thumbnail{flex-basis:57px;height:101px}.share-preview .share-quote{font-size:19px}.share-destinations{gap:4px}.share-destinations button{min-height:88px}.share-utilities{padding-top:16px;margin-top:12px}.share-status{margin-top:15px}.social-mark{height:50px;width:50px}}
@media(max-width:350px){.share-sheet{padding-inline:16px}.share-heading h2{font-size:26px}.share-destinations button{font-size:9px}.social-mark{width:45px;height:45px;border-radius:15px}.share-utilities{gap:6px}.share-preview .share-quote{font-size:18px}}
@media(prefers-reduced-motion:reduce){.share-sheet[open]{animation:none}}

/* Opposite corners, lighter controls, and touch-friendly hit areas. */
.preview-favorite{left:10px;right:auto;bottom:9px}
.preview-share{right:10px;bottom:9px}
.preview-favorite,.preview-share{width:44px;height:44px;border:0;background:transparent;box-shadow:none;border-radius:50%}
.preview-favorite svg,.preview-share svg{width:15px;height:15px;stroke-width:1.6}
.preview-favorite:hover,.preview-share:hover{background:#e8ecf2}
.preview-favorite[aria-pressed=true]{background:transparent;border:0;color:#a66e26}
.preview-favorite[aria-pressed=true]:hover{background:#fff0ca}
.preview-shell .preview-card{padding-bottom:65px}
@media(max-width:700px){.preview-favorite{left:5px;right:auto;bottom:6px}.preview-share{right:5px;bottom:6px}.preview-favorite,.preview-share{width:44px;height:44px}.preview-favorite svg,.preview-share svg{width:14px;height:14px}.preview-shell .preview-card{padding-bottom:62px}}

/* Myself: a separate reading space with practical topic filters. */
.myself-topics{flex-shrink:0;margin:0 0 18px}.myself-intro{display:block;color:#8b929d;font-size:11px;margin:0 0 13px}.myself-topic-list{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px}.myself-topic-list::-webkit-scrollbar{display:none}.myself-topic-list button{border:1px solid #e1e5eb;border-radius:20px;padding:9px 14px;min-height:38px;font-size:11px;color:#7e8897;background:transparent;white-space:nowrap}.myself-topic-list button.active{background:#27374d;border-color:#27374d;color:#f8f6ee}.myself-topic-list button:hover:not(.active){background:#f1e8d7;border-color:#dfccaa}
.preview-myself{background:linear-gradient(145deg,#f9f5ec,#f0ebe0);border-color:#e5ddcf}.preview-myself .preview-symbol{font-size:28px;height:25px;margin-top:20px;color:#a48242}.preview-myself .preview-text{font-size:27px;-webkit-line-clamp:3;line-height:1.1;margin-bottom:13px}.preview-myself .preview-excerpt{font-family:'DM Sans',sans-serif;font-size:11px;color:#8b8579;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:17px}.preview-myself .preview-author{font-size:10px;color:#a48242;opacity:1}.preview-myself .preview-top{color:#a48242;opacity:1}
.post-card.myself{background:radial-gradient(ellipse at 100% 100%,#796a4d44,transparent 70%),#273447}.post-card.myself .large-quote{display:none}.reflection-title{font-family:var(--font-brand);font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.5px;color:#e9d5a5;max-width:540px;margin:0 0 20px;text-align:left;width:100%}.post-card.myself blockquote{font-family:var(--font-brand);font-size:24px;line-height:1.5;text-align:left;letter-spacing:0;max-width:540px;margin:0 0 20px}.reflection-reference{font-size:10px;letter-spacing:.3px;color:#d3bd8c;border-top:1px solid #ffffff16;padding-top:13px;margin-top:3px;line-height:1.6}.post-card.myself .attribution{display:none}.post-card.myself .post-body{padding-block:25px}.post-card.myself .post-tag{margin-top:12px;font-size:9px}
@media(max-width:1150px) and (min-width:701px){.filters{overflow-x:auto;max-width:calc(100% - 112px)}.filter{padding-inline:11px;font-size:11px}}
@media(max-width:700px){.filter-row .filters{grid-template-columns:repeat(5,minmax(0,1fr))}.filter{font-size:10px;padding-inline:1px}.myself-topics{margin-bottom:12px}.myself-intro{font-size:10px;margin-bottom:8px}.myself-topic-list{gap:6px}.myself-topic-list button{font-size:10px;padding:8px 12px;min-height:38px}.preview-myself .preview-text{font-size:23px}.preview-myself .preview-excerpt{font-size:10px;-webkit-line-clamp:3;line-height:1.6}.preview-myself .preview-author{font-size:9px}.preview-myself .preview-symbol{font-size:25px;height:22px;margin-top:17px}.reflection-title{font-size:27px;margin-bottom:16px}.feed-item .post-card.myself .post-body{padding:20px 23px;justify-content:safe flex-start}.feed-item .post-card.myself blockquote{font-size:22px;line-height:1.5}.post-card.myself .reflection-reference{font-size:10px}.post-card.myself .post-tag{margin-bottom:2px}body.large-text .feed-item .post-card.myself blockquote{font-size:26px}}
@media(max-width:350px){.filter{font-size:9px}.preview-myself .preview-text{font-size:21px}}
body.large-text .post-card.myself blockquote{font-size:29px}