@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";:root{--txt-0: hsl(60, 10%, 90%);--txt-1: hsl(60, 8%, 75%);--txt-2: hsl(60, 6%, 50%);--txt-3: hsl(60, 4%, 30%);--bg-3: hsl(60, 10%, 16%);--bg-2: hsl(60, 10%, 11%);--bg-1: hsl(60, 10%, 6%);--acc-1: hsl(60, 60%, 60%);--acc-2: hsl(60, 60%, 45%);--green: hsl(140, 60%, 60%);--red: hsl(0, 60%, 60%);font-family:DM Mono,monospace;font-weight:300}*{box-sizing:border-box}body{margin:0;background:var(--bg-1);color:var(--txt-1);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a.button{padding:.5rem .75rem;background:var(--bg-2);border:1px solid var(--bg-3)}a.button:hover{background:var(--bg-3)}h1,h2,h3,h4{color:var(--txt-0);font-weight:300}p{line-height:1.5}button{font:inherit;border:none;background:var(--bg-2);border:1px solid var(--bg-3);padding:.5rem .75rem;cursor:pointer;color:var(--txt-1)}button:hover{background:var(--bg-3)}button.accent{background:var(--acc-1);color:var(--bg-1);border:1px solid var(--acc-1)}button.accent:hover{background:var(--acc-2)}button.icon{display:flex;align-items:center;justify-content:center;padding:.5rem}input{font:inherit;border:none;color:inherit;outline:none;background:none;width:100%}input::placeholder{color:var(--txt-3)}.icon{color:inherit}.content{padding:2rem;margin:2rem auto;max-width:64rem}.search-container{position:relative;display:flex;gap:1rem;width:100%}.searchbar{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:var(--bg-2);border:1px solid var(--bg-3)}.searchbar:focus-within{border-color:var(--acc-1)}.difficulty-badge{display:inline-block;padding:.125rem .25rem;background-color:var(--bg-2);border:1px solid var(--bg-3)}.difficulty-badge.easy{background:var(--green);border-color:var(--green);color:var(--bg-1)}.difficulty-badge.medium{background:var(--acc-1);border-color:var(--acc-1);color:var(--bg-1)}.difficulty-badge.hard{background:var(--red);border-color:var(--red);color:var(--bg-1)}.markdown-content{border:1px solid var(--bg-3);padding:1.5rem}.markdown-content *:first-child{margin-top:0}.markdown-content code{background:var(--bg-2);border:1px solid var(--bg-3);font-family:DM Mono,monospace;padding:.125rem .25rem}.markdown-content pre{background:var(--bg-2);border:1px solid var(--bg-3);padding:.5rem .75rem;overflow-x:auto}.markdown-content pre code{border:none}.markdown-content img{max-width:100%;height:auto}h1.svelte-1cdole{margin:0;font-size:1.25rem}header.svelte-1cdole{padding:0rem 1rem;height:4rem;border-bottom:1px solid var(--bg-3);position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;z-index:1001;background:var(--bg-1)}header.svelte-1cdole a:where(.svelte-1cdole){color:var(--txt-2)}header.svelte-1cdole a:where(.svelte-1cdole):hover{color:var(--acc-1)}.nav-left.svelte-1cdole{display:flex;align-items:center;gap:2rem}.nav-right.svelte-1cdole,.user-info.svelte-1cdole{display:flex;align-items:center;gap:1rem}.profile-link.svelte-1cdole{display:flex;align-items:center;gap:.5rem;color:var(--txt-2);text-decoration:none}.profile-link.svelte-1cdole .icon,.profile-link.svelte-1cdole:hover{color:var(--acc-1)}.loading-text.svelte-1cdole{color:var(--txt-3)}.heading.svelte-1cdole{width:fit-content;display:flex;align-items:center;gap:.5rem}.heading.svelte-1cdole .icon{font-size:1.25rem;color:var(--acc-1)}main.svelte-1cdole{position:relative;overflow:hidden}.loading-indicator.svelte-1cdole{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;transition:.2s}.loading-content.svelte-1cdole{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-messages.svelte-1cdole{text-align:center;display:flex;flex-direction:column;gap:.5rem}.loading-subtitle.svelte-1cdole{color:var(--txt-2)}.loading-message.svelte-1cdole{font-size:1.125rem}.loading-spinner.svelte-1cdole{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;width:2rem;height:2rem}.square.svelte-1cdole{background:var(--acc-1);animation:svelte-1cdole-squarePulse 1.2s linear infinite}.square.svelte-1cdole:nth-child(1){animation-delay:0s}.square.svelte-1cdole:nth-child(2){animation-delay:.3s}.square.svelte-1cdole:nth-child(3){animation-delay:.6s}.square.svelte-1cdole:nth-child(4){animation-delay:.9s}@keyframes svelte-1cdole-squarePulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
