:root{--color-bg-dark:#09090b;--color-bg:#18181b;--color-nav-bg:rgba(0,0,0,0.4);--color-nav-border:#45474b;--color-nav-hover:#1a1a1a;--color-nav-item:#dddddd;--color-nav-item-hover:#ffffff;--color-nav-search-bg:rgba(0,0,0,0.5);--color-font:#d6d3d1;--color-font-tier:#000;--color-button-bg:rgba(0,0,0,0.25);--color-button-font:#ffffff;--color-item-font:#ffffff;--color-item-desc-bg:rgba(0,0,0,0.25);--color-cover-widget-bg:rgba(0,0,0,0.5);--color-border-tierlist:#000;--color-tier-tag-border:#000;--color-tier-tag-font:#000;--color-tier-tag-bg:#0affaa;--color-tier-border:#26282b;--color-tier-S:#ff7f7f;--color-tier-A:#ffbf7f;--color-tier-B:#ffdf80;--color-tier-C:#ffff7f;--color-tier-D:#bfff7f;--color-tier-F:#7fff7f;--time-transition:0.2s;--color-entry-bg:#151515;--color-entry-foot-bg:rgba(0,0,0,0.25);}body.light-theme{--color-bg-dark:#c8c8cb;--color-bg:#e9e9eb;--color-nav-bg:rgba(255,255,255,0.25);--color-nav-border:#55575b;--color-nav-hover:#cacaca;--color-nav-item:#11141b;--color-nav-item-hover:#000;--color-nav-search-bg:rgba(255,255,255,0.5);--color-font:#000;--color-button-bg:rgba(110,110,110,0.25);--color-button-font:#000;--color-item-font:#000;--color-item-desc-bg:rgba(255,255,255,0.25);--color-cover-widget-bg:rgba(255,255,255,0.5);--color-entry-bg:#e5e5e5;--color-entry-foot-bg:#ccc;}html{height:100%;margin:0;}body{height:100%;margin:0;font-family:Verdana,sans-serif;color:var(--color-font);background-color:var(--color-bg-dark);transition:background-color var(--time-transition) ease;}a,p,h1,h2,h3,h4,title{transition:color var(--time-transition) ease;}.base-div{margin:0px;padding:0px;display:initial;}.display-dark{display:inherit;}.display-light{display:none;}.content{display:flex;margin:0;min-height:100%;justify-content:center;}.page-container{display:flex;flex-direction:column;max-width:800px;width:100%;min-height:100%;background-color:var(--color-bg);transition:background-color var(--time-transition) ease;}.content-nav-padding{min-height:50px;}.v-expand{height:100%;}.content-element{margin:20px;}.nav{display:initial;position:fixed;width:100%;max-height:100%;font-weight:100;background-color:var(--color-nav-bg);box-shadow:0 1px 0 var(--color-nav-border);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:1;overflow:auto;transition:background-color var(--time-transition) ease;}.nav-main{display:flex;overflow-x:clip;height:50px;width:100%;}.nav-overflow{display:none;overflow-x:clip;height:50px;width:100%;}.nav-search{display:flex;height:0;overflow-x:auto;width:100%;justify-content:center;transition:height var(--time-transition) ease;}#nav-search-field{background-color:var(--color-nav-search-bg);border:0;border-radius:10px;backdrop-filter:blur(50px);outline:none;width:460px;padding:0 20px;color:var(--color-font);transition:background-color var(--time-transition) ease;transition:color var(--time-transition) ease;margin:0 20px;}.nav-secondary{height:0;width:100%;overflow-x:auto;overflow-y:hidden;justify-content:space-evenly;flex-direction:column;interpolate-size:allow-keywords;transition:height var(--time-transition) ease;}.nav-element-list{display:flex;padding:0 15px;margin:5px 10px;align-items:center;justify-content:center;text-decoration:none;color:var(--color-font);user-select:none;transition:none;}.nav-element{display:flex;margin:5px 10px;align-items:center;justify-content:center;text-decoration:none;color:var(--color-font);user-select:none;transition:none;aspect-ratio:1/1;}.nav-element>*{transition:none;}.nav-element:hover{font-weight:initial;background-color:var(--color-nav-hover);border-radius:10px;}.nav-element-list:hover{font-weight:initial;background-color:var(--color-nav-hover);border-radius:10px;}.h-expand{width:100%;}.intro-button{text-decoration:none;color:var(--color-button-font);display:inline-block;padding:0 20px;margin-bottom:10px;background:var(--color-button-bg);border-radius:10px;transition:color var(--time-transition) ease;transition:background-color var(--time-transition) ease;}.link-item{fill:var(--color-nav-item);aspect-ratio:1/1;padding:0;transition:fill var(--transition-time) ease;}.link-item-stroke{stroke:var(--color-nav-item);fill:none;aspect-ratio:1/1;padding:0;transition:stroke var(--transition-time) ease;}.link-item:hover{fill:var(--color-nav-item-hover);}.link-item-stroke:hover{stroke:var(--color-nav-item-hover);}.link-item>svg{transition:fill var(--time-transition) ease;}.link-item-stroke>svg{transition:stroke var(--time-transition) ease;}.display-small{display:none;}.display-large{display:inherit;}.nav-element-pad{user-select:none;pointer-events:none;display:inherit;}@media (max-width:360px){.content-nav-padding{min-height:100px;}}@media (max-width:1000px){.display-small{display:inherit;}.display-large{display:none;}.nav-element-pad{display:none;}.display-cookie-parent{display:none;}}.list{margin:0 50px;}.list-item{text-decoration:none;color:var(--color-font);margin:0 20px;}.list-item-title{font-size:21px;font-weight:bold;}.list-item-date{font-weight:lighter;font-size:14px;}.display-cookie{display:none;}.display-cookie-parent{display:none;}.display-list-grid{display:inherit;}.display-list-list{display:none;}.cover-image{display:block;height:100%;width:100%;object-fit:cover;object-position:center;}.cover{display:block;height:100%;width:100%;}.cover-filter{height:100%;width:100%;}.cover-overlay{height:100%;width:100%;}.cover-image{height:100%;width:100%;object-fit:cover;object-position:center;}.cover-overlay{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:center;}.cover-widget{display:flex;flex-direction:column;justify-content:center;max-width:800px;padding:20px;margin:25px;border-radius:10px;background-color:var(--color-cover-widget-bg);backdrop-filter:blur(5px);transition:background-color var(--time-transition) ease;}.cover-title{text-align:center;}.cover-desc{text-align:center;}.article-text{font-size:115%;line-height:1.5;margin:1em;}.nav-article{display:flex;position:absolute;width:100%;height:50px;background-color:var(--color-nav-bg);box-shadow:0 1px 0 var(--color-nav-border);backdrop-filter:blur(50px);transition:box-shadow var(--time-transition) ease;transition:background-color var(--time-transition) ease;}.nav-article-title{font-size:18px;font-weight:600;text-wrap:nowrap;margin-left:20px;margin-right:20px;text-align:center;width:100%;}.nav-article-title>p{margin:0;}.display-nav-article{display:none;overflow-x:auto;overflow-y:hidden;height:50px;width:100%;}.tier-list{border:1px solid var(--color-border-tierlist);transition:border var(--time-transition) ease;}.tier-rung{display:flex;border:1px solid var(--color-border-tierlist);transition:border var(--time-transition) ease;}.tier-emblem{height:100px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;color:var(--color-font-tier);transition:color var(--time-transition) ease;}.tier-content{display:flex;flex-wrap:wrap;width:100%;min-height:100px;}.tier-item{height:90px;width:90px;aspect-ratio:1/1;margin:5px;display:flex;flex-direction:column;align-items:center;background-color:var(--color-button-bg);border-radius:10px;text-decoration:none;transition:background-color var(--time-transition) ease;box-shadow:1px 1px 0 var(--color-tier-border),-1px -1px 0 var(--color-tier-border);}.tier-item-img{height:70px;aspect-ratio:1/1;border-radius:50px;object-fit:cover;object-position:center;}.tier-item-name{width:100%;color:var(--color-font);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:center;border-radius:10px;transition:color var(--time-transition) ease;transition:blur 0.3s ease;overflow:hidden;word-wrap:anywhere;}.tier-item-name>p{padding:0;margin:0;text-align:center;}.tier-item:hover>.tier-item-name>p{padding:5px;}.tier-item:hover>.tier-item-img{display:block;position:absolute;}.tier-item:hover>.tier-item-name{height:90px;width:90px;-webkit-line-clamp:4;background-color:var(--color-nav-bg);backdrop-filter:blur(10px);}.tier-S{background-color:var(--color-tier-S);}.tier-A{background-color:var(--color-tier-A);}.tier-B{background-color:var(--color-tier-B);}.tier-C{background-color:var(--color-tier-C);}.tier-D{background-color:var(--color-tier-D);}.tier-F{background-color:var(--color-tier-F);}.rec-section-head{margin:20px;margin-bottom:0;display:flex;align-items:center;}.rec-section-expand-button{transition:rotate var(--time-transition) ease;}.rec-section-scroll{display:flex;position:relative;overflow-x:auto;width:100%;}.rec-section-expanded{display:flex;flex-wrap:wrap;width:100%;}.rec-section-item{display:inline-block;position:relative;aspect-ratio:1/1;min-width:225px;min-height:225px;width:225px;height:225px;margin:10px;overflow:hidden;background:var(--color-button-bg);border-radius:25px;color:var(--color-font);text-decoration:none;transition:none;box-shadow:1px 1px 0 var(--color-nav-border);}.rec-section-item:hover{box-shadow:2px 2px 0 var(--color-nav-border);}.rec-desc{position:absolute;width:100%;aspect-ratio:250/180;background-color:var(--color-item-desc-bg);backdrop-filter:blur(50px);border-top-left-radius:20px;border-top-right-radius:20px;opacity:0;transition:opacity 0.3s ease;}.rec-desc>p{margin:20px 20px 20px 20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--color-item-font);}.rec-desc:hover{opacity:1;}.rec-img{width:100%;height:auto;aspect-ratio:250/180;object-fit:cover;object-position:center;display:block;background-color:var(--color-nav-bg);transition:background-color var(--time-transition) ease;}.rec-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;overflow:hidden;padding:0 20px;text-align:center;}.page-title{word-wrap:anywhere;}.about-header{margin:20px;box-shadow:1px 1px 0 var(--color-tier-border),-1px -1px 0 var(--color-tier-border);background-color:var(--color-button-bg);border-radius:15px;}.about-header-name{display:flex;align-items:center;margin:5px;}.about-name-img{aspect-ratio:1/1;height:150px;border-radius:40px;margin-right:10px;}.about-name-text{font-size:calc(min(6vw,32px));font-weight:normal;}.about-header-info{column-count:1;}@media (min-width:600px){.about-header-info{column-count:2;}}.about-header-entry{display:flex;align-items:center;}.about-element{height:40px;}.about-header-footer{display:flex;justify-content:flex-end;}.about-footer-element{height:50px;margin:5px;}.projects{margin:20px;display:flex;flex-wrap:wrap;}.project{background-color:var(--color-entry-bg);aspect-ratio:1/1;height:300px;display:flex;flex-direction:column;box-shadow:1px 1px 0 var(--color-nav-border);border-radius:15px;color:var(--color-font);text-decoration:none;}.project:hover{box-shadow:2px 2px 0 var(--color-nav-border);}.project-head{display:flex;height:75px;}.project-img{border-radius:15px;}.project-title{font-size:21px;font-weight:bold;align-content:center;margin-left:5px;}.project-desc{font-weight:300;font-size:15px;margin:15px;}.project-footer{background-color:var(--color-entry-foot-bg);display:flex;border-radius:0 0 15px 15px;}.project-links{display:flex;align-items:center;}.project-link{margin:5px;}.project-checkout{color:var(--color-font);text-decoration:none;text-wrap:nowrap;margin:5px;font-weight:550;}.runs-section-title{margin:0 0 15px 0;font-weight:500;}.runs-subsection-title{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-font);opacity:0.5;margin:20px 0 8px 0;}.runs-list{display:flex;flex-direction:column;gap:6px;}.run-item{display:flex;flex-direction:column;gap:2px;padding:10px 15px;background-color:var(--color-button-bg);border-radius:10px;box-shadow:1px 1px 0 var(--color-nav-border);color:var(--color-font);text-decoration:none;transition:box-shadow var(--time-transition) ease;}.run-item-link:hover{box-shadow:2px 2px 0 var(--color-nav-border);}.run-item-main{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}.run-item-title{font-size:15px;font-weight:500;}.run-item-time{font-size:15px;font-weight:300;white-space:nowrap;}.run-item-sub{display:flex;gap:12px;}.run-item-date,.run-item-distance{font-size:13px;font-weight:300;opacity:0.6;}.runs-sections{columns:2 350px;margin-top:20px;margin-bottom:20px;}.runs-section{break-inside:avoid;margin-top:0px;}.run-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}