@import"https://rsms.me/inter/inter.css";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap";@import"bw.css";:root[data-theme=light]{--background-main: #f2f0ef;--background-darker: #f8f5f3;--text-color: #3b3b3b;--sec-text-color: #656565;--page-accent: #c6866d;--contrast-overlay: rgba(0, 0, 0, 0.7);--contrast-overlay-hover: rgba(0, 0, 0, 0.5);--translucent-low: rgb(0, 0, 0, 0.05);--translucent-medium: rgb(0, 0, 0, 0.07);--translucent-high: rgb(0, 0, 0, 0.2);--code-bg: #ebe9e8;--note-bg: #d8f2fd}:root[data-theme=blue]{--background-main: #2d3d5a;--background-darker: #1f2a3f;--text-color: #e8edf5;--sec-text-color: #c6cfdc;--page-accent: #99aac9;--contrast-overlay: rgba(255, 255, 255, 0.7);--contrast-overlay-hover: rgba(255, 255, 255, 0.5);--translucent-low: rgb(255, 255, 255, 0.03);--translucent-medium: rgb(255, 255, 255, 0.07);--translucent-high: rgb(255, 255, 255, 0.2);--code-bg: #1f2a3f;--note-bg: #3a4f6b}:root[data-theme=dark]{--background-main: #1a1a1a;--background-darker: #2a2a2a;--text-color: #d0d0d0;--sec-text-color: #c2c2c2;--page-accent: #b47d68;--contrast-overlay: rgba(255, 255, 255, 0.7);--contrast-overlay-hover: rgba(255, 255, 255, 0.5);--translucent-low: rgba(255, 255, 255, 0.03);--translucent-medium: rgba(255, 255, 255, 0.07);--translucent-high: rgba(255, 255, 255, 0.2);--code-bg: #212121;--note-bg: #4a606a}:root[data-theme=red]{--background-main: #2a1a1d;--background-darker: #3d1f24;--text-color: #f5e8ea;--sec-text-color: #d7cbd0;--page-accent: #a88088;--contrast-overlay: rgba(255, 255, 255, 0.7);--contrast-overlay-hover: rgba(255, 255, 255, 0.5);--translucent-low: rgb(255, 255, 255, 0.03);--translucent-medium: rgb(255, 255, 255, 0.07);--translucent-high: rgb(255, 255, 255, 0.2);--code-bg: #3d1f24;--note-bg: #4a2d33}:root{--spacing-xs: 5px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 30px;--spacing-3xl: 60px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 50%;--transition-fast: 0.1s cubic-bezier(0.4, 0, 0.2, 1);--transition-medium: 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-backdrop: 0.4s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 1000;--z-tooltip: 1100;--game-flappy-text: #3b3b3b;--game-flappy-overlay: rgba(255, 255, 255, 0.6);--game-flappy-overlay-strong: rgba(255, 255, 255, 0.7);--game-ttt-x: #66b5f5;--game-ttt-o: #ff7369;--game-ttt-win: #4CAF50;--game-gol-cell-alive: #333333;--game-gol-cell-border: #dddddd;--game-ms-1: #0000FF;--game-ms-2: #007B00;--game-ms-3: #FF0000;--game-ms-4: #00007B;--game-ms-5: #7B0000;--game-ms-6: #007B7B;--game-ms-7: #000000;--game-ms-8: #7B7B7B;--game-colordle-correct: #65c467;--game-colordle-close: #d5a04c;--game-colordle-wrong: #757575;--game-status-win: #4CAF50;--game-status-lose: #F44336;--game-status-success: #2E7D32;--game-status-error: #C62828;--color-line-number: #d9d9d9;--color-code-border: #d9d9d9;--color-code-break: #606060;--color-link-underline: #dadada;--color-social-instagram: #b6393d;--color-social-tiktok: #9860d5}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:1em;font:inherit;vertical-align:baseline}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}table{border-collapse:collapse;border-spacing:0}*{font-family:"-apple-system","inter",sans-serif}body{color:var(--text-color);font-family:"-apple-system","inter",sans-serif;font-weight:300;word-wrap:break-word}h1{margin-bottom:var(--spacing-md);font-size:16pt;color:var(--text-color);font-weight:800;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}h2{font-size:14pt;color:var(--text-color);font-weight:700;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}h3{font-size:12pt;color:var(--text-color);font-weight:700;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}p{font-size:12pt;font-weight:300;line-height:1.25em}.post__content p{font-size:11.5pt;font-weight:300;line-height:16pt;padding-bottom:var(--spacing-md);text-align:left;word-wrap:break-word;letter-spacing:.2px;color:var(--sec-text-color)}strong,b{font-weight:600}em,i{font-style:italic}a{line-height:25px;color:var(--text-color);text-decoration:none;transition:color var(--transition-medium)}@media(any-hover: hover){a:hover{color:var(--page-accent)}}a.touch-hover{color:var(--page-accent)}code,.highlighter-rouge{font-family:"IBM Plex Mono",monospace;font-size:11pt;background:var(--code-bg);padding:.5px 5px;word-wrap:break-word;font-weight:400;color:var(--text-color)}code a,.highlighter-rouge a{text-decoration:none}sup{vertical-align:super;font-size:8pt}.ph{vertical-align:text-bottom}html{background-color:var(--background-main);height:100%;min-height:100vh}html.theme-transition{transition:background-color var(--transition-backdrop)}body{height:100%;min-height:100vh}.wrapper{max-width:525px;margin:auto;padding:var(--spacing-3xl) var(--spacing-2xl)}@media screen and (max-width: 600px){.wrapper{padding:var(--spacing-xl)}}.fullscreen{margin:0;padding:0;height:100%;overflow:hidden}.game-wrapper{height:100vh;width:100%;justify-content:center;position:relative;box-sizing:border-box;overflow-x:hidden}.expandable-content{padding:var(--spacing-md) var(--spacing-lg) 0px var(--spacing-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);overflow:hidden;opacity:1;transition:max-height var(--transition-slow),opacity var(--transition-slow),margin-top var(--transition-slow),margin-bottom var(--transition-slow),padding-top var(--transition-slow),padding-bottom var(--transition-slow);will-change:max-height,opacity,margin-top,margin-bottom,padding-top,padding-bottom}.expandable-content.collapsed{max-height:0px !important;opacity:0;margin-bottom:0px !important;padding-top:0px !important;padding-bottom:0px !important}@font-face{font-family:"OverTheRainbow";src:url("/assets/data/fonts/Over_the_Rainbow/OvertheRainbow-Regular.ttf") format("truetype");font-display:swap}.title-photo-container{width:200px;max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-slow)}.title-photo-container.revealed{margin-top:calc(var(--spacing-2xl)*-1);max-height:300px;padding-bottom:calc(var(--spacing-2xl)*1.5);opacity:1}.title-photo-container .title-photo{width:150px;display:block;border-radius:var(--radius-md)}.site-title{color:var(--text-color);text-decoration:none}.site-title a,.site-title .site-title-link{text-decoration:none}.site-title .site-title-link:hover{color:var(--text-color)}@media(any-hover: hover){.site-title .dark-button a:hover{color:var(--page-accent)}}.site-title .dark-button a.touch-hover{color:var(--page-accent)}.site-title .my-name{animation:normal}.site-title table{width:100%}.site-title-name{font-size:1.5em;font-weight:700;text-align:left;padding-bottom:.3em}.site-title-name .site-title-link span{font-family:"OverTheRainbow",-apple-system,"inter",sans-serif}.dark-button{text-align:right}.dark-button a{text-decoration:none;color:var(--text-color);transition:color var(--transition-medium)}.dark-mode-icon{height:1.5em}.header{display:inline;justify-content:space-between;align-items:baseline}@media screen and (max-width: 600px){.header{display:block}}.header h1{font-size:12pt;font-weight:400;padding-bottom:var(--spacing-xs);text-align:left}.minimal-header-wrapper{display:flex;align-items:start;gap:calc(var(--spacing-xs) + 1px);margin-bottom:1.6em;border-radius:var(--radius-md);max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-slow),transform var(--transition-slow);will-change:max-height,transform}.minimal-header-wrapper::before{transform:translateY(-10px)}.minimal-mode .minimal-header-wrapper{max-height:50px;margin-bottom:2.5em;opacity:1;transform:translateY(0)}.minimal-back-button{background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);padding:var(--spacing-md) var(--spacing-lg);transition:background-color var(--transition-medium),color var(--transition-medium);cursor:pointer}@media(any-hover: hover){.minimal-back-button:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}.minimal-back-button.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}.minimal-header{background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);padding:var(--spacing-md) var(--spacing-lg);font-weight:500;vertical-align:middle;flex:1;cursor:pointer;transition:background-color var(--transition-medium),color var(--transition-medium)}@media(any-hover: hover){.minimal-header:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}.minimal-header.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}.minimal-header table{width:100%}.full-header{overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-slow),margin-top var(--transition-slow),transform var(--transition-slow);will-change:max-height,opacity,margin-top,transform;max-height:200px;margin-top:-25px;opacity:1;transform:translateY(0)}.minimal-mode .full-header{max-height:0;opacity:0;transform:translateY(10px)}.min-down-arrow{text-align:right}.min-title{text-align:left}.nav{width:100%;font-size:1em;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1em}.nav ul{display:flex;list-style:none;flex:-1;max-width:300px}.nav ul li{padding:0px}.nav ul li:not(:last-child):after{content:"∙";position:relative;padding:var(--spacing-xs);color:var(--text-color)}#back-button{text-decoration:none !important;font-size:.8em;text-align:left}#navigation ul li{margin:0;padding:0;list-style-type:none;display:inline}#navigation li:not(:first-child):before{content:" · "}button,.btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--contrast-overlay);color:var(--background-main);border:none;border-radius:var(--radius-md);font-size:1em;font-weight:400 !important;cursor:pointer;transition:background-color var(--transition-medium);backdrop-filter:blur(10px);font-family:-apple-system,"Inter",sans-serif;text-decoration:none !important}@media(any-hover: hover){button:hover,.btn:hover{background-color:var(--contrast-overlay-hover);color:var(--background-main)}}button.touch-hover,.btn.touch-hover{background-color:var(--contrast-overlay-hover);color:var(--background-main)}button--dark-forced,.btn--dark-forced{background-color:rgba(0,0,0,.7)}@media(any-hover: hover){button--dark-forced:hover,.btn--dark-forced:hover{background-color:rgba(0,0,0,.5)}}button--dark-forced.touch-hover,.btn--dark-forced.touch-hover{background-color:rgba(0,0,0,.5)}button--small,.btn--small{padding:2px var(--spacing-sm);font-size:.8em}button--link-variant,.btn--link-variant{display:flex;justify-content:space-between;align-items:center;background-color:var(--translucent-low);backdrop-filter:none;font-size:.9em;color:var(--sec-text-color);padding:3px var(--spacing-sm) 3px var(--spacing-sm);outline:solid;outline-width:1px;outline-color:var(--translucent-medium);margin-bottom:var(--spacing-lg)}button--copy,.btn--copy{padding:2px var(--spacing-sm);font-size:.8em;background-color:var(--translucent-medium);color:var(--text-color)}@media(any-hover: hover){button--copy:hover,.btn--copy:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}button--copy.touch-hover,.btn--copy.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}button--outline,.btn--outline{background-color:var(--translucent-low);color:var(--text-color);outline:solid 1px var(--translucent-high)}button--outline:hover,.btn--outline:hover{background-color:var(--translucent-high);color:var(--text-color)}button code,.btn code{background-color:rgba(0,0,0,0)}input[type=file]::file-selector-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--contrast-overlay);color:var(--background-main);border:none;border-radius:var(--radius-md);font-family:-apple-system,"Inter",sans-serif;font-size:1.2em;font-weight:400 !important;cursor:pointer;transition:background-color var(--transition-medium)}.expandable-toggle{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--translucent-low);backdrop-filter:blur(10px);border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-color);transition:background-color var(--transition-medium),color var(--transition-medium);outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}@media(any-hover: hover){.expandable-toggle:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}.expandable-toggle.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}.expandable-toggle .toggle-icon{transition:transform var(--transition-slow)}.expandable-toggle[aria-expanded=true] .toggle-icon{transform:rotate(45deg)}.selection-switch{display:flex;margin:var(--spacing-md) 0;gap:var(--spacing-md);flex-wrap:wrap;align-self:center}.selection-switch .switch-option{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:20px;background-color:var(--translucent-low);color:var(--text-color);cursor:pointer;transition:all var(--transition-medium);font-family:"Inter",sans-serif;display:inline-block;outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}@media(any-hover: hover){.selection-switch .switch-option:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}.selection-switch .switch-option.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}.selection-switch .switch-option.active{background-color:var(--contrast-overlay);color:var(--background-main);outline:none}.card{background-color:var(--translucent-medium);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:background-color var(--transition-medium)}@media(any-hover: hover){.card:hover{background-color:var(--translucent-high)}}.card.touch-hover{background-color:var(--translucent-high)}.card--interactive{cursor:pointer}.card--no-padding{padding:0}.image-card{break-inside:avoid;margin-bottom:-10px;cursor:pointer}.image-card .image-wrapper img{width:100%;height:auto;display:block;object-fit:contain}.album-item{text-align:center;width:100%;height:100%;margin-bottom:-0.7em;position:relative;opacity:0;transform:translateY(8px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.album-item.card-visible{opacity:1;transform:translateY(0)}.album-item .album-image-container{position:relative;display:inline-block;width:100%;height:100%}.album-item .album-image-container img{display:block;width:100%;height:100%;object-fit:cover;outline:solid;outline-width:1px;outline-color:var(--translucent-low)}.album-item .music-card-overlay{position:absolute;top:var(--spacing-md);bottom:-10px;left:0;right:0;background-color:rgba(0,0,0,.6);padding:.8em;border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-slow);display:flex;flex-direction:column;justify-content:space-between}.album-item .music-card-overlay .music-card-title{color:hsla(0,0%,100%,.9);font-size:1.2em !important;word-break:break-word}.album-item .music-card-overlay .music-card-subtitle{color:hsla(0,0%,100%,.9);font-size:.8em !important;font-weight:600;margin-top:-10px;word-break:break-word}.album-item .music-card-overlay .music-card-playcount{color:hsla(0,0%,100%,.8);font-size:.8em;text-align:left}.album-item .album-image-container:hover .music-card-overlay,.album-item .music-card-overlay.show-overlay{opacity:1;border-radius:var(--radius-md)}.color-info{background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium)}.color-info .color-detail{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.color-info .color-preview{width:80px;height:80px;border-radius:var(--radius-md)}.color-info .color-values{line-height:1.5em}.color-info .color-value{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.color-info .color-code{font-family:"IBM Plex Mono",ui-monospace,monospace}.grid{display:grid;gap:var(--spacing-md)}.grid--2-col{grid-template-columns:repeat(2, 1fr)}.grid--3-col{grid-template-columns:repeat(3, 1fr)}.grid--4-col{grid-template-columns:repeat(4, 1fr)}.grid--5-col{grid-template-columns:repeat(5, 1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.grid--masonry{column-count:2;column-gap:var(--spacing-md);display:block}.grid--equal-rows{grid-auto-rows:1fr}.grid--gap-sm{gap:var(--spacing-xs)}.grid--gap-lg{gap:var(--spacing-xl)}.grid--no-gap{gap:0}.album-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;transition:opacity var(--transition-slow)}.album-grid.grid-fade-out{opacity:0}@media(max-width: 768px){.album-grid{grid-template-columns:repeat(2, 1fr)}}.album-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);max-width:100%;margin:0 auto}.album-container .masonry-column{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.album-container>img{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}.palette-output{display:grid;grid-template-columns:repeat(5, 1fr);gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-xl);grid-auto-rows:1fr}@media(max-width: 600px){.palette-output{grid-template-columns:repeat(3, 1fr)}}.color-swatch{aspect-ratio:1/1;width:100%;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-medium)}@media(any-hover: hover){.color-swatch:hover{transform:scale(1.05)}}.color-swatch.touch-hover{transform:scale(1.05)}.game-grid{display:grid;gap:var(--spacing-sm)}.game-grid--ttt{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);gap:var(--spacing-sm)}.game-grid--minesweeper{max-width:100%;overflow:hidden;box-sizing:border-box}input[type=text],input[type=email],input[type=url],select{padding:9px var(--spacing-md);background-color:var(--translucent-low);border:var(--translucent-medium);border-radius:var(--radius-md);color:var(--text-color);font-family:-apple-system,"Inter",sans-serif;transition:background-color var(--transition-medium);outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,select:focus{outline:none;background-color:var(--translucent-high)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,select::placeholder{color:var(--sec-text-color);opacity:.7}input[type=range]{display:block;width:100%;margin:var(--spacing-md) 0;-webkit-appearance:none;appearance:none;height:30px;background:linear-gradient(to right, var(--translucent-high) var(--value-percent, 0%), var(--translucent-low) var(--value-percent, 0%));backdrop-filter:blur(10px);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast) ease-in-out;outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:34px;background:var(--sec-text-color);border-radius:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast) ease-in-out}input[type=range]::-moz-range-thumb{width:4px;height:34px;background:var(--sec-text-color);border-radius:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast) ease-in-out}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1);width:5px}input[type=range]:active::-moz-range-thumb{transform:scale(1.1);width:5px}input[type=color]{width:50px;height:40px;border:none;border-radius:var(--radius-md);background-color:var(--translucent-low);backdrop-filter:blur(10px);cursor:pointer;transition:all var(--transition-medium);padding:0;overflow:hidden;outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:var(--radius-md)}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius-md)}.controls{margin-top:var(--spacing-md);padding-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.controls>*{margin-bottom:var(--spacing-md)}.controls:last-child{margin-bottom:0}.controls label{display:block;margin:var(--spacing-md) 0}.controls a{margin-left:5px}.controls .range-width-container{display:flex;position:relative}.controls .range-width-container #range-value{position:absolute;top:14px;left:var(--spacing-sm);font-size:.7em;z-index:1}.color-inputs-container{display:flex;gap:var(--spacing-xl);margin:var(--spacing-lg) 0;flex-wrap:wrap}.color-input-group{flex:1;min-width:200px}.color-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm)}.color-input-wrapper input[type=text]{flex:1;font-family:"Inter",monospace;font-size:.9em}.image-selector{width:100%;height:200px;background-color:var(--translucent-low);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);cursor:pointer;font-size:.9em;font-weight:500;backdrop-filter:blur(10px);transition:all var(--transition-medium);outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}@media(any-hover: hover){.image-selector:hover{background-color:var(--translucent-high)}}.image-selector.touch-hover{background-color:var(--translucent-high)}[data-zoomable]{cursor:zoom-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.image-zoom-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-main);z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-medium)}.image-zoom-backdrop.active{opacity:1}.image-zoom-clone{z-index:calc(var(--z-modal) + 1);transition:top var(--transition-slow),left var(--transition-slow),width var(--transition-slow),height var(--transition-slow);cursor:default;border-radius:0 !important;object-fit:contain;margin:0;padding:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.image-zoom-clone.zoomed{box-shadow:var(--shadow-lg)}.image-zoom-close{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:calc(var(--z-modal) + 2);width:40px;height:40px;border:none;background-color:var(--contrast-overlay);color:var(--background-main);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;opacity:0;transition:opacity var(--transition-slow),background-color var(--transition-medium);backdrop-filter:blur(10px)}.image-zoom-close.active{opacity:1}@media(any-hover: hover){.image-zoom-close:hover{background-color:var(--page-accent)}}.image-zoom-close.touch-hover{background-color:var(--page-accent)}.post{padding-bottom:var(--spacing-2xl)}.post__back{display:inline;text-align:left;display:block;margin-bottom:25px}.post__date{font-size:.75em;text-align:left;color:var(--sec-text-color);font-weight:300;margin-bottom:var(--spacing-xl)}.post__title{font-size:24pt;font-weight:900;margin-bottom:var(--spacing-md);text-align:left;line-height:1.1em}.post__content{color:var(--text-color)}.post__content hr{width:10%;color:var(--background-main);opacity:60%}.post__content ul{font-size:12pt;list-style:disc;padding-bottom:var(--spacing-md);line-height:1.3em;margin-left:var(--spacing-lg);color:var(--sec-text-color)}.post__content p+ol{margin-top:-8px;margin-bottom:var(--spacing-md)}.post__content p+ul{margin-top:-10px;margin-bottom:var(--spacing-md)}.post__content ol{list-style:disc;padding-bottom:var(--spacing-md);line-height:1.65em;margin-left:var(--spacing-lg)}.post__content li{padding-top:3px;padding-bottom:3px;padding-left:2px}.post__content img{max-width:100%;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);display:block;margin:0 auto}.post__content .img-curved-edges{padding:0 !important;max-width:100%;display:block;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.post__content .note{background:var(--note-bg);font-style:italic;display:inline-block;padding:var(--spacing-md);color:var(--sec-text-color)}.post__content .note a{line-height:25px;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:auto;text-decoration-color:var(--color-link-underline);text-decoration-thickness:.125em;text-underline-offset:2.5px}.post__content .highlight{max-width:650px;margin-left:-20%;transform:translateX(10%);padding:40px;line-height:16pt;font-weight:400;overflow-x:scroll;background:var(--code-bg);font-size:11pt;font-family:"IBM Plex Mono",monospace;font-weight:400;color:var(--text-color);margin-bottom:var(--spacing-lg)}.post__content .lineno{color:var(--color-line-number);padding-right:var(--spacing-sm);border-right:1px solid var(--color-code-border);margin-right:var(--spacing-md);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.post__content .codebreak{margin:var(--spacing-lg);border:0;border-bottom:1px dashed var(--color-code-break)}.post__description{color:var(--sec-text-color);font-size:.8em;margin-top:.2em;margin-bottom:-0.3em}.archive{padding-bottom:var(--spacing-sm)}.archive ul{padding:0;margin:0}.archive li{font-size:11.5pt;margin:0;padding:1px 0;list-style:none;line-height:1.3em;display:flex;justify-content:space-between;align-items:baseline}.archive li a{flex:1;min-width:0}.archive .date{color:var(--sec-text-color);font-family:ui-monospace,"IBM Plex Mono",monospace;font-size:.8em;white-space:nowrap;flex-shrink:0;opacity:80%}.about h2{font-size:12pt}.about p{font-size:11.5pt;font-weight:300;line-height:1.5em;text-align:left;padding-bottom:var(--spacing-md)}.location-time-footer{text-align:center;padding-top:var(--spacing-xl);font-size:.8em;color:var(--sec-text-color)}#flappy-game-container{display:flex;flex-direction:column;align-items:center;position:relative;margin:var(--spacing-xl) 0}#flappy-game-container #flappyCanvas{border-radius:var(--radius-lg);backdrop-filter:blur(10px)}@media screen and (max-width: 768px){#flappy-game-container{width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center}#flappy-game-container #flappyCanvas{max-width:95vw;max-height:70vh;width:100%;height:auto;border-radius:var(--radius-lg);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}#flappy-ui{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#flappy-ui>*{pointer-events:auto}#score,#high-score{position:absolute;top:var(--spacing-xl);font-weight:600;font-size:18px;color:var(--game-flappy-text);font-weight:500;background:var(--game-flappy-overlay);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-xl);box-shadow:var(--shadow-sm);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#score{left:var(--spacing-xl)}#high-score{right:var(--spacing-xl)}#game-over,#start-screen{background:var(--game-flappy-overlay-strong);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#game-over p,#game-over h2,#start-screen p,#start-screen h2{color:var(--game-flappy-text) !important}#ttt-game-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);gap:var(--spacing-sm)}.ttt-cell{position:relative;border-radius:var(--radius-md);cursor:pointer;font-family:"IBM Plex Mono",ui-monospace,monospace;transition:background-color var(--transition-medium);border:1px solid var(--translucent-medium);aspect-ratio:1;backdrop-filter:blur(10px)}.ttt-cell::before{content:attr(data-content);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.3em;font-weight:500;line-height:100}@media(any-hover: hover){.ttt-cell:hover{background-color:var(--translucent-medium)}}.ttt-cell.touch-hover{background-color:var(--translucent-medium)}.ttt-cell.x::before{color:var(--game-ttt-x)}.ttt-cell.o::before{color:var(--game-ttt-o)}.ttt-cell.winning-cell{background-color:color-mix(in srgb, var(--game-ttt-win) 50%, transparent) !important}.ttt-cell.winning-cell::before{color:#fff !important}#game-of-life-container{display:flex;flex-direction:column;position:relative}#game-of-life-canvas{justify-content:center;align-items:center}.gol-cell{width:15px;height:15px;border:1px solid var(--game-gol-cell-border);transition:background-color var(--transition-medium)}.gol-cell.alive{background-color:var(--game-gol-cell-alive)}#minesweeper-container{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-md) auto}#minesweeper-header{display:flex;justify-content:space-between;width:100%;margin-bottom:var(--spacing-md)}#mine-counter,#game-timer{font-weight:600;font-size:18px;color:var(--text-color);background:var(--translucent-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--spacing-xl);backdrop-filter:blur(4px)}#minesweeper-grid{display:grid;grid-gap:var(--spacing-xs);max-width:100%;overflow:hidden;box-sizing:border-box}.ms-cell{display:flex;justify-content:center;align-items:center;border:2px solid var(--translucent-medium);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-family:"Inter",sans-serif;transition:all var(--transition-medium);user-select:none;position:relative;font-size:calc(100% - 2px);box-sizing:border-box;max-width:100%}@media(any-hover: hover){.ms-cell:hover{background-color:var(--translucent-medium)}}.ms-cell.touch-hover{background-color:var(--translucent-medium)}.ms-cell.revealed{border-style:dashed}.ms-cell.flagged::before{content:"🚩";font-size:var(--spacing-lg)}.ms-cell.mine::before{content:"💣";font-size:var(--spacing-lg)}.ms-cell.flagged-correct::before{content:"🚩";font-size:var(--spacing-lg)}.ms-cell.flagged-wrong::before{content:"❌";font-size:var(--spacing-lg)}.ms-cell.adjacent-1{color:var(--game-ms-1)}.ms-cell.adjacent-2{color:var(--game-ms-2)}.ms-cell.adjacent-3{color:var(--game-ms-3)}.ms-cell.adjacent-4{color:var(--game-ms-4)}.ms-cell.adjacent-5{color:var(--game-ms-5)}.ms-cell.adjacent-6{color:var(--game-ms-6)}.ms-cell.adjacent-7{color:var(--game-ms-7)}.ms-cell.adjacent-8{color:var(--game-ms-8)}#game-status.win{color:var(--game-status-win)}#game-status.lose{color:var(--game-status-lose)}.colordle-container .target-color{border-radius:var(--radius-lg);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);border:3px solid var(--translucent-medium);backdrop-filter:blur(10px);overflow:hidden}.colordle-container .target-color .color-header{background:var(--translucent-medium);padding:var(--spacing-md);font-weight:600}.colordle-container .target-color .color-display{height:100px}.colordle-container .guess-row{margin-bottom:var(--spacing-md)}.colordle-container .guess-row .hex-cells{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--spacing-xs);width:100%}.colordle-container .guess-row .hex-cells .hex-cell{aspect-ratio:1;min-height:45px;border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:1.2rem;font-weight:700;color:var(--text-color);background:var(--bg-color);backdrop-filter:blur(10px);transition:all var(--transition-slow);box-sizing:border-box}.colordle-container .guess-row .hex-cells .hex-cell.hash-cell{background:var(--translucent-medium);border-color:var(--translucent-medium);color:var(--text-muted)}.colordle-container .guess-row .hex-cells .hex-cell.hash-cell[style*=background-color]{color:rgba(0,0,0,0);border:2px solid var(--translucent-medium)}.colordle-container .guess-row .hex-cells .hex-cell.empty-cell{background:var(--translucent-medium);border-color:var(--translucent-medium);color:var(--text-muted)}.colordle-container .guess-row .hex-cells .hex-cell.correct{background-color:var(--game-colordle-correct);border-color:var(--game-colordle-correct);color:#fff}.colordle-container .guess-row .hex-cells .hex-cell.close{background-color:var(--game-colordle-close);border-color:var(--game-colordle-close);color:#fff}.colordle-container .guess-row .hex-cells .hex-cell.wrong{background-color:var(--game-colordle-wrong);border-color:var(--game-colordle-wrong);color:#fff}.colordle-container .input-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.colordle-container .input-section #guess-input{flex:1;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:1.1rem}.colordle-container .game-message{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.colordle-container .game-message.success{color:var(--game-status-success)}.colordle-container .game-message.error{color:var(--game-status-error)}.colordle-container .game-results{background:var(--translucent-medium);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);backdrop-filter:blur(10px)}.colordle-container .game-results .share-section{margin-top:var(--spacing-lg)}.colordle-container .game-results .share-section .share-text{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.9rem;white-space:pre-line;text-align:left;user-select:all;cursor:text}.colordle-container .game-results .game-stats .stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-md)}.colordle-container .game-results .game-stats .stats-grid .stat .stat-number{font-size:2rem;font-weight:700;color:var(--accent-color)}.colordle-container .game-results .game-stats .stats-grid .stat .stat-label{font-size:.9rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.colordle-container .game-controls{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.feedback-example{display:inline-block;vertical-align:bottom;width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--radius-sm);margin-right:var(--spacing-xs)}.feedback-example.correct{background-color:var(--game-colordle-correct)}.feedback-example.close{background-color:var(--game-colordle-close)}.feedback-example.wrong{background-color:var(--game-colordle-wrong)}.music-widget-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8em;color:var(--sec-text-color);padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.music-widget-header .pr{font-size:1.2em;color:var(--text-color);font-weight:600}.music-widget-time-placeholder{color:var(--sec-text-color);opacity:.7}.music-widget-time-wrapper.loaded .music-widget-time-placeholder{display:none}.music-widget-time-wrapper.loaded .music-widget-time{opacity:1}.music-widget-time{opacity:0;transition:opacity var(--transition-slow)}.music-widget{text-decoration:none;color:inherit}.music-widget-content{display:flex;align-items:center;text-align:left;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);transition:background-color var(--transition-medium);line-height:1em;border-radius:var(--radius-lg)}@media(any-hover: hover){.music-widget-content:hover{background-color:var(--contrast-overlay);color:var(--background-main)}}.music-widget-content.touch-hover{background-color:var(--contrast-overlay);color:var(--background-main)}.music-widget-content img{margin:0px !important}.music-widget-art-wrapper{position:relative;width:30px;height:30px;flex-shrink:0}.music-widget-art-placeholder{position:absolute;inset:0;background-color:var(--translucent-high);border-radius:var(--radius-md)}.music-widget-art{position:relative;width:30px;height:30px;object-fit:cover;flex-shrink:0;border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-slow)}.music-widget-art.loaded{opacity:1}.music-widget-info{display:flex;flex-direction:row;align-items:baseline;gap:0;min-width:0;overflow:hidden}.music-widget-info .music-widget-info-placeholder{font-size:.9em;color:var(--sec-text-color);opacity:.7}.music-widget-info .music-widget-track,.music-widget-info .music-widget-separator,.music-widget-info .music-widget-artist{opacity:0;transition:opacity var(--transition-slow)}.music-widget-info.loaded .music-widget-info-placeholder{display:none}.music-widget-info.loaded .music-widget-track,.music-widget-info.loaded .music-widget-separator,.music-widget-info.loaded .music-widget-artist{opacity:1}.music-widget-track{font-size:.95em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.music-widget-separator{font-size:.9em;flex-shrink:0;padding:0 4px}.music-widget-artist{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:80%}.music-widget-arrow{margin-left:auto;flex-shrink:0;font-size:.9em}.view-controls{margin-bottom:var(--spacing-xl)}.artist-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.artist-list .music-artist-item{padding:var(--spacing-md);background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);transition:background-color var(--transition-medium)}@media(any-hover: hover){.artist-list .music-artist-item:hover{background-color:var(--translucent-medium)}}.artist-list .music-artist-item.touch-hover{background-color:var(--translucent-medium)}.artist-list .music-artist-item .music-artist-name{font-size:1em;font-weight:500;color:var(--text-color);margin:0}.palette-container{margin:-10px 0}.tool-control-group{padding-top:var(--spacing-xs)}.tool-preview-img{object-fit:contain;width:100%}.ascii-container{margin:var(--spacing-xl) 0}.ascii-container .canvas-container{position:relative;width:100%;padding-bottom:75%}.ascii-container #canvas-output{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium);border-radius:var(--radius-lg)}.ascii-container #ascii-output{white-space:pre;font-family:"IBM Plex Mono",ui-monospace,monospace;line-height:1;overflow:hidden;width:100%;display:block}.ascii-container #image-preview{max-width:100%;margin:var(--spacing-md) 0}.historical-browser-url-bar{display:flex;align-items:center;max-width:100%;padding:var(--spacing-md);background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium)}.historical-browser-url-bar input[type=text]{margin-left:var(--spacing-xs);flex-grow:1;min-width:100px}.historical-browser-url-bar .historical-browser-year-selector{flex-shrink:0;margin-left:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.8em;font-weight:600;background-color:var(--translucent-low);color:var(--text-color);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-2xl);outline:solid;outline-width:1px;outline-color:var(--translucent-medium)}.historical-browser-url-bar .year-selector-container{position:relative;display:inline-block}.historical-browser-url-bar .year-selector-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-color)}.historical-browser-url-bar .historical-browser-go-btn{padding:var(--spacing-sm);margin-left:var(--spacing-xs);font-size:.8em;font-weight:600 !important}.historical-browser-url-bar .historical-browser-go-btn:hover,.historical-browser-url-bar .historical-browser-year-selector:hover{background-color:var(--page-accent);color:var(--text-color)}.historical-browser-url-bar .browser-controls{flex-shrink:0;padding-left:7px;padding-right:7px;cursor:pointer}.historical-browser-url-bar .browser-controls.disabled{opacity:.5;cursor:not-allowed}.historical-browser-url-bar .browser-controls:not(.disabled):hover{color:var(--page-accent);transition:color var(--transition-medium)}.historical-browser-content{width:142.8571428571%;max-width:142.8571428571%;height:714.2857142857px;transform:scale(0.7);transform-origin:top left;margin-top:var(--spacing-lg);overflow:hidden;background-color:var(--translucent-low);backdrop-filter:blur(10px);border-radius:var(--radius-md);outline:1px solid var(--translucent-medium)}.historical-browser-content iframe{width:100%;height:100%;border:none}@keyframes blink{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@font-face{font-family:"ChicagoFont";src:url("https://dangasson.github.io/Resources/Fonts/ChicagoFLF.ttf") format("truetype");font-weight:normal;font-style:normal}.ipod-container{position:relative;display:flex;justify-content:center;align-items:center;max-width:415px;margin:0 auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation}.ipod-device{width:415px;min-width:415px;height:692px;border-radius:38px;margin-top:-70px;background:linear-gradient(45deg, #e3e4e5, #ffffff);box-shadow:inset 5px -5px 15px 0px gray,0px 0px 15px rgba(0,0,0,.1)}.ipod-device.small{transform:scale(0.67, 0.67)}.ipod-screen{position:relative;margin:var(--spacing-2xl) auto 0px auto;width:284px;height:230px;background:linear-gradient(135deg, #a5a59b, #d6d5d0);border-radius:var(--spacing-md);box-shadow:inset 0px 0px 10px 2px #4d4d4d;font-family:"ChicagoFont","Arial";font-size:130%;color:#484647}.ipod-title{position:absolute;top:50%;left:var(--spacing-2xl);transform:translate(-50%, -50%)}.ipod-title-bar{position:absolute;left:var(--spacing-xs);right:var(--spacing-xs);height:16%;border-bottom:2px solid #484647;text-align:center}.ipod-play-pause-icon{position:absolute;display:inline-block;top:25%;left:50%}.ipod-battery{position:absolute;right:var(--spacing-xs);height:50px;width:100px;background-color:#c1c1ba;border:5px solid #484647}.ipod-battery:before{content:"";position:absolute;top:50%;right:-12px;transform:translate(0, -50%);height:33%;width:7px;background-color:#c1c1ba;border-right:5px solid #484647;border-top:5px solid #484647;border-bottom:5px solid #484647}.ipod-battery:after{content:"";position:absolute;top:var(--spacing-xs);bottom:var(--spacing-xs);left:var(--spacing-xs);width:70px;background:repeating-linear-gradient(to right, #484647, #484647 20px, #c1c1ba 20px, #c1c1ba 25px, #484647 25px, #484647 45px, #c1c1ba 45px, #c1c1ba 50px, #484647 50px, #484647 70px)}.ipod-battery.small{transform:scale(0.3, 0.3);transform-origin:100% 25%}.ipod-menu-options{display:flex;flex-direction:column;position:relative;top:17%;height:81%}.ipod-option{padding:var(--spacing-sm) 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipod-option:after{content:"";position:absolute;right:18px;border-bottom:3px solid #484647;border-right:3px solid #484647;width:var(--spacing-sm);height:var(--spacing-sm);transform:rotate(-45deg) skew(7deg, 7deg);transform-origin:180%}.ipod-option.selected{background-color:#484647;border-bottom:2px solid #484647;color:#c1c1ba}.ipod-option.selected:after{border-bottom:3px solid #c1c1ba;border-right:3px solid #c1c1ba}.ipod-outer-ring{position:relative;margin:0 auto;top:var(--spacing-2xl);height:350px;width:350px;border-radius:var(--radius-round);background-color:#fff;box-shadow:inset 5px -5px 30px -7px #595959}.ipod-outer-ring:before,.ipod-outer-ring:after{content:"";position:absolute;width:0;height:99%;border:1px solid #4d4d4d}.ipod-outer-ring:before{left:50%;transform:rotate(45deg)}.ipod-outer-ring:after{top:0;left:50%;transform:rotate(135deg)}.ipod-touch-wheel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:276px;width:276px;border:2px solid #4d4d4d;border-radius:var(--radius-round);background:radial-gradient(farthest-side at 90% -70%, #999999, #f2f2f2);box-shadow:5px -5px 30px -7px #595959;z-index:1;transition:box-shadow var(--transition-backdrop),background var(--transition-backdrop)}.ipod-touch-wheel:active{box-shadow:5px -5px 20px -7px #595959,inset 2px 2px 5px rgba(0,0,0,.2);background:radial-gradient(farthest-side at 60% -70%, #888888, #e5e5e5)}.ipod-center-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100px;width:100px;border:2px solid #babdc1;border-radius:var(--radius-round);background-color:#cbccce;background:radial-gradient(farthest-side at -90% 80%, #999999, #f2f2f2);transition:all var(--transition-fast);cursor:pointer}.ipod-center-button:active{background:radial-gradient(farthest-side at -90% 80%, #777777, #dddddd);box-shadow:inset 2px 2px 5px rgba(0,0,0,.3);transform:translate(-50%, -50%) scale(0.95)}text{font-family:"Arial";font-size:110%;font-weight:bold;fill:#babdc1}path{fill:rgba(0,0,0,0)}.ipod-skip{position:absolute;top:50%;transform:translate(0, -50%);background-color:#babdc1;height:12px;width:4px;cursor:pointer;transition:all var(--transition-fast)}.ipod-skip:before,.ipod-skip:after{content:"";position:absolute;border-left:9px solid #babdc1;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);transition:all var(--transition-fast)}.ipod-skip:before{left:-9px}.ipod-skip:after{left:-18px}.ipod-skip.next{right:var(--spacing-md);transform:rotate(90deg) translate(0, 50%)}.ipod-skip.prev{left:var(--spacing-md);top:155px;transform:rotate(-90deg) translate(0, 50%)}.ipod-play-pause{position:absolute;bottom:12px;left:50%;height:0;width:0;transform:translate(-13px, 0);cursor:pointer;border-left:12px solid #babdc1;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0)}.ipod-play-pause:before{content:"";position:absolute;bottom:-6px;left:4px;height:12px;width:var(--spacing-md);background:repeating-linear-gradient(to right, #babdc1, #babdc1 4px, transparent 4px, transparent 6px, #babdc1 6px, #babdc1 10px)}.ipod-menu-text{cursor:pointer}#now-playing{position:absolute;top:25%;left:0;width:100%;height:84%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);box-sizing:border-box;font-family:"ChicagoFont","Arial";color:#484647;text-align:center}#now-playing .song-title{font-size:16px;font-weight:bold;margin-bottom:var(--spacing-xs);width:100%}#now-playing .artist-name{font-size:14px;margin-bottom:var(--spacing-lg);width:100%}#now-playing .album-info{font-size:12px;margin-bottom:var(--spacing-xl);font-style:italic;width:100%}#now-playing .progress-container{width:80%;height:var(--spacing-md);background-color:#939389;border-radius:var(--spacing-xs);overflow:hidden;margin-bottom:var(--spacing-md);position:relative;margin-left:auto;margin-right:auto}#now-playing #progress-bar{width:0%;height:100%;background-color:#484647;border-radius:var(--spacing-xs);position:absolute;top:0;left:0}#now-playing #time-display{font-size:12px;margin-top:var(--spacing-xs)}.ipod-press-play-message{text-align:center;margin-top:var(--spacing-md);color:#333;font-weight:bold;font-size:14px;padding:var(--spacing-xs);animation:blink 2s infinite;display:none}#youtube-player{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px}.ytp-title{display:none}_:-ms-lang(x),.ipod-device{box-shadow:inset 5px -5px 25px 3px hsla(0,0%,60%,.3137254902)}_:-ms-lang(x),.ipod-screen{box-shadow:inset 0px 0px 20px 1px rgba(89,89,89,.3137254902)}_:-ms-lang(x),.ipod-outer-ring{box-shadow:inset 5px -5px 50px -7px hsla(0,0%,60%,.3137254902)}_:-ms-lang(x),.ipod-touch-wheel{box-shadow:5px -5px 50px -7px hsla(0,0%,60%,.3137254902)}.backdrop-blur{backdrop-filter:blur(10px)}.translucent-bg{background-color:var(--translucent-medium)}.translucent-bg-high{background-color:var(--translucent-high)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;align-items:start}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-width{width:100%}.full-height{height:100%}.va-mid{vertical-align:middle}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-round)}.transition-fast{transition:all var(--transition-fast)}.transition-medium{transition:all var(--transition-medium)}.transition-slow{transition:all var(--transition-slow)}.me{width:100%}hr{color:var(--background-main);opacity:60%}ul{list-style:none;align-items:baseline}ul li{padding:var(--spacing-xs);padding-left:var(--spacing-md)}@media screen and (max-width: 600px){ul li{padding:var(--spacing-md) 0}}.wiki-image img{width:100%}@media(any-hover: hover){#insta-link:hover{color:var(--color-social-instagram)}#tiktok-link:hover{color:var(--color-social-tiktok)}}#insta-link.touch-hover{color:var(--color-social-instagram)}#tiktok-link.touch-hover{color:var(--color-social-tiktok)}