:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#141416;background:#e9e9ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #007aff;--text: #141416;--secondary: #808080;--tertiary: #a6a6ad;--surface: #f7f7f7;--bar: #f5f5f9;--grouped: #ebebef;--refresh-background: var(--grouped);--line: #dedee0;--preview: #efeff0;--read: #99999f;--comment-highlight: #f6ecd7;--collapsed-background: #c1c1c4;--collapsed-text: #f7f7f7;--shadow: 0 0 0 1px #00000008, 0 12px 70px #2323380a;color-scheme:light}:root[data-theme=dark]{--blue: #0a84ff;--text: #e9e9ed;--secondary: #929299;--tertiary: #66666f;--surface: #202127;--bar: #202127;--grouped: #15161b;--refresh-background: var(--bar);--line: #36373f;--preview: #292a33;--read: #80818b;--comment-highlight: #403820;--collapsed-background: #36363b;--collapsed-text: #a0a0a7;background:#111216;color-scheme:dark}@media(max-width:700px){:root,:root[data-theme=dark]{background:var(--bar)}}*{box-sizing:border-box}html{scrollbar-width:none;scroll-padding-top:calc(56px + env(safe-area-inset-top));overscroll-behavior-y:none}html:has(dialog[open]){overflow:hidden}body{margin:0;overscroll-behavior:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;padding:0;color:inherit;background:none}a{color:var(--blue);text-decoration:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}button:active,a:active{opacity:.55}.app-shell[hidden]{display:none}.app-shell{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;max-width:700px;margin:0 auto;background:var(--surface);box-shadow:var(--shadow);color:var(--text);--post-size: 16px;--comment-size: 14px}.text-small{--post-size: 15px;--comment-size: 13px}.text-large{--post-size: 18px;--comment-size: 16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:32px;height:34px;color:var(--secondary);border-radius:4px}.comment-link{color:var(--secondary);min-height:28px}.filter-banner{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 15px;color:var(--secondary);font-size:12px;background:var(--surface);border-bottom:.5px solid var(--line);text-align:left}.filter-banner span{margin-left:auto;color:var(--blue)}.load-more{display:block;color:var(--blue);width:100%;padding:19px 15px;font-size:15px;background:var(--surface);border-bottom:.5px solid var(--line)}.feed-footnote,.end-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;color:var(--secondary);padding:26px 16px}.feed-footnote{padding:15px 16px 26px;font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;padding:74px 30px 45px;max-width:390px;color:var(--secondary)}.empty-state>svg{color:var(--tertiary);margin-bottom:19px}.empty-state h2{font-size:18px;font-weight:600;margin:0 0 9px;color:var(--text);letter-spacing:-.3px}.empty-state p{font-size:14px;line-height:1.5;margin:0}.error-state{padding-top:65px}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:15px;padding:14px;margin-top:10px}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:38px 20px;color:var(--secondary);font-size:13px}.spinner{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--secondary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-post{padding:22px 16px 18px;border-bottom:8px solid var(--grouped);background:var(--surface)}.skeleton-post div{height:14px;background:var(--preview);border-radius:3px;margin-bottom:11px;animation:pulse 1.4s ease-in-out infinite alternate}.skeleton-post div:nth-child(2){width:72%}.skeleton-post div:nth-child(3){height:36px;width:100%;margin-bottom:0}@keyframes pulse{to{opacity:.4}}.notice,.storage-warning{padding:11px 15px;font-size:12px;line-height:1.4;color:var(--secondary);background:var(--preview);border-bottom:.5px solid var(--line)}.storage-warning{flex-shrink:0;color:var(--text)}.story-text{background:var(--surface);padding:6px 15px 20px;font-size:var(--comment-size)}.rich-text{overflow-wrap:anywhere;line-height:1.38}.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}.rich-text p{margin:12px 0}.rich-text pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border-radius:4px;background:var(--preview);font-size:.85em}.rich-text code{font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.rich-text pre code{font-size:1em}.rich-text blockquote{border-left:3px solid var(--line);padding-left:12px;margin:12px 0;color:var(--secondary)}.rich-text ul,.rich-text ol{padding-left:22px}.op-author{color:var(--blue)}.op-badge{background:var(--blue);color:#fff;font-size:8px;font-weight:500;padding:2px 3px;border-radius:3px}.collapsed-count{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:20px;padding:0 3px;border-radius:5px;background:var(--collapsed-background);font-size:12px;color:var(--collapsed-text);font-weight:400;white-space:nowrap}.comment-tombstone{color:var(--secondary);font-size:13px;font-style:italic;padding-bottom:10px}.comment-placeholder{height:88px;padding-top:8px}.comment-placeholder span{display:block;height:11px;width:80%;background:var(--preview);border-radius:3px;margin-bottom:9px}.comment-placeholder span:first-child{width:35%}.comment-retry{font-size:13px;color:var(--blue);padding:14px 0;text-align:left}.search-controls{padding:10px 15px 12px;background:var(--bar);border-bottom:.5px solid var(--line);position:sticky;top:0;z-index:3}.search-field{display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--secondary) 13%,transparent);color:var(--secondary);border-radius:10px;padding:0 9px;min-height:36px}.search-field input{border:0;background:none;padding:7px 0;font-size:16px;color:var(--text);outline:none;width:100%;min-width:0}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field button{color:var(--bar);background:var(--secondary);border-radius:50%;display:flex;padding:1px}.segmented-control{display:flex;background:color-mix(in srgb,var(--secondary) 13%,transparent);border-radius:8px;padding:2px;margin-top:11px}.segmented-control button{width:50%;border-radius:6px;font-size:13px;min-height:28px}.segmented-control .selected{background:var(--surface);box-shadow:0 1px 3px #00000020;font-weight:600}.search-history{margin:0 25px;border-top:.5px solid var(--line)}.search-history-row{display:flex;align-items:center;border-bottom:.5px solid var(--line)}.search-history-query{display:flex;align-items:center;gap:12px;color:var(--blue);flex:1;min-width:0;text-align:left;padding:16px 3px;font-size:15px}.search-history-query svg{flex-shrink:0;color:var(--secondary)}.search-history-query span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-remove{width:40px;min-height:44px;color:var(--secondary)}.settings-page,.feeds-page{padding:0 0 16px}.privacy-page{display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - var(--privacy-footer-height));padding:calc(36px + env(safe-area-inset-top)) 24px 24px;background:var(--privacy-background);text-align:center}.privacy-explanation{width:100%;max-width:380px}.privacy-symbol{display:block;margin:0 auto 14px;color:var(--blue)}.privacy-page h1{margin:0 0 22px;font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.6px}.privacy-copy{font-size:var(--post-size);line-height:1.35}.privacy-copy p{margin:0}.privacy-copy p+p{margin-top:18px}.privacy-actions{position:fixed;left:0;right:0;max-width:700px;margin:0 auto;bottom:0;padding:14px 24px max(22px,env(safe-area-inset-bottom));background:var(--privacy-background);z-index:4}.privacy-done{display:block;min-height:48px;width:100%;max-width:380px;margin:0 auto;padding:12px 20px;border-radius:10px;background:var(--blue);color:#fff;font-size:17px;font-weight:600}.privacy-screen{--privacy-background: #fff;--privacy-footer-height: calc(62px + max(22px, env(safe-area-inset-bottom))) ;background:var(--privacy-background)}:root[data-theme=dark] .privacy-screen{--privacy-background: #202127}.privacy-screen .scroll-view{padding-top:0;padding-bottom:var(--privacy-footer-height);background:var(--privacy-background)}.group-label{padding:26px 16px 8px;color:var(--secondary);font-size:12px}.settings-group{background:var(--surface);border-top:.5px solid var(--line);border-bottom:.5px solid var(--line)}.settings-row{min-height:47px;display:flex;align-items:center;gap:11px;padding:7px 15px;width:100%;color:var(--text);font-size:15px;text-align:left;position:relative}.settings-row:not(:last-child):after{content:"";position:absolute;bottom:0;height:.5px;background:var(--line);left:54px;right:0}.settings-icon{color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.purple{background:#af52de}.blue{background:#2995f5}.orange{background:#ff9500}.green{background:#34c759}.red{background:#ff3b30}.pink{background:#ff2d62}.slate{background:#7f8fa3}.black{background:#000}.settings-row>svg:last-child{margin-left:auto;color:var(--tertiary);flex-shrink:0}.settings-picker>span{pointer-events:none}.settings-picker select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--secondary);text-align:right;text-align-last:right;background:none;font-size:14px;padding:7px 36px 7px 140px;cursor:pointer}.settings-picker select+svg{position:absolute;right:15px;pointer-events:none}.settings-picker select:focus-visible{outline-offset:-3px;border-radius:6px}.settings-value{margin-left:auto;color:var(--secondary);font-size:12px;text-align:right}.group-note{color:var(--secondary);font-size:12px;line-height:1.45;padding:0 16px;margin:9px 0 0}.hn-icon{font-size:21px;font-weight:500}.switch-input{position:absolute;right:16px;width:48px;height:30px;margin:0;opacity:0;cursor:pointer;z-index:1}.switch{position:relative;margin-left:auto;background:#c6c6ca;width:48px;height:29px;border-radius:18px;transition:background .15s;flex-shrink:0}.switch:after{content:"";position:absolute;left:2px;top:2px;width:25px;height:25px;background:#fff;box-shadow:0 2px 3px #00000020;border-radius:50%;transition:transform .15s}.switch-input:checked+.switch{background:#34c759}.switch-input:checked+.switch:after{transform:translate(19px)}.switch-input:focus-visible+.switch{outline:2px solid var(--blue);outline-offset:3px}.feed-row{display:flex;align-items:center;gap:13px;min-height:72px;padding:11px 16px;position:relative;color:var(--text)}.feed-row:not(:last-child):after{content:"";position:absolute;bottom:0;right:0;left:66px;height:.5px;background:var(--line)}.feed-icon{display:flex;align-items:center;justify-content:center;color:#fff;width:37px;height:37px;border-radius:50%;flex-shrink:0}.feed-row>div{flex:1;display:flex;flex-direction:column;gap:3px;font-size:17px}.feed-row small{color:var(--secondary);font-size:12px}.feed-row>svg{color:var(--tertiary)}.feed-page-note{display:flex;justify-content:center;align-items:center;gap:10px;margin:30px 15px;font-size:13px;color:var(--secondary)}.feed-page-note p{line-height:1.5;margin:0}.feed-page-note span{font-size:12px;color:var(--tertiary)}.action-sheet{border:0;padding:0;background:none;color:var(--text);max-width:min(100% - 16px,500px);width:100%;max-height:calc(100dvh - 40px);margin:auto auto max(8px,env(safe-area-inset-bottom));overflow:visible}.action-sheet::backdrop{background:#0006}.sheet-surface{max-height:calc(100dvh - 40px - env(safe-area-inset-bottom));overflow-y:auto;border-radius:13px}.sheet-handle{display:none}.sheet-heading{outline:none;background:var(--bar);color:var(--secondary);text-align:center;padding:17px 20px;font-size:12px;line-height:1.4;border-radius:13px 13px 0 0;border-bottom:.5px solid var(--line);overflow-wrap:anywhere}.sheet-options{background:var(--bar);border-radius:0 0 13px 13px;overflow:hidden}.sheet-description{margin:7px 0 0;line-height:1.45}.sheet-options>button,.sheet-options>a{display:flex;align-items:center;gap:13px;width:100%;color:var(--blue);padding:15px 20px;min-height:54px;text-align:left;font-size:16px}.sheet-options>:not(:last-child){border-bottom:.5px solid var(--line)}.sheet-options>:is(a,button)>span{flex:1}.action-sheet :is(a,button):focus-visible{outline-offset:-4px}.sheet-options .destructive,.action-popover .destructive{color:#ff3b30}.sheet-cancel{color:var(--blue);background:var(--surface);font-size:18px;font-weight:600;min-height:56px;width:100%;margin-top:8px;border-radius:13px}.toast{position:fixed;z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;left:50%;transform:translate(-50%);bottom:calc(75px + env(safe-area-inset-bottom));width:max-content;max-width:min(668px,calc(100% - 32px));padding:12px 18px;border-radius:12px;background:var(--text);color:var(--surface);box-shadow:0 4px 16px #0002;font-size:13px;text-align:center}.toast svg{flex-shrink:0}@media(min-width:600px){.app-shell{border-left:.5px solid var(--line);border-right:.5px solid var(--line)}.settings-page .settings-group,.feeds-page .settings-group{border:.5px solid var(--line);border-radius:10px;margin-left:20px;margin-right:20px;overflow:hidden}.settings-page .group-label,.feeds-page .group-label{padding-left:36px}.group-note{padding:0 35px}.action-sheet{margin-bottom:25px}}@media(max-width:360px){.settings-row{gap:9px;padding-left:12px;padding-right:12px;font-size:14px}.settings-value{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.navigation-bar{position:fixed;top:0;left:0;right:0;max-width:700px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;z-index:5;border-bottom:.5px solid #88888812;background:linear-gradient(color-mix(in srgb,var(--bar) 56%,transparent),color-mix(in srgb,var(--bar) 84%,transparent));backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.nav-left,.nav-right{display:flex;align-items:center;min-width:0}.nav-right{justify-self:end}.nav-right:has(.nav-icon){padding:0 6px;border:.5px solid #8888883b;border-radius:28px;background:linear-gradient(150deg,#ffffff3d,#ffffff03);box-shadow:inset 0 1px 2px #ffffffad,0 1px 2px #00000003}.back-button{width:41px;height:41px;display:flex;align-items:center;justify-content:center;color:var(--text);border:.5px solid #8888883b;border-radius:50%;box-shadow:inset 0 1px 2px #ffffffad;background:linear-gradient(150deg,#ffffff30,#ffffff03)}.back-button span{display:none}.back-button svg{margin-left:-2px;width:27px;height:27px}.nav-brand{color:var(--blue);font-size:16px}.navigation-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px}.navigation-title{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px;line-height:20px;font-weight:600;white-space:nowrap;min-height:40px}.navigation-heading:has(.navigation-subtitle) .navigation-title{min-height:0}.navigation-subtitle{font-size:12px;line-height:15px;color:var(--secondary)}.nav-icon{color:var(--blue);width:33px;min-width:30px;height:40px}.scroll-view{flex:1;min-height:100vh;min-height:100svh;padding-top:calc(56px + env(safe-area-inset-top));padding-bottom:calc(96px + env(safe-area-inset-bottom));background:var(--surface)}.scroll-view:has(>.settings-page,>.feeds-page,>.profile-page){background:var(--grouped)}.edge-swipe-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.edge-swipe-page.back{z-index:-1;transform:translate(calc((var(--edge-swipe, 0px) - 100vw) * .3))}.edge-swipe-page.back:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:calc((1 - var(--edge-swipe-progress, 0)) * .1)}.edge-swipe-page.forward{z-index:6;overflow:visible;transform:translate(var(--edge-swipe, 100vw));box-shadow:-2px 0 16px #00000021}.edge-swipe-page.forward:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:100vw;background:#000;opacity:calc((1 - var(--edge-swipe-progress, 1)) * .1)}.edge-swipe-page.forward>.app-shell{height:100%;overflow:hidden}.edge-swipe-page .scroll-view{transform:translateY(var(--preview-scroll))}.edge-swipe-page .tab-bar,.edge-swipe-page .toast,.edge-swipe-page .storage-warning,.edge-swiping .jump-button,.edge-swiping .overlay-scrollbar{display:none}.edge-swiping-back #root>.app-shell{background:transparent;box-shadow:none}.edge-swiping-back #root>.app-shell>.navigation-bar,.edge-swiping-back #root>.app-shell>.scroll-view{transform:translate(var(--edge-swipe, 0px))}.edge-swiping-back #root>.app-shell>.scroll-view{box-shadow:-2px 0 16px #00000021}.edge-swiping-forward #root>.app-shell>.navigation-bar,.edge-swiping-forward #root>.app-shell>.scroll-view{transform:translate(calc((var(--edge-swipe, 100vw) - 100vw) * .3))}.edge-swiping-forward #root>.app-shell>.tab-bar{z-index:7}.edge-swipe-settling #root>.app-shell>.navigation-bar,.edge-swipe-settling #root>.app-shell>.scroll-view,.edge-swipe-settling .edge-swipe-page,.edge-swipe-settling .edge-swipe-page:before,.edge-swipe-settling .edge-swipe-page:after{transition:transform .26s cubic-bezier(.2,.8,.3,1),opacity .26s cubic-bezier(.2,.8,.3,1)}.tab-bar{position:fixed;display:flex;align-items:center;left:max(18px,calc((100% - 700px)/2 + 18px));right:max(18px,calc((100% - 700px)/2 + 18px));bottom:max(8px,env(safe-area-inset-bottom));height:56px;padding:3px;z-index:5;border:.5px solid #88888844;border-radius:33px;background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 58%,transparent),color-mix(in srgb,var(--surface) 44%,transparent));backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);box-shadow:inset 0 1px 2px #ffffffd9,0 1px 8px #00000008}.tab{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:49px;border-radius:29px;font-size:10px;line-height:12px;letter-spacing:.05px;color:var(--text)}.tab svg{width:26px;height:26px}.tab.active{color:var(--blue);background:color-mix(in srgb,var(--secondary) 15%,transparent);box-shadow:inset 0 1px 3px #ffffff13}.post{position:relative;background:var(--surface)}.post.large{padding:15px 14px 10px;border-bottom:8px solid var(--grouped)}.post-title{display:block;color:var(--text);font-size:var(--post-size);line-height:1.22;letter-spacing:-.15px;overflow-wrap:anywhere}.post-content{flex:1;min-width:0}.post-text-preview{font-size:calc(var(--post-size) - 2px);line-height:1.23;color:var(--secondary);margin-top:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:12px}.post-info{flex:1;min-width:0}.post-byline{display:flex;align-items:center;gap:4px;color:var(--secondary);font-size:13px;line-height:18px}.post-metadata{display:flex;align-items:center;flex-wrap:wrap;column-gap:7px;color:var(--secondary);font-size:12px;line-height:20px;min-height:23px}.post-metadata>span,.comment-link{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.post-metadata svg{flex-shrink:0}.comment-link{color:inherit;position:relative;min-height:23px}.comment-bubble{position:relative;display:inline-flex}.comment-new-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#58a8f6;right:-1px;top:0;box-shadow:0 0 0 1px var(--surface)}.new-comment-badge{display:inline-flex;align-items:center;color:#4c9ae9;background:#dceafa;border-radius:9px;padding:0 5px;font-size:11px;line-height:17px}.post-actions{display:flex;align-items:center;gap:2px;margin-right:-4px}.post-actions .icon-button{width:30px;min-width:29px;height:38px}.dim-read .post-read .post-title,.dim-read .post-read .post-byline,.dim-read .post-read .post-metadata{color:#a0a0a0}.dim-read .post-read .post-actions{opacity:.85}.post.compact{display:flex;align-items:flex-start;gap:10px;padding:11px 13px 8px;border-bottom:.5px solid var(--line)}.post-thumbnail{width:55px;height:55px;margin-top:1px;flex-shrink:0;background:var(--preview);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#a7a7b1}.compact .post-title{font-size:calc(var(--post-size) - 1px);line-height:1.22}.compact .post-footer{margin-top:4px}.compact .post-metadata{gap:5px;font-size:10px;flex-wrap:nowrap}.compact-domain{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact .post-actions .icon-button{width:25px;min-width:25px;height:25px}.compact .new-comment-badge{font-size:10px;padding:0 4px}.link-card{display:block;overflow:hidden;border-radius:9px;background:var(--preview);color:var(--text);margin-top:15px}.tweet-embed,.youtube-embed{position:relative;z-index:1;margin-top:15px;pointer-events:none}.tweet-embed>.link-card,.youtube-embed>.link-card{margin-top:0;pointer-events:auto}.tweet-embed-stage[aria-hidden=true],.youtube-embed-stage[aria-hidden=true]{position:absolute;inset:0 0 auto;opacity:0;pointer-events:none}.tweet-embed-attempt{display:flex;justify-content:center;width:100%}.tweet-embed-stage .twitter-tweet{margin:0!important;pointer-events:auto}.tweet-embed-stage iframe{width:100%!important;max-width:550px!important;color-scheme:normal;pointer-events:auto}.youtube-embed-stage{width:100%;aspect-ratio:16 / 9;min-height:200px;border-radius:9px;overflow:hidden;background:#000}.youtube-embed-stage iframe{display:block;width:100%;height:100%;min-height:200px;border:0;color-scheme:normal;pointer-events:auto}.link-card-image{overflow:hidden;background:var(--grouped);aspect-ratio:1.78}.link-card-image img{display:block;width:100%;height:100%;object-fit:cover}.link-card.image-post{border-radius:0;margin-left:-14px;margin-right:-14px}.image-post .link-card-image{aspect-ratio:auto}.image-post .link-card-image img{height:auto;max-height:70vh;object-fit:contain}.link-card-caption{display:flex;flex-direction:column;gap:5px;padding:9px 11px 10px}.link-card-publisher{color:var(--secondary);font-size:10px;text-transform:uppercase;letter-spacing:.2px}.link-card-title{font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.15px}.post-detail.large{padding-top:16px;padding-bottom:0;border-bottom:.5px solid var(--line)}.post-detail .post-title{font-size:calc(var(--post-size) + 1px);font-weight:600}.post-detail .story-text{font-size:var(--comment-size);padding:16px 0 2px}.post-detail-tools{display:flex;justify-content:space-between;border-top:.5px solid var(--line);margin-top:8px;padding:5px 0}.post-detail-tools>button,.post-detail-tools>a{display:flex;align-items:center;justify-content:center;color:var(--blue);width:36px;min-height:36px}.feed-search,.comment-search{padding:0 15px 9px;background:var(--refresh-background)}.feed-search .search-field{width:100%;text-align:left;font-size:16px;min-height:34px}.search-field{background:color-mix(in srgb,var(--secondary) 9%,transparent)}.comment-search .search-field{min-height:34px}.search-controls{position:relative;top:auto}.comments{background:var(--surface)}.comment-node{scroll-margin-top:8px}.comment-row{position:relative;padding:7px 14px 8px calc(14px + var(--depth, 0) * 12px);border-bottom:.5px solid transparent;background:var(--surface)}.comment-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transform:scaleY(.5);transform-origin:bottom;pointer-events:none}.comment-row:not([data-depth="0"]):before{content:"";position:absolute;left:calc(11px + (var(--depth) - 1) * 12px);top:8px;bottom:8px;width:1.5px;background:var(--thread-color);border-radius:2px}.comment-new{background:#dce9f5}.comment-focused{background:var(--comment-highlight)}.comment-header{display:flex;align-items:center;gap:5px;min-height:24px;margin-bottom:2px}.comment-author{display:flex;align-items:center;flex:1;min-width:0;gap:5px;text-align:left;min-height:24px;font-size:13px;line-height:18px;font-weight:500;color:var(--text)}.comment-author>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-menu{width:22px;min-width:22px;height:25px;color:#a3a3a3}.comment-time{color:var(--secondary);font-size:12px;white-space:nowrap}.comment-body{font-size:var(--comment-size);line-height:1.22;padding-top:2px}.comment-body .rich-text{line-height:1.22}.comment-body .rich-text p{margin:14px 0}.comment-read .comment-author{color:var(--text)}.comment-author .op-author{color:var(--blue)}.op-badge{font-size:8px}.comment-collapsed{min-height:40px}.comment-collapsed .comment-header{margin-bottom:0}.comment-row[data-comment-toggle=true]{cursor:pointer}.comment-row:has(.comment-toggle:focus-visible){outline:2px solid var(--blue);outline-offset:-3px}.more-replies{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--blue);min-height:39px;font-size:13px}.reply-row{padding-top:0;padding-bottom:0}.jump-button{position:fixed;display:flex;align-items:center;justify-content:center;right:max(15px,calc((100% - 700px)/2 + 15px));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 66px);width:41px;height:41px;border-radius:50%;color:#fff;background:#2f8ff1;border:.5px solid #1685f6;z-index:4;box-shadow:0 1px 3px #0000000a}.comment-search-status{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 15px;color:var(--secondary);font-size:12px}.comment-search-status button{color:var(--blue)}.comment-search-result{padding:10px 14px;border-bottom:.5px solid var(--line)}.comment-search-result header{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:13px;margin-bottom:7px}.comment-search-result header span{color:var(--secondary);font-size:12px}.comment-search-result .rich-text{font-size:var(--comment-size);line-height:1.25}.comment-search-result>a{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-top:10px}.search-pagination{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--secondary);padding:15px}.search-pagination button{color:var(--blue);padding:6px}.settings-page,.feeds-page{min-height:100%;background:var(--grouped)}.storage-warning{position:fixed;left:max(12px,calc((100% - 700px)/2 + 12px));right:max(12px,calc((100% - 700px)/2 + 12px));bottom:84px;z-index:6;border-radius:8px}:root[data-theme=dark] .comment-new:not(.comment-focused){background:#223b53}:root[data-theme=dark] .new-comment-badge{color:#70b9ff;background:#1e3c58}:root[data-theme=dark] .dim-read .post-read .post-title{color:#87878f}:root[data-theme=dark] .tab-bar,:root[data-theme=dark] .nav-right,:root[data-theme=dark] .back-button{box-shadow:inset 0 1px 1px #fff2}@media(max-width:360px){.navigation-bar{padding-left:15px;padding-right:15px}.nav-right:has(.nav-icon){padding-left:4px;padding-right:4px}.nav-icon{width:30px;min-width:28px}.navigation-title{font-size:15px}.post-actions{gap:0}.post-actions .icon-button{width:26px;min-width:26px}.compact-domain{max-width:66px}.compact .post-metadata{gap:3px}}.link-card-description{color:var(--secondary);font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html::-webkit-scrollbar{display:none;width:0;height:0}.overlay-scrollbar{position:fixed;z-index:4;top:calc(60px + env(safe-area-inset-top));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 66px);right:max(0px,calc((100% - 700px)/2));width:16px;opacity:0;-webkit-user-select:none;user-select:none;transition:opacity .18s ease}.overlay-scrollbar.scrollbar-active{touch-action:none}.overlay-scrollbar[data-overflow=false]{visibility:hidden;pointer-events:none}.overlay-scrollbar.scrollbar-active,.overlay-scrollbar:hover,.overlay-scrollbar:focus-visible{opacity:1}.overlay-scrollbar:focus-visible{outline:none}.overlay-scrollbar-thumb{position:absolute;top:0;right:2px;width:3px;min-height:30px;border-radius:3px;background:color-mix(in srgb,var(--secondary) 65%,transparent)}.overlay-scrollbar:hover .overlay-scrollbar-thumb,.overlay-scrollbar:focus-visible .overlay-scrollbar-thumb{width:5px}.overlay-scrollbar:focus-visible .overlay-scrollbar-thumb{outline:2px solid var(--blue);outline-offset:2px}.post[data-card-link=true]{isolation:isolate}.post[data-card-link=true] .post-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.post[data-card-link=true] .post-footer{pointer-events:none}.post[data-card-link=true] a:not(.post-title),.post[data-card-link=true] button{position:relative;z-index:1;pointer-events:auto}.username-link{color:inherit}.username-link:hover{text-decoration:underline}.comment-author-group{display:flex;align-items:center;flex:1;min-width:0;gap:5px}.comment-author-group .comment-author{flex:initial;min-width:0;max-width:100%}.comment-author-group a.comment-author{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px}.comment-author-group .op-author{color:var(--blue)}.comment-toggle:not(.sr-only){display:flex;align-items:center;flex-shrink:0;gap:10px;height:25px;color:var(--tertiary)}.pull-to-refresh{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:var(--secondary);background:var(--refresh-background);-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-view.refresh-gesture{overflow-anchor:none}.pull-settling{transition:height .2s ease-out}.pull-spinner{display:block;width:22px;height:22px;flex-shrink:0}.pull-loading .pull-spinner{animation:spin .8s steps(12,end) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-page{min-height:100%;background:var(--grouped)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 14px 22px;text-align:center}.profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:5px}.profile-stats strong{font-weight:500;font-size:18px;line-height:24px;letter-spacing:-.4px}.profile-stats span{color:var(--secondary);font-size:13px;line-height:17px}.profile-menu{margin:0 14px 27px;border-radius:10px;background:var(--surface);overflow:hidden}.profile-menu a{position:relative;display:flex;align-items:center;gap:17px;min-height:41px;padding:7px 16px;color:var(--text);font-size:16px}.profile-menu a>svg:first-child{color:var(--blue);flex-shrink:0;width:23px;height:23px}.profile-menu a>span{flex:1}.profile-menu a>svg:last-child{color:var(--tertiary)}.profile-menu a:not(:last-child):after{content:"";position:absolute;bottom:0;left:56px;right:0;height:.5px;background:var(--line)}.profile-section-title{padding:0 15px 8px;color:var(--secondary);font-size:12px;line-height:17px}.profile-page>.profile-section-title:first-child{padding-top:22px}.profile-about{background:var(--surface);padding:16px 14px;font-size:var(--comment-size)}.profile-introduction{background:transparent;padding-top:20px;padding-bottom:0}.profile-introduction+.profile-stats{padding-top:20px;padding-bottom:18px}.profile-joined{padding-top:22px;font-size:12px;color:var(--secondary)}.profile-comment{position:relative;isolation:isolate;padding:8px 14px 10px;border-bottom:8px solid var(--grouped);background:var(--surface);font-size:var(--comment-size)}.profile-comment header{display:flex;align-items:center;gap:7px;min-height:25px;margin-bottom:5px;font-size:13px;pointer-events:none}.profile-comment header .username-link{flex:0 1 auto;min-width:0;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.profile-comment header a,.profile-comment header button{position:relative;z-index:1;pointer-events:auto}.profile-comment header .icon-button{width:23px;min-width:23px;height:23px}.profile-comment header>span{font-size:12px;color:var(--secondary)}.profile-comment .rich-text{line-height:1.23}.profile-comment-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.profile-comment-body .rich-text a{position:relative;z-index:2}.profile-comment-context{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;background:var(--preview);padding:10px 12px;border-radius:5px;margin-top:10px;color:var(--text);font-size:13px}.profile-comment-context small{color:var(--secondary);font-size:10px}.infinite-scroll-sentinel{height:1px}.sort-popover{position:fixed;top:calc(28px + env(safe-area-inset-top));right:max(18px,calc((100vw - 700px)/2 + 18px));bottom:auto;left:auto;margin:0;width:228px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 80px - env(safe-area-inset-top));padding:17px 0 12px;border:.5px solid #ffffff99;border-radius:29px;background:color-mix(in srgb,var(--surface) 67%,transparent);color:var(--text);box-shadow:0 5px 22px #00000017,inset 0 1px 1px #fffa;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);overflow-y:auto}.sort-popover::backdrop{background:transparent}.sort-popover-title{padding:0 24px 12px;font-size:12px;line-height:17px;color:var(--secondary)}.popover-heading{outline:none}.sort-popover-options>:is(button,a){display:flex;align-items:center;gap:15px;width:100%;min-height:39px;padding:8px 25px;text-align:left;font-size:16px;line-height:22px;color:var(--text)}.sort-popover-options>:is(button,a):hover{background:#88888815}.sort-popover-options>:is(button,a):focus-visible{outline-offset:-4px}.sort-popover-options>:is(button,a)>svg{flex-shrink:0}.action-popover{width:270px;padding:12px 0}.action-popover .sort-popover-options>:is(button,a){min-height:44px;padding:10px 22px}.action-popover .sort-popover-options>:is(button,a)>span{min-width:0;overflow-wrap:anywhere}.period-calendar{position:relative;display:inline-flex;width:23px;height:23px;flex-shrink:0}.period-calendar>span{position:absolute;left:3px;right:3px;top:8px;text-align:center;font-size:6px;line-height:10px;font-weight:600}:root[data-theme=dark] .sort-popover{border-color:#ffffff29;box-shadow:0 5px 22px #0005,inset 0 1px 1px #fff2}
