:root{--border-color:#80808033;--text:#000;--input-text:#000;--input-bg:#f0f0f5;--bg:#fff;--select-bg:#fff;--select-highlight-bg:#b4b4c833;--accomplishment-highlight-bg:#b4b4c81a;--border:#e5e4e7;--caret-color:#2833ff;--caret-type:bar;--selection-color:#c0c0c833;--logo-color:#000;--font-sans:system-ui, "Segoe UI", Roboto, Inter, sans-serif;--font-hero:"Sora", sans-serif;--font-mono:ui-monospace, Consolas, monospace;font:18px/145% var(--font-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}}::selection{background-color:var(--selection-color)}html,body{background:var(--bg);overscroll-behavior:none;width:100dvw;height:100dvh;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}#root{width:100dvw;height:100dvh;overflow:hidden}[data-theme=acid]{--bg:#bfff00;--select-bg:#000;--select-highlight-bg:#0000001a;--accomplishment-highlight-bg:#0000001a;--text:#000;--input-text:#fff;--input-bg:#000;--border-color:#000;--caret-color:#fff;--caret-shape:block;--selection-color:#bfff0054}[data-theme=midnight]{--bg:#000;--select-bg:#000;--select-highlight-bg:#ffffff1a;--accomplishment-highlight-bg:#ffffff0d;--text:#fff;--input-text:#fff;--input-bg:#0f0f0f;--border-color:#ffffff1a;--caret-color:#999;--caret-shape:bar;--selection-color:#ffffff1a;--logo-color:#fff}[data-theme=lilac]{--bg:#4e4492;--select-bg:#4e4492;--select-highlight-bg:#27234254;--accomplishment-highlight-bg:#2723421a;--text:#fff4ac;--input-text:#fff4ac;--input-bg:#272342;--border-color:#fff4ac59;--caret-color:#fff4ac;--caret-shape:bar;--selection-color:#4e4492bf;--logo-color:#fff4ac}.selectbox,.selectbox .active-option{background:var(--bg);width:4rem;height:4rem;color:var(--text);box-shadow:0 0 0 1px var(--border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.selectbox .active-option:hover{background:var(--select-highlight-bg)!important}.selectbox .select-options{background:var(--bg);z-index:20;width:4rem;box-shadow:0 0 0 1px var(--border-color), 0 4px 12px #00000054;opacity:0;pointer-events:none;border-radius:4px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.selectbox .select-options[data-open=true]{opacity:1;pointer-events:all}.selectbox .select-options .select-option{flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:relative}.selectbox .select-options .select-option:hover,.selectbox .select-options .select-option[data-selected=true]{background:var(--select-highlight-bg)}input{background:var(--input-bg);color:var(--input-text);font-family:var(--font-sans);caret-color:var(--caret-color);caret-shape:var(--caret-shape);border:0;outline:0;position:relative}.app{width:100%;height:100dvh;color:var(--text);flex-direction:column;flex-grow:1;margin:0 auto;display:flex;overflow:auto}.hero-container{z-index:10;background:var(--bg);border-bottom:1px solid var(--border-color);padding:0 5rem;position:sticky;top:-108px}.tracker{background:var(--bg);flex-direction:column;flex-grow:1;width:100%;padding:0 5rem;display:flex}.hero{text-align:center;max-width:1024px;vertical-align:center;font-size:4rem;line-height:3.5rem;font-family:var(--font-hero);margin:0 auto;padding:8rem 5rem 4rem;font-weight:300;position:relative}.hero:before,.hero:after{content:"";background:var(--border-color);z-index:1;width:1px;height:calc(100dvh + 128px);position:absolute;top:0}.hero:before{left:100%}.hero:after{right:100%}.taskmaster{justify-content:center;align-items:center;width:100%;max-width:1024px;margin:0 auto;display:flex;position:relative}.taskmaster .input{flex-grow:1;height:4rem;display:flex;position:relative}.taskmaster:before{content:"";z-index:2;background:var(--border-color);width:100dvw;height:1px;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.taskmaster input{flex-grow:1;padding:1rem 1.5rem;font-size:1.2rem;font-weight:200}.taskmaster .selectbox,.taskmaster .selectbox .active-option,.taskmaster .select-options{background:var(--input-bg);color:var(--input-text)}.taskmaster .selectbox,.taskmaster .selectbox .active-option{box-shadow:none}.taskmaster .selectbox .active-option:hover,.taskmaster .selectbox .active-option[data-selected=true]{background:var(--selection-color)!important}.taskmaster .select-options .select-option:hover,.taskmaster .select-options .select-option[data-selected=true]{background:var(--selection-color)}.taskmaster .submit-button svg{transition:transform .1s ease-in-out}.taskmaster .submit-button{z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:absolute;left:calc(100% + 1px)}.taskmaster .submit-button:hover{background:var(--select-highlight-bg)}.taskmaster .submit-button:hover svg{transform:rotate(-4deg)}.accomplishments{flex-direction:column;flex-grow:1;width:100%;max-width:1024px;margin:auto;padding-bottom:6rem;display:flex}.accomplishment{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-left:1.5rem;font-size:1.2rem;font-weight:200;display:flex;position:relative;overflow:hidden}.accomplishment:last-child{border:0}.accomplishment:hover{background:linear-gradient(to right, var(--accomplishment-highlight-bg), transparent)}.accomplishment:hover:before,.accomplishment:hover:after{opacity:.5;transform:translateY(-50%)}.accomplishment:hover .datestamp{max-width:120px;transform:translate(-4px)}.accomplishment:before,.accomplishment:after{content:"";opacity:0;border:1px solid #000;width:4px;height:100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out;position:absolute;top:50%}.accomplishment:before{border-left-width:0;left:calc(100% + 4px);transform:translateY(-50%)translate(-4px)}.accomplishment:after{border-right-width:0;right:calc(100% + 4px);transform:translateY(-50%)translate(4px)}.datestamp{font-family:var(--font-mono);white-space:nowrap;text-align:right;opacity:.4;margin-left:auto;font-size:.7rem;transition:max-width .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);overflow:hidden;transform:translate(100%)}.accomplishment-icon{width:4rem;height:4rem;box-shadow:-18px 0 16px -16px var(--bg);z-index:1;background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.accomplishment-icon.placeholder svg{opacity:.2}.new-shortcut{border:1px solid var(--border-color);z-index:10;background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:fixed;bottom:1rem;right:1rem}.new-shortcut:hover{background:var(--select-highlight-bg)}.theme-changer{z-index:10;position:fixed;top:1rem;left:1rem}.theme-changer .selectbox{background:var(--bg);border-radius:4px;width:2rem;height:2rem}.theme-changer .selectbox .active-option{border-radius:4px;overflow:hidden}.theme-changer .selectbox .active-option,.theme-changer .selectbox .select-options .select-option{width:2rem;height:2rem}.theme-changer .selectbox .select-options{width:2rem}.theme-changer .selectbox .theme-tile{width:100%;height:100%;padding:6px}.theme-changer .selectbox .theme-swatch{border-radius:50%;grid-template-columns:repeat(2,1fr);width:100%;height:100%;display:grid;overflow:hidden}.theme-changer .selectbox .theme-swatch div{display:flex}.logo-footer{justify-content:center;align-items:center;margin:0 auto;padding-bottom:3rem;display:flex}.login{border-top:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;max-width:1024px;margin:0 auto;padding:3rem;display:flex}.login input{padding:.5rem}.login span{text-align:center;justify-content:center;width:40px;display:flex}@media screen and (width<=512px){:root{font-size:16px}.hero-container,.hero,.tracker{padding:0 1.5rem}.hero-container{top:0}.hero{padding:2rem 3rem;line-height:2.5rem}.taskmaster .submit-button{display:none}}