:root{--default-font: "Share Tech", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--pixel-font: "Silkscreen", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--card-header-font: "Orbitron", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--topic-header-font: "Quantico", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--topic-subtitle-font: "Share Tech", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--button-font: "Share Tech", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--input-label-font: "Quantico", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--z-index-base: 0;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-overlay: 500;--z-index-modal: 1000;--z-index-tooltip: 1500;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 50%;--font-2xs: .5rem;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--size-icon-sm: .875rem;--size-avatar-sm: 2.75rem;--size-avatar-md: 3.75rem;--size-avatar-lg: 5rem;--size-min-width-sm: 3.125rem;--size-min-height-sm: 6.25rem;--size-scrollbar: .75rem;--border-thin: 1px;--border-md: 2px;--border-thick: 4px;--line-height-tight: 1.2;--line-height-base: 1.3;--line-height-relaxed: 1.5;--letter-spacing-tight: .025em;--letter-spacing-base: .05em;--letter-spacing-wide: .1em;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}.light-theme{--cf-bg-body: #f5f5f5;--cf-grain-opacity: .03}.dark-theme{--cf-bg-body: #1e1e1e;--cf-bg-gradient: radial-gradient(ellipse at 50% 0%, #232323 0%, #1e1e1e 50%, #1a1a1a 100%);--cf-grain-opacity: .08;--card-bg: #262626;--card-border: #444;--card-shadow-inset: rgba(0, 0, 0, .4);--card-shadow-outer: rgba(0, 0, 0, .7);--card-padding: var(--spacing-sm);--header-text: #c0c0c0;--header-line: #555;--header-underline: #444;--header-shadow: #181818;--body-text: #c8c8c8;--body-panel-bg: #2e2e2e;--body-panel-border: #3a3a3a;--body-panel-shadow: rgba(0, 0, 0, .3);--post-content-bg: #3f3f3f;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-tertiary: #888;--color-text-muted: #999;--color-link: #6db3f2;--color-link-hover: #8ac4f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-inset: inset 0 2px 6px rgba(0, 0, 0, .4);--shadow-inset-md: inset 0 2px 4px 2px rgba(0, 0, 0, .4);--overlay-dark: rgba(0, 0, 0, .15);--overlay-medium: rgba(0, 0, 0, .35);--overlay-light: rgba(255, 255, 255, .03);--gradient-fade-dark: #141414;--gradient-fade-overlay: rgba(0, 0, 0, .6);--btn-bg: #3a3a3a;--btn-text: #c8c8c8;--btn-border: #555;--btn-hover-bg: #454545;--btn-primary-bg: #4a6a8a;--btn-primary-text: #e0e0e0;--btn-primary-border: #5a7a9a;--btn-primary-hover-bg: #5a7a9a;--text-glow-light: 0 0 8px rgba(255, 255, 255, .4);--text-glow-light-strong: 0 0 12px rgba(255, 255, 255, .6);--filter-shadow-sm: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));--border-subtle: rgba(255, 255, 255, .15);--expand-indicator-color: rgba(255, 255, 255, .3);--expand-indicator-hover: rgba(255, 255, 255, .5);--expand-indicator-bg: rgba(0, 0, 0, .15);--expand-indicator-shadow: rgba(0, 0, 0, .7);--rank-admin-bg: rgba(220, 53, 69, .2);--rank-admin-text: #ff6b7a;--rank-admin-border: rgba(220, 53, 69, .4);--rank-moderator-bg: rgba(40, 167, 69, .2);--rank-moderator-text: #5dd68a;--rank-moderator-border: rgba(40, 167, 69, .4);--rank-senior-bg: rgba(109, 179, 242, .2);--rank-senior-text: #6db3f2;--rank-senior-border: rgba(109, 179, 242, .4);--rank-member-bg: rgba(138, 138, 138, .2);--rank-member-text: #a0a0a0;--rank-member-border: rgba(138, 138, 138, .4);--rank-new-bg: rgba(253, 126, 20, .2);--rank-new-text: #ffa64d;--rank-new-border: rgba(253, 126, 20, .4);--notification-bg: #e63946;--notification-text: #ffffff}.flex{display:flex}.grid{display:grid}.row{flex-direction:row}.col{flex-direction:column}.ai-c{align-items:center}.ai-f{align-items:stretch}.ai-s{align-items:flex-start}.ai-e{align-items:flex-end}.jc-c{justify-content:center}.jc-b{justify-content:space-between}.jc-s{justify-content:flex-start}.jc-e{justify-content:flex-end}.jc-a{justify-content:space-around}.jc-v{justify-content:space-evenly}.as-c{align-self:center}.as-f{align-self:stretch}.as-s{align-self:flex-start}.as-e{align-self:flex-end}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}.fill{flex:1}.auto{flex:0 0 auto}.push-bottom{margin-top:auto}.g-2xs{gap:var(--spacing-2xs)}.g-xs{gap:var(--spacing-xs)}.g-sm{gap:var(--spacing-sm)}.g-md{gap:var(--spacing-md)}.g-lg{gap:var(--spacing-lg)}.g-xl{gap:var(--spacing-xl)}.g-2xl{gap:var(--spacing-2xl)}.m0{margin:0}.m1{margin:var(--spacing-xs)}.m2{margin:var(--spacing-sm)}.m3{margin:var(--spacing-md)}.m4{margin:var(--spacing-lg)}.mr1{margin-right:var(--spacing-xs)}.mr2{margin-right:var(--spacing-sm)}.mr3{margin-right:var(--spacing-md)}.mr4{margin-right:var(--spacing-lg)}.ml1{margin-left:var(--spacing-xs)}.ml2{margin-left:var(--spacing-sm)}.ml3{margin-left:var(--spacing-md)}.ml4{margin-left:var(--spacing-lg)}.mt1{margin-top:var(--spacing-xs)}.mt2{margin-top:var(--spacing-sm)}.mt3{margin-top:var(--spacing-md)}.mt4{margin-top:var(--spacing-lg)}.mb1{margin-bottom:var(--spacing-xs)}.mb2{margin-bottom:var(--spacing-sm)}.mb3{margin-bottom:var(--spacing-md)}.mb4{margin-bottom:var(--spacing-lg)}.p1{padding:var(--spacing-xs)}.p2{padding:var(--spacing-sm)}.p3{padding:var(--spacing-md)}.p4{padding:var(--spacing-lg)}.pr1{padding-right:var(--spacing-xs)}.pr2{padding-right:var(--spacing-sm)}.pr3{padding-right:var(--spacing-md)}.pr4{padding-right:var(--spacing-lg)}.pl1{padding-left:var(--spacing-xs)}.pl2{padding-left:var(--spacing-sm)}.pl3{padding-left:var(--spacing-md)}.pl4{padding-left:var(--spacing-lg)}.pt1{padding-top:var(--spacing-xs)}.pt2{padding-top:var(--spacing-sm)}.pt3{padding-top:var(--spacing-md)}.pt4{padding-top:var(--spacing-lg)}.pb1{padding-bottom:var(--spacing-xs)}.pb2{padding-bottom:var(--spacing-sm)}.pb3{padding-bottom:var(--spacing-md)}.pb4{padding-bottom:var(--spacing-lg)}.avatar-container{padding:var(--spacing-sm);background:var(--card-bg);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);display:flex;align-items:center;justify-content:center}.avatar-container .avatar-container{padding:0;background:none;border:none;box-shadow:none}.avatar{border:var(--border-md) solid var(--header-line);border-radius:var(--radius-lg);overflow:hidden;box-sizing:border-box}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-container[data-size=small] .avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-md)}.avatar-container[data-size=medium] .avatar{width:var(--size-avatar-md);height:var(--size-avatar-md)}.avatar-container[data-size=large] .avatar{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.post-content-box{font-size:var(--font-md);line-height:var(--line-height-base);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-md);background:var(--post-content-bg);position:relative;box-shadow:var(--shadow-inset-md)}.post-meta{display:flex;gap:var(--spacing-sm);align-items:center}.post-panel{background:var(--body-panel-bg);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.badge-chip{background:var(--overlay-dark);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.badge-chip.inset{box-shadow:var(--shadow-inset)}.badge-chip.center{justify-content:center;display:grid;place-items:center}.tag{font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--overlay-dark);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:500;border:var(--border-thin) solid var(--body-panel-border)}.post-label{font-size:var(--font-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-base);background:var(--overlay-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.card{display:flex;align-self:stretch;min-height:0;flex:1;box-sizing:border-box;background:var(--card-bg);border:var(--border-md) solid var(--card-border);border-radius:var(--radius-xl);box-shadow:inset 0 0 8px var(--card-shadow-inset),0 0 25px var(--card-shadow-outer);flex-direction:column}.card-header{color:var(--header-text);font-family:var(--card-header-font);font-size:var(--font-xl);font-weight:700;display:flex;align-items:center;gap:var(--spacing-lg);text-shadow:2px 2px 3px var(--header-shadow);margin:var(--card-padding);margin-bottom:0}.card-header:before,.card-header:after{content:"";flex:1;height:var(--border-thin);background:linear-gradient(to right,transparent,var(--header-line));filter:drop-shadow(var(--border-md) var(--border-thin) 0 var(--header-shadow))}.card-header:after{background:linear-gradient(to left,transparent,var(--header-line))}.card-header.align-left:before{flex:0 0 25px}.card-header.align-left:after{flex:1;background:linear-gradient(to right,var(--header-line),transparent)}.card-header.align-right:before{flex:1;background:linear-gradient(to left,var(--header-line),transparent)}.card-header.align-right:after{flex:0 0 25px}.card-header.line-underline{display:block;padding:0 var(--spacing-xs);border-bottom:var(--border-md) solid var(--header-underline);text-align:center}.card-header.line-underline:before,.card-header.line-underline:after{display:none}.card-header.line-underline.align-left{text-align:left}.card-header.line-underline.align-right{text-align:right}.card-body{box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;position:relative;z-index:var(--z-index-base);padding:var(--card-padding)}.card-footer{box-sizing:border-box;display:flex;justify-content:flex-end;gap:var(--spacing-sm);border-top:var(--border-thin) solid var(--card-border);margin:var(--card-padding);margin-top:0}.panel-inset{padding:var(--spacing-sm);background:var(--card-bg);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset)}.input-host{display:flex;min-width:0}.input-group{display:flex;padding:var(--spacing-xs);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-md);background:var(--overlay-dark);box-shadow:var(--shadow-md)}.input-label{font-size:var(--font-2xs);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-base);padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);font-family:var(--input-label-font)}.input-field{flex:1;padding:var(--spacing-sm);font-size:var(--font-lg);color:var(--color-text-primary);font-family:var(--default-font);background:var(--overlay-dark);border:var(--border-thin) solid var(--body-panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}.input-field:focus{outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-md)}table th,table td{border:var(--border-thin) solid var(--body-panel-border);padding:var(--spacing-sm);text-align:left}table th{background:var(--overlay-light);font-weight:600}.panel{display:flex;width:100%;background:var(--body-panel-bg);padding:var(--spacing-md);border-radius:var(--radius-md);border:var(--border-thin) solid var(--body-panel-border);box-shadow:inset 0 var(--border-thin) 3px var(--body-panel-shadow),var(--shadow-sm);box-sizing:border-box}markdown{display:block;line-height:var(--font-lg)}markdown h1,markdown h2,markdown h3{margin-bottom:var(--spacing-md)}markdown h1:first-child,markdown h2:first-child,markdown h3:first-child{margin-top:0}markdown p{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}markdown ul,markdown ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}markdown code{background:var(--overlay-dark);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-sm);border:var(--border-thin) solid var(--body-panel-border);box-shadow:var(--shadow-inset)}markdown pre{background:var(--overlay-dark);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md);border:var(--border-thin) solid var(--body-panel-border);box-shadow:var(--shadow-inset)}markdown pre code{background:none;padding:0;border:none;box-shadow:none}markdown blockquote{border-left:var(--border-thick) solid var(--body-panel-border);padding-left:var(--spacing-lg);margin:var(--spacing-md) 0;color:var(--color-text-secondary)}markdown hr{border:none;border-top:var(--border-thin) solid var(--body-panel-border);margin:var(--spacing-xs) 0}markdown img{max-width:100%;max-height:15rem;height:auto;object-fit:contain;border-radius:var(--radius-md)}markdown span[data-color=red]{color:#ef4444}markdown span[data-color=blue]{color:#3b82f6}markdown span[data-color=green]{color:#10b981}markdown span[data-color=yellow]{color:#f59e0b}markdown span[data-color=purple]{color:#8b5cf6}markdown span[data-color=orange]{color:#f97316}markdown span[data-color=pink]{color:#ec4899}markdown span[data-color=cyan]{color:#06b6d4}markdown span[data-color=gray]{color:#6b7280}markdown span[data-color=white]{color:#fff}markdown span[data-color="#6db3f2"]{color:#6db3f2}markdown span[data-spoiler=toggle]{position:relative;display:inline-block}markdown span[data-spoiler=toggle] .spoiler-toggle{display:none}markdown span[data-spoiler=toggle] .spoiler-toggle-btn{width:25%;position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;transition:opacity .2s ease;z-index:1;display:flex;align-items:center;justify-content:flex-start;color:var(--color-text-primary);pointer-events:auto;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-xs);background:linear-gradient(to right,var(--overlay-medium) 0%,var(--overlay-medium) 30%,transparent 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}markdown span[data-spoiler=toggle] .spoiler-toggle-btn:hover{opacity:1}markdown span[data-spoiler=toggle] .spoiler-toggle-btn svg{display:block;width:var(--size-icon-sm);height:var(--size-icon-sm);filter:var(--filter-shadow-sm)}markdown span[data-spoiler=toggle] .spoiler-content{background:var(--overlay-dark);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);filter:blur(var(--blur-sm));transition:filter .2s ease;-webkit-user-select:none;user-select:none;display:inline-block}markdown span[data-spoiler=toggle] .spoiler-toggle:checked~.spoiler-toggle-btn{display:none}markdown span[data-spoiler=toggle] .spoiler-toggle:checked~.spoiler-content{filter:blur(0);-webkit-user-select:text;user-select:text}markdown div[data-align=left]{text-align:left}markdown div[data-align=center]{text-align:center}markdown div[data-align=right]{text-align:right}html,body{margin:0;padding:0;height:100vh;overflow:hidden}body{background:var(--cf-bg-gradient, var(--cf-bg-body));color:var(--body-text);font-family:var(--default-font)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}.username{font-size:var(--font-lg);font-weight:600;color:var(--header-text)}.stats-column{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}*{scrollbar-width:thin;scrollbar-color:var(--header-line, #555) var(--card-bg, #262626)}*::-webkit-scrollbar{width:var(--size-scrollbar)}*::-webkit-scrollbar-track{background:var(--card-bg, #262626);border-radius:var(--radius-md)}*::-webkit-scrollbar-thumb{background:var(--header-line, #555);border-radius:var(--radius-md)}*::-webkit-scrollbar-thumb:hover{background:var(--header-text, #c0c0c0)}.stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);color:var(--color-text-secondary)}.stat lucide-icon{opacity:.7}.stat-clock lucide-icon{padding-top:1px}.stat-eye lucide-icon{padding-top:2px}.stat-comment lucide-icon{padding-top:2px}.stat-arrow lucide-icon{padding-top:2px}.stat-star lucide-icon{padding-top:1px}.stat-heart lucide-icon{padding-top:1px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
