:root{--bg: #0B0B0C;--text: #F4F4F5;--text-muted: #7D7D84;--border: #242427;--blue: #0095F6;--link: #5AA9FF;--link-visited: #9C8FD0;--link-hover: #8CC6FF;--card-expand: #141416;--ad-bg: #111113;--topbar-height: 61px;--surface: #151517;--surface-hover: #1B1B1E;--surface-raised: #101012;--ad-border: #2A2A2E;--subtle: #57575D;--avatar-bg: #2A2A2E;--comment-avatar-bg: #2F2F34;--cover-bg: #1A1A1D;--content-text: #E7E7EA;--bio-text: #C9C9CE;--comment-strong: #A6A6AC;--table-head-bg: #141416;--media-bg: #141416;--topbar-bg: rgba(11,11,12,0.75);--nav-bg: rgba(11,11,12,0.92);--code-bg: #101215;--code-text: #CBD5DE;--code-border: #23262B;--code-accent: #2F7D5A;--shadow: 0 10px 30px rgba(0,0,0,0.38);--post-avatar: 40px;--post-gap: 12px;--radius: 12px;--radius-lg: 16px;--pill: 999px}:root[data-theme="light"]{--bg: #FAFAFA;--text: #101012;--text-muted: #6E6E76;--border: #E4E4E7;--blue: #087BB5;--link: #0B62C4;--link-visited: #6D4BB0;--link-hover: #084C99;--card-expand: #FFFFFF;--ad-bg: #F5F5F6;--surface: #F0F0F2;--surface-hover: #E8E8EB;--surface-raised: #FFFFFF;--ad-border: #DDDDE1;--subtle: #7A7A82;--avatar-bg: #E1E1E5;--comment-avatar-bg: #E7E7EA;--cover-bg: #E7E7EA;--content-text: #232327;--bio-text: #3B3B41;--comment-strong: #5C5C64;--table-head-bg: #F2F2F3;--media-bg: #EAEAEC;--topbar-bg: rgba(250,250,250,0.82);--nav-bg: rgba(250,250,250,0.94);--code-bg: #F4F6F8;--code-text: #2C333A;--code-border: #E1E5E9;--code-accent: #2E9E6B;--shadow: 0 10px 26px rgba(15,15,16,0.10)}*{box-sizing: border-box;margin: 0;padding: 0}html{overflow-x: clip}body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background: var(--bg);color: var(--text);display: flex;justify-content: center;min-height: 100vh;max-width: 100%;overflow-x: clip;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}a{color: var(--link);text-decoration: none}a:where(:visited){color: var(--link-visited)}a:hover{color: var(--link-hover)}img{max-width: 100%;height: auto}table{max-width: 100%;border-collapse: collapse}ul,ol{margin: 0 0 10px;padding-left: 1.15rem}li{margin: 4px 0}dl{margin: 0 0 10px}.post-content a:not(.cta-btn):visited,.post-desc a:visited,.comment-text a:visited,.profile-bio a:visited{color: var(--link-visited)}.post-content a:not(.cta-btn):hover,.post-desc a:hover,.comment-text a:hover,.profile-bio a:hover{color: var(--link-hover);text-decoration: none}::selection{background: rgba(0,149,246,0.28);color: var(--text)}.app-layout{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,633px) minmax(0,1fr);grid-template-rows: auto 1fr;column-gap: 0;row-gap: 0;max-width: none;width: 100%;margin: 0 auto}.top-bar{grid-column: 1 / -1;grid-row: 1;position: sticky;top: 0;z-index: 110;height: var(--topbar-height);display: grid;grid-template-columns: minmax(0,1fr) minmax(0,633px) minmax(0,1fr);column-gap: 0;align-items: center;background: var(--topbar-bg);-webkit-backdrop-filter: saturate(180%) blur(14px);backdrop-filter: saturate(180%) blur(14px);border-bottom: 1px solid var(--border)}.top-bar-brand{display: none;grid-column: 1;align-items: center;padding-left: 16px;min-width: 0}.brand{font-size: 20px;font-weight: 800;color: var(--text);flex-shrink: 0;letter-spacing: -0.02em}.header-title{font-weight: 600;flex-shrink: 0;display: none}.search-form{grid-column: 2;display: flex;align-items: center;gap: 10px;padding: 0 16px;min-width: 0}.search-box{flex: 1;width: auto;min-width: 0;display: flex;align-items: center;gap: 8px;height: 40px;background: var(--surface);border: 1px solid transparent;border-radius: var(--pill);padding: 0 14px;transition: background-color 0.18s ease,border-color 0.18s ease}.search-box:hover{background: var(--surface-hover)}.search-box:focus-within{background: var(--surface);border-color: var(--border)}.search-box svg{width: 16px;height: 16px;flex-shrink: 0;fill: none;stroke: var(--text-muted);stroke-width: 2}.search-box input{flex-grow: 1;min-width: 0;background: transparent;border: none;outline: none;color: var(--text);font-size: 14px;font-family: inherit}.search-box input::placeholder{color: var(--text-muted)}.search-clear-btn{background: none;border: none;cursor: pointer;color: var(--text-muted);display: none;align-items: center;justify-content: center;padding: 2px;flex-shrink: 0}.search-clear-btn.visible{display: flex}.search-clear-btn svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2}.theme-toggle{display: inline-flex;flex: 0 0 38px;align-items: center;justify-content: center;width: 38px;height: 38px;border: 1px solid transparent;border-radius: 50%;background: transparent;color: var(--text-muted);cursor: pointer;transition: background-color 0.18s ease,color 0.18s ease}.theme-toggle:hover{background: var(--surface-hover);color: var(--text)}.theme-toggle:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}.theme-toggle svg{display: block;width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}:root[data-theme="light"] .theme-icon-moon{display: none}:root:not([data-theme="light"]) .theme-icon-sun{display: none}.sidebar-left{position: fixed;top: auto;left: 50%;right: auto;bottom: 0;height: auto;width: min(100%,633px);transform: translateX(-50%);flex-direction: row;align-items: center;justify-content: space-between;gap: 2px;padding: 6px 6px calc(6px + env(safe-area-inset-bottom,0px));background: var(--nav-bg);-webkit-backdrop-filter: saturate(180%) blur(14px);backdrop-filter: saturate(180%) blur(14px);border-right: none;border-top: 1px solid var(--border);overflow-x: auto;scrollbar-width: none;z-index: 200;display: flex}.sidebar-left::-webkit-scrollbar{display: none}.nav-link{color: var(--text-muted);text-decoration: none;font-weight: 600;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;gap: 3px;padding: 6px 2px;border-radius: var(--radius);white-space: nowrap;overflow: hidden;transition: color 0.16s ease,background-color 0.16s ease}.nav-link:hover{color: var(--text);background: var(--surface-hover)}.nav-link.active{color: var(--text);background: transparent}.nav-link.active .nav-icon svg{stroke-width: 2.2}.nav-icon{display: inline-flex;align-items: center;justify-content: center;width: auto;flex-shrink: 0}.nav-icon svg{display: block;width: 22px;height: 22px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;transition: stroke-width 0.16s ease}.nav-label{display: block;font-size: 9.5px;line-height: 1.2;max-width: 72px;overflow: hidden;text-overflow: ellipsis}.container{grid-column: 2;grid-row: 2;width: 100%;min-width: 0;border-left: 1px solid var(--border);border-right: 1px solid var(--border);min-height: calc(100vh - var(--topbar-height));padding-bottom: calc(68px + env(safe-area-inset-bottom,0px))}.sidebar-right{display: contents}.sidebar-right .ad-slot{grid-row: 2;position: sticky;top: calc(var(--topbar-height) + 20px);align-self: start;margin: 20px auto;width: min(calc(100% - 34px),300px);max-width: 300px}.sidebar-right .ad-slot:first-child{grid-column: 1}.sidebar-right .ad-slot:last-child{grid-column: 3}.ad-slot{width: min(100%,300px);background: var(--ad-bg);border: 1px dashed var(--ad-border);border-radius: var(--radius-lg);padding: 15px;text-align: center;color: var(--text-muted);font-size: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 250px;margin: 0 auto;overflow: hidden}.ad-slot span{font-weight: 700;margin-bottom: 8px;color: var(--subtle);text-transform: uppercase;letter-spacing: 0.09em;font-size: 10px}.feed-page{min-width: 0}.post{display: flex;flex-direction: column;gap: 10px;padding: 16px;border-bottom: 1px solid var(--border);min-width: 0;max-width: 100%;overflow-wrap: anywhere;word-break: break-word;scroll-margin-top: calc(var(--topbar-height) + 12px);transition: background-color 0.18s ease}.post-top{display: flex;align-items: flex-start;gap: var(--post-gap);min-width: 0}.avatar{width: var(--post-avatar);height: var(--post-avatar);border-radius: 50%;background: var(--avatar-bg);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 15px;flex-shrink: 0;overflow: hidden;border: 1px solid var(--border)}.avatar img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;display: block}.post-header-info{flex: 1 1 auto;min-width: 0}.post-header{display: flex;justify-content: space-between;align-items: center;gap: 8px;min-width: 0}.author-name{font-weight: 700;font-size: 15px;letter-spacing: -0.01em;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.author-name.profile-link{display: inline-flex;align-items: baseline;gap: 6px;padding: 0;border: 0;background: none;color: var(--text);font: inherit;text-align: left;cursor: pointer;max-width: 100%}.author-name.profile-link:hover{color: var(--text);text-decoration: none;opacity: 0.85}.author-name.profile-link small{color: var(--text-muted);font-weight: 400;font-size: 13px}.post-meta-right{display: flex;align-items: center;gap: 9px;flex-shrink: 0;font-size: 13px;color: var(--text-muted);white-space: nowrap}.time{color: var(--text-muted);font-size: 13px}.time:not(:first-child)::before{content: "·";margin-right: 7px;color: var(--subtle)}.views-count{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;color: var(--text-muted);font-variant-numeric: tabular-nums}.views-count svg,.privacy-badge svg{width: 14px;height: 14px;fill: currentColor}.privacy-badge{display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;color: var(--text-muted);opacity: 0.9;cursor: default}.privacy-badge:hover{color: var(--text);background: var(--surface-hover)}.privacy-badge svg{width: 13px;height: 13px}.post-body{width: auto;min-width: 0;max-width: 100%;padding-left: 0}.post-tag{font-size: 12px;color: var(--blue);font-weight: 600}.post-title{font-weight: 700;font-size: 18px;line-height: 1.32;letter-spacing: -0.015em;margin-bottom: 6px;cursor: pointer;overflow-wrap: anywhere;transition: opacity 0.16s ease}.post-title:hover{opacity: 0.82}.post-desc{font-size: 14px;color: var(--text-muted);margin-bottom: 10px;font-style: italic;border-left: 2px solid var(--border);padding-left: 10px;overflow-wrap: anywhere}.post-content{font-size: 15px;line-height: 1.6;margin-bottom: 10px;color: var(--content-text);min-width: 0;max-width: 100%;overflow-wrap: anywhere;word-break: break-word}.paragraph-chunk{animation: fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: translateY(0)}}.post p{margin-bottom: 10px}.post-content > :first-child{margin-top: 0}.post-content > :last-child{margin-bottom: 0}.post-content p:last-child{margin-bottom: 0}.post-content h1{font-size: 1.45em;line-height: 1.32;font-weight: 700;letter-spacing: -0.015em;margin: 1.15em 0 0.4em}.post-content h2{font-size: 1.18em;line-height: 1.35;font-weight: 700;letter-spacing: -0.01em;margin: 1.1em 0 0.35em}.post-content h3{font-size: 1.05em;line-height: 1.4;font-weight: 650;margin: 1em 0 0.3em}.post-content h4,.post-content h5,.post-content h6{font-size: 1em;line-height: 1.45;font-weight: 650;margin: 0.9em 0 0.25em;color: var(--text);text-transform: none}.post-content ul,.post-content ol{margin: 0 0 10px;padding-left: 1.15rem}.post-content li{margin: 4px 0}.post-content li::marker{color: var(--text-muted)}.post-content li > ul,.post-content li > ol{margin: 4px 0}.post-content dl{margin: 0 0 10px}.post-content dt{font-weight: 650;margin-top: 8px}.post-content dd{margin-left: 1rem;color: var(--bio-text)}.post-content hr{border: 0;border-top: 1px solid var(--border);margin: 18px 0}.post-content a{text-decoration: none;word-break: break-word}.post-content code{font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size: 0.82em;background: var(--surface);color: var(--text);border: 1px solid var(--border);border-radius: 5px;padding: 1px 5px;overflow-wrap: anywhere}.post pre{background: var(--code-bg);color: var(--code-text);border: 1px solid var(--code-border);border-left: 3px solid var(--code-accent);border-radius: var(--radius);padding: 0;margin: 12px 0;max-width: 100%;max-height: 360px;overflow: auto;overscroll-behavior-x: contain;-webkit-overflow-scrolling: touch;white-space: pre;word-break: normal;overflow-wrap: normal;tab-size: 2;-moz-tab-size: 2;font-size: 12px;line-height: 1.65;scrollbar-width: thin}.post pre code{display: block;width: max-content;min-width: 100%;max-width: none;margin: 0;padding: 12px 14px;background: none;border: 0;border-radius: 0;color: inherit;font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size: 12px;line-height: 1.65;white-space: pre;word-break: normal;overflow-wrap: normal;overflow: visible;max-height: none;tab-size: 2}.post pre::-webkit-scrollbar{width: 8px;height: 8px}.post pre::-webkit-scrollbar-thumb{background: var(--subtle);border-radius: 8px}.post pre::-webkit-scrollbar-track{background: transparent}.post-content img{display: block;width: 100%;max-width: 100%;height: auto;border-radius: 10px;margin: 10px 0;background: var(--media-bg)}.post-content figure{margin: 12px 0;max-width: 100%}.post-content figcaption{font-size: 12.5px;line-height: 1.45;color: var(--text-muted);margin-top: 6px}.post-content video{display: block;max-width: 100%;height: auto;border-radius: var(--radius);margin: 12px 0;background: var(--media-bg)}.post-content iframe{max-width: 100%;border-radius: var(--radius);border: 0}iframe[data-src]{opacity: 0;transition: opacity 0.25s ease}iframe[data-src].show{opacity: 1}.post-content table:not(.content-table){display: block;width: max-content;min-width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-collapse: collapse;border: 1px solid var(--border);border-radius: var(--radius);margin: 12px 0;font-size: 14px;color: var(--text);background: transparent;scrollbar-width: thin}.post-content table::-webkit-scrollbar{height: 8px}.post-content table::-webkit-scrollbar-thumb{background: var(--subtle);border-radius: 8px}.post-content th,.post-content td{padding: 9px 12px;border: 0;border-bottom: 1px solid var(--border);text-align: left;vertical-align: top;white-space: normal;overflow-wrap: normal;word-break: normal}.post-content thead th{background: var(--table-head-bg);font-weight: 650;font-size: 13px;white-space: nowrap;overflow-wrap: normal;word-break: normal;color: var(--text);position: sticky;top: 0;z-index: 1}.post-content tbody tr:last-child td{border-bottom: 0}.post-content tbody tr:hover td{background: var(--surface)}table[border="1"]{border-collapse: collapse}table[border="1"] td,table[border="1"] th{border: 0;border-bottom: 1px solid var(--border);vertical-align: top;text-align: left}table[border="1"] th{text-align: left;font-weight: 650;background: var(--table-head-bg)}.content-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 16px 0;border: 1px solid var(--border);border-radius: var(--radius);max-width: 100%}.content-table{display: table;width: 100%;min-width: 480px;max-width: none;border-collapse: collapse;border: 0;font-size: 14px;color: var(--text);margin: 0}.content-table th,.content-table td{padding: 10px 14px;border: 0;border-bottom: 1px solid var(--border);text-align: left;vertical-align: top;white-space: normal;overflow-wrap: anywhere}.content-table thead th{background: var(--table-head-bg);font-weight: 650;font-size: 13px;position: sticky;top: 0;z-index: 1}.content-table tbody tr:last-child td{border-bottom: 0}.post-content input[type="text"],.post-content input[type="number"],.post-content input[type="email"],.post-content input[type="url"],.post-content input[type="search"],.post-content input[type="password"],.post-content input[type="tel"],.post-content input[type="date"],.post-content input[type="time"],.post-content input:not([type]),.post-content textarea,.post-content select{display: block;width: 100%;max-width: 100%;background: var(--surface);color: var(--text);border: 1px solid var(--border);border-radius: 10px;padding: 10px 12px;font-family: inherit;font-size: 14px;line-height: 1.4;outline: none;transition: border-color 0.16s ease,background-color 0.16s ease}.post-content textarea{min-height: 84px;resize: vertical}.post-content input::placeholder,.post-content textarea::placeholder{color: var(--text-muted)}.post-content input[type="text"]:focus,.post-content input[type="number"]:focus,.post-content input[type="email"]:focus,.post-content input[type="url"]:focus,.post-content input[type="search"]:focus,.post-content input[type="password"]:focus,.post-content input[type="tel"]:focus,.post-content input[type="date"]:focus,.post-content input[type="time"]:focus,.post-content input:not([type]):focus,.post-content textarea:focus,.post-content select:focus{border-color: var(--blue);background: var(--bg)}.post-content select{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-right: 34px;background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position: calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size: 5px 5px,5px 5px;background-repeat: no-repeat;cursor: pointer}.post-content select option{background: var(--bg);color: var(--text)}.post-content input[type="radio"],.post-content input[type="checkbox"]{appearance: none;-webkit-appearance: none;width: 18px;height: 18px;flex: 0 0 auto;margin: 0 8px 0 0;vertical-align: -3px;background: var(--surface);border: 1.5px solid var(--border);border-radius: 5px;cursor: pointer;position: relative;transition: background-color 0.16s ease,border-color 0.16s ease}.post-content input[type="radio"]{border-radius: 50%}.post-content input[type="radio"]:checked,.post-content input[type="checkbox"]:checked{background: var(--blue);border-color: var(--blue)}.post-content input[type="checkbox"]:checked::after{content: "";position: absolute;left: 5px;top: 2px;width: 5px;height: 9px;border: solid #FFFFFF;border-width: 0 2px 2px 0;transform: rotate(45deg)}.post-content input[type="radio"]:checked::after{content: "";position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: #FFFFFF}.post-content input[type="radio"]:focus-visible,.post-content input[type="checkbox"]:focus-visible,.post-content select:focus-visible{outline: 2px solid var(--blue);outline-offset: 1px}.post-content label{display: block;margin: 8px 0;font-size: 14px;line-height: 1.5;color: var(--bio-text)}.post-content label:has(> input[type="radio"]),.post-content label:has(> input[type="checkbox"]){display: inline-flex;align-items: center;gap: 2px;margin: 6px 14px 6px 0;color: var(--text)}.post-content .switch{display: inline-flex;align-items: center;gap: 9px;margin: 6px 12px 6px 0;font-size: 14px}.post-content .switch input[type="checkbox"],.post-content input[type="checkbox"].toggle{width: 42px;height: 24px;margin: 0;border-radius: var(--pill);border: 1px solid var(--border);background: var(--surface-hover)}.post-content .switch input[type="checkbox"]::after,.post-content input[type="checkbox"].toggle::after{content: "";position: absolute;left: 3px;top: 3px;width: 16px;height: 16px;border: 0;border-radius: 50%;background: var(--text-muted);transform: none;transition: transform 0.18s ease,background-color 0.18s ease}.post-content .switch input[type="checkbox"]:checked,.post-content input[type="checkbox"].toggle:checked{background: var(--blue);border-color: var(--blue)}.post-content .switch input[type="checkbox"]:checked::after,.post-content input[type="checkbox"].toggle:checked::after{transform: translateX(18px);background: #FFFFFF}.post-content button,.post-content input[type="submit"],.post-content input[type="button"]{display: inline-flex;align-items: center;justify-content: center;gap: 6px;background: var(--surface);color: var(--text);border: 1px solid var(--border);border-radius: var(--pill);padding: 9px 16px;font-family: inherit;font-size: 13px;font-weight: 600;cursor: pointer;transition: background-color 0.16s ease,border-color 0.16s ease}.post-content button:hover,.post-content input[type="submit"]:hover,.post-content input[type="button"]:hover{background: var(--surface-hover);border-color: var(--text-muted)}blockquote{background: rgba(127,127,127,0.07);margin: 1em 0;padding: 0.85em 1em;border-radius: 10px;font-style: italic;font-size: 0.9rem;line-height: 1.6;color: var(--bio-text);min-width: 0;overflow-wrap: anywhere}blockquote::before{content: "\275D";font-size: 1.6rem;text-decoration: inherit;padding-right: 8px;color: var(--text-muted);line-height: 1rem;font-style: normal}blockquote p{margin-bottom: 6px}blockquote p:last-child{margin-bottom: 0}.expand-btn{display: inline-flex;align-items: center;gap: 6px;background: none;border: 0;color: var(--text-muted);padding: 2px 0;margin: 2px 0 10px;border-radius: 6px;font-family: inherit;font-size: 13px;font-weight: 500;cursor: pointer;transition: color 0.16s ease}.expand-btn:hover{color: var(--text)}.expand-btn:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}.actions{display: flex;align-items: center;gap: 4px;margin-top: 6px}.action-btn{background: none;border: 0;cursor: pointer;color: var(--text-muted);display: inline-flex;align-items: center;gap: 6px;padding: 7px 10px;margin-left: -10px;border-radius: var(--pill);font-family: inherit;font-size: 13px;font-variant-numeric: tabular-nums;transition: color 0.16s ease,background-color 0.16s ease}.action-btn:hover{color: var(--text);background: var(--surface-hover)}.action-btn svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.comments-section{display: none;margin-top: 14px;padding-top: 14px;border-top: 1px solid var(--border);min-width: 0}.comments-list{display: flex;flex-direction: column;gap: 14px;min-width: 0}.comment-thread{display: flex;flex-direction: column;gap: 10px;min-width: 0}.comment-item{display: flex;gap: 9px;min-width: 0}.comment-replies{display: flex;flex-direction: column;gap: 10px;margin-left: 26px;padding-left: 12px;border-left: 1px solid var(--border);min-width: 0}.comment-avatar{width: 28px;height: 28px;border-radius: 50%;background: var(--comment-avatar-bg);font-size: 11px;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden}.comment-avatar img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;display: block}.comment-item.is-reply .comment-avatar{width: 24px;height: 24px;font-size: 10px}.comment-item.is-reply .comment-body{padding: 7px 11px}.comment-body{background: var(--surface);padding: 8px 12px;border-radius: 14px;font-size: 13px;flex: 1 1 auto;min-width: 0;overflow-wrap: anywhere}.comment-heading{display: flex;align-items: baseline;justify-content: flex-start;flex-wrap: wrap;gap: 6px}.comment-body strong{font-size: 12.5px;font-weight: 650;color: var(--comment-strong)}.comment-body time{color: var(--text-muted);font-size: 11px}.comment-text{margin-top: 3px;color: var(--text);line-height: 1.5;overflow-wrap: anywhere;white-space: pre-wrap}.comment-replied-to{color: var(--blue);font-size: 11.5px}.comment-reply-btn{margin-top: 6px;padding: 0;border: 0;background: none;color: var(--text-muted);font: inherit;font-size: 11.5px;font-weight: 600;cursor: pointer;transition: color 0.16s ease}.comment-reply-btn:hover{color: var(--text)}.comment-empty{color: var(--text-muted);font-size: 13px;padding: 8px 0}.comment-pagination{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 14px;color: var(--text-muted);font-size: 12px}.comment-pagination button,.comment-replying button{border: 1px solid var(--border);border-radius: var(--pill);padding: 6px 12px;background: var(--surface);color: var(--text);font: inherit;font-size: 12px;font-weight: 600;cursor: pointer;transition: background-color 0.16s ease,border-color 0.16s ease}.comment-pagination button:hover,.comment-replying button:hover{background: var(--surface-hover);border-color: var(--text-muted)}.comment-pagination button:disabled{opacity: 0.4;cursor: default}.comment-pagination button:disabled:hover{background: var(--surface);border-color: var(--border)}.comment-replying{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 10px;padding: 7px 10px;background: rgba(0,149,246,0.10);border-radius: 10px;color: var(--blue);font-size: 12px;font-weight: 600}.comment-input-area{display: flex;align-items: flex-end;gap: 8px;margin-top: 12px}.comment-input-area textarea{flex: 1 1 auto;min-width: 0;min-height: 40px;max-height: 140px;resize: none;background: var(--surface);border: 1px solid transparent;color: var(--text);padding: 10px 14px;border-radius: 18px;outline: none;font: inherit;font-size: 13px;line-height: 1.5;transition: background-color 0.16s ease,border-color 0.16s ease}.comment-input-area input{font-size: 14px}.comment-input-area textarea::placeholder{color: var(--text-muted)}.comment-input-area textarea:focus{border-color: var(--border);background: var(--surface)}.comment-input-area button{flex: 0 0 auto;background: var(--blue);color: #FFFFFF;font-family: inherit;font-weight: 600;border: 1px solid transparent;padding: 10px 18px;border-radius: var(--pill);cursor: pointer;font-size: 13px;line-height: 1.2;transition: filter 0.16s ease,background-color 0.16s ease,color 0.16s ease}.comment-input-area button:hover{filter: brightness(1.08)}.comment-input-area button:active{filter: brightness(0.95)}.comment-input-area button:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}#loader{text-align: center;padding: 22px 16px 30px;color: var(--text-muted);font-size: 13px}.profile-view{margin: 0;overflow: hidden;border-bottom: 1px solid var(--border);animation: fadeIn 0.3s ease-out;min-width: 0}.profile-cover{width: 100%;height: 190px;overflow: hidden;background: var(--cover-bg);border-radius: 0}.profile-cover img{display: block;width: 100%;height: 100%;object-fit: cover}.profile-content{padding: 0 20px 26px;text-align: center;min-width: 0}.profile-photo{display: block;width: 112px;height: 112px;margin: -56px auto 12px;position: relative;z-index: 2;border: 4px solid var(--bg);border-radius: 50%;object-fit: cover;background: var(--avatar-bg)}.profile-headline{margin-top: 4px}.profile-content h1{font-size: 23px;line-height: 1.25;letter-spacing: -0.02em;margin: 0;overflow-wrap: anywhere}.profile-username{margin-top: 3px;color: var(--text-muted);font-size: 14px}.profile-bio{max-width: 440px;margin: 12px auto 18px;color: var(--bio-text);font-size: 14px;line-height: 1.55;overflow-wrap: anywhere}.profile-actions{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 16px 0 4px;flex-wrap: wrap}.btn-follow{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 120px;padding: 10px 20px;font-size: 14px;font-weight: 600;font-family: inherit;border-radius: var(--pill);border: 1px solid var(--text);background: var(--text);color: var(--bg);cursor: pointer;transition: background-color 0.18s ease,color 0.18s ease,border-color 0.18s ease,opacity 0.18s ease}.btn-follow:hover{opacity: 0.9}.btn-follow:active{opacity: 0.82}.btn-follow .btn-follow-icon{width: 15px;height: 15px;flex-shrink: 0}.btn-follow-label{line-height: 1}.btn-follow.is-following{background: transparent;color: var(--text);border-color: var(--border)}.btn-follow.is-following:hover{color: #EF4444;border-color: #EF4444;opacity: 1}.btn-follow.is-loading{opacity: 0.6;pointer-events: none}.btn-share{width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: 50%;background: transparent;color: var(--text);cursor: pointer;transition: border-color 0.18s ease,background-color 0.18s ease}.btn-share:hover{border-color: var(--text-muted);background: var(--surface-hover)}.btn-share svg{width: 16px;height: 16px}.profile-stats{display: flex;align-items: stretch;justify-content: center;gap: 0;margin: 0 auto;max-width: 100%;min-width: 0}.profile-stats > div{flex: 1 1 0;min-width: 0;padding: 0 10px;display: flex;flex-direction: column;gap: 3px;text-align: center}.profile-stats strong{color: var(--text);font-size: 15px;font-weight: 700;overflow-wrap: break-word;word-break: break-word}.profile-stats span{color: var(--text-muted);font-size: 12px}.profile-socials{display: flex;justify-content: center;gap: 10px;margin-top: 18px;flex-wrap: wrap}.profile-social-link{width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: 50%;color: var(--text-muted);transition: color 0.18s ease,border-color 0.18s ease}.profile-social-link:hover{color: var(--text);border-color: var(--text-muted)}.profile-social-link svg{width: 17px;height: 17px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.profile-state{padding: 28px 16px;border-bottom: 1px solid var(--border);color: var(--text-muted);text-align: center;font-size: 13px}.content-gallery{position: relative;margin: 12px 0;max-width: 100%}.content-gallery-track{display: flex;gap: 10px;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding: 2px 2px 8px;max-width: 100%}.content-gallery-track::-webkit-scrollbar{display: none}.content-gallery-track img{display: block;flex: 0 0 auto;scroll-snap-align: start;border-radius: 10px;object-fit: cover;background: var(--media-bg);max-width: 100%;height: auto;margin: 0}.content-gallery[data-mode="strip"] .content-gallery-track img{width: 78%;max-width: 340px;aspect-ratio: 4 / 3}.content-gallery[data-mode="cards"] .content-gallery-card{flex: 0 0 auto;width: 190px;scroll-snap-align: start}.content-gallery[data-mode="cards"] .content-gallery-card img{width: 100%;aspect-ratio: 3 / 4;scroll-snap-align: none}.content-gallery-caption{margin-top: 6px;font-size: 12.5px;line-height: 1.4;color: var(--text-muted)}.content-gallery-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 34px;height: 34px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.14);background: rgba(0,0,0,0.55);color: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 2;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}.content-gallery-nav svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2.4}.content-gallery-nav-left{left: 6px}.content-gallery-nav-right{right: 6px}.content-yt{position: relative;width: 100%;max-width: 560px;aspect-ratio: 16 / 9;border-radius: var(--radius);overflow: hidden;background: #000000;margin: 12px 0;cursor: pointer;border: 1px solid var(--border)}.content-yt img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;margin: 0;border-radius: 0}.content-yt-play{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.12);transition: background-color 0.2s ease}.content-yt:hover .content-yt-play{background: rgba(0,0,0,0.3)}.content-yt-play svg{width: 64px;height: 64px;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.55))}.content-yt iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.content-yt-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 22px 12px 10px;font-size: 12.5px;line-height: 1.4;color: #FFFFFF;background: linear-gradient(transparent,rgba(0,0,0,0.78))}.video-responsive,.image-embed{position: relative;width: 100%;max-width: 100%;aspect-ratio: 16 / 9;height: auto;padding-bottom: 0;overflow: hidden;margin: 12px 0;background: var(--media-bg);border-radius: var(--radius);border: 1px solid var(--border)}.video-responsive iframe,.image-embed iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;background: transparent}.nsfwspoiler{position: relative;display: inline-block;max-width: min(100%,620px);overflow: hidden;border-radius: 10px;background: var(--media-bg);cursor: pointer;-webkit-user-select: none;user-select: none;touch-action: manipulation;margin: 12px 0;line-height: 0;vertical-align: top}.nsfwspoiler .nsfwspoiler-img{display: block;position: static;width: 100%;height: auto;max-width: 100%;object-fit: contain;filter: blur(28px) brightness(0.55) saturate(1.2);transform: scale(1.15);transition: filter 0.25s ease,transform 0.25s ease;pointer-events: none;margin: 0}.nsfwspoiler.nsfwspoiler-revealed .nsfwspoiler-img{filter: none;transform: none}.nsfwspoiler .nsfwspoiler-canvas{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;opacity: 1;transition: opacity 0.25s ease}.nsfwspoiler.nsfwspoiler-revealed .nsfwspoiler-canvas{opacity: 0}.nsfwspoiler .nsfwspoiler-tooltip{position: absolute;left: 50%;bottom: 14px;transform: translateX(-50%) translateY(6px);max-width: 85%;padding: 8px 14px;background: rgba(0,0,0,0.78);color: #FFFFFF;font: 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align: center;border-radius: 8px;opacity: 0;pointer-events: none;transition: opacity 0.2s ease,transform 0.2s ease;z-index: 3}.nsfwspoiler .nsfwspoiler-tooltip.nsfwspoiler-tooltip-show{opacity: 1;transform: translateX(-50%) translateY(0)}.nsfwspoiler .nsfwspoiler-badge{position: absolute;top: 10px;left: 10px;padding: 3px 8px;background: rgba(0,0,0,0.6);color: #FFFFFF;font: 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;border-radius: 6px;z-index: 3;transition: opacity 0.2s ease}.nsfwspoiler.nsfwspoiler-revealed .nsfwspoiler-badge{opacity: 0}.cta-wrap{text-align: center;margin: 20px 0}.cta-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: var(--blue);color: #FFFFFF;font: 600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding: 13px 28px;border-radius: var(--pill);text-decoration: none;border: none;cursor: pointer;transition: filter 0.16s ease}.cta-btn:hover{color: #FFFFFF;filter: brightness(1.07)}.cta-btn svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2.4}.cta-btn.cta-outline{background: transparent;border: 1.5px solid var(--blue);color: var(--blue)}.cta-btn.cta-outline:hover{color: var(--blue);background: rgba(0,149,246,0.1)}.post-tag .tag-link{display: inline-block;margin-right: 6px;color: var(--blue);font-weight: 600;cursor: pointer}.post-tag .tag-link:hover{color: var(--link-hover);text-decoration: none}.post-content .tag-link{color: var(--blue);font-weight: 600}.in-feed-ad{padding: 14px 16px;border-bottom: 1px solid var(--border);background: var(--surface-raised)}.ad-card{display: flex;gap: 10px;width: 100%;padding: 0;border: 0;background: none;color: var(--text);font-size: 12.5px;line-height: 1.45;text-align: left;text-decoration: none}a.ad-card:link,a.ad-card:visited{color: var(--text)}a.ad-card:hover{color: var(--text)}.ad-card--text{align-items: flex-start}.ad-card--banner{flex-direction: column;gap: 10px}.ad-card--banner-text{align-items: flex-start}.ad-card-isi{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 2px}.ad-label{align-self: flex-start;font-size: 10px;font-weight: 700;letter-spacing: 0.09em;text-transform: uppercase;color: var(--text-muted)}.ad-card-title{font-size: 13.5px;font-weight: 600;color: var(--text);line-height: 1.35}.ad-card-desc{color: var(--text-muted)}.ad-card-footer{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 5px}.ad-domain{color: var(--subtle);font-size: 11.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ad-cta{color: var(--blue);font-size: 12px;font-weight: 600;white-space: nowrap}.ad-banner{position: relative;width: 100%;aspect-ratio: 300 / 150;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#4F6BED,#8A5CF6)}.ad-banner::after{content: "";position: absolute;inset: 0;background: radial-gradient(130px 90px at 82% 16%,rgba(255,255,255,0.3),transparent 70%)}.ad-mono{position: relative;z-index: 1;font-size: 26px;font-weight: 800;color: #FFFFFF;letter-spacing: 0.02em}.ad-mono-kecil{position: relative;flex: 0 0 62px;width: 62px;height: 62px;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;font-size: 21px;font-weight: 800;color: #FFFFFF;background: linear-gradient(135deg,#4F6BED,#8A5CF6)}.ad-mono-kecil::after{content: "";position: absolute;inset: 0;background: radial-gradient(60px 45px at 80% 15%,rgba(255,255,255,0.3),transparent 70%)}.ad-mono-kanan{position: relative;flex: 0 0 56px;width: 56px;height: 56px;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background: linear-gradient(135deg,#4F6BED,#8A5CF6)}.ad-mono-kanan::after{content: "";position: absolute;inset: 0;background: radial-gradient(55px 40px at 80% 15%,rgba(255,255,255,0.3),transparent 70%)}.ad-mono-kanan .ad-mono,.ad-mono-kecil .ad-mono{font-size: 19px}.sidebar-right .ad-slot .ad-banner span.ad-label-di-gambar,.in-feed-ad .ad-banner span.ad-label-di-gambar,.ad-antara .ad-banner span.ad-label-di-gambar{position: absolute;left: 8px;top: 8px;z-index: 2;margin: 0;padding: 3px 8px;border-radius: var(--pill);background: rgba(10,12,16,0.45);color: #FFFFFF;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.07em}span.ad-banner-gambar{position: absolute;inset: 0;display: block;background-size: cover;background-position: center;border-radius: inherit}span.ad-mono-kecil-gambar,span.ad-mono-kanan-gambar{position: absolute;inset: 0;display: block;background-size: cover;background-position: center;border-radius: inherit}.sidebar-right .ad-slot.ad-slot--terisi{padding: 13px;text-align: left;align-items: stretch;justify-content: flex-start;min-height: 0;border-style: solid;border-color: var(--border);background: var(--surface);overflow: hidden}.sidebar-right .ad-slot .ad-card span,.sidebar-right .ad-slot .ad-banner span,.sidebar-right .ad-slot .ad-mono-kecil span{text-transform: none;letter-spacing: normal;font-weight: inherit;color: inherit;margin-bottom: 0}.sidebar-right .ad-slot .ad-card span.ad-label,.sidebar-right .ad-slot .ad-banner span.ad-label{text-transform: uppercase;letter-spacing: 0.07em;font-weight: 700;color: var(--text-muted)}.sidebar-right .ad-slot .ad-banner span.ad-label{color: #FFFFFF}.sidebar-right .ad-slot .ad-card span.ad-domain{color: var(--subtle)}.sidebar-right .ad-slot .ad-card span.ad-cta{color: var(--blue);font-weight: 600}.sidebar-right .ad-slot .ad-banner span.ad-mono{color: #FFFFFF;font-weight: 800;font-size: 26px}.in-feed-ad .ad-card{flex-direction: column;gap: 10px}.in-feed-ad .ad-banner{aspect-ratio: 320 / 130}.in-feed-ad .ad-card-isi{padding: 0}.ad-card--text-kanan{align-items: flex-start;gap: 12px}.ad-antara{margin: 6px 0 14px;padding: 12px 0 13px;border-top: 1px dashed var(--border);border-bottom: 1px dashed var(--border)}.ad-antara .ad-card{width: 100%}.ad-pihak-ketiga{width: 100%;overflow: hidden}.ad-pihak-ketiga iframe,.ad-pihak-ketiga img{max-width: 100%;border-radius: 8px}.comment-avatar.av-w0,.avatar.av-w0{background-color: #4F6BED;color: #FFFFFF}.comment-avatar.av-w1,.avatar.av-w1{background-color: #2E9E6B;color: #FFFFFF}.comment-avatar.av-w2,.avatar.av-w2{background-color: #C0562F;color: #FFFFFF}.comment-avatar.av-w3,.avatar.av-w3{background-color: #8A5CF6;color: #FFFFFF}.comment-avatar.av-w4,.avatar.av-w4{background-color: #1E8FBF;color: #FFFFFF}.comment-avatar.av-w5,.avatar.av-w5{background-color: #A87B14;color: #FFFFFF}.comment-avatar.av-w6,.avatar.av-w6{background-color: #C2455E;color: #FFFFFF}.comment-avatar.av-w7,.avatar.av-w7{background-color: #3D7A57;color: #FFFFFF}.comment-avatar.av-w8,.avatar.av-w8{background-color: #6D5BD0;color: #FFFFFF}.comment-avatar.av-w9,.avatar.av-w9{background-color: #0F8A8A;color: #FFFFFF}.comment-avatar.av-w10,.avatar.av-w10{background-color: #A6493E;color: #FFFFFF}.comment-avatar.av-w11,.avatar.av-w11{background-color: #4A6FA5;color: #FFFFFF}.toast-stack{position: fixed;top: calc(var(--topbar-height) + 12px);right: 16px;z-index: 1200;display: flex;flex-direction: column;gap: 8px;width: min(340px,calc(100vw - 32px));pointer-events: none}.toast{pointer-events: auto;display: flex;align-items: flex-start;gap: 10px;padding: 11px 12px;border: 1px solid var(--border);border-left: 3px solid var(--blue);border-radius: 14px;background: var(--surface-raised);color: var(--text);box-shadow: var(--shadow);font-size: 13.5px;line-height: 1.45;animation: toast-masuk 0.2s ease-out}.toast.is-keluar{animation: toast-keluar 0.18s ease-in forwards}.toast-isi{flex: 1 1 auto;min-width: 0;overflow-wrap: anywhere}.toast-tutup{flex: 0 0 auto;margin: -2px -2px 0 0;padding: 0 3px;border: 0;background: none;color: var(--text-muted);font-size: 15px;line-height: 1.2;cursor: pointer}.toast-tutup:hover{color: var(--text)}.toast.var-ok{border-left-color: #2E9E6B}.toast.var-err{border-left-color: #D1495B}@keyframes toast-masuk{from{opacity: 0;transform: translateX(14px)}to{opacity: 1;transform: translateX(0)}}@keyframes toast-keluar{to{opacity: 0;transform: translateX(14px)}}@media (hover: hover){.post:hover{background: var(--surface-raised)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}@media (max-width: 1100px){.app-layout{grid-template-columns: minmax(0,1fr)}.top-bar{grid-template-columns: minmax(0,1fr)}.search-form{grid-column: 1}.sidebar-right{display: none}.container{grid-column: 1;width: min(100%,633px);margin: 0 auto}}@media (min-width: 1101px) and (max-width: 1340px){.sidebar-right .ad-slot{padding: 12px;min-height: 210px}}@media (max-width: 680px){:root{--post-avatar: 34px;--post-gap: 10px;--topbar-height: 58px}.app-layout{grid-template-columns: 1fr}.container{grid-column: 1;width: 100%;border: none}.top-bar{display: flex;gap: 10px;padding: 0 14px}.top-bar-brand{display: none}.search-form{flex: 1;padding: 0;gap: 6px;min-width: 0}.search-box{height: 38px}.post{padding: 14px}.post-title{font-size: 17px}.post-content{font-size: 14.5px;line-height: 1.58}.post-content p{font-size: 14.5px}.post-desc{font-size: 13.5px}.avatar{font-size: 14px}.post-meta-right{gap: 7px}.views-count{font-size: 11.5px}.time{font-size: 12.5px}.expand-btn{font-size: 12.5px}.comment-replies{margin-left: 20px;padding-left: 10px}.comment-input-area textarea{font-size: 14px}.comment-input-area button{padding: 10px 16px}.content-gallery-nav{display: none}.content-yt{max-width: 100%;border-radius: 12px}.post pre{max-height: 290px}.post pre code{font-size: 11.5px;padding: 11px 12px}.post-content table{font-size: 12.5px}.post-content th,.post-content td{padding: 7px 9px}.toast-stack{right: 12px;left: 12px;width: auto}.ad-mono-kecil{flex-basis: 54px;width: 54px;height: 54px}blockquote{margin: 1em 0}}@media (max-width: 400px){:root{--post-avatar: 32px;--post-gap: 9px}.post{padding: 13px 12px}.post-header{gap: 6px}.author-name{font-size: 14.5px}.author-name.profile-link small{font-size: 12px}.views-count{display: none}.profile-content{padding: 0 14px 22px}.profile-cover{height: 150px}.profile-photo{width: 96px;height: 96px;margin-top: -48px}.profile-content h1{font-size: 20px}.profile-stats > div{padding: 0 6px}.profile-stats strong{font-size: 13px}.profile-stats span{font-size: 11px}.btn-follow{min-width: 100px;padding: 9px 16px;font-size: 13px}.comment-replies{margin-left: 14px;padding-left: 8px}.nav-label{font-size: 9px}}