:root{--background-color-quiet--hover: rgba(0, 0, 0, .06);--border-color-base: rgba(0, 0, 0, .1);--card--bgcolor: #ffffff;--code--bgcolor: #272822;--color-base: #424547;--color-base--hover: rgba(0, 0, 0, .06);--color-base--low: #605c5c;--color-btn--hover: #c7ccd1;--color-primary: hsl(225, 60%, 50%);--color-surface-0: hsl(0, 0%, 100%);--color-surface-1: #f9fafb;--color-surface-3: #eaecf0;--color-title: #1a2a3a;--font-family-article: "LXGW WenKai Screen", "Noto Serif SC", serif;--font-family-base: "Noto Serif SC", serif;--font-family-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--transition-background: background-color .8s linear}:root.skin-dark{--background-color-quiet--hover: rgba(255, 255, 255, .07);--border-color-base: rgba(255, 255, 255, .15);--card--bgcolor: #222734;--code--bgcolor: rgb(0, 0, 0, .3);--color-base: hsl(220deg 20% 80%);--color-base--hover: rgba(255, 255, 255, .07);--color-base--low: hsl(225, 36%, 80%);--color-btn--hover: hsl(225, 15%, 25%);--color-primary: #7676ff;--color-surface-0: hsl(225, 20%, 10%);--color-surface-1: #1d2130;--color-surface-3: hsl(225, 15%, 20%);--color-title: hsl(220deg 100% 98%);--transition-background: background-color .8s linear}html{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-surface-0);color:var(--color-base);font-family:var(--font-family-base);font-size:16px;line-height:1.6;animation:fadeIn 1s ease forwards;transition:var(--transition-background)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main{flex:1;padding:20px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:4px}.card{background:var(--card--bgcolor);border-radius:15px;box-shadow:0 7px 15px #0000001a;outline:solid 1px rgba(52,73,94,.06);transition:var(--transition-background)}[class^=ri-]{font-size:1.1em}footer{background:var(--color-surface-1);padding:20px;text-align:center;font-size:.85em;color:var(--color-base--low);transition:var(--transition-background)}footer a{color:inherit}#loading{position:fixed;inset:0;z-index:999;background:var(--color-surface-0);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}#loading.hide{opacity:0;pointer-events:none}.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#00000080}.modal.open{display:flex}.modal-dialog{width:min(90vw,640px);max-height:80vh;display:flex;flex-direction:column;background:var(--card--bgcolor);border-radius:15px;box-shadow:0 20px 40px #0000004d;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color-base);font-weight:700}.modal-close{border:none;background:none;font-size:1.4em;cursor:pointer;color:var(--color-base);line-height:1}.modal-body{padding:15px 20px;overflow-y:auto}.search-input{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--border-color-base);border-radius:10px;background:var(--color-surface-0);color:var(--color-base);font-family:inherit;font-size:1em}.search-result-item{display:block;padding:10px 8px;border-radius:8px;color:var(--color-base)}.search-result-item:hover{background:var(--background-color-quiet--hover);text-decoration:none}@media(max-width:720px){main{padding:10px}}header{background-color:var(--color-surface-1);display:flex;font-size:1.2em;height:max-content;justify-content:space-between;justify-items:center;padding:20px 65px;position:sticky;top:-1px;transition:padding .5s ease-in-out,background-color .8s linear,box-shadow .5s ease-in-out;width:100%;z-index:500}.breadcrumbs,header nav{align-items:center;display:flex;flex-wrap:wrap;gap:5px;height:max-content}.breadcrumbs{font-weight:700}#header-title{background-color:var(--color-surface-1);display:none}#header-title a{display:block;font-size:1.3em;font-weight:800;padding:15px 20px 0;text-align:center;color:var(--color-title)}.header-sticked{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.skin-dark .header-sticked{box-shadow:0 10px 15px -3px #b0b0b01a,0 4px 6px -4px #ffffff29}.breadcrumbs,.breadcrumbs a,.links-item{color:var(--color-base)!important;cursor:pointer}.breadcrumbs a:hover,#header-title a:hover{text-decoration:underline}.breadcrumbs span{cursor:text}.links-item{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:10px;transition:background-color .2s}.links-item:hover{background:var(--background-color-quiet--hover);text-decoration:none}#theme-toggle{border:none;background:none;font-size:1em}@media screen and (min-width:600px)and (max-width:1200px){header{flex-direction:column;gap:8px;justify-content:center;min-height:100px}}@media screen and (min-width:600px)and (max-width:720px){.breadcrumbs{display:none}}@media screen and (max-width:720px){header{min-height:auto;padding:15px 20px}header nav{justify-content:center}#header-title{display:block}#random_post,.breadcrumbs{display:none}}