@property --text {
    syntax: "<color>";
    inherits: true;
    initial-value: #ededf0;
}

@property --text-dim {
    syntax: "<color>";
    inherits: true;
    initial-value: #9b9ba5;
}

@property --text-faint {
    syntax: "<color>";
    inherits: true;
    initial-value: #6d6d77;
}

@property --text-strong {
    syntax: "<color>";
    inherits: true;
    initial-value: #ffffff;
}

@property --text-body {
    syntax: "<color>";
    inherits: true;
    initial-value: #d3d3da;
}

@property --glass-blur {
    syntax: "<length>";
    inherits: true;
    initial-value: 14px;
}

@property --glass-bright {
    syntax: "<number>";
    inherits: true;
    initial-value: 0.8;
}

@property --glass-sat {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 160%;
}

@property --rim {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.24);
}

@property --gloss {
    syntax: "<number>";
    inherits: true;
    initial-value: 1;
}

@property --glass {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(24, 24, 30, 0.66);
}

@property --glass-side {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.08);
}

@property --glass-item {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.09);
}

@property --border {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.16);
}

@property --border-strong {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.34);
}

@property --edge-hi {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.3);
}

@property --edge-lo {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(0, 0, 0, 0.35);
}

@property --edge-side {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.12);
}

@property --hdr-hi {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.22);
}

@property --hdr-lo {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(0, 0, 0, 0.35);
}

@property --field {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(0, 0, 0, 0.32);
}

@property --field-shadow {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(0, 0, 0, 0.35);
}

@property --field-hi {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.1);
}

@property --code-fg {
    syntax: "<color>";
    inherits: true;
    initial-value: #c9c9d2;
}

@property --code-bg {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(0, 0, 0, 0.32);
}

@property --btn-1 {
    syntax: "<color>";
    inherits: true;
    initial-value: #ffffff;
}

@property --btn-2 {
    syntax: "<color>";
    inherits: true;
    initial-value: #cfcfd6;
}

@property --btn-fg {
    syntax: "<color>";
    inherits: true;
    initial-value: #0a0a0c;
}

@property --btn-hi {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.9);
}

@property --scroll {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(255, 255, 255, 0.2);
}

@property --veil-0 {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(8, 8, 12, 0);
}

@property --veil-1 {
    syntax: "<color>";
    inherits: true;
    initial-value: rgba(8, 8, 12, 0.45);
}

:root {
    --text: #ededf0;
    --text-dim: #9b9ba5;
    --text-faint: #6d6d77;
    --text-strong: #ffffff;
    --text-body: #d3d3da;
    --glass: rgba(10, 12, 24, 0.2);
    --glass-side: rgba(255, 255, 255, 0.03);
    --glass-bright: 1;
    --glass-blur: 10px;
    --glass-sat: 140%;
    --rim: rgba(255, 255, 255, 0.24);
    --gloss: 1;
    --glass-item: rgba(255, 255, 255, 0.09);
    --border: rgba(255, 255, 255, 0.16);
    --border-strong: rgba(255, 255, 255, 0.34);
    --edge-hi: rgba(255, 255, 255, 0.3);
    --edge-lo: rgba(0, 0, 0, 0.35);
    --edge-side: rgba(255, 255, 255, 0.12);
    --hdr-hi: rgba(255, 255, 255, 0.22);
    --hdr-lo: rgba(0, 0, 0, 0.35);
    --field: rgba(0, 0, 0, 0.32);
    --field-shadow: rgba(0, 0, 0, 0.35);
    --field-hi: rgba(255, 255, 255, 0.1);
    --code-fg: #c9c9d2;
    --code-bg: rgba(0, 0, 0, 0.32);
    --btn-1: #ffffff;
    --btn-2: #cfcfd6;
    --btn-fg: #0a0a0c;
    --btn-hi: rgba(255, 255, 255, 0.9);
    --scroll: rgba(255, 255, 255, 0.2);
    --veil-0: rgba(8, 8, 12, 0);
    --veil-1: rgba(8, 8, 12, 0.45);
    --sheen: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.06) 100%);
    --edge: inset 0 1px 0 var(--edge-hi), inset 0 -1px 0 var(--edge-lo);
    --lift: var(--edge), 0 6px 16px -6px rgba(0, 0, 0, 0.6);
    --radius: 14px;
    --window-gap: 32px;
    --font: "Inter", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;
    transition: --text 1.6s ease,
        --text-dim 1.6s ease,
        --text-faint 1.6s ease,
        --text-strong 1.6s ease,
        --text-body 1.6s ease,
        --glass 1.8s ease,
        --glass-side 1.8s ease,
        --glass-blur 1.8s ease,
        --glass-bright 1.8s ease,
        --glass-sat 1.8s ease,
        --rim 1.8s ease,
        --gloss 1.8s ease,
        --glass-item 1.6s ease,
        --border 1.6s ease,
        --border-strong 1.6s ease,
        --edge-hi 1.6s ease,
        --edge-lo 1.6s ease,
        --edge-side 1.6s ease,
        --hdr-hi 1.6s ease,
        --hdr-lo 1.6s ease,
        --field 1.6s ease,
        --field-shadow 1.6s ease,
        --field-hi 1.6s ease,
        --code-fg 1.6s ease,
        --code-bg 1.6s ease,
        --btn-1 1.6s ease,
        --btn-2 1.6s ease,
        --btn-fg 1.6s ease,
        --btn-hi 1.6s ease,
        --scroll 1.6s ease,
        --veil-0 1.6s ease,
        --veil-1 1.6s ease;
}

:root[data-theme="light"] {
    --text: #15151c;
    --text-dim: #4b4b5a;
    --text-faint: #7d7d8c;
    --text-strong: #000000;
    --text-body: #2a2a35;
    --glass: rgba(255, 255, 255, 0.5);
    --glass-side: rgba(255, 255, 255, 0.26);
    --glass-blur: 26px;
    --glass-bright: 1.1;
    --glass-sat: 175%;
    --rim: rgba(255, 255, 255, 0.8);
    --gloss: 0.7;
    --glass-item: rgba(0, 0, 0, 0.06);
    --border: rgba(0, 0, 0, 0.13);
    --border-strong: rgba(0, 0, 0, 0.3);
    --edge-hi: rgba(255, 255, 255, 0.95);
    --edge-lo: rgba(0, 0, 0, 0.12);
    --edge-side: rgba(255, 255, 255, 0.7);
    --hdr-hi: rgba(255, 255, 255, 0.8);
    --hdr-lo: rgba(0, 0, 0, 0.1);
    --field: rgba(255, 255, 255, 0.6);
    --field-shadow: rgba(0, 0, 0, 0.14);
    --field-hi: rgba(255, 255, 255, 0.8);
    --code-fg: #2a2a35;
    --code-bg: rgba(0, 0, 0, 0.06);
    --btn-1: #3a3a44;
    --btn-2: #101014;
    --btn-fg: #ffffff;
    --btn-hi: rgba(255, 255, 255, 0.3);
    --scroll: rgba(0, 0, 0, 0.25);
    --veil-0: rgba(255, 255, 255, 0);
    --veil-1: rgba(255, 255, 255, 0.55);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,
h2,
h3,
p {
    margin: 0;
}

:focus-visible {
    outline: 2px solid var(--text-strong);
    outline-offset: 2px;
}

html {
    min-height: 100%;
    background: #040405;
    scroll-behavior: smooth;
}

html::before {
    content: "";
    position: fixed;
    inset: -25%;
    z-index: -2;
    pointer-events: none;
    background:
        conic-gradient(from 210deg at 28% 60%,
            transparent 0deg, rgba(255, 255, 255, 0.34) 35deg, transparent 80deg,
            rgba(200, 200, 210, 0.22) 150deg, transparent 210deg,
            rgba(255, 255, 255, 0.28) 280deg, transparent 340deg),
        conic-gradient(from 20deg at 78% 28%,
            transparent 0deg, rgba(255, 255, 255, 0.30) 40deg, transparent 100deg,
            rgba(180, 180, 190, 0.2) 180deg, transparent 240deg,
            rgba(255, 255, 255, 0.26) 300deg, transparent 360deg),
        radial-gradient(40% 40% at 50% 50%, rgba(255, 255, 255, 0.1), transparent 70%);
    filter: blur(36px);
    opacity: 0.8;
    animation: drift 120s linear infinite;
}

html::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(1px 1px at 20px 30px, #fff, transparent),
        radial-gradient(1px 1px at 90px 120px, rgba(255, 255, 255, 0.85), transparent),
        radial-gradient(1.5px 1.5px at 160px 60px, #fff, transparent),
        radial-gradient(1px 1px at 230px 180px, rgba(255, 255, 255, 0.7), transparent),
        radial-gradient(1px 1px at 280px 90px, #fff, transparent),
        radial-gradient(1.5px 1.5px at 60px 220px, rgba(255, 255, 255, 0.9), transparent),
        radial-gradient(2px 2px at 330px 40px, #fff, transparent),
        radial-gradient(1px 1px at 400px 200px, rgba(255, 255, 255, 0.8), transparent);
    background-size: 430px 270px;
    animation: twinkle 6s ease-in-out infinite alternate;
}

@keyframes drift {
    to { transform: rotate(360deg); }
}

@keyframes twinkle {
    from { opacity: 0.55; }
    to   { opacity: 1; }
}

body {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 270px;
    grid-template-rows: minmax(0, 1fr) auto;
    width: min(1280px, calc(100% - var(--window-gap) * 2));
    height: calc(100vh - var(--window-gap) * 2);
    margin: var(--window-gap) auto;
    overflow: hidden;
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.7;
    color: var(--text);
    border: 1px solid var(--rim);
    border-radius: 18px;
    box-shadow:
        var(--edge),
        inset 1px 0 0 var(--edge-side),
        0 2px 6px rgba(0, 0, 0, 0.4),
        0 40px 90px -24px rgba(0, 0, 0, 0.85);
}

body::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    background: var(--sheen), var(--glass);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));
}

body::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: var(--gloss);
    background:
        linear-gradient(112deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.07) 20%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 9%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 12%);
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.5),
        inset 1px 0 1px rgba(255, 255, 255, 0.22),
        inset 0 -1px 1px rgba(0, 0, 0, 0.28),
        inset 0 0 60px rgba(255, 255, 255, 0.05);
}

.header {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    background: var(--sheen), var(--glass-side);
    border-right: 1px solid var(--border);
    box-shadow: inset -1px 0 0 var(--hdr-lo), inset 0 1px 0 var(--hdr-hi);
}

.header_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 36px 18px 22px;
}

.header_wrapper > a {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.header_logo {
    display: block;
    max-width: 100%;
    height: 44px;
    width: auto;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    color: var(--text-dim);
}

.header nav ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-dim);
    transition: color 0.2s, background 0.2s, border-color 0.2s, transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.header nav a::before {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}

.header nav a:hover {
    color: var(--text);
    background: var(--sheen), var(--glass-item);
    border-color: var(--border-strong);
    box-shadow:
        var(--edge),
        0 2px 0 rgba(0, 0, 0, 0.3),
        0 12px 20px -10px rgba(0, 0, 0, 0.65);
    transform: translateY(-2px) scale(1.03);
}

.header nav a:active {
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.4),
        0 1px 0 rgba(0, 0, 0, 0.3);
    transform: translateY(1px) scale(0.98);
}

.header nav a.active {
    color: var(--text-strong);
    background: var(--sheen), var(--glass-item);
    border-color: var(--border-strong);
    box-shadow: var(--lift);
}

.search {
    order: 1;
    display: flex;
    gap: 6px;
    margin-bottom: 22px;
}

.header nav {
    order: 2;
}

.header_search {
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    font: inherit;
    font-size: 0.82rem;
    color: var(--text);
    background: var(--field);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: inset 0 2px 4px var(--field-shadow), 0 1px 0 var(--field-hi);
    transition: border-color 0.2s;
}

.header_search::placeholder {
    color: var(--text-faint);
}

.header_search:focus {
    outline: none;
    border-color: var(--border-strong);
}

.header_search_button {
    padding: 8px 12px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-1), var(--btn-2));
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 var(--btn-hi), 0 4px 10px -4px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: filter 0.2s;
}

.header_search_button:hover {
    filter: brightness(1.08);
}

.main_contents,
.sidebar_right {
    border-left: 1px solid var(--border);
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    align-self: stretch;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scroll) transparent;
}

.main_contents {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 44px 44px 40px;
}

.main_contents > main {
    min-width: 0;
}

.sidebar_right {
    grid-column: 3;
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 44px 26px 40px 26px;
}

.footer {
    grid-column: 2 / -1;
    grid-row: 2;
    padding: 12px 44px;
    font-size: 0.75rem;
    color: var(--text-faint);
    border-top: 1px solid var(--border);
}

.AD_top,
.AD_middle,
.AD_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    min-height: 90px;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-faint);
    border: 1px dashed var(--border);
    border-radius: var(--radius);
}

.AD_middle {
    margin-bottom: 44px;
}

.article_wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.post {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
    padding: 0 0 44px;
    margin-bottom: 44px;
    border-bottom: 1px solid var(--border);
}

.post:first-of-type {
    content-visibility: visible;
}

.post:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.post_label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.post_title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-transform: uppercase;
}

.post_meta {
    margin-top: 10px;
    font-size: 0.8rem;
    color: var(--text-faint);
}

.post_like {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}

.post_like svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.post_like:hover svg {
    stroke: #e0245e;
}

.post_like[aria-pressed="true"] svg {
    fill: #e0245e;
    stroke: #e0245e;
}

.post_like.is_pending {
    cursor: default;
    opacity: 0.65;
}

.post_like.is_pending:hover svg {
    stroke: currentColor;
}

.post_like.is_pending[aria-pressed="true"]:hover svg {
    stroke: #e0245e;
}

.post_like:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 4px;
}

.post_content {
    margin-top: 24px;
    max-width: 680px;
    color: var(--text-body);
}

.post_content > * + * {
    margin-top: 1.1em;
}

.post_content blockquote {
    margin-left: 0;
    padding: 4px 0 4px 18px;
    font-size: 1.05rem;
    color: var(--text);
    border-left: 2px solid var(--border-strong);
}

.post_code {
    margin-left: 0;
    margin-right: 0;
    padding: 18px 20px;
    overflow-x: auto;
    font-family: var(--mono);
    font-size: 0.82rem;
    line-height: 1.65;
    color: var(--code-fg);
    background: var(--code-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: inset 0 2px 6px var(--field-shadow);
}

.post_code code {
    font: inherit;
}

.post_footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

.post_footer a {
    padding: 2px 11px;
    font-size: 0.78rem;
    color: var(--text-dim);
    border: 1px solid var(--border);
    border-radius: 999px;
    transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

.post_footer a:hover {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--sheen), var(--glass-item);
    box-shadow: var(--lift);
}

.post_actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 680px;
    margin-top: 30px;
    padding: 6px;
}

.post_action {
    min-width: 160px;
    padding: 0.9em 1.8em;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow:
        var(--edge),
        0 2px 0 rgba(0, 0, 0, 0.35),
        0 10px 18px -8px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

.post_action_copy {
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-1), var(--btn-2));
    border-color: transparent;
    box-shadow:
        inset 0 1px 0 var(--btn-hi),
        0 2px 0 rgba(0, 0, 0, 0.35),
        0 10px 18px -8px rgba(0, 0, 0, 0.6);
}

.post_action:hover {
    transform: translateY(-4px) scale(1.06);
    box-shadow:
        var(--edge),
        0 4px 0 rgba(0, 0, 0, 0.3),
        0 22px 30px -10px rgba(0, 0, 0, 0.7);
    filter: brightness(1.08);
}

.post_action_copy:hover {
    box-shadow:
        inset 0 1px 0 var(--btn-hi),
        0 4px 0 rgba(0, 0, 0, 0.3),
        0 22px 30px -10px rgba(0, 0, 0, 0.7);
}

.post_action:active {
    transform: translateY(1px) scale(0.97);
    box-shadow:
        inset 0 3px 8px rgba(0, 0, 0, 0.45),
        0 1px 0 rgba(0, 0, 0, 0.3);
    filter: brightness(0.96);
}

.author_card {
    display: flex;
    align-items: center;
    gap: 24px;
    max-width: 680px;
    margin-top: 30px;
    padding: 28px;
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--edge);
}

.author_photo {
    flex: none;
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: 3px solid var(--text-strong);
    border-radius: 50%;
}

.author_info {
    min-width: 0;
}

.author_name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
}

.author_about {
    margin-top: 4px;
    font-size: 0.88rem;
    color: var(--text-dim);
}

.comments {
    max-width: 680px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid var(--border);
}

.comments[data-state="pending"] .comments_body {
    min-height: 140px;
}

.comments_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.comment_list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}

.comment {
    display: flex;
    gap: 12px;
}

.comment_avatar {
    flex: none;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(135deg, #8d8d99, #4a4a55);
    box-shadow: var(--edge);
}

.comment_avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment_avatar span {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.comment_body {
    flex: 1;
    min-width: 0;
    padding: 10px 14px;
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--edge);
}

.comment_meta {
    font-size: 0.78rem;
    color: var(--text-faint);
}

.comment_meta strong {
    margin-right: 6px;
    font-weight: 600;
    color: var(--text);
}

.comment_text {
    margin-top: 2px;
    font-size: 0.9rem;
    color: var(--text-body);
}

.comment_form textarea,
.comment_form input {
    width: 100%;
    padding: 10px 14px;
    font: inherit;
    font-size: 0.88rem;
    color: var(--text);
    background: var(--field);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: inset 0 2px 4px var(--field-shadow), 0 1px 0 var(--field-hi);
    transition: border-color 0.2s;
}

.comment_form textarea {
    display: block;
    resize: vertical;
    min-height: 84px;
}

.comment_form textarea::placeholder,
.comment_form input::placeholder {
    color: var(--text-faint);
}

.comment_form textarea:focus,
.comment_form input:focus {
    outline: none;
    border-color: var(--border-strong);
}

.comment_row {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.comment_row input {
    flex: 1;
    min-width: 0;
}

.comment_form button {
    flex: none;
    padding: 10px 18px;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-1), var(--btn-2));
    border: 0;
    border-radius: 10px;
    box-shadow: inset 0 1px 0 var(--btn-hi), 0 4px 10px -4px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: filter 0.2s;
}

.comment_form button:hover {
    filter: brightness(1.08);
}

.count {
    min-width: 22px;
    padding: 0 7px;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    color: var(--text-dim);
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 999px;
    box-shadow: var(--edge);
}

.widget_title,
.LinkList > h2,
.LinkList > h3 {
    margin-bottom: 10px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-faint);
}

.category_list .category_divider {
    height: 1px;
    margin: 8px 0;
    background: var(--border);
}

.category_children {
    list-style: none;
    margin: 0 0 0 14px;
    padding: 0 0 0 10px;
    border-left: 1px solid var(--border);
}

.category_children a {
    font-size: 0.82rem;
}

.widget_list a,
.LinkList a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    margin: 0 -10px;
    border-radius: 8px;
    font-size: 0.88rem;
    color: var(--text-dim);
    transition: color 0.2s, background 0.2s;
}

.widget_list a:hover,
.widget_list a.active,
.LinkList a:hover {
    color: var(--text);
    background: var(--glass-item);
}

.social a,
.widget_list a.social_link,
.LinkList a.social_link {
    justify-content: flex-start;
    gap: 12px;
}

.social a,
.widget_list a.social_link,
.LinkList a.social_link {
    padding: 5px 9px;
    border: 1px solid transparent;
    transition: color 0.2s, background 0.2s, border-color 0.2s, transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.social a:hover,
.widget_list a.social_link:hover,
.LinkList a.social_link:hover {
    background: var(--sheen), var(--glass-item);
    border-color: var(--border-strong);
    box-shadow:
        var(--edge),
        0 2px 0 rgba(0, 0, 0, 0.3),
        0 12px 20px -10px rgba(0, 0, 0, 0.65);
    transform: translateY(-2px) scale(1.03);
}

.social a:active,
.widget_list a.social_link:active,
.LinkList a.social_link:active {
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.4),
        0 1px 0 rgba(0, 0, 0, 0.3);
    transform: translateY(1px) scale(0.98);
}

.social a::before,
.widget_list a.social_link::before,
.LinkList a.social_link::before {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}

.social_name {
    flex: 1;
}

.social_handle {
    font-size: 0.74rem;
    color: var(--text-faint);
}

.social_instagram {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='20' x='2' y='2' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' x2='17.51' y1='6.5' y2='6.5'/%3E%3C/svg%3E");
}

.social_x {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16M20 4L4 20'/%3E%3C/svg%3E");
}

.social_youtube {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17'/%3E%3Cpath d='m10 15 5-3-5-3z'/%3E%3C/svg%3E");
}

.social_github {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4'/%3E%3Cpath d='M9 18c-4.51 2-5-2-7-2'/%3E%3C/svg%3E");
}

.post_tags {
    margin-top: 26px;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tags a {
    padding: 2px 11px;
    font-size: 0.78rem;
    color: var(--text-dim);
    border: 1px solid var(--border);
    border-radius: 999px;
    transition: color 0.2s, border-color 0.2s;
}

.tags a:hover {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--sheen), var(--glass-item);
    box-shadow: var(--lift);
}

@media (max-width: 1100px) {
    body {
        grid-template-columns: 220px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        height: auto;
        overflow: visible;
    }

    .header {
    border-right: 1px solid var(--border);
    box-sizing: border-box;
}

    .main_contents,
    .sidebar_right {
        overflow: visible;
    }

    .main_contents {
        grid-row: 1;
        padding-bottom: 24px;
    }

    .sidebar_right {
        grid-column: 2;
        grid-row: 2;
        padding: 0 44px 32px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sidebar_right .widget {
        flex: 1 1 180px;
    }

    .footer {
        grid-column: 2;
        grid-row: 3;
    }
}

@media (max-width: 760px) {
    body {
        --window-gap: 12px;
        grid-template-columns: minmax(0, 1fr);
    }

    .header {
        grid-row: auto;
        grid-column: 1;
        border-right: 0;
        border-bottom: 1px solid var(--border);
        border-radius: 18px 18px 0 0;
    }

    .header_wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px 16px;
        padding: 14px 16px;
    }

    .header_wrapper > a {
        margin-bottom: 0;
    }

    .header nav {
        order: 3;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .header nav::-webkit-scrollbar {
        display: none;
    }

    .header nav ul {
        flex-direction: row;
    }

    .header nav a {
        white-space: nowrap;
    }

    .search {
        margin: 0 0 0 auto;
    }

    .header nav {
        order: 3;
    }

    .header_search {
        width: 120px;
    }

    .main_contents,
    .sidebar_right,
    .footer {
        grid-column: 1;
        grid-row: auto;
    }

    .main_contents {
        padding: 24px 18px 20px;
    }

    .sidebar_right {
        padding: 0 18px 24px;
    }

    .footer {
        padding: 12px 18px;
    }

    .post_title {
        font-size: 1.5rem;
    }

    .post {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }

    html {
        scroll-behavior: auto;
    }

    .aurora i:first-child {
        opacity: 0.9;
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

.page_numbers {
    display: flex;
    gap: 6px;
}

.page_link {
    display: inline-block;
    min-width: 36px;
    padding: 7px 14px;
    font-size: 0.82rem;
    text-align: center;
    color: var(--text-dim);
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

.page_link:hover,
.page_link[aria-current="page"] {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--sheen), var(--glass-item);
    box-shadow: var(--lift);
}

.page_link.disabled {
    opacity: 0.35;
    pointer-events: none;
}

.pagination[data-state="loading"] {
    opacity: 0.6;
}

.visually_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.header_title {
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text);
}

.article_wrapper .section,
.article_wrapper .widget.Blog {
    display: contents;
}

.sidebar_right .section {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.archive_list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--border);
}

.archive_list li {
    display: flex;
    align-items: baseline;
    gap: 18px;
    padding: 14px 4px;
    border-bottom: 1px solid var(--border);
}

.archive_date {
    flex: none;
    width: 9em;
    padding-right: 18px;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    color: var(--text-faint);
    border-right: 1px solid var(--border);
}

.archive_title {
    min-width: 0;
    font-weight: 500;
    color: var(--text);
    transition: color 0.2s;
}

.archive_title:hover {
    color: var(--text-strong);
}

.list_heading {
    margin-bottom: 22px;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.post_card {
    position: relative;
    display: flex;
    flex-direction: column;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    content-visibility: auto;
    contain-intrinsic-size: auto 800px;
    padding: 0 0 44px;
    margin-bottom: 44px;
    border-bottom: 1px solid var(--border);
}

.post_card:last-of-type {
    border-bottom: 0;
}

.post_card .post_title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.post_card .post_content {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.post_card .post_content::after {
    content: "";
    position: absolute;
    top: 3.4em;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, var(--veil-0) 0%, var(--veil-1) 100%);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 1.5em);
    mask-image: linear-gradient(180deg, transparent 0, #000 1.5em);
    pointer-events: none;
}

.post_card .post_content::before {
    content: "Read more \2192";
    position: absolute;
    top: 3.4em;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text);
    pointer-events: none;
}

.post_card .post_footer {
    position: relative;
    z-index: 2;
    margin-top: 16px;
}

.not_found {
    padding-top: 12px;
}

.comments .comments {
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.comments_body #comments > h4 {
    display: none;
}

.comments .comment-thread ol,
.comments .comments-content ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments .comment {
    margin-bottom: 14px;
}

.comments .comment-block {
    margin-left: 0;
    padding: 10px 14px;
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--edge);
}

.comments .avatar-image-container {
    display: none;
}

.comments .user,
.comments .user a {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text);
}

.comments .datetime,
.comments .datetime a,
.comments .comment-actions a {
    font-size: 0.74rem;
    color: var(--text-faint);
}

.comments .comment-content {
    margin: 4px 0;
    font-size: 0.9rem;
    color: var(--text-body);
}

.comments .comment-replies {
    margin: 12px 0 0 18px;
}

.comments .comment-form h4 {
    margin: 14px 0 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.comments iframe {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 12px;
}

.sidebar_right .widget > h2,
.AD_top .widget > h2,
.AD_bottom .widget > h2,
.AD_side .widget > h2,
.sidebar_left_bar .widget > h2 {
    margin-bottom: 10px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-faint);
}

.BlogList ul,
.BlogArchive ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.BlogList li,
.BlogArchive li {
    padding: 6px 0;
    font-size: 0.88rem;
    color: var(--text-dim);
}

.BlogList a,
.BlogArchive a {
    color: var(--text-dim);
    transition: color 0.2s;
}

.BlogList a:hover,
.BlogArchive a:hover {
    color: var(--text);
}

.BlogArchive ul ul {
    padding-left: 14px;
}

.social_twitter {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z'/%3E%3C/svg%3E");
}

.social_facebook {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}

.social_linkedin {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z'/%3E%3Crect width='4' height='12' x='2' y='9'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E");
}

.social_threads {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543 1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735.798.361 1.348 1.204 1.348 2.47 0 3.387-3.907 5.232-7.22 5.232-4.885 0-8.077-3.207-8.077-8.424 0-6.392 4.223-10.487 9.9-10.487 3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0 6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066 4.878 0 9.809-2.846 9.809-7.716 0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453 0-1.483 1.822-1.934 3.606-1.934.678 0 1.34.045 1.927.173-.422 1.927-1.671 3.215-3.508 3.214Z'/%3E%3C/svg%3E");
}

.social_tiktok {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
}

.social_discord {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E");
}

.social_twitch {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z'/%3E%3C/svg%3E");
}

.social_reddit {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z'/%3E%3C/svg%3E");
}

.social_pinterest {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z'/%3E%3C/svg%3E");
}

.social_telegram {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
}

.social_whatsapp {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E");
}

.social_snapchat {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z'/%3E%3C/svg%3E");
}

.social_medium {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z'/%3E%3C/svg%3E");
}

.social_mastodon {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E");
}

.social_bluesky {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026'/%3E%3C/svg%3E");
}

.social_spotify {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z'/%3E%3C/svg%3E");
}

.social_soundcloud {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.747.747 0 0 1 .452-.724s.75-.513 2.333-.513a5.364 5.364 0 0 1 2.763.755 5.433 5.433 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12.884 0 1.73.358 2.347.992s.948 1.49.922 2.373ZM10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0ZM9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0Zm-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0Zm-1.647.77a26.108 26.108 0 0 1-.008 7.147.272.272 0 0 1-.542 0 27.955 27.955 0 0 1 0-7.147.275.275 0 0 1 .55 0Zm-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412-.026.28-.514.283-.54 0-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0Zm-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0Z'/%3E%3C/svg%3E");
}

.social_tumblr {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z'/%3E%3C/svg%3E");
}

.social_vimeo {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.9765 6.4168c-.105 2.338-1.739 5.5429-4.894 9.6088-3.2679 4.247-6.0258 6.3699-8.2898 6.3699-1.409 0-2.578-1.294-3.553-3.881l-1.9179-7.1138c-.719-2.584-1.488-3.878-2.312-3.878-.179 0-.806.378-1.8809 1.132l-1.129-1.457a315.06 315.06 0 003.501-3.1279c1.579-1.368 2.765-2.085 3.5539-2.159 1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.5069.5389 2.45 1.1309 3.674 1.7759 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.8679 3.434-5.7568 6.7619-5.6368 2.4729.06 3.6279 1.664 3.4929 4.7969z'/%3E%3C/svg%3E");
}

.social_flickr {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.334 6.666C2.3884 6.666 0 9.055 0 12c0 2.9456 2.3884 5.334 5.334 5.334 2.9456 0 5.332-2.3884 5.332-5.334 0-2.945-2.3864-5.334-5.332-5.334zm13.332 0c-2.9456 0-5.332 2.389-5.332 5.334 0 2.9456 2.3864 5.334 5.332 5.334C21.6116 17.334 24 14.9456 24 12c0-2.945-2.3884-5.334-5.334-5.334Z'/%3E%3C/svg%3E");
}

.social_dribbble {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z'/%3E%3C/svg%3E");
}

.social_behance {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z'/%3E%3C/svg%3E");
}

.social_figma {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z'/%3E%3C/svg%3E");
}

.social_notion {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z'/%3E%3C/svg%3E");
}

.social_slack {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E");
}

.social_steam {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z'/%3E%3C/svg%3E");
}

.social_patreon {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.957 7.21c-.004-3.064-2.391-5.576-5.191-6.482-3.478-1.125-8.064-.962-11.384.604C2.357 3.231 1.093 7.391 1.046 11.54c-.039 3.411.302 12.396 5.369 12.46 3.765.047 4.326-4.804 6.068-7.141 1.24-1.662 2.836-2.132 4.801-2.618 3.376-.836 5.678-3.501 5.673-7.031Z'/%3E%3C/svg%3E");
}

.social_kakaotalk {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.125 0H1.875C.8394 0 0 .8394 0 1.875v20.25C0 23.1606.8394 24 1.875 24h20.25C23.1606 24 24 23.1606 24 22.125V1.875C24 .8394 23.1606 0 22.125 0zM12 18.75c-.591 0-1.1697-.0413-1.7317-.1209-.5626.3965-3.813 2.6797-4.1198 2.7225 0 0-.1258.0489-.2328-.0141s-.0876-.2282-.0876-.2282c.0322-.2198.8426-3.0183.992-3.5333-2.7452-1.36-4.5701-3.7686-4.5701-6.5135C2.25 6.8168 6.6152 3.375 12 3.375s9.75 3.4418 9.75 7.6875c0 4.2457-4.3652 7.6875-9.75 7.6875zM8.0496 9.8672h-.8777v3.3417c0 .2963-.2523.5372-.5625.5372s-.5625-.2409-.5625-.5372V9.8672h-.8777c-.3044 0-.552-.2471-.552-.5508s.2477-.5508.552-.5508h2.8804c.3044 0 .552.2471.552.5508s-.2477.5508-.552.5508zm10.9879 2.9566a.558.558 0 0 1 .108.4167.5588.5588 0 0 1-.2183.371.5572.5572 0 0 1-.3383.1135.558.558 0 0 1-.4493-.2236l-1.3192-1.7479-.1952.1952v1.2273a.5635.5635 0 0 1-.5627.5628.563.563 0 0 1-.5625-.5625V9.3281c0-.3102.2523-.5625.5625-.5625s.5625.2523.5625.5625v1.209l1.5694-1.5694c.0807-.0807.1916-.1252.312-.1252.1404 0 .2814.0606.3871.1661.0985.0984.1573.2251.1654.3566.0082.1327-.036.2542-.1241.3425l-1.2818 1.2817 1.3845 1.8344zm-8.3502-3.5023c-.095-.2699-.3829-.5475-.7503-.5557-.3663.0083-.6542.2858-.749.5551l-1.3455 3.5415c-.1708.5305-.0217.7272.1333.7988a.8568.8568 0 0 0 .3576.0776c.2346 0 .4139-.0952.4678-.2481l.2787-.7297 1.7152.0001.2785.7292c.0541.1532.2335.2484.4681.2484a.8601.8601 0 0 0 .3576-.0775c.1551-.0713.3041-.2681.1329-.7999l-1.3449-3.5398zm-1.3116 2.4433l.5618-1.5961.5618 1.5961H9.3757zm5.9056 1.3836c0 .2843-.2418.5156-.5391.5156h-1.8047c-.2973 0-.5391-.2314-.5391-.5156V9.3281c0-.3102.2576-.5625.5742-.5625s.5742.2523.5742.5625v3.3047h1.1953c.2974 0 .5392.2314.5392.5156z'/%3E%3C/svg%3E");
}

.social_naver {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.273 12.845 7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727v12.845Z'/%3E%3C/svg%3E");
}

.social_line {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/%3E%3C/svg%3E");
}

.social_wechat {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z'/%3E%3C/svg%3E");
}

.social_gitlab {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m23.6004 9.5927-.0337-.0862L20.3.9814a.851.851 0 0 0-.3362-.405.8748.8748 0 0 0-.9997.0539.8748.8748 0 0 0-.29.4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573.8573 0 0 0-.29-.4412.8748.8748 0 0 0-.9997-.0537.8585.8585 0 0 0-.3362.4049L.4332 9.5015l-.0325.0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113.0087.03.0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7489.0125-.01a6.0682 6.0682 0 0 0 2.0094-7.003z'/%3E%3C/svg%3E");
}

.social_stackoverflow {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z'/%3E%3C/svg%3E");
}

.social_codepen {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.144 13.067v-2.134L16.55 12zm1.276 1.194a.628.628 0 01-.006.083l-.005.028-.011.053-.01.031c-.005.016-.01.031-.017.047l-.014.03a.78.78 0 01-.021.043l-.019.03a.57.57 0 01-.08.1l-.026.025a.602.602 0 01-.036.03l-.029.022-.01.008-6.782 4.522a.637.637 0 01-.708 0L4.864 14.79l-.01-.008a.599.599 0 01-.065-.052l-.026-.025-.032-.034-.021-.028a.588.588 0 01-.067-.11l-.014-.031a.644.644 0 01-.017-.047l-.01-.03c-.004-.018-.008-.036-.01-.054l-.006-.028a.628.628 0 01-.006-.083V9.739c0-.028.002-.055.006-.083l.005-.027.011-.054.01-.03a.574.574 0 01.12-.217l.031-.034.026-.025a.62.62 0 01.065-.052l.01-.008 6.782-4.521a.638.638 0 01.708 0l6.782 4.521.01.008.03.022.035.03c.01.008.017.016.026.025a.545.545 0 01.08.1l.019.03a.633.633 0 01.021.043l.014.03c.007.016.012.032.017.047l.01.031c.004.018.008.036.01.054l.006.027a.619.619 0 01.006.083zM12 0C5.373 0 0 5.372 0 12 0 18.627 5.373 24 12 24c6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12m0 10.492L9.745 12 12 13.51 14.255 12zm.638 4.124v2.975l4.996-3.33-2.232-1.493zm-6.272-.356l4.996 3.33v-2.974l-2.764-1.849zm11.268-4.52l-4.996-3.33v2.974l2.764 1.85zm-6.272-.356V6.41L6.366 9.74l2.232 1.493zm-5.506 1.549v2.134L7.45 12Z'/%3E%3C/svg%3E");
}

.social_dev {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z'/%3E%3C/svg%3E");
}

.social_producthunt {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.604 8.4h-3.405V12h3.405c.995 0 1.801-.806 1.801-1.801 0-.993-.805-1.799-1.801-1.799zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804c2.319 0 4.2 1.88 4.2 4.199 0 2.321-1.881 4.201-4.201 4.201z'/%3E%3C/svg%3E");
}

.social_quora {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.3799.9483A11.9628 11.9628 0 0 1 21.248 19.5397l2.4096 2.4225c.7322.7362.21 1.9905-.8272 1.9905l-10.7105.01a12.52 12.52 0 0 1-.304 0h-.02A11.9628 11.9628 0 0 1 7.3818.9503Zm7.3217 4.428a7.1717 7.1717 0 1 0-5.4873 13.2512 7.1717 7.1717 0 0 0 5.4883-13.2511Z'/%3E%3C/svg%3E");
}

.social_substack {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z'/%3E%3C/svg%3E");
}

.social_bandcamp {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 18.75l7.437-13.5H24l-7.438 13.5H0z'/%3E%3C/svg%3E");
}

.social_applemusic {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 00-1.877-.726 10.496 10.496 0 00-1.564-.15c-.04-.003-.083-.01-.124-.013H5.986c-.152.01-.303.017-.455.026-.747.043-1.49.123-2.193.4-1.336.53-2.3 1.452-2.865 2.78-.192.448-.292.925-.363 1.408-.056.392-.088.785-.1 1.18 0 .032-.007.062-.01.093v12.223c.01.14.017.283.027.424.05.815.154 1.624.497 2.373.65 1.42 1.738 2.353 3.234 2.801.42.127.856.187 1.293.228.555.053 1.11.06 1.667.06h11.03a12.5 12.5 0 001.57-.1c.822-.106 1.596-.35 2.295-.81a5.046 5.046 0 001.88-2.207c.186-.42.293-.87.37-1.324.113-.675.138-1.358.137-2.04-.002-3.8 0-7.595-.003-11.393zm-6.423 3.99v5.712c0 .417-.058.827-.244 1.206-.29.59-.76.962-1.388 1.14-.35.1-.706.157-1.07.173-.95.045-1.773-.6-1.943-1.536a1.88 1.88 0 011.038-2.022c.323-.16.67-.25 1.018-.324.378-.082.758-.153 1.134-.24.274-.063.457-.23.51-.516a.904.904 0 00.02-.193c0-1.815 0-3.63-.002-5.443a.725.725 0 00-.026-.185c-.04-.15-.15-.243-.304-.234-.16.01-.318.035-.475.066-.76.15-1.52.303-2.28.456l-2.325.47-1.374.278c-.016.003-.032.01-.048.013-.277.077-.377.203-.39.49-.002.042 0 .086 0 .13-.002 2.602 0 5.204-.003 7.805 0 .42-.047.836-.215 1.227-.278.64-.77 1.04-1.434 1.233-.35.1-.71.16-1.075.172-.96.036-1.755-.6-1.92-1.544-.14-.812.23-1.685 1.154-2.075.357-.15.73-.232 1.108-.31.287-.06.575-.116.86-.177.383-.083.583-.323.6-.714v-.15c0-2.96 0-5.922.002-8.882 0-.123.013-.25.042-.37.07-.285.273-.448.546-.518.255-.066.515-.112.774-.165.733-.15 1.466-.296 2.2-.444l2.27-.46c.67-.134 1.34-.27 2.01-.403.22-.043.442-.088.663-.106.31-.025.523.17.554.482.008.073.012.148.012.223.002 1.91.002 3.822 0 5.732z'/%3E%3C/svg%3E");
}

.social_bitbucket {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.778 1.213a.768.768 0 00-.768.892l3.263 19.81c.084.5.515.868 1.022.873H19.95a.772.772 0 00.77-.646l3.27-20.03a.768.768 0 00-.768-.891zM14.52 15.53H9.522L8.17 8.466h7.561z'/%3E%3C/svg%3E");
}

.social_vk {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z'/%3E%3C/svg%3E");
}

.social_kick {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z'/%3E%3C/svg%3E");
}

.social_signal {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0q-.934 0-1.83.139l.17 1.111a11 11 0 0 1 3.32 0l.172-1.111A12 12 0 0 0 12 0M9.152.34A12 12 0 0 0 5.77 1.742l.584.961a10.8 10.8 0 0 1 3.066-1.27zm5.696 0-.268 1.094a10.8 10.8 0 0 1 3.066 1.27l.584-.962A12 12 0 0 0 14.848.34M12 2.25a9.75 9.75 0 0 0-8.539 14.459c.074.134.1.292.064.441l-1.013 4.338 4.338-1.013a.62.62 0 0 1 .441.064A9.7 9.7 0 0 0 12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m-7.092.068a12 12 0 0 0-2.59 2.59l.909.664a11 11 0 0 1 2.345-2.345zm14.184 0-.664.909a11 11 0 0 1 2.345 2.345l.909-.664a12 12 0 0 0-2.59-2.59M1.742 5.77A12 12 0 0 0 .34 9.152l1.094.268a10.8 10.8 0 0 1 1.269-3.066zm20.516 0-.961.584a10.8 10.8 0 0 1 1.27 3.066l1.093-.268a12 12 0 0 0-1.402-3.383M.138 10.168A12 12 0 0 0 0 12q0 .934.139 1.83l1.111-.17A11 11 0 0 1 1.125 12q0-.848.125-1.66zm23.723.002-1.111.17q.125.812.125 1.66c0 .848-.042 1.12-.125 1.66l1.111.172a12.1 12.1 0 0 0 0-3.662M1.434 14.58l-1.094.268a12 12 0 0 0 .96 2.591l-.265 1.14 1.096.255.36-1.539-.188-.365a10.8 10.8 0 0 1-.87-2.35m21.133 0a10.8 10.8 0 0 1-1.27 3.067l.962.584a12 12 0 0 0 1.402-3.383zm-1.793 3.848a11 11 0 0 1-2.345 2.345l.664.909a12 12 0 0 0 2.59-2.59zm-19.959 1.1L.357 21.48a1.8 1.8 0 0 0 2.162 2.161l1.954-.455-.256-1.095-1.953.455a.675.675 0 0 1-.81-.81l.454-1.954zm16.832 1.769a10.8 10.8 0 0 1-3.066 1.27l.268 1.093a12 12 0 0 0 3.382-1.402zm-10.94.213-1.54.36.256 1.095 1.139-.266c.814.415 1.683.74 2.591.961l.268-1.094a10.8 10.8 0 0 1-2.35-.869zm3.634 1.24-.172 1.111a12.1 12.1 0 0 0 3.662 0l-.17-1.111q-.812.125-1.66.125a11 11 0 0 1-1.66-.125'/%3E%3C/svg%3E");
}

.social_kofi {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.351 2.715c-2.7 0-4.986.025-6.83.26C2.078 3.285 0 5.154 0 8.61c0 3.506.182 6.13 1.585 8.493 1.584 2.701 4.233 4.182 7.662 4.182h.83c4.209 0 6.494-2.234 7.637-4a9.5 9.5 0 0 0 1.091-2.338C21.792 14.688 24 12.22 24 9.208v-.415c0-3.247-2.13-5.507-5.792-5.87-1.558-.156-2.65-.208-6.857-.208m0 1.947c4.208 0 5.09.052 6.571.182 2.624.311 4.13 1.584 4.13 4v.39c0 2.156-1.792 3.844-3.87 3.844h-.935l-.156.649c-.208 1.013-.597 1.818-1.039 2.546-.909 1.428-2.545 3.064-5.922 3.064h-.805c-2.571 0-4.831-.883-6.078-3.195-1.09-2-1.298-4.155-1.298-7.506 0-2.181.857-3.402 3.012-3.714 1.533-.233 3.559-.26 6.39-.26m6.547 2.287c-.416 0-.65.234-.65.546v2.935c0 .311.234.545.65.545 1.324 0 2.051-.754 2.051-2s-.727-2.026-2.052-2.026m-10.39.182c-1.818 0-3.013 1.48-3.013 3.142 0 1.533.858 2.857 1.949 3.897.727.701 1.87 1.429 2.649 1.896a1.47 1.47 0 0 0 1.507 0c.78-.467 1.922-1.195 2.623-1.896 1.117-1.039 1.974-2.364 1.974-3.897 0-1.662-1.247-3.142-3.039-3.142-1.065 0-1.792.545-2.338 1.298-.493-.753-1.246-1.298-2.312-1.298'/%3E%3C/svg%3E");
}

.social_buymeacoffee {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z'/%3E%3C/svg%3E");
}

.social_gumroad {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0Zm-.007 5.12c4.48 0 5.995 3.025 6.064 4.744h-3.239c-.069-.962-.897-2.406-2.896-2.406-2.136 0-3.514 1.857-3.514 4.126 0 2.27 1.378 4.125 3.514 4.125 1.93 0 2.758-1.512 3.103-3.025h-3.103v-1.238h6.509v6.327h-2.855v-3.989c-.207 1.444-1.102 4.264-4.617 4.264-3.516 0-5.584-2.82-5.584-6.326 0-3.645 2.276-6.602 6.618-6.602z'/%3E%3C/svg%3E");
}

.social_deviantart {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.207 4.794l.23-.43V0H15.07l-.436.44-2.058 3.925-.646.436H4.58v5.993h4.04l.36.436-4.175 7.98-.24.43V24H8.93l.436-.44 2.07-3.925.644-.436h7.35v-5.993h-4.05l-.36-.438 4.186-7.977z'/%3E%3C/svg%3E");
}

@media (max-width: 760px) {
    .post_card {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
}

.pagination_infinite {
    position: relative;
    height: 1px;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 761px) and (max-width: 1100px) {
    body {
        height: calc(100vh - var(--window-gap) * 2);
        overflow: hidden;
        grid-template-rows: minmax(0, 1fr) auto auto;
    }

    .main_contents {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 20px;
        min-height: 0;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .main_contents > main {
        min-height: 0;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--scroll) transparent;
    }

    .sidebar_right,
    .sidebar_right .section {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sidebar_right {
        max-height: 24vh;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--scroll) transparent;
    }

    .sidebar_right .widget {
        flex: 0 0 220px;
    }
}

.sidebar_left {
    display: none;
}

@media (min-width: 761px) {
    .sidebar_left {
        order: 3;
        display: flex;
        flex: 1 1 0;
        flex-direction: column;
        gap: 20px;
        min-height: 0;
        margin-top: 14px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--scroll) transparent;
    }

    .sidebar_left_1 {
        margin-top: 22px;
    }

    .sidebar_left > span {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 0.68rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--text-faint);
        border: 1px dashed var(--border);
        border-radius: var(--radius);
    }
}

.sidebar_left_bar {
    display: none;
}

@media (min-width: 761px) {
    .sidebar_left_bar {
        order: 3;
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        gap: 20px;
        min-height: 0;
        margin-top: 14px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--scroll) transparent;
    }

    .sidebar_left_bar:empty {
        display: none;
    }
}

.sidebar_left_bar .widget {
    min-width: 0;
}

.sidebar_left_bar:has(.gadget_menu) {
    display: block;
}

.sidebar_left_bar > :not(.gadget_menu) {
    display: none;
}

@media (min-width: 761px) {
    .sidebar_left_bar:has(.gadget_menu) {
        display: flex;
    }

    .sidebar_left_bar > :not(.gadget_menu) {
        display: block;
    }
}

@media (max-width: 760px) {
    .sidebar_left_bar:has(.gadget_menu) {
        order: 3;
        width: 100%;
    }
}

.gadget_menu_title {
    margin-bottom: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.AD_side {
    min-width: 0;
}

.AD_top:has(.gadget),
.AD_bottom:has(.gadget),
.sidebar_left > span:has(.gadget) {
    display: block;
    min-height: 0;
    border: 0;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

.AD_top .gadget,
.AD_bottom .gadget,
.AD_side .gadget {
    width: 100%;
}

.AD_top .gadget + .gadget,
.AD_bottom .gadget + .gadget,
.AD_side .gadget + .gadget {
    margin-top: 16px;
}

.profile_gadget {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.profile_gadget_photo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
}

.profile_gadget_bio {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--text-dim);
}

.gadget_text_body {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-dim);
}

.gadget_text_body > * + * {
    margin-top: 0.8em;
}

.AD_side .section,
.AD_side .widget {
    display: block;
    width: 100%;
    min-width: 0;
}

.AD_side > .section {
    flex: 1;
    border: 1px dashed var(--border);
    border-radius: var(--radius);
}

.AD_side ins.adsbygoogle {
    display: block;
    width: 100%;
}

.AD_side iframe,
.AD_side img {
    max-width: 100%;
}

.aurora {
    position: fixed;
    inset: -20%;
    z-index: -2;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.8s ease, visibility 0s 1.8s;
    animation: aurora-spin 80s linear infinite reverse;
}

:root[data-theme="light"] .aurora {
    opacity: 1;
    visibility: visible;
    transition: opacity 1.8s ease, visibility 0s;
}

.aurora i {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: aurora-fade 48s linear infinite;
}

.aurora i:nth-child(1) {
    background:
        radial-gradient(62% 52% at 24% 38%, rgba(70, 190, 255, 0.95), transparent 72%),
        radial-gradient(52% 44% at 76% 66%, rgba(110, 215, 255, 0.85), transparent 72%),
        radial-gradient(42% 36% at 62% 18%, rgba(60, 160, 255, 0.7), transparent 70%);
    animation-delay: -12s;
}

.aurora i:nth-child(2) {
    background:
        radial-gradient(62% 52% at 30% 62%, rgba(255, 96, 64, 0.95), transparent 72%),
        radial-gradient(52% 44% at 72% 30%, rgba(255, 196, 64, 0.9), transparent 72%),
        radial-gradient(42% 36% at 18% 20%, rgba(255, 140, 60, 0.75), transparent 70%);
    animation-delay: 0s;
}

.aurora i:nth-child(3) {
    background:
        radial-gradient(62% 52% at 68% 36%, rgba(238, 52, 128, 0.95), transparent 72%),
        radial-gradient(52% 44% at 26% 70%, rgba(255, 105, 170, 0.85), transparent 72%),
        radial-gradient(42% 36% at 84% 78%, rgba(220, 60, 150, 0.7), transparent 70%);
    animation-delay: -36s;
}

.aurora i:nth-child(4) {
    background:
        radial-gradient(62% 52% at 36% 30%, rgba(140, 76, 255, 0.95), transparent 72%),
        radial-gradient(52% 44% at 74% 72%, rgba(178, 120, 255, 0.85), transparent 72%),
        radial-gradient(42% 36% at 14% 76%, rgba(110, 90, 255, 0.7), transparent 70%);
    animation-delay: -24s;
}

@keyframes aurora-spin {
    to { transform: rotate(360deg); }
}

@keyframes aurora-fade {
    0% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}

.theme_toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 12px;
    min-height: 42px;
    padding: 5px 7px 5px 12px;
    border-radius: 999px;
    overflow: hidden;
}

.theme_toggle_label {
    display: inline-flex;
    align-items: center;
    flex: 1;
    line-height: 1;
}

.theme_toggle:hover {
    color: var(--text);
}

.theme_toggle_track {
    position: relative;
    display: block;
    flex: 0 0 54px;
    width: 54px;
    height: 28px;
    box-sizing: border-box;
    border-radius: 999px;
    overflow: hidden;
}

.theme_toggle_thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 50%;
    transform: translateX(0);
    transition: transform 0.22s ease;
}

.theme_toggle_thumb svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.theme_toggle_thumb .icon_sun {
    opacity: 0;
    transform: rotate(-90deg) scale(0.4);
}

.theme_toggle[aria-checked="true"] .theme_toggle_thumb {
    transform: translateX(26px);
}

.theme_toggle[aria-checked="true"] .icon_moon {
    opacity: 0;
    transform: rotate(90deg) scale(0.4);
}

.theme_toggle[aria-checked="true"] .icon_sun {
    opacity: 1;
    transform: none;
}

@media (min-width: 761px) {
    .header,
    .header_wrapper {
        min-height: 0;
    }

    .sidebar_left_1 {
        flex: 0 1 auto;
    }
}

@media (max-width: 760px) {
    .header_wrapper {
        gap: 0 16px;
    }

    .header_wrapper::after {
        content: "";
        order: 2;
        flex: 0 0 100%;
        height: 8px;
    }

    .sidebar_left_1 {
        order: 4;
        display: flex;
        flex: none;
        margin: 0 auto;
    }

    .header nav {
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
        max-width: calc(100% - 72px);
    }

    .sidebar_left_1 .section {
        display: none;
    }

    .theme_toggle {
        width: auto;
        padding: 0;
        background: none;
        border: 0;
    }

    .theme_toggle_label {
        display: none;
    }
}

.header_wrapper > .search_section {
    order: 1;
}

@media (max-width: 760px) {
    .header_wrapper > .search_section {
        margin-left: auto;
    }
}

.site_brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin-bottom: 30px;
}

.header_wrapper > .site_brand {
    order: 0;
}

.header_wrapper > .search_section {
    order: 1;
}

.header_wrapper > nav {
    order: 2;
}

.header_wrapper > .sidebar_left_1 {
    order: 3;
    margin-top: auto;
    padding-top: 24px;
}

.theme_toggle {
display: inline-flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
gap: 12px;
width: 203px;
min-width: 203px;
height: 50px;
min-height: 50px;
padding: 8px 12px;
color: var(--text-dim);
background: var(--sheen), var(--glass-item);
border: 1px solid var(--border);
border-radius: 12px;
cursor: pointer;
font: inherit;
font-size: 0.8rem;
overflow: hidden;
}

.theme_toggle_label {
display: inline-flex;
align-items: center;
flex: 1 1 auto;
min-width: 0;
line-height: 1;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}

.theme_toggle:hover {
    color: var(--text);
    border-color: var(--border-strong);
}

.theme_toggle_track {
    position: relative;
    display: inline-block;
    flex: none;
    width: 48px;
    height: 24px;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    background: var(--field);
    box-shadow: inset 0 2px 4px var(--field-shadow);
}

.theme_toggle_thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 18px;
    height: 18px;
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-1), var(--btn-2));
    border-radius: 50%;
    transition: transform 0.25s ease;
}

.theme_toggle_thumb svg {
    width: 12px;
    height: 12px;
    margin: 3px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.theme_toggle_thumb .icon_sun {
    display: none;
}

.theme_toggle[aria-checked="true"] .theme_toggle_thumb {
    transform: translateX(24px);
}

.theme_toggle[aria-checked="true"] .icon_moon {
    display: none;
}

.theme_toggle[aria-checked="true"] .icon_sun {
    display: block;
}

#main-content {
    min-width: 0;
}

@media (max-width: 760px) {
    .site_brand {
        margin-bottom: 0;
    }

    .header_wrapper > .sidebar_left_1 {
        order: 4;
        margin: 0;
        padding: 0;
    }
}
html {
    background: var(--page-bg, #040405);
    color: var(--text);
    transition: background-color 0.3s ease, color 0.3s ease;
}

:root {
    --page-bg: #040405;
}

:root[data-theme="light"] {
    --text: #15151c;
    --text-dim: #4b4b5a;
    --text-faint: #7d7d8c;
    --text-strong: #000000;
    --text-body: #2a2a35;
    --glass: rgba(255, 255, 255, 0.5);
    --glass-side: rgba(255, 255, 255, 0.26);
    --glass-blur: 26px;
    --glass-bright: 1.1;
    --glass-sat: 175%;
    --rim: rgba(255, 255, 255, 0.8);
    --gloss: 0.7;
    --glass-item: rgba(0, 0, 0, 0.06);
    --border: rgba(0, 0, 0, 0.13);
    --border-strong: rgba(0, 0, 0, 0.3);
    --edge-hi: rgba(255, 255, 255, 0.95);
    --edge-lo: rgba(0, 0, 0, 0.12);
    --edge-side: rgba(255, 255, 255, 0.7);
    --hdr-hi: rgba(255, 255, 255, 0.8);
    --hdr-lo: rgba(0, 0, 0, 0.1);
    --field: rgba(255, 255, 255, 0.6);
    --field-shadow: rgba(0, 0, 0, 0.14);
    --field-hi: rgba(255, 255, 255, 0.8);
    --code-fg: #2a2a35;
    --code-bg: rgba(0, 0, 0, 0.06);
    --btn-1: #3a3a44;
    --btn-2: #101014;
    --btn-fg: #ffffff;
    --btn-hi: rgba(255, 255, 255, 0.3);
    --scroll: rgba(0, 0, 0, 0.25);
    --veil-0: rgba(255, 255, 255, 0);
    --veil-1: rgba(255, 255, 255, 0.55);
}

body,
.header,
.main_contents,
.sidebar_right,
.footer {
    color: var(--text);
    border-color: var(--border);
    
    .login {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}


:root[data-theme="light"] body {
    color: var(--text);
}


body > .header {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 55%), var(--glass-side);
}

body > .main_contents,
body > .sidebar_right {
    background: none;
}


.post_content h2,
.post_content h3 {
    scroll-margin-top: 24px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text-strong);
}

.post_content h2 { font-size: 1.5rem; }
.post_content h3 { font-size: 1.2rem; }

.post_content a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.post_content ul { list-style: disc; padding-left: 1.4em; }
.post_content ol { list-style: decimal; padding-left: 1.4em; }
.post_content ul.bunsho-marker-circle { list-style-type: circle; }
.post_content ul.bunsho-marker-square { list-style-type: square; }

.post_content hr {
    border: 0;
    border-top: 1px solid var(--border);
}

.post_content .bunsho-section {
    display: flow-root;
}

.post_content .bunsho-section > * + * {
    margin-top: 1.1em;
}

.post_content .bunsho-image {
    margin: 0;
    max-width: 100%;
}

.post_content .bunsho-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.post_content .bunsho-image.bunsho-align-center { margin-left: auto; margin-right: auto; }
.post_content .bunsho-image.bunsho-align-right { margin-left: auto; }

.post_content .bunsho-image-inline { max-width: 50%; margin-top: 0; }
.post_content .bunsho-image-inline.bunsho-align-left { float: left; margin: 0 20px 10px 0; }
.post_content .bunsho-image-inline.bunsho-align-right { float: right; margin: 0 0 10px 20px; }

.post_content .bunsho-youtube iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 12px;
}

.post_content .bunsho-map iframe {
    display: block;
    width: 100%;
    height: 360px;
    border: 0;
    border-radius: 12px;
}

.post_content .bunsho-map-title {
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--text);
}

.post_content .bunsho-map-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.85rem;
    color: var(--text-dim);
}

.post_content .bunsho-link-card a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 18px;
    text-decoration: none;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--sheen), var(--glass-item);
    transition: border-color 0.2s;
}

.post_content .bunsho-link-card a:hover { border-color: var(--border-strong); }
.post_content .bunsho-link-card strong { color: var(--text-strong); }
.post_content .bunsho-link-domain { font-size: 0.8rem; color: var(--text-faint); }

.post_content pre.bunsho-code {
    margin: 0;
    padding: 18px 20px;
    overflow-x: auto;
    font-family: var(--mono);
    font-size: 0.82rem;
    line-height: 1.65;
    white-space: pre;
    color: var(--code-fg);
    background: var(--code-bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: inset 0 2px 6px var(--field-shadow);
}

.post_content pre.bunsho-code.bunsho-align-center { text-align: center; }
.post_content pre.bunsho-code.bunsho-align-right { text-align: right; }

.post_content .bunsho-toc {
    padding: 16px 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--sheen), var(--glass-item);
}

.post_content .bunsho-toc-title {
    display: block;
    margin-bottom: 8px;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    color: var(--text-strong);
}

.post_content .bunsho-toc ol { list-style: decimal; padding-left: 1.3em; }
.post_content .bunsho-toc a { text-decoration: none; color: var(--text-body); }
.post_content .bunsho-toc a:hover { color: var(--text-strong); }

.post_content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.post_content th,
.post_content td {
    padding: 8px 10px;
    text-align: left;
}

.post_content p.bunsho-link-button > a {
    display: inline-block;
    padding: 0.75em 1.8em;
    font-weight: 700;
    text-decoration: none;
    color: var(--btn-fg);
    background: linear-gradient(180deg, var(--btn-1), var(--btn-2));
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 var(--btn-hi),
        0 2px 0 rgba(0, 0, 0, 0.35),
        0 10px 18px -8px rgba(0, 0, 0, 0.6);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

.post_content p.bunsho-link-button > a:hover {
    transform: translateY(-3px);
    filter: brightness(1.08);
    box-shadow:
        inset 0 1px 0 var(--btn-hi),
        0 4px 0 rgba(0, 0, 0, 0.3),
        0 18px 26px -10px rgba(0, 0, 0, 0.7);
}

.post_content p.bunsho-link-button > a:active {
    transform: translateY(1px);
    filter: brightness(0.96);
}

.comment_notice {
    max-width: 680px;
    margin-bottom: 14px;
    padding: 10px 14px;
    font-size: 0.85rem;
    color: var(--text);
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.comment_notice--error {
    border-color: rgba(200, 70, 60, 0.6);
}

.comment_badge {
    display: inline-block;
    padding: 0 8px;
    margin-left: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--text-dim);
    border: 1px solid var(--border-strong);
    border-radius: 999px;
}

.comment_delete {
    float: right;
    margin-left: 8px;
}

.comment_delete button,
.comment_logout button {
    padding: 0;
    font: inherit;
    font-size: 0.75rem;
    color: var(--text-faint);
    background: none;
    border: 0;
    cursor: pointer;
    text-decoration: underline;
}

.comment_delete button:hover,
.comment_logout button:hover {
    color: var(--text);
}

.comment_login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 680px;
    margin-top: 18px;
    font-size: 0.9rem;
    color: var(--text-dim);
}

.comment_login_btn {
    display: inline-block;
    min-width: 0;
    padding: 0.7em 1.6em;
    font-size: 0.9rem;
    text-decoration: none;
}

.comment_form {
    max-width: 680px;
    margin-top: 18px;
}

.comment_form .cf-turnstile {
    margin-top: 12px;
}

.comment_user {
    flex: 1;
    font-size: 0.85rem;
    color: var(--text-dim);
}

.comment_hint {
    margin-top: 8px;
    font-size: 0.8rem;
    color: var(--text-faint);
}

.comment_logout {
    margin-top: 10px;
}

.hp_field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.footer {
    text-align: center;
}

.footer_gadgets {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.footer_gadgets:empty {
    display: none;
}

.footer .widget,
.footer .gadget {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 4px 10px;
    margin: 0;
    min-width: 0;
}

.footer .widget > h2,
.footer .gadget_menu_title {
    margin: 0;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: none;
    color: var(--text);
}

.footer .gadget_text_body > * {
    margin: 0;
}

.footer .widget_list,
.footer .gadget_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer a {
    color: inherit;
}

.footer a:hover {
    text-decoration: underline;
}

.recent_cards {
    display: grid;
    grid-template-columns: repeat(var(--recent-columns, 2), minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.recent_card {
    position: relative;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: var(--edge);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.recent_card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

.recent_card:not(.recent_card--plain)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.75) 100%);
    pointer-events: none;
}

.recent_card_title {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 7px;
    overflow: hidden;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.3;
    word-break: keep-all;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.recent_card--plain {
    color: var(--text);
}

.recent_card--plain .recent_card_title {
    text-shadow: none;
}

.recent_card:hover {
    transform: translateY(-2px);
    box-shadow: var(--edge), var(--lift);
}

.recent_card:hover img {
    transform: scale(1.06);
}

.footer .recent_cards {
    width: min(100%, 560px);
}

.footer .recent_card_title {
    font-size: 0.82rem;
}

.recent_cards--1 {
    --recent-columns: 1;
}

.recent_cards--2 {
    --recent-columns: 2;
}

.recent_cards--3 {
    --recent-columns: 3;
}

.recent_cards--4 {
    --recent-columns: 4;
}

.recent_cards--1 .recent_card {
    aspect-ratio: 16 / 10;
}

.recent_cards--1 .recent_card_title,
.recent_cards--2 .recent_card_title {
    padding: 9px 11px;
    font-size: 0.9rem;
}

.page_scroll {
    display: contents;
}

@media (min-width: 1101px) {
    .page_scroll {
        grid-column: 2 / -1;
        grid-row: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 270px;
        grid-template-rows: auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--scroll) transparent;
    }

    .page_scroll > .main_contents,
    .page_scroll > .sidebar_right {
        grid-row: 1;
        align-self: stretch;
        min-height: auto;
        overflow: visible;
        background: none;
    }

    .page_scroll > .main_contents {
        grid-column: 1;
    }

    .page_scroll > .sidebar_right {
        grid-column: 2;
    }
}

.widget_list a.blog_link {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E");
}

.related {
    max-width: 680px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid var(--border);
}

.related_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.related_category {
    padding: 2px 10px;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--text);
    background: var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 999px;
}

.related_viewport {
    display: flex;
    align-items: center;
    gap: 8px;
}

.related_viewport--static .related_nav {
    display: none;
}

.related_track {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 12px;
    margin: 0;
    padding: 6px 2px 8px;
    list-style: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.related_track::-webkit-scrollbar {
    display: none;
}

.related_item {
    flex: 0 0 auto;
    height: var(--related-height, 230px);
    scroll-snap-align: start;
}

.related_card {
    position: relative;
    display: flex;
    height: 100%;
    min-width: 150px;
    max-width: 440px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    background: var(--sheen), var(--glass-item);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--edge);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.related_card img {
    display: block;
    flex: none;
    width: auto;
    min-width: 150px;
    max-width: 440px;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

.related_card:not(.related_card--plain)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
}

.related_card_title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    box-sizing: border-box;
    padding: 12px 13px;
    overflow: hidden;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    word-break: keep-all;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.related_card--plain {
    width: 190px;
    color: var(--text);
}

.related_card--plain .related_card_title {
    text-shadow: none;
}

.related_card:hover {
    transform: translateY(-3px);
    box-shadow: var(--edge), var(--lift);
}

.related_card:hover img {
    transform: scale(1.06);
}

.related_nav {
    flex: none;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--text-strong);
    background: var(--sheen), var(--glass-item);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-strong);
    border-radius: 50%;
    box-shadow: var(--edge), 0 6px 16px -6px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: transform 0.2s ease-out, opacity 0.2s;
}

.related_nav:hover:not(:disabled) {
    transform: scale(1.08);
}

.related_nav:active:not(:disabled) {
    transform: scale(0.95);
}

.related_nav:disabled {
    opacity: 0.35;
    cursor: default;
}

.related_nav:focus-visible {
    outline: 2px solid var(--text-strong);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .related_item {
        height: var(--related-height, 190px);
    }

    .related_viewport {
        gap: 4px;
    }

    .related_nav {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 761px) {
    html {
        overflow: hidden;
    }
}

@media (min-width: 761px) {
    .header_wrapper > .sidebar_left_1 {
        order: 2;
        margin-top: 0;
        margin-bottom: 8px;
        padding-top: 0;
    }

    .header_wrapper > .sidebar_left_1 .theme_toggle {
        width: 100%;
        min-width: 0;
    }
}

.list_count {
    margin-left: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-dim);
}

.site_brand .header_title {
    max-width: 100%;
    text-align: center;
    line-height: 1.35;
    word-break: keep-all;
    overflow-wrap: anywhere;
}