:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}body,#root{min-width:280px}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff6e4;width:100%;margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;background-color:#fff6e4;width:100%;max-width:430px;box-shadow:0 0 20px #00000080}h2,p{font-family:Pixelify Sans,sans-serif}.header-nav{z-index:1000;background-color:#482e1d;justify-content:center;align-items:center;width:100%;height:60px;padding:0 16px;display:flex;top:0;left:0}.banner-wrapper{width:100%;max-width:600px;min-height:180px;image-rendering:pixelated;box-sizing:border-box;background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:95% 100%;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(12px,8vw,50px);margin-top:1rem;padding:20px 24px;display:flex}.profile-picture{flex-shrink:0;width:80px;height:auto;margin-top:20px;margin-left:16px}.pfp{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.text-field{text-align:left;color:#fbf7ef;flex-direction:column;flex-grow:1;gap:6px;min-width:0;margin:20px 0 0;display:flex}.text-field p{word-break:keep-all;color:#fbf7ef;text-shadow:1px 1px #000;margin:0;font-size:clamp(.95rem,3.5vw,1.15rem)}.link-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-wrapper{align-items:center;gap:4px;display:inline-flex}.icon-wrapper p{color:#fbf7ef;margin:0;font-size:clamp(.95rem,3.5vw,1.1rem);line-height:1}.icon-wrapper a{align-items:center;display:inline-flex}.pixel-icon{width:20px;height:20px;image-rendering:pixelated;object-fit:contain;cursor:pointer;display:block}@media (width<=375px){.banner-wrapper{gap:28px;max-height:280px;padding:50px}.profile-picture{width:80px;height:80px}}.toggle-banner-wrapper{width:100%;max-width:600px;min-height:220px;max-height:280px;image-rendering:pixelated;box-sizing:border-box;background-image:url(/assets/workstylebanner-wZehn32l.png);background-position:50%;background-repeat:no-repeat;background-size:95% 100%;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;margin-top:1rem;padding:42px 28px 24px;display:flex}.toggle-box{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;margin-top:20px;display:flex}.toggle-box p{color:#fbf7ef;word-break:keep-all;text-shadow:1px 1px #000;min-width:0;margin:10px 0 0 15px;font-size:clamp(.95rem,3.5vw,1.15rem)}.toggle-button{cursor:pointer;background-color:#0000;border:none;flex-shrink:0;align-items:center;width:55px;height:auto;margin:10px 15px 0 0;padding:0;display:flex}.toggle-img{width:100%;height:auto;image-rendering:pixelated;object-fit:contain}@media (width<=375px){.toggle-banner-wrapper{gap:0;padding:36px 18px 20px}.toggle-button{width:45px;height:auto}.progress-bar-img{max-width:260px}}.coffee-game-wrapper{width:100%;max-width:600px;min-height:350px;image-rendering:pixelated;box-sizing:border-box;background-image:url(/assets/caffeinatemebanner-DFpY2Qv2.png);background-position:50%;background-repeat:no-repeat;background-size:95% 100%;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:1rem;margin-bottom:3.5rem;padding:clamp(28px,6vw,40px) 20px 20px;display:flex}.caffeine-level{color:#fbf7ef;text-shadow:1px 1px #000;margin:0;font-family:Pixelify Sans,sans-serif;font-size:clamp(.95rem,3vw,.95rem)}.progress-bar-img{width:100%;max-width:clamp(240px,80vw,300px);height:auto;image-rendering:pixelated;object-fit:contain;margin:0 auto;display:block}.hint-text{text-align:center;color:#fbf7ef;text-shadow:1px 1px #000;width:100%;margin:0;font-size:clamp(.95rem,3vw,.95rem)}.coffee-grid{flex-flow:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:85%;display:flex}.coffee-slot{cursor:pointer;will-change:transform, opacity;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex}.coffee-slot:hover{transform:scale(1.3)}.coffee-slot:active{transform:scale(.8)}.coffee-slot.hidden{opacity:0;pointer-events:none;transform:scale(0)rotate(45deg)}.coffee-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.reset-btn{color:#5c4233;cursor:pointer;image-rendering:pixelated;background-color:#fbf7ef;border:2px solid #5c4233;border-radius:.4rem;margin-top:4px;padding:4px 12px;font-family:Pixelify Sans,sans-serif;font-size:.85rem}@media (width<=375px){.coffee-slot{width:30px;height:30px}.coffee-grid{gap:6px;max-width:95%}}