.nav_icon_home {
    --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='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
}

.nav_icon_document {
    --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='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8'/%3E%3C/svg%3E");
}

.nav_icon_shield {
    --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='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
}

.nav_icon_mail {
    --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='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

.nav_icon_info {
    --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%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

.nav_icon_user {
    --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='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.nav_icon_star {
    --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%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}

.nav_icon_heart {
    --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='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}

.nav_icon_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='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}

.nav_icon_folder {
    --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='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

.nav_icon_tag {
    --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='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
}

.nav_icon_book {
    --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 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E");
}

.nav_icon_camera {
    --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='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");
}

.nav_icon_message {
    --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='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.nav_icon_rss {
    --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 11a9 9 0 0 1 9 9'/%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E");
}

:root {
    --font: "Inter", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;

    --side-width: 320px;
    --layout-gap: 20px;
    --layout-pad: 20px;
    --page-max: 1760px;
    --nav-gap: 14px;
    --nav-font-size: 17px;
    --logo-height: 115px;

    --text: #000000;
    --text-strong: #000000;
    --text-body: #1d1306;
    --text-dim: rgba(0, 0, 0, 0.68);
    --text-faint: rgba(0, 0, 0, 0.5);
    --accent: #fd9f28;
    --link: #c45f00;
    --hover-fg: #ffffff;
    --menu-active-fg: #2b1500;
    --menu-active-shadow: none;

    --page-bg: rgb(255, 205, 74);
    --aurora: radial-gradient(circle, rgb(253, 159, 40) 45%, rgb(255, 205, 74) 70%);

    --header-bg: linear-gradient(135deg, rgba(255, 205, 74, 0.85), rgba(255, 205, 74, 0.6));
    --header-border: rgba(255, 255, 255, 0.7);
    --header-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(255, 255, 255, 0.3);

    --panel: rgba(255, 255, 255, 0.35);
    --panel-border: rgba(255, 255, 255, 0.5);
    --panel-bar: #ffffff;
    --line: rgba(0, 0, 0, 0.2);
    --border: rgba(255, 255, 255, 0.7);
    --border-strong: rgba(255, 255, 255, 0.95);

    --glass: linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.55));
    --glass-border: rgba(255, 255, 255, 0.85);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(255, 255, 255, 0.4);

    --bento: linear-gradient(135deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0.05) 60%, rgba(255, 255, 255, 0.22) 100%);
    --bento-border: rgba(255, 255, 255, 0.55);
    --bento-shadow: 0 12px 40px rgba(120, 60, 0, 0.18), inset 0 1.5px 0 rgba(255, 255, 255, 0.85), inset 1.5px 0 0 rgba(255, 255, 255, 0.35), inset 0 -1.5px 0 rgba(255, 255, 255, 0.25), inset 0 0 36px rgba(255, 255, 255, 0.12);

    --tile-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.14) 55%, rgba(120, 60, 0, 0.1));
    --tile-shadow: 6px 6px 14px rgba(150, 80, 0, 0.28), -5px -5px 12px rgba(255, 255, 255, 0.55), inset 1px 1px 2px rgba(255, 255, 255, 0.9), inset -2px -2px 5px rgba(150, 80, 0, 0.2);
    --tile-shadow-hover: 10px 16px 26px rgba(150, 80, 0, 0.34), -6px -6px 14px rgba(255, 255, 255, 0.65), inset 1px 1px 2px rgba(255, 255, 255, 1), inset -2px -2px 6px rgba(150, 80, 0, 0.24);
    --tile-shadow-active: 2px 2px 5px rgba(150, 80, 0, 0.25), inset 3px 3px 8px rgba(150, 80, 0, 0.3), inset -2px -2px 6px rgba(255, 255, 255, 0.5);
    --tile-text-shadow: 0 2px 6px rgba(150, 80, 0, 0.45);

    --chip-bg: rgba(255, 255, 255, 0.5);
    --chip-border: rgba(255, 255, 255, 0.7);
    --chip-hover-bg: #ffffff;
    --chip-hover-fg: #fd9f28;
    --item-bg: rgba(255, 255, 255, 0.22);
    --item-border: rgba(255, 255, 255, 0.4);

    --field: rgba(255, 255, 255, 0.6);
    --field-focus: rgba(255, 255, 255, 0.92);
    --field-border: rgba(255, 255, 255, 0.9);
    --field-shadow: inset 2px 2px 6px rgba(150, 80, 0, 0.18);

    --code-fg: #3a2300;
    --code-bg: rgba(255, 255, 255, 0.5);
    --btn-1: #ffc266;
    --btn-2: #f58d0c;
    --btn-fg: #2b1700;

    --card-plain: linear-gradient(150deg, #ffe39a 0%, #ffb347 55%, #f5890f 100%);
    --card-plain-fg: #2b1700;

    --solid-glass: linear-gradient(145deg, rgba(255, 214, 102, 0.9), rgba(255, 196, 61, 0.78));
    --solid-glass-border: rgba(255, 255, 255, 0.75);
    --solid-glass-soft: linear-gradient(145deg, rgb(255, 239, 182), rgb(255, 234, 158));

    --like-off: #8c8c8c;
    --like-on: #e53935;

    --ad-border: rgba(255, 255, 255, 0.8);
    --footer-bg: #ffcd4a;
    --switch-bg: rgba(255, 255, 255, 0.35);
    --switch-border: rgba(255, 255, 255, 0.7);
    --switch-sun: #e8890c;
    --switch-moon: #ffffff;

    color-scheme: light;
}

:root[data-theme="dark"] {
    --menu-active-fg: #ffffff;
    --menu-active-shadow: var(--tile-text-shadow);
    --text: #ece6ff;
    --text-strong: #ffffff;
    --text-body: #ddd3fb;
    --text-dim: rgba(236, 230, 255, 0.72);
    --text-faint: rgba(236, 230, 255, 0.5);
    --accent: #c9a0ff;
    --link: #d6b3ff;

    --page-bg: rgb(24, 12, 54);
    --aurora: radial-gradient(circle at 78% 22%, rgba(217, 70, 239, 0.4), transparent 48%), radial-gradient(circle, rgb(112, 48, 214) 45%, rgb(58, 26, 128) 72%);

    --header-bg: linear-gradient(135deg, rgba(92, 50, 176, 0.82), rgba(54, 26, 112, 0.7));
    --header-border: rgba(200, 170, 255, 0.35);
    --header-shadow: 0 8px 32px rgba(8, 0, 30, 0.5), inset 0 1px 0 rgba(225, 205, 255, 0.35), inset 0 -1px 0 rgba(225, 205, 255, 0.12);

    --panel: rgba(200, 170, 255, 0.12);
    --panel-border: rgba(200, 170, 255, 0.28);
    --panel-bar: rgba(225, 205, 255, 0.9);
    --line: rgba(200, 170, 255, 0.4);
    --border: rgba(200, 170, 255, 0.32);
    --border-strong: rgba(225, 205, 255, 0.6);

    --glass: linear-gradient(145deg, rgba(124, 84, 206, 0.6), rgba(62, 32, 124, 0.6));
    --glass-border: rgba(200, 170, 255, 0.35);
    --glass-shadow: 0 8px 32px rgba(8, 0, 28, 0.45), inset 0 1px 0 rgba(225, 205, 255, 0.3), inset 0 -1px 0 rgba(225, 205, 255, 0.1);

    --bento: linear-gradient(135deg, rgba(200, 170, 255, 0.22) 0%, rgba(200, 170, 255, 0.06) 40%, rgba(200, 170, 255, 0.04) 60%, rgba(200, 170, 255, 0.14) 100%);
    --bento-border: rgba(200, 170, 255, 0.32);
    --bento-shadow: 0 12px 40px rgba(8, 0, 28, 0.5), inset 0 1.5px 0 rgba(225, 205, 255, 0.45), inset 1.5px 0 0 rgba(225, 205, 255, 0.18), inset 0 -1.5px 0 rgba(225, 205, 255, 0.12), inset 0 0 36px rgba(190, 150, 255, 0.08);

    --tile-bg: linear-gradient(145deg, rgba(190, 150, 255, 0.3), rgba(190, 150, 255, 0.07) 55%, rgba(10, 0, 30, 0.3));
    --tile-shadow: 6px 6px 14px rgba(8, 0, 28, 0.55), -4px -4px 10px rgba(170, 120, 255, 0.16), inset 1px 1px 2px rgba(225, 205, 255, 0.35), inset -2px -2px 5px rgba(8, 0, 28, 0.45);
    --tile-shadow-hover: 10px 16px 26px rgba(8, 0, 28, 0.65), -5px -5px 12px rgba(170, 120, 255, 0.24), inset 1px 1px 2px rgba(235, 220, 255, 0.5), inset -2px -2px 6px rgba(8, 0, 28, 0.5);
    --tile-shadow-active: 2px 2px 5px rgba(8, 0, 28, 0.5), inset 3px 3px 8px rgba(8, 0, 28, 0.55), inset -2px -2px 6px rgba(170, 120, 255, 0.2);
    --tile-text-shadow: 0 2px 8px rgba(190, 130, 255, 0.7);

    --chip-bg: rgba(200, 170, 255, 0.12);
    --chip-border: rgba(200, 170, 255, 0.28);
    --chip-hover-bg: rgba(225, 205, 255, 0.92);
    --chip-hover-fg: #3b1a7a;
    --item-bg: rgba(200, 170, 255, 0.12);
    --item-border: rgba(200, 170, 255, 0.28);

    --field: rgba(30, 14, 70, 0.7);
    --field-focus: rgba(44, 22, 98, 0.95);
    --field-border: rgba(200, 170, 255, 0.35);
    --field-shadow: inset 2px 2px 6px rgba(8, 0, 28, 0.5);

    --code-fg: #e4d9ff;
    --code-bg: rgba(10, 0, 30, 0.4);
    --btn-1: #dcbfff;
    --btn-2: #b58cff;
    --btn-fg: #1d0b45;

    --card-plain: linear-gradient(150deg, #8a5ee0 0%, #5a2bb0 55%, #36177a 100%);
    --card-plain-fg: #ffffff;

    --solid-glass: linear-gradient(145deg, rgba(92, 50, 176, 0.88), rgba(54, 27, 110, 0.82));
    --solid-glass-border: rgba(200, 170, 255, 0.4);
    --solid-glass-soft: linear-gradient(145deg, rgba(130, 92, 214, 0.88), rgba(96, 58, 168, 0.84));

    --like-off: #a79fbd;
    --like-on: #ff5a5f;

    --ad-border: rgba(200, 170, 255, 0.45);
    --footer-bg: rgb(54, 27, 110);
    --switch-bg: rgba(70, 30, 140, 0.7);
    --switch-border: rgba(200, 170, 255, 0.6);
    --switch-sun: rgba(255, 255, 255, 0.75);
    --switch-moon: #5b2fc4;

    color-scheme: dark;
}

*,
*::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: var(--page-bg);
    scroll-behavior: smooth;
    transition: background-color 0.4s ease;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.7;
    color: var(--text);
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: -20%;
    z-index: -1;
    pointer-events: none;
    background: var(--aurora);
    filter: blur(60px);
    animation: aurora 8s infinite alternate ease-in-out;
}

@keyframes aurora {
    0% { transform: translate(-10%, -10%) scale(1); }
    50% { transform: translate(10%, 10%) scale(1.3); }
    100% { transform: translate(-10%, -10%) scale(1); }
}

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

.header {
    position: relative;
    z-index: 5;
    width: min(calc(var(--page-max) - 20px), calc(100% - 20px));
    margin: 10px auto 0;
    padding: 10px 9px;
    background: var(--header-bg);
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    backdrop-filter: blur(20px) saturate(120%);
    border: 1px solid var(--header-border);
    border-radius: 20px;
    box-shadow: var(--header-shadow);
}

.nav {
    display: grid;
    grid-template-columns: var(--side-width) minmax(0, 1fr) auto;
    column-gap: var(--layout-gap);
    align-items: center;
    min-height: var(--logo-height);
}

.site_brand {
    display: flex;
    align-items: center;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
}

.header_logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: var(--logo-height);
    object-fit: contain;
    object-position: left center;
}

.header_logo--dark {
    display: none;
}

[data-theme="dark"] .header_logo--light {
    display: none;
}

[data-theme="dark"] .header_logo--dark {
    display: block;
}

.header_title {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.02em;
    word-break: keep-all;
    overflow-wrap: anywhere;
    color: var(--text);
}

.sidebar_left_bar {
    grid-column: 2;
    min-width: 0;
}

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

.gadget_menu_title {
    display: none;
}

.gadget_menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nav-gap);
}

.gadget_menu a {
    display: flex;
    align-items: center;
    gap: 0.55em;
    padding: 0.55em 1.1em;
    font-size: var(--nav-font-size);
    font-weight: 600;
    line-height: 1.4;
    color: var(--text);
    background: var(--tile-bg);
    border-radius: 14px;
    box-shadow: var(--tile-shadow);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, color 0.25s ease-out, text-shadow 0.25s ease-out;
}

.gadget_menu a::before {
    content: "";
    flex: none;
    width: 1em;
    height: 1em;
    background: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}

.gadget_menu a:hover {
    color: var(--menu-active-fg);
    text-shadow: var(--menu-active-shadow);
    transform: translateY(-4px) scale(1.06);
    box-shadow: var(--tile-shadow-hover);
}

.gadget_menu a:active {
    transform: translateY(0) scale(0.97);
    box-shadow: var(--tile-shadow-active);
}

.gadget_menu a.active,
.gadget_menu a[aria-current="page"] {
    color: var(--menu-active-fg);
    text-shadow: var(--menu-active-shadow);
    box-shadow: var(--tile-shadow-active);
}

.header_tools {
    grid-column: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.search {
    position: relative;
    display: flex;
    align-items: center;
}

.search_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    color: var(--text);
    background: none;
    border: 0;
    cursor: pointer;
    transition: transform 0.25s ease-out;
}

.search_toggle:hover {
    transform: scale(1.1);
}

.search_toggle svg {
    width: 30px;
    height: 30px;
}

.search_form {
    position: absolute;
    top: 50%;
    right: calc(100% + 14px);
    z-index: 2;
    width: 260px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;
}

.search.is-open .search_form {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-in-out, visibility 0s;
}

.header_search {
    width: 100%;
    height: 44px;
    padding: 0 20px;
    font: inherit;
    font-size: 16px;
    color: var(--text);
    background: var(--field);
    border: 1px solid var(--field-border);
    border-radius: 22px;
    outline: none;
    box-shadow: var(--field-shadow), 0 4px 14px rgba(150, 80, 0, 0.12);
}

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

.header_search:focus {
    background: var(--field-focus);
}

.theme_toggle {
    position: relative;
    width: 84px;
    height: 42px;
    padding: 0;
    background: var(--switch-bg);
    border: 1px solid var(--switch-border);
    border-radius: 21px;
    cursor: pointer;
    transition: background 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.theme_toggle svg {
    position: absolute;
    top: 11px;
    z-index: 1;
    width: 18px;
    height: 18px;
    transition: color 0.4s ease-in-out;
}

.theme_toggle .icon_sun {
    left: 11px;
    color: var(--switch-sun);
}

.theme_toggle .icon_moon {
    right: 11px;
    color: var(--switch-moon);
}

.theme_toggle_knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

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

.layout {
    display: grid;
    grid-template-columns: var(--side-width) minmax(0, 1fr) var(--side-width);
    grid-template-areas: "left main right";
    gap: var(--layout-gap);
    align-items: start;
    max-width: var(--page-max);
    margin: 0 auto;
    padding: var(--layout-pad);
}

.sidebar_left {
    grid-area: left;
}

.main_contents {
    grid-area: main;
}

.sidebar_right {
    grid-area: right;
}

.sidebar_left,
.sidebar_right {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
}

.main_contents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    container: main / inline-size;
}

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

.AD_side,
.AD_top,
.AD_bottom {
    min-width: 0;
}

.AD_side:empty,
.AD_top:empty,
.AD_bottom:empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    border: 1px dashed var(--ad-border);
    border-radius: 14px;
}

.AD_side:empty {
    min-height: 250px;
}

.AD_side:empty::before,
.AD_top:empty::before,
.AD_bottom:empty::before {
    content: "responsive AD area";
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.04em;
    color: var(--text-faint);
}

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

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

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

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

.widget {
    min-width: 0;
}


.widget > h2 {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 12px;
    padding: 0 16px 8px 0;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text-strong);
}

.widget > h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--panel-bar);
}

.widget_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.widget_list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
    transform-origin: left center;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease-out, text-shadow 0.35s ease-out;
}

.widget_list a:hover,
.widget_list a.active {
    color: var(--hover-fg);
    transform: translate(4px, -2px) scale(1.04);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 4px rgba(150, 80, 0, 0.3), 0 8px 14px rgba(150, 80, 0, 0.28);
}

:root[data-theme="dark"] .widget_list a:hover,
:root[data-theme="dark"] .widget_list a.active {
    text-shadow: 0 2px 8px rgba(190, 130, 255, 0.7);
}

.widget_list a:active {
    transform: translate(0, 0) scale(1);
}

.widget_list li > span {
    font-size: 0.9rem;
    color: var(--text-dim);
}

.count {
    min-width: 24px;
    padding: 0 8px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
    color: var(--text-dim);
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
}

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

.category_row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.category_row > a {
    flex: 1 1 auto;
    min-width: 0;
}

.category_toggle {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--text-dim);
    background: none;
    border: 0;
    border-radius: 50%;
}

button.category_toggle {
    cursor: pointer;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

button.category_toggle:hover {
    color: var(--hover-fg);
    background: var(--chip-bg);
}

.category_toggle svg {
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.category_toggle[aria-expanded="false"] svg {
    transform: rotate(-90deg);
}

.category_panel {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.category_panel.is-collapsed {
    grid-template-rows: 0fr;
}

.category_children {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    margin: 0 30px 0 12px;
    padding: 0 0 0 12px;
    overflow: hidden;
    border-left: 2px solid var(--line);
}

.category_children > li:first-child {
    margin-top: 6px;
}

.category_children > li:last-child {
    margin-bottom: 4px;
}

.category_panel.is-collapsed .category_children {
    visibility: hidden;
    transition: visibility 0s 0.3s;
}

.category_children a {
    font-size: 0.9rem;
    font-weight: 500;
}

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

.tags a,
.post_footer a {
    padding: 4px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.tags a:hover,
.post_footer a:hover {
    background: var(--chip-hover-bg);
    color: var(--chip-hover-fg);
}

.tags > span {
    font-size: 0.9rem;
    color: var(--text-dim);
}

.widget_list a.social_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='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}

.widget_list a.social_link {
    justify-content: flex-start;
    gap: 12px;
    padding: 8px 14px;
    background: var(--tile-bg);
    border-radius: 12px;
    box-shadow: var(--tile-shadow);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, color 0.25s ease-out;
}

.widget_list a.social_link:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: var(--tile-shadow-hover);
}

.widget_list a.social_link:active {
    transform: translateY(0) scale(0.98);
    box-shadow: var(--tile-shadow-active);
}

.widget_list a.social_link::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    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;
    font-weight: 500;
    color: var(--text-dim);
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.widget_list a.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");
}

.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");
}

.gadget_myblogs .widget_list a.social_link {
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.gadget_myblogs .widget_list a.social_link:hover {
    box-shadow: none;
    transform: translate(4px, -2px) scale(1.04);
}

.gadget_social .widget_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.gadget_social .widget_list a.social_link {
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--social-fg, #ffffff);
    background: #24292f;
    border-radius: 8px;
    box-shadow: none;
    text-shadow: none;
    transform-origin: center;
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.gadget_social .widget_list a.social_link::before {
    width: 24px;
    height: 24px;
}

.gadget_social .widget_list a.social_link:hover {
    color: var(--social-fg, #ffffff);
    transform: translateY(-3px);
    filter: brightness(1.12);
    box-shadow: none;
    text-shadow: none;
}

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

.gadget_social .widget_list a.social_youtube { background: #ff0000; }
.gadget_social .widget_list a.social_x { background: #000000; }
.gadget_social .widget_list a.social_instagram {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
.gadget_social .widget_list a.social_facebook { background: #1877f2; }
.gadget_social .widget_list a.social_threads { background: #000000; }
.gadget_social .widget_list a.social_tiktok { background: #000000; }
.gadget_social .widget_list a.social_naver { background: #03c75a; }
.gadget_social .widget_list a.social_kakaotalk { background: #fee500; --social-fg: #191919; }
.gadget_social .widget_list a.social_line { background: #06c755; }
.gadget_social .widget_list a.social_linkedin { background: #0a66c2; }
.gadget_social .widget_list a.social_discord { background: #5865f2; }
.gadget_social .widget_list a.social_twitch { background: #9146ff; }
.gadget_social .widget_list a.social_reddit { background: #ff4500; }
.gadget_social .widget_list a.social_pinterest { background: #e60023; }
.gadget_social .widget_list a.social_telegram { background: #26a5e4; }
.gadget_social .widget_list a.social_whatsapp { background: #25d366; }
.gadget_social .widget_list a.social_snapchat { background: #fffc00; --social-fg: #111111; }
.gadget_social .widget_list a.social_signal { background: #3a76f0; }
.gadget_social .widget_list a.social_wechat { background: #07c160; }
.gadget_social .widget_list a.social_vk { background: #0077ff; }
.gadget_social .widget_list a.social_medium { background: #000000; }
.gadget_social .widget_list a.social_substack { background: #ff6719; }
.gadget_social .widget_list a.social_mastodon { background: #6364ff; }
.gadget_social .widget_list a.social_bluesky { background: #0085ff; }
.gadget_social .widget_list a.social_spotify { background: #1db954; }
.gadget_social .widget_list a.social_soundcloud { background: #ff5500; }
.gadget_social .widget_list a.social_applemusic { background: #fa243c; }
.gadget_social .widget_list a.social_bandcamp { background: #1da0c3; }
.gadget_social .widget_list a.social_tumblr { background: #36465d; }
.gadget_social .widget_list a.social_vimeo { background: #1ab7ea; }
.gadget_social .widget_list a.social_kick { background: #53fc18; --social-fg: #111111; }
.gadget_social .widget_list a.social_flickr { background: #0063dc; }
.gadget_social .widget_list a.social_dribbble { background: #ea4c89; }
.gadget_social .widget_list a.social_behance { background: #1769ff; }
.gadget_social .widget_list a.social_figma { background: #1e1e1e; }
.gadget_social .widget_list a.social_notion { background: #000000; }
.gadget_social .widget_list a.social_slack { background: #4a154b; }
.gadget_social .widget_list a.social_steam { background: #171a21; }
.gadget_social .widget_list a.social_gitlab { background: #fc6d26; }
.gadget_social .widget_list a.social_bitbucket { background: #0052cc; }
.gadget_social .widget_list a.social_stackoverflow { background: #f48024; }
.gadget_social .widget_list a.social_codepen { background: #000000; }
.gadget_social .widget_list a.social_dev { background: #0a0a0a; }
.gadget_social .widget_list a.social_producthunt { background: #da552f; }
.gadget_social .widget_list a.social_quora { background: #b92b27; }
.gadget_social .widget_list a.social_patreon { background: #ff424d; }
.gadget_social .widget_list a.social_kofi { background: #ff5e5b; }
.gadget_social .widget_list a.social_buymeacoffee { background: #ffdd00; --social-fg: #111111; }
.gadget_social .widget_list a.social_gumroad { background: #ff90e8; --social-fg: #111111; }
.gadget_social .widget_list a.social_deviantart { background: #05cc47; }

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

.profile_gadget_photo {
    width: 84px;
    height: 84px;
    object-fit: cover;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(150, 80, 0, 0.25);
}

.profile_gadget_name {
    font-size: 1.05rem;
}

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

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

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

.recent_cards {
    display: grid;
    grid-template-columns: repeat(var(--recent-columns, 2), minmax(0, 1fr));
    gap: 10px;
}

.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_card {
    position: relative;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    color: #ffffff;
    background: var(--card-plain);
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.3s ease-in-out;
}

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

.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(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}

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

.recent_card_title {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    width: 100%;
    padding: 0 9px 9px;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
    word-break: keep-all;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.featured_note {
    margin: -4px 0 10px;
    font-size: 0.78rem;
    color: var(--text-dim);
}

.popular_cards {
    counter-reset: rank;
}

.popular_cards > li {
    counter-increment: rank;
}

.popular_cards .recent_card::before {
    content: counter(rank);
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    font-size: 0.78rem;
    font-weight: 800;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 999px;
}

.recent_card:hover {
    transform: translateY(-3px);
}

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

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

.list_heading {
    padding: 8px 4px 16px;
    font-size: clamp(26px, 3.4cqi, 36px);
    font-weight: 800;
    line-height: 1.25;
    border-bottom: 1px solid var(--line);
}

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

.not_found {
    padding: 12px 4px;
    color: var(--text-dim);
}

.new_heading {
    position: relative;
    width: fit-content;
    padding: 0 20px 8px 0;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text-strong);
}

.new_heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--panel-bar);
}

.post_grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}

.post_card {
    position: relative;
    grid-column: span 2;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.post_card:hover,
.post_card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

.post_card:nth-child(9n + 1) {
    grid-column: 1 / -1;
    aspect-ratio: 21 / 9;
}

.post_card:nth-child(9n + 5),
.post_card:nth-child(9n + 6) {
    grid-column: span 3;
    aspect-ratio: 16 / 10;
}

.post_card:nth-child(9n + 5) .post_title,
.post_card:nth-child(9n + 6) .post_title {
    font-size: 1.35rem;
}

.post_card_link {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 22px 22px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.2);
}

.post_card_link::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 75%);
    pointer-events: none;
}

.post_card_link:not(:has(.post_card_thumb)) {
    color: var(--card-plain-fg);
    background: var(--card-plain);
}

.post_card_link:not(:has(.post_card_thumb))::after {
    display: none;
}

.post_card_thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease-in-out;
}

.post_card_thumb.is-stretch {
    object-fit: fill;
}

.post_card_thumb.is-contain {
    object-fit: contain;
}

.post_card_bg {
    position: absolute;
    top: -24px;
    left: -24px;
    display: none;
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    object-fit: cover;
    filter: blur(22px) saturate(1.25) brightness(0.85);
}

.post_card_link.has-bars .post_card_bg {
    display: block;
}

.post_card:hover .post_card_thumb {
    transform: scale(1.05);
}

.post_card .post_label,
.post_card .post_title,
.post_card .post_excerpt {
    position: relative;
    z-index: 1;
}

.post_card .post_label {
    position: absolute;
    top: 16px;
    left: 18px;
    margin: 0;
    padding: 5px 16px;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.58);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 999px;
}

.post_card .post_title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.3;
    word-break: keep-all;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.post_card_link:not(:has(.post_card_thumb)) .post_title {
    text-shadow: none;
}

.post_card_link:not(:has(.post_card_thumb)) .post_excerpt {
    text-shadow: none;
}

.post_card .post_excerpt {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.6;
    opacity: 0.92;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post_card:nth-child(9n + 1) .post_title {
    font-size: clamp(1.5rem, 4.6cqi, 2.4rem);
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.post_card:nth-child(9n + 1) .post_excerpt {
    font-size: 1rem;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.post_card:nth-child(9n + 1) .post_card_link {
    padding: 0 32px 30px;
}

.post_card_body {
    position: relative;
    z-index: 1;
    min-width: 0;
}

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

.page_numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.page_link {
    display: inline-block;
    min-width: 42px;
    padding: 0.5em 1.1em;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: var(--text);
    background: var(--tile-bg);
    border-radius: 14px;
    box-shadow: var(--tile-shadow);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, color 0.25s ease-out;
}

.page_link:hover {
    color: var(--hover-fg);
    transform: translateY(-3px) scale(1.05);
    box-shadow: var(--tile-shadow-hover);
}

.page_link:active,
.page_link[aria-current="page"] {
    color: var(--hover-fg);
    transform: translateY(0) scale(0.97);
    box-shadow: var(--tile-shadow-active);
}

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

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

.post_bento {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px clamp(20px, 4cqi, 40px);
    background: var(--bento);
    -webkit-backdrop-filter: blur(28px) saturate(170%);
    backdrop-filter: blur(28px) saturate(170%);
    border: 1px solid var(--bento-border);
    border-radius: 28px;
    box-shadow: var(--bento-shadow);
}

.post_bento::before,
.post_bento::after {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cdefs%3E%3ClinearGradient id=%22t%22 gradientUnits=%22userSpaceOnUse%22 x1=%220%22 y1=%2212%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%232b2f35%22/%3E%3Cstop offset=%220.2%22 stop-color=%22%23eceff2%22/%3E%3Cstop offset=%220.38%22 stop-color=%22%239aa0a8%22/%3E%3Cstop offset=%220.52%22 stop-color=%22%234f545c%22/%3E%3Cstop offset=%220.72%22 stop-color=%22%23d3d7dc%22/%3E%3Cstop offset=%220.88%22 stop-color=%22%23767b83%22/%3E%3Cstop offset=%221%22 stop-color=%22%231f2328%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22l%22 gradientUnits=%22userSpaceOnUse%22 x1=%2212%22 y1=%220%22 x2=%220%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%232b2f35%22/%3E%3Cstop offset=%220.2%22 stop-color=%22%23eceff2%22/%3E%3Cstop offset=%220.38%22 stop-color=%22%239aa0a8%22/%3E%3Cstop offset=%220.52%22 stop-color=%22%234f545c%22/%3E%3Cstop offset=%220.72%22 stop-color=%22%23d3d7dc%22/%3E%3Cstop offset=%220.88%22 stop-color=%22%23767b83%22/%3E%3Cstop offset=%221%22 stop-color=%22%231f2328%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22r%22 gradientUnits=%22userSpaceOnUse%22 cx=%2234%22 cy=%2234%22 r=%2234%22%3E%3Cstop offset=%220.6471%22 stop-color=%22%232b2f35%22/%3E%3Cstop offset=%220.7176%22 stop-color=%22%23eceff2%22/%3E%3Cstop offset=%220.7812%22 stop-color=%22%239aa0a8%22/%3E%3Cstop offset=%220.8306%22 stop-color=%22%234f545c%22/%3E%3Cstop offset=%220.9012%22 stop-color=%22%23d3d7dc%22/%3E%3Cstop offset=%220.9576%22 stop-color=%22%23767b83%22/%3E%3Cstop offset=%221.0%22 stop-color=%22%231f2328%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x=%2234%22 y=%220%22 width=%2262%22 height=%2212%22 fill=%22url%28%23t%29%22/%3E%3Crect x=%220%22 y=%2234%22 width=%2212%22 height=%2262%22 fill=%22url%28%23l%29%22/%3E%3Cpath d=%22M0 34A34 34 0 0 1 34 0V12A22 22 0 0 0 12 34Z%22 fill=%22url%28%23r%29%22/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    filter: drop-shadow(0 2px 3px rgba(80, 40, 0, 0.35));
}

.post_bento::before {
    top: -6px;
    left: -6px;
}

.post_bento::after {
    right: -6px;
    bottom: -6px;
    transform: rotate(180deg);
}

.post_bento > * {
    margin: 0;
    min-width: 0;
}

.post_label {
    display: inline-block;
    align-self: flex-start;
    padding: 2px 14px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--text);
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
}

a.post_label:hover {
    background: var(--chip-hover-bg);
    color: var(--chip-hover-fg);
}

.post_title {
    font-size: clamp(26px, 4cqi, 40px);
    font-weight: 800;
    line-height: 1.25;
}

.post_bento .post_title {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.post_bento .post_label + .post_title {
    margin-top: -10px;
}

.post_meta {
    margin-top: -12px;
    font-size: 0.9rem;
    color: var(--text-dim);
}

.like_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    padding: 2px 12px 2px 9px;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--like-off);
    vertical-align: middle;
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
    cursor: pointer;
    transition: color 0.2s ease-out, background 0.2s ease-out, transform 0.2s ease-out;
}

.like_btn svg {
    fill: currentColor;
    transition: transform 0.2s ease-out;
}

.like_btn .like_count {
    min-width: 1ch;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.like_btn:hover {
    background: var(--chip-hover-bg);
}

.like_btn:hover svg {
    transform: scale(1.15);
}

.like_btn.is-liked {
    color: var(--like-on);
}

.like_btn.is-pop svg {
    animation: like-pop 0.4s ease-out;
}

.like_btn.is-locked {
    opacity: 0.8;
    cursor: not-allowed;
}

.like_btn.is-locked:hover {
    background: var(--chip-bg);
}

.like_btn.is-locked:hover svg {
    transform: none;
}

@keyframes like-pop {
    0% { transform: scale(1); }
    40% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

.post_content {
    font-size: 17px;
    line-height: 1.85;
    color: var(--text-body);
    overflow-wrap: anywhere;
}

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

.post_content blockquote {
    margin-left: 0;
    padding: 4px 0 4px 20px;
    font-size: 1.1rem;
    color: var(--text);
    border-left: 4px solid var(--accent);
}

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

.post_content h2 { margin-top: 1.8em; font-size: 1.6rem; }
.post_content h3 { margin-top: 1.6em; font-size: 1.3rem; }

.post_content a {
    color: var(--link);
    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(--line);
}

.post_content img {
    max-width: 100%;
    height: auto;
}

.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: 16px;
}

.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 { width: calc(50% - 10px) !important; max-width: calc(50% - 10px); 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-inline-section > h2,
.post_content .bunsho-inline-section > h3 { clear: both; }

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

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

.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;
    background: var(--item-bg);
    border: 1px solid var(--item-border);
    border-radius: 16px;
    transition: border-color 0.2s, background 0.2s;
}

.post_content .bunsho-link-card a:hover { border-color: var(--border-strong); background: var(--chip-bg); }
.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.85rem;
    line-height: 1.65;
    white-space: pre;
    color: var(--code-fg);
    background: var(--code-bg);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 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;
    background: var(--item-bg);
    border: 1px solid var(--item-border);
    border-radius: 16px;
}

.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: table;
    width: 100%;
    max-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    overflow-wrap: anywhere;
}

.post_content th,
.post_content td {
    width: auto !important;
    padding: 8px 10px;
    text-align: left;
    border: 1px solid var(--border) !important;
}

.post_content th {
    color: var(--text-strong);
    background: var(--chip-bg) !important;
}

@media (max-width: 640px) {
    .post_content table {
        display: block;
        overflow-x: auto;
    }
}

.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(145deg, var(--btn-1), var(--btn-2));
    border-radius: 16px;
    box-shadow: var(--tile-shadow);
    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) scale(1.04);
    filter: brightness(1.06);
    box-shadow: var(--tile-shadow-hover);
}

.post_content p.bunsho-link-button > a:active {
    transform: translateY(0) scale(0.97);
    box-shadow: var(--tile-shadow-active);
}

.post_actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 6px;
}

.post_action {
    min-width: 180px;
    padding: 0.9em 1.8em;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    border: 0;
    border-radius: 18px;
    box-shadow: var(--tile-shadow);
    cursor: pointer;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

.post_action:hover {
    transform: translateY(-4px) scale(1.06);
    box-shadow: var(--tile-shadow-hover);
    filter: brightness(1.08);
}

.post_action:active {
    transform: translateY(0) scale(0.97);
    box-shadow: var(--tile-shadow-active);
}

.post_action_copy {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.18)), #e53935;
}

.post_action_share {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.18)), #1e63e9;
}

.author_card {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px 28px;
    background: var(--item-bg);
    border: 1px solid var(--item-border);
    border-radius: 20px;
}

.author_photo {
    flex: none;
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(150, 80, 0, 0.25);
}

.author_info {
    min-width: 0;
}

.author_name {
    font-size: 1.25rem;
    font-weight: 700;
}

.author_about {
    margin-top: 6px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-dim);
}

.post_footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
}

.related {
    padding-top: 4px;
}

.related_title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 1.3rem;
    font-weight: 800;
}

.related_category {
    padding: 2px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    background: var(--chip-bg);
    border: 1px solid var(--chip-border);
    border-radius: 999px;
}

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

.related_track {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 12px;
    padding: 6px 2px 10px;
    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: #ffffff;
    background: var(--card-plain);
    border-radius: 18px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.3s ease-in-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(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 65%);
    pointer-events: none;
}

.related_card_title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    padding: 12px 14px;
    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.5);
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

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

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

.related_card:hover {
    transform: translateY(-3px);
}

.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);
    background: var(--tile-bg);
    border: 0;
    border-radius: 50%;
    box-shadow: var(--tile-shadow);
    cursor: pointer;
    transition: transform 0.2s ease-out, opacity 0.2s, box-shadow 0.2s;
}

.related_nav:hover:not(:disabled) {
    transform: scale(1.08);
    box-shadow: var(--tile-shadow-hover);
}

.related_nav:active:not(:disabled) {
    transform: scale(0.95);
    box-shadow: var(--tile-shadow-active);
}

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

.comments {
    padding-top: 4px;
}

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

.comments_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 1.3rem;
    font-weight: 800;
}

.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, var(--btn-1), var(--btn-2));
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(150, 80, 0, 0.25);
}

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

.comment_avatar span {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--btn-fg);
}

.comment_body {
    flex: 1;
    min-width: 0;
    padding: 10px 16px;
    background: var(--item-bg);
    border: 1px solid var(--item-border);
    border-radius: 16px;
}

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

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

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

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

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

.comment_delete button,
.comment_logout button {
    padding: 0;
    font: inherit;
    font-size: 0.78rem;
    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_notice {
    margin-bottom: 14px;
    padding: 10px 16px;
    font-size: 0.88rem;
    color: var(--text);
    background: var(--item-bg);
    border: 1px solid var(--item-border);
    border-radius: 14px;
}

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

.comment_login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.92rem;
    color: var(--text-dim);
}

.comment_login_btn {
    display: inline-block;
    min-width: 0;
    padding: 0.7em 1.6em;
    font-size: 0.95rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.18)), #03a94d;
}

.comment_form textarea,
.comment_form input {
    width: 100%;
    padding: 12px 16px;
    font: inherit;
    font-size: 0.95rem;
    color: var(--text);
    background: var(--field);
    border: 1px solid var(--field-border);
    border-radius: 16px;
    outline: none;
    box-shadow: var(--field-shadow);
}

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

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

.comment_form textarea:focus,
.comment_form input:focus {
    background: var(--field-focus);
}

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

.comment_row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

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

.comment_form button {
    flex: none;
    padding: 0.6em 1.4em;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--btn-fg);
    background: linear-gradient(145deg, var(--btn-1), var(--btn-2));
    border: 0;
    border-radius: 14px;
    box-shadow: var(--tile-shadow);
    cursor: pointer;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

.comment_form button:hover:not(:disabled) {
    transform: translateY(-3px);
    box-shadow: var(--tile-shadow-hover);
    filter: brightness(1.06);
}

.comment_form button:active:not(:disabled) {
    transform: translateY(0) scale(0.97);
    box-shadow: var(--tile-shadow-active);
}

.comment_form button:disabled {
    opacity: 0.5;
    cursor: default;
}

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

.comment_logout {
    margin-top: 10px;
}

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

.glass_box {
    min-height: 140px;
    background: var(--solid-glass);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    backdrop-filter: blur(24px) saturate(160%);
    border: 1px solid var(--solid-glass-border);
    border-radius: 14px;
}

.glass_box--soft {
    background: var(--solid-glass-soft);
}

.box_heading {
    margin: 18px 0 0 20px;
}

.orbit {
    position: relative;
    outline: none;
    user-select: none;
    touch-action: pan-y;
}

.orbit_stage {
    position: relative;
    height: 310px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    perspective: 800px;
    perspective-origin: 50% 45%;
    cursor: grab;
}

.orbit.is-dragging .orbit_stage {
    cursor: grabbing;
}

.box_item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 370px;
    margin: 0;
    transition: transform 0.65s cubic-bezier(0.22, 0.8, 0.28, 1), opacity 0.5s ease;
    will-change: transform, opacity;
}

.orbit.is-dragging .box_item {
    transition-duration: 0.35s;
}

.orbit_nav {
    position: absolute;
    top: 50%;
    z-index: 200;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--text);
    background: var(--tile-bg);
    border: 0;
    border-radius: 50%;
    box-shadow: var(--tile-shadow);
    cursor: pointer;
    transform: translateY(-50%);
    transition: transform 0.2s ease-out, box-shadow 0.2s;
}

.orbit_prev {
    left: 10px;
}

.orbit_next {
    right: 10px;
}

.orbit_nav:hover {
    transform: translateY(-50%) scale(1.08);
    box-shadow: var(--tile-shadow-hover);
}

.orbit_nav:active {
    transform: translateY(-50%) scale(0.95);
    box-shadow: var(--tile-shadow-active);
}

.box_card {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    -webkit-user-drag: none;
    overflow: hidden;
    color: #ffffff;
    background: var(--card-plain);
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.3s ease-in-out;
}

.box_card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

.box_card:not(.box_card--plain)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 65%);
    pointer-events: none;
}

.box_card--plain {
    color: var(--card-plain-fg);
}

.box_card:hover {
    transform: translateY(-3px);
}

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

.box_card .post_label {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    padding: 4px 12px;
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 1.3;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.58);
    border-radius: 999px;
}

.box_card_title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    padding: 12px 14px;
    overflow: hidden;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    word-break: keep-all;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box_card--plain .box_card_title {
    top: 44px;
    bottom: auto;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.footer_wrapper {
    margin-top: 20px;
    background: var(--footer-bg);
    transition: background-color 0.4s ease;
}

.footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 20px;
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 20px;
    font-size: 0.95rem;
}

.footer_card {
    min-width: 0;
    padding: 24px;
    text-align: center;
    background: var(--glass);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    backdrop-filter: blur(24px) saturate(140%);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    box-shadow: var(--glass-shadow);
}

.footer_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.footer_nav:first-child,
.footer_social:not(:has(~ .footer_nav)) {
    grid-column: 1 / -1;
}

.footer_nav .gadget_menu {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.footer_nav .gadget_menu ul {
    justify-content: flex-start;
}

.footer_nav .search {
    flex: none;
}

.footer_content {
    grid-column: 1 / -1;
}

.footer_social .widget > h2 {
    width: auto;
    margin: 0 0 12px;
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
}

.footer_social .widget > h2::after {
    display: none;
}

.footer_social .widget_list {
    justify-content: center;
}

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

.footer_gadgets:empty {
    display: none;
}

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

.footer_content .widget > h2 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 700;
}

.footer_content .widget > h2::after {
    display: none;
}

.footer_content .gadget_text_body {
    font-size: inherit;
    color: var(--text);
}

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

.footer_content .widget_list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
}

.footer_content .widget_list a {
    display: inline;
    font-size: inherit;
    font-weight: 600;
}

.footer_content .widget_list a:hover {
    transform: none;
    text-shadow: none;
    color: var(--link);
}

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

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

.login {
    display: inline-block;
    margin-top: 6px;
    font-size: 0.82rem;
    color: var(--text-dim);
}

.footer_gadgets:empty + .login {
    margin-top: 0;
}

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

@media (max-width: 1280px) {
    :root {
        --side-width: 260px;
    }
}

@media (max-width: 1100px) {
    :root {
        --nav-font-size: 16px;
        --logo-height: 86px;
    }

    .nav {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 10px;
        min-height: 0;
    }

    .sidebar_left_bar {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .sidebar_left_bar:empty {
        display: none;
    }

    .header_tools {
        grid-column: 2;
        grid-row: 1;
        flex-direction: row;
        gap: 10px;
    }

    .layout {
        grid-template-columns: minmax(0, 1fr) 280px;
        grid-template-areas:
            "main right"
            "left left";
    }
}

@media (max-width: 800px) {
    :root {
        --layout-pad: 12px;
    }

    .header {
        width: calc(100% - 20px);
        padding: 8px 1px;
    }

    .nav {
        padding: 0 9px;
    }

    .layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "main"
            "right"
            "left";
    }

    .header_title {
        font-size: 1.25rem;
    }

    :root {
        --logo-height: 60px;
    }

    .search_toggle {
        width: 40px;
        height: 40px;
    }

    .search_toggle svg {
        width: 26px;
        height: 26px;
    }

    .search_form {
        width: 170px;
    }

    .gadget_menu ul {
        gap: 8px;
    }

    .gadget_menu a {
        padding: 0.45em 0.9em;
    }

    .post_bento {
        padding: 24px 18px;
    }

    .author_card {
        flex-direction: column;
        text-align: center;
    }

    .footer {
        padding: 12px;
        gap: 12px;
    }

    .footer_card {
        padding: 18px;
    }
}

@media (max-width: 700px) {
    .footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .footer_nav {
        flex-direction: column;
        align-items: stretch;
    }
}

@container main (max-width: 700px) {
    .post_card,
    .post_card:nth-child(9n + 5),
    .post_card:nth-child(9n + 6) {
        grid-column: span 3;
        aspect-ratio: 4 / 5;
    }

    .post_card:nth-child(9n + 1) {
        grid-column: 1 / -1;
        aspect-ratio: 16 / 10;
    }

    .post_card .post_title {
        font-size: 1.05rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .post_card:nth-child(9n + 1) .post_title {
        font-size: 1.5rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .post_card .post_excerpt {
        display: none;
    }

    .post_card:nth-child(9n + 1) .post_excerpt {
        display: -webkit-box;
        font-size: 0.95rem;
    }

    .post_card_link,
    .post_card:nth-child(9n + 1) .post_card_link {
        padding: 0 20px 20px;
    }
}

@container main (max-width: 440px) {
    .post_card,
    .post_card:nth-child(9n + 5),
    .post_card:nth-child(9n + 6) {
        grid-column: 1 / -1;
        aspect-ratio: 4 / 5;
    }

    .post_card .post_excerpt {
        display: -webkit-box;
    }
}

@media (max-width: 600px) {
    .orbit_stage {
        height: 230px;
    }

    .box_item {
        width: 62%;
    }

    .orbit_nav {
        width: 32px;
        height: 32px;
    }

    .related_item {
        height: var(--related-height, 190px);
    }

    .related_viewport {
        gap: 4px;
    }

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

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

    html {
        scroll-behavior: auto;
    }
}

.side_zone {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
}

.side_zone:empty {
    display: none;
}