@import "reset-ssVgUe8.css";:root{--pink-l10:#f3b4d3;--pink-l15:#fbcfe8;--pink-l20:#fce7f3;--pink:#f472b6;--pink-d10:#db2777;--pink-d20:#b41f61;--pink-dark:#31101d;--pink-muted:#a8708a;--white:#fff;--white-d10:#fdf2f8;--black:#000;--live:#ff4f8b;--surface:var(--white-d10);--desktop-bg:#ffd6e0;--desktop-dots:rgba(255, 255, 255, 0.55);--lavender:#e9d5ff;--ink:var(--pink-dark);--shadow:var(--pink-dark);--highlight:var(--white);--well:var(--white);--raised:inset 2px 2px 0 var(--highlight), inset -2px -2px 0 var(--pink-l10);--sunken:inset 2px 2px 0 var(--pink-l10), inset -2px -2px 0 var(--highlight)}:root[data-theme=dark]{color-scheme:dark;--pink-l10:#170919;--pink-l15:#3d1844;--pink-l20:#2b1131;--pink:#ff5fb4;--pink-d10:#d6338a;--pink-d20:#ff9fd2;--pink-muted:#9b7aa3;--surface:#220e27;--desktop-bg:#1c0b24;--desktop-dots:rgba(255, 95, 180, 0.16);--lavender:#2e1042;--ink:#fbd3ea;--shadow:var(--black);--highlight:#5a2a62;--well:#12060f}html{color:var(--ink);font-family:vt323,monospace;font-size:20px;font-weight:400;font-style:normal;scrollbar-color:var(--pink)var(--pink-l20)}::selection{background:var(--pink-d10);color:var(--white)}h1,h2{font-family:pixelify sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:1.1em;display:inline-flex;align-items:center;margin:0}body{background-color:var(--desktop-bg);background-image:radial-gradient(circle,var(--desktop-dots) 15%,transparent 10%),radial-gradient(circle,var(--desktop-dots) 15%,transparent 10%),linear-gradient(160deg,var(--desktop-bg) 30%,var(--lavender));background-size:40px 40px,40px 40px,auto;background-position:15px 15px,35px 35px,0 0;margin:0;overflow:hidden}main{min-height:100vh;display:flex;justify-content:center;align-items:stretch}button{background:0 0;border:none;outline:none;padding:0;cursor:pointer;font-family:vt323,monospace;font-weight:400;font-style:normal;font-size:1em;color:inherit}:focus-visible{outline:2px dashed var(--pink-d10);outline-offset:2px}svg{width:2em;height:2em}svg path{shape-rendering:crispEdges}svg path[stroke]{shape-rendering:auto}.icon-fill{fill:var(--pink-l15)}.screen{width:100%;position:relative;&::before{content:"Emiliix";position:absolute;inset:auto 0 3rem;z-index:-1;text-align:center;font-family:"jersey 25",sans-serif;font-size:clamp(6rem,16vw,16rem);line-height:1;color:color-mix(in srgb,var(--highlight),transparent 45%);text-shadow:6px 6px 0 color-mix(in srgb,var(--pink),transparent 75%);pointer-events:none;user-select:none}}.window-container{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;pointer-events:none}.windows{display:block;position:relative;width:100%;height:100%;padding:0}.window{position:absolute;pointer-events:all;border:2px solid var(--ink);background-color:var(--surface);overflow:hidden;box-shadow:var(--raised),4px 4px 0 var(--shadow);display:flex;flex-direction:column;animation:window-open .2s steps(4)backwards;.window-title{background:linear-gradient(to right,var(--pink-l10),var(--pink-l20));color:var(--pink-muted);text-transform:uppercase;border-bottom:2px solid var(--ink);padding:.2em .4em;display:flex;justify-content:space-between;align-items:center;cursor:grab;user-select:none;touch-action:none;h2 > svg{width:24px;height:24px;margin-right:.25em}&:active{cursor:grabbing}}&.focused{.window-title{background:linear-gradient(to right,var(--pink-d10),var(--pink));color:var(--white);text-shadow:1px 1px 0 var(--pink-dark)}}.window-buttons{display:flex;gap:.2em}.minimize, .maximize, .close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--pink-l20);border:2px solid var(--ink);color:var(--ink);box-shadow:var(--raised);svg{width:24px;height:24px}&:active{box-shadow:var(--sunken)}}.maximize .icon-restore, &.maximized .maximize .icon-maximize{display:none}&.maximized .maximize .icon-restore{display:inline}.window-content{display:flex;flex:auto;min-height:0;overflow:auto;padding:.6em}.resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 45%,var(--ink) 45% 52%,transparent 52% 62%,var(--ink) 62% 69%,transparent 69% 79%,var(--ink) 79% 86%,transparent 86%)}}@media(min-width:901px){.window.maximized{inset:0!important;width:auto!important;height:auto!important;box-shadow:var(--raised);.window-title{cursor:default}.resize-handle{display:none}}}.window-content{ul{display:flex;gap:.5em;padding:0;margin:0;flex-wrap:wrap;li{list-style:none;a{display:flex;align-items:center;padding:.35em .6em;font-size:.85em;svg{width:1.6em;height:1.6em;margin-right:.25em}}}}a{color:var(--pink-d20);cursor:pointer;text-decoration:none}.button{--brand:var(--pink-d10);--brand-text:var(--white);font-family:pixelify sans,sans-serif;border:2px solid var(--ink);background:var(--pink-l20);color:var(--ink);cursor:pointer;font-weight:700;text-transform:uppercase;transition:none;box-shadow:var(--raised),2px 2px 0 var(--shadow);outline:none;svg{color:var(--brand)}&:hover, &:focus-visible{transform:translate(2px,2px);background:var(--brand);color:var(--brand-text);box-shadow:0 0;svg{color:inherit}}}}.responsive-video{background:var(--black);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--highlight)}.about-body{gap:.7em;align-items:flex-start;p{margin:0}.avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--pink-l15);border:2px solid var(--ink);box-shadow:var(--sunken),2px 2px 0 var(--shadow);overflow:hidden;img{width:100%;height:100%;object-fit:cover}svg{width:48px;height:48px;color:var(--pink);filter:drop-shadow(2px 2px 0 var(--shadow))}}}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:2.2em;background:var(--pink-l20);border-top:2px solid var(--ink);box-shadow:inset 0 2px 0 var(--highlight);display:flex;align-items:center;padding:0 .25em;gap:.4em;z-index:10}.start-btn{background:var(--pink-d10);color:var(--white);border:2px solid var(--ink);box-shadow:inset 2px 2px 0 var(--pink),inset -2px -2px 0 var(--pink-d20);padding:.1em .6em;font-family:pixelify sans,sans-serif;font-size:.9em;font-weight:700;text-transform:uppercase;&:active{box-shadow:inset 2px 2px 0 var(--pink-d20)}}.taskbar-tasks{display:flex;gap:.4em;flex-grow:1}.taskbar-item{background:var(--pink-l20);border:2px solid var(--ink);box-shadow:var(--raised);padding:.1em .6em;color:var(--ink)}.taskbar-item.active{background:var(--pink-l15);box-shadow:var(--sunken);font-weight:700}.taskbar-tray{display:flex;align-items:center;gap:.5em;padding:0 .75em;border-left:2px solid var(--pink);color:var(--ink)}.theme-toggle{display:inline-flex;color:var(--pink-d10);svg{width:24px;height:24px}.icon-sun{display:none}&[aria-pressed=true]{color:var(--pink);.icon-moon{display:none}.icon-sun{display:inline}}&:hover{color:var(--pink)}}.desktop{.desktop-icons{display:flex;margin:0;padding:0;li{margin:.8em 1em;list-style:none;a{display:flex;color:var(--ink);text-shadow:1px 1px 0 var(--highlight);flex-direction:column;text-decoration:none;align-items:center;max-width:5.5em;text-align:center;cursor:pointer;font-size:1.1em;svg{color:var(--ink);filter:drop-shadow(3px 3px 0 color-mix(in srgb,var(--shadow),transparent 70%));width:72px;height:72px;.icon-fill{fill:var(--pink)}}span{padding:0 .2em;border:1px dotted transparent}&:hover, &:focus-visible{outline:none;svg .icon-fill{fill:var(--pink-d10)}span{background:var(--pink-d10);color:var(--white);text-shadow:none;border-color:var(--ink)}}}}}}.file-list{flex-direction:column;a, button{display:inline-flex;align-items:center;gap:.3em;color:var(--ink);svg{width:24px;height:24px}}a:hover, button:hover{background:var(--pink-l15)}}.music-player-body{flex-direction:column;gap:.5em;audio{display:none}.player-screen{position:relative;display:flex;justify-content:space-between;align-items:flex-start;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--pink-dark),var(--pink) 14%),var(--pink-dark));color:color-mix(in srgb,var(--pink),var(--white) 70%);padding:.4em .6em;border:2px solid var(--ink);box-shadow:var(--sunken),inset 0 0 12px var(--black);&::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,color-mix(in srgb,var(--black),transparent 70%) 2px 3px)}.track-info{display:flex;flex-direction:column;.track-title{font-size:1.2em;text-shadow:0 0 4px var(--pink),0 0 8px var(--pink-d10)}.track-artist{font-size:.9em;color:var(--pink);text-shadow:0 0 4px var(--pink-d10)}}.soundcloud-link{position:relative;z-index:2;display:inline-flex;align-items:center;font-size:.8em;padding:.2em .4em;svg{width:1.8em;height:1.8em;margin-right:.2em}}}.progress-container{box-sizing:border-box;width:100%;background:var(--well);height:18px;padding:2px;border:2px solid var(--ink);box-shadow:var(--sunken);cursor:pointer;.progress-bar{background:repeating-linear-gradient(to right,var(--pink-d10) 0 8px,transparent 8px 10px);width:0;height:100%}}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:1em;.play-buttons, .volume-container, .time-stamp{display:inline-flex;align-items:center;svg{width:36px;height:36px;color:var(--pink-d20)}}.play-buttons button{display:inline-flex;border:2px solid var(--ink);background:var(--pink-l20);box-shadow:var(--raised);margin-right:.2em;&:active{box-shadow:var(--sunken)}}.volume-container{flex-grow:1;min-width:0}.time-stamp{white-space:nowrap}}input[type=range]{appearance:none;background:0 0;flex-grow:1;min-width:0;width:0;height:22px;margin:0 .3em;cursor:pointer;&::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,var(--pink) var(--fill,80%),var(--well) 0);border:2px solid var(--ink)}&::-webkit-slider-thumb{appearance:none;width:12px;height:20px;margin-top:-8px;background:var(--pink-l20);border:2px solid var(--ink);box-shadow:var(--raised)}&::-moz-range-track{height:8px;background:var(--well);border:2px solid var(--ink)}&::-moz-range-progress{height:8px;background:var(--pink)}&::-moz-range-thumb{width:8px;height:16px;border-radius:0;background:var(--pink-l20);border:2px solid var(--ink);box-shadow:var(--raised)}}}[hidden]{display:none!important}.window-container{overflow:clip}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.badge{margin-left:.3em;padding:0 .3em;border:2px solid var(--ink);font-family:vt323,monospace;font-weight:400;text-shadow:none;white-space:nowrap;&.live{background:var(--live);color:var(--white);&::before{content:"";display:inline-block;width:.45em;height:.45em;margin-right:.3em;vertical-align:.1em;background:var(--white);border:2px solid var(--pink-dark);animation:blink 1s steps(1)infinite}}&.offline{background:var(--pink-l20);color:var(--pink-d20)}}.responsive-video{width:100%;aspect-ratio:16/9;iframe{display:block;width:100%;height:100%;border:0}}.file-list button.playing{background:var(--pink-l15);font-weight:700;svg{color:var(--pink-d10)}}.music-player-body{.player-screen{align-items:center;gap:.6em;.track-info{flex-grow:1;min-width:0;.track-title{overflow:hidden;white-space:nowrap;> span{display:inline-block}&.scrolling > span{animation:marquee var(--marquee-duration,6s)linear infinite alternate}}.visualizer{display:block;width:100%;height:17px;margin-top:.3em;color:var(--pink);filter:drop-shadow(0 0 2px var(--pink-d10))}}}.track-cover{width:48px;height:48px;object-fit:cover;image-rendering:pixelated;border:2px solid var(--pink);flex-shrink:0}.play-pause{.icon-pause{display:none}&.is-playing{.icon-play{display:none}.icon-pause{display:inline}}}}@keyframes marquee{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(calc(-1 * var(--marquee-distance,0px)))}}@keyframes window-open{from{transform:scale(.6);opacity:0}}@keyframes blink{50%{visibility:hidden}}@media(prefers-reduced-motion:reduce){.music-player-body .visualizer{display:none}.music-player-body .track-title.scrolling>span,.badge.live::before,.window{animation:none}}.start{position:relative}.start-menu{position:absolute;bottom:calc(100% + .35em);left:0;min-width:12em;margin:0;padding:.25em;list-style:none;background:var(--surface);border:2px solid var(--ink);box-shadow:var(--raised),4px 4px 0 var(--shadow);button{display:flex;align-items:center;gap:.3em;width:100%;padding:.15em .4em;text-align:left;svg{width:24px;height:24px;color:var(--pink-d10)}&:hover, &:focus-visible{background:var(--pink);color:var(--pink-dark)}}}@media(max-width:900px){body{overflow:auto}main{padding-bottom:3em}.screen::before{content:none}.window-container{position:static;height:auto;overflow:visible;pointer-events:auto}.windows{display:flex;flex-direction:column;gap:1em;padding:0 .75em 1em;box-sizing:border-box}.window{position:relative;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;.window-title{cursor:default}.maximize, .resize-handle{display:none}}.taskbar-tasks{overflow-x:auto}}.error-page{align-items:center;padding:1em;box-sizing:border-box;.window{position:relative;max-width:32em;.window-title{cursor:default;h1 > svg{width:24px;height:24px;margin-right:.3em}}}.window-content{gap:1em;align-items:center;p{margin:0 0 .5em}.button{display:inline-block;margin-top:.4em;padding:.3em .8em}}.error-code{font-family:"jersey 25",sans-serif;font-size:4em;font-weight:400;line-height:1;color:var(--pink);text-shadow:3px 3px 0 var(--shadow);margin:0}}