:root{--brand:#11c1f3;--brand-strong:#0a9fca;--on-brand:#fff;--bg:#f2f3f5;--surface:#fff;--surface-muted:#f6f7f9;--text:#16181d;--text-muted:#5f6672;--border:#e3e5e9;--like:#f0435a;--subheader-text:#337ab7;--focus:#0a9fca;--shadow:0 1px 2px #1018280f;--radius:14px;--header-h:60px;--max-w:1120px;--id-blue:#3ba4ff;--id-red:#c24848;--id-yellow:#e0a800;--id-green:#259925;--id-purple:#8a72f5;--id-orange:#f29a0f;--id-grey:#8a8f98;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand-strong:#49d2f8;--bg:#0f1115;--surface:#181b21;--surface-muted:#1f232a;--text:#eef0f3;--text-muted:#9aa1ad;--border:#2a2f37;--focus:#49d2f8;--subheader-text:#7ab8f0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--subheader-h,0px))}body{padding-top:var(--header-h);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}img{max-width:100%}button{font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:20;background:var(--brand);color:var(--on-brand);position:fixed;top:0;left:0;right:0}.site-header__inner{max-width:var(--max-w);height:var(--header-h);align-items:center;gap:12px;margin:0 auto;padding:0 16px;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand img{width:auto;height:34px;display:block}.site-header__search{background:var(--surface);border-radius:999px;width:400px;max-width:100%;height:36px;margin-left:auto;display:flex}.search-field{flex:1 1 0;min-width:0;transition:flex-grow .5s;position:relative}.search-field+.search-field{border-left:1px solid var(--border)}.search-field:focus-within{flex-grow:6}.search-field__icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{width:100%;height:100%;color:var(--text);text-overflow:ellipsis;background:0 0;border:0;border-radius:999px;padding:0 12px 0 34px;font-size:15px}.search-field input:focus-visible{outline:none}.search-field input::-webkit-search-cancel-button{display:none}.search-field input::placeholder{color:var(--text-muted)}.site-header__search:focus-within .search-field:not(:focus-within) input::placeholder{color:#0000}@media (prefers-reduced-motion:reduce){.search-field{transition:none}}.suggestions{background:var(--surface);color:var(--text);border:1px solid var(--border);z-index:30;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #10182829}.suggestions li{cursor:pointer;border-radius:8px;padding:8px 10px}.suggestions li[aria-selected=true],.suggestions li:hover{background:var(--surface-muted)}.suggestions__status{color:var(--text-muted);cursor:default}.icon-button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#ffffff2e}.menu-toggle,.site-nav{display:none}.pac-container{z-index:40;border-radius:12px;margin-top:6px}@media (max-width:760px){.site-header__inner{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding:10px 12px}.menu-toggle{margin-left:auto;display:inline-flex}.site-header__search{flex:100%;order:10;width:100%;margin:4px 0 6px;display:none}.site-header[data-open=true] .site-header__search,.site-header[data-open=true] .site-nav{display:flex}.site-nav{flex-wrap:wrap;flex:100%;order:11;gap:4px 18px;padding-bottom:6px}.site-nav a{color:var(--on-brand);font-weight:500}}.page{max-width:var(--max-w);margin:0 auto;padding:20px 16px 48px}.feed-layout{grid-template-columns:200px minmax(0,640px) 200px;justify-content:center;align-items:start;gap:24px;display:grid}.feed-layout__side{top:calc(var(--header-h) + var(--subheader-h,0px) + 20px);position:sticky}@media (max-width:1000px){.feed-layout{grid-template-columns:minmax(0,640px)}.feed-layout__side--links{display:none}.feed-layout__side{position:static}}.notice{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:12px 14px;font-size:15px;display:flex}.button{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--surface-muted);text-decoration:none}.button--primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.button--primary:hover{background:var(--brand-strong)}.button[disabled]{opacity:.6;cursor:default}.subheader{background:var(--surface);color:var(--subheader-text);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;min-height:40px;margin:0;padding:10px 16px;font-size:16px;font-weight:400;line-height:1.3;animation:.5s subheader-in;display:flex}.subheader-fixed{top:var(--header-h);z-index:15;pointer-events:none;position:fixed;left:0;right:0}.subheader-fixed>*{pointer-events:auto}.subheader__hashtag{font-size:30px;line-height:1.2}.subheader-suggestion{background:var(--surface);max-width:700px;color:var(--subheader-text);text-align:center;border-radius:0 0 10px 10px;margin:0 auto;padding:6px 16px 8px;font-size:15px;animation:.5s subheader-in}.subheader-suggestion .button,.subheader .button{vertical-align:middle;height:30px;margin-left:6px}.subheader .button--icon{justify-content:center;width:30px;padding:0}@keyframes subheader-in{0%{opacity:0;transform:translateY(-12px)}}@media (max-width:767px){.subheader-suggestion{display:none}}@media (prefers-reduced-motion:reduce){.subheader,.subheader-suggestion{animation:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.panel__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.trending-panel{background:var(--surface);border-radius:10px;padding:10px}.trending-panel__title{border-bottom:1px solid var(--border);margin:0;padding-bottom:10px;font-size:24px;font-weight:200;line-height:1.1}.trending-list{margin:7px 0 0;padding:0;list-style:none}.trending-list li{text-overflow:ellipsis;margin:3px 0;font-size:18px;overflow:hidden}.trending-list a{color:var(--subheader-text)}.link-list{flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.link-list a{color:var(--text-muted)}.feed-footer{display:none}@media (max-width:1000px){.feed-footer{display:block}.trending-panel{margin-bottom:14px}}.post-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px 12px;transition:border-color .15s;position:relative}.post-card:hover{border-color:var(--brand)}.post-card__link{border-radius:inherit;position:absolute;inset:0}.post-card__body a{z-index:1;position:relative}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;font-size:17px}.post-meta{color:var(--text-muted);align-items:flex-end;gap:14px;font-size:13px;display:flex}.post-meta__where{text-align:right;flex-direction:column;flex:1;align-items:flex-end;min-width:0;display:flex}.post-meta__where>*{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.post-meta__stat{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.post-meta__stat--liked{color:var(--like)}.list-status{text-align:center;color:var(--text-muted);padding:28px 16px}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}@media (max-width:640px){.page{padding:12px 0 40px}.notice,.trending-panel,.list-status{margin-left:12px;margin-right:12px}.post-list{gap:8px}.post-card{border-left:0;border-right:0;border-radius:0}}.single-post{max-width:680px;margin:0 auto}.single-post .post-card:hover{border-color:var(--border)}.single-post .post-body{font-size:20px}.post-map{background:var(--surface-muted);height:260px;margin-top:10px;overflow:hidden}.share-row{flex-wrap:wrap;gap:8px;margin:10px 0 0;display:flex}.comments{border-top:1px solid var(--border);margin:14px -16px 0;padding:10px 16px 0}.comments__title{margin:0 0 10px;font-size:16px;font-weight:700}.comment-thread{border-top:1px solid var(--border)}.comment-thread:first-of-type{border-top:0}.comment{grid-template-columns:36px 1fr auto;gap:10px;padding:12px 0;display:grid}.comment--reply{grid-template-columns:28px 1fr auto;margin-left:46px;padding:6px 0}.comment--reply .commenter-id{width:28px;height:28px;font-size:11px}.comment--deleted{color:var(--text-muted);margin:0;font-style:italic;display:block}.comment__replying-to{color:var(--text-muted);font-size:13px;font-weight:600;display:block}.comment-thread__toggle{color:var(--text-muted);gap:16px;margin-left:46px;padding:0 0 12px;font-size:13px;display:flex}.link-button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}.commenter-id{color:#fff;background:var(--id-grey);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.commenter-id--op{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--brand)}.commenter-id--blue{background:var(--id-blue)}.commenter-id--red{background:var(--id-red)}.commenter-id--yellow{background:var(--id-yellow)}.commenter-id--green{background:var(--id-green)}.commenter-id--purple{background:var(--id-purple)}.commenter-id--orange{background:var(--id-orange)}.commenter-id--grey{background:var(--id-grey)}.comment__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comment__time{color:var(--text-muted);font-size:13px}.comment__score{color:var(--text-muted);align-self:start;align-items:center;gap:4px;font-size:13px;display:inline-flex}.empty-state{text-align:center;color:var(--text-muted);padding:64px 16px}.empty-state img{opacity:.6;width:96px;margin-bottom:12px}.modal{background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);text-align:center;border:0;border-radius:18px;padding:28px 24px 24px}.modal::backdrop{background:#0a0e1480}.modal__close{position:absolute;top:8px;right:8px}.modal__close:hover{background:var(--surface-muted)}.store-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.store-badges img{width:auto;height:44px;display:block}.site-footer{border-top:1px solid var(--border);padding:20px 16px 28px}.site-footer .link-list{justify-content:center}
