:root{--background:#0d1117;--surface:#161b22;--surface-hover:#21262d;--primary:#2ea043;--primary-hover:#3fb950;--text-main:#c9d1d9;--text-muted:#8b949e;--border:#30363d;--level-0:#161b22;--level-1:#0e4429;--level-2:#006d32;--level-3:#26a641;--level-4:#39d353}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1000px;margin:0 auto;padding:10px 20px}.header{text-align:center;margin-bottom:10px}.header h1{background:-webkit-linear-gradient(45deg,#39d353,#58a6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.header p{color:var(--text-muted);font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:0 8px 24px #0003}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);margin-bottom:8px;font-weight:600;display:block}.form-control{background-color:var(--background);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#58a6ff;outline:none;box-shadow:0 0 0 3px #58a6ff4d}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.graph-container{width:100%;padding-bottom:10px;container-type:inline-size}.graph{--gap:2px;--label-w:25px;--cell-size:calc((100cqw - var(--label-w) - (52 * var(--gap))) / 53);gap:var(--gap);width:100%;padding-left:calc(var(--label-w) + 5px);flex-direction:row;padding-top:20px;display:flex;position:relative}.week{gap:var(--gap);width:var(--cell-size);flex-direction:column;display:flex;position:relative}.month-label{color:var(--text-main);white-space:nowrap;margin-bottom:4px;font-size:.7rem;position:absolute;bottom:100%;left:0}.days-column{gap:var(--gap);width:var(--label-w);flex-direction:column;display:flex;position:absolute;top:20px;left:0}.day-label{height:var(--cell-size);line-height:var(--cell-size);color:var(--text-main);text-align:right;padding-right:5px;font-size:.65rem}.day{width:var(--cell-size);height:var(--cell-size);background-color:var(--level-0);border-radius:2px;transition:transform .1s;position:relative}.day:hover{z-index:10;transform:scale(1.2)}.day[data-level="1"]{background-color:var(--level-1)}.day[data-level="2"]{background-color:var(--level-2)}.day[data-level="3"]{background-color:var(--level-3)}.day[data-level="4"]{background-color:var(--level-4)}.day[data-level="0"][data-synth=true]{background-color:var(--level-0);box-shadow:inset 0 0 0 1.5px #1b502a}.day[data-level="1"][data-synth=true]{background-color:#2d0a4e}.day[data-level="2"][data-synth=true]{background-color:#008e43}.day[data-level="3"][data-synth=true]{background-color:#00d2ff}.day[data-level="4"][data-synth=true]{background-color:#ff007f}.loader{border:3px solid #ffffff1a;border-left-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-icon{background:var(--border);width:16px;height:16px;color:var(--text-muted);cursor:help;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-family:serif;font-size:11px;font-style:italic;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.info-icon:hover{background:var(--text-main);color:var(--background)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}:root{--bg:#050816;--panel:#0c122ac7;--panel-2:#121838e0;--line:#905cff47;--line-strong:#ff36d1b3;--text:#f6f3ff;--muted:#9ca5cc;--green:#36f58b;--cyan:#23d6ff;--purple:#9b5cff;--pink:#ff39cf;--orange:#ff9f36;--yellow:#ffe45c;--danger:#ff3c6b;--radius:18px;--glow-green:0 0 16px #36f58b8c, 0 0 38px #36f58b29;--glow-pink:0 0 18px #ff39cf8c, 0 0 44px #ff39cf2e;--glow-cyan:0 0 18px #23d6ff73, 0 0 44px #23d6ff21;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{height:100vh;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0,#9b5cff38,#0000 28%),radial-gradient(circle at 85% 12%,#ff39cf1f,#0000 26%),linear-gradient(#030410 0%,#080d22 62%,#040712 100%);flex-direction:column;margin:0;padding:8px 0;display:flex;overflow:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#23d6ff12 1px,#0000 1px),linear-gradient(90deg,#ff39cf12 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 82%,#0000);mask-image:linear-gradient(#0000,#000 16% 82%,#0000)}button,input{font:inherit}button{color:var(--text);cursor:pointer}.app-shell{background:linear-gradient(#080c1ef0,#060a18f5);border:1px solid #9b5cff57;border-radius:28px;flex-direction:column;width:min(1720px,100vw - 38px);height:100%;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 0 1px #23d6ff14,0 30px 90px #0000008c,0 0 90px #9b5cff29}.titlebar{border-bottom:1px solid #905cff2e;grid-template-columns:auto auto 1fr 210px;align-items:center;gap:18px;min-height:50px;padding:8px 26px;display:grid}.window-dots span{border-radius:50%;width:13px;height:13px;margin-right:8px;display:inline-block}.window-dots span:first-child{background:#ff5e6c}.window-dots span:nth-child(2){background:#ffd15c}.window-dots span:nth-child(3){background:#52f78e}.brand{align-items:center;gap:14px;display:flex}.logo-img{object-fit:contain;width:58px;height:58px}.bot-logo{width:58px;height:58px;box-shadow:var(--glow-cyan);background:linear-gradient(135deg,#1be0ff,#913cff 62%,#ff3bd1);border-radius:14px;place-items:center;font-size:30px;display:grid}.brand h1{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.2rem;margin:0;font-size:18px;display:flex}.brand p{color:var(--muted);margin:4px 0 0;font-size:14px}.titlebar img.logo-img{width:auto;height:auto;max-height:50px}.flow{justify-content:center;align-items:center;gap:16px;display:flex}.logo-img{flex:none;display:block}.flow i{color:var(--green);font-size:24px;font-style:normal}.flow-step{color:#d9d8ff;background:#121838b8;border:1px solid #9b5cff73;border-radius:999px;padding:6px 28px;box-shadow:inset 0 0 18px #9b5cff17}.flow-step b{background:#ffffff14;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:10px;display:inline-grid}.flow-step.active{color:#aeffd2;box-shadow:var(--glow-green);border-color:#36f58bcc}.flow-step.active b{background:var(--green);color:#07120d}.top-icons{justify-content:flex-end;gap:12px;display:flex}.top-icons button{background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;width:42px;height:42px}.top-icons .avatar{border-color:var(--pink);box-shadow:var(--glow-pink);border-radius:50%}.layout{scrollbar-width:thin;scrollbar-color:var(--purple) #05081680;flex:1;grid-template-columns:264px minmax(0,1fr) 240px;gap:18px;min-height:0;padding:18px 12px 24px;display:grid;overflow-y:auto}.layout::-webkit-scrollbar{width:10px;height:10px}.layout::-webkit-scrollbar-track{background:#05081680;border-radius:8px}.layout::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--purple), var(--pink));border:2px solid #050816cc;border-radius:8px}.layout::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--pink), var(--cyan))}.panel,.card,.year-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#101734e0,#080d1fdb);box-shadow:inset 0 1px #ffffff0d,0 18px 50px #00000038}.panel{padding:12px}.card{padding:16px}h2,h3{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading button{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;width:30px;height:30px}.year-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.year-row label{color:var(--muted)}.year-row strong{color:var(--green);background:#36f58b14;border:1px solid #36f58b47;border-radius:9px;margin-left:8px;padding:8px 16px;display:inline-block}.year-row .purple{color:#c684ff;background:#9b5cff1f;border-color:#9b5cff59}.control-row{color:#dce1ff;grid-template-columns:auto 1fr 40px;align-items:center;gap:8px;margin:17px 0;display:grid}.control-row input{accent-color:var(--green);width:100%}.control-row b{color:#cbd3ff;text-align:right;font-weight:500}.control-row.compact{grid-template-columns:1fr auto}em{background:var(--green);color:#07120d;border-radius:999px;padding:5px 13px;font-size:12px;font-style:normal;font-weight:800}.counter{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:9px;padding:3px;display:flex}.counter button{background:#ffffff0f;border:0;border-radius:7px;width:26px;height:25px}.palette{border-top:1px solid #ffffff14;padding-top:12px}.palette summary{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;display:flex}.palette summary span{color:#e5ddff;text-transform:none;letter-spacing:0}.swatches{gap:6px;margin-top:12px;display:flex}.swatches i,.legend{background:var(--c);width:20px;height:20px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 55%, transparent);border-radius:5px;display:inline-block}.presets{border-color:#ff39cf61}.presets h2{color:#ff86e8;margin-bottom:12px}.presets button{text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:11px;width:100%;margin:8px 0;padding:12px 14px;font-weight:700;display:block}.presets .selected{border-color:var(--pink);box-shadow:var(--glow-pink)}.presets .ghost{color:var(--muted);font-weight:500}.remix .avatars{gap:8px;margin:12px 0;display:flex}.remix span{background:#23d6ff1f;border:1px solid #23d6ff3d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.remix p{color:var(--muted);margin:0}.remix i{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.workspace{min-width:0;container-type:inline-size}.toolbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:repeat(8,minmax(0,76px));justify-content:space-between;gap:min(16px,1.5cqi);margin-bottom:16px;padding:12px 26px;display:grid;position:sticky;top:0}.tool{aspect-ratio:76/66;background:#ffffff0d;border:1px solid #ffffff24;border-radius:clamp(8px,1.5cqi,13px);flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:auto;font-size:25px;display:flex}.tool span{color:#e8e7ff;margin-top:2px;font-size:clamp(8px,1.5cqi,12px);display:block}.tool.active{border-color:var(--green);box-shadow:var(--glow-green);background:#36f58b24}.tool.new-btn{background:#ffffff14;border-color:#fff6;margin-left:auto;transition:all .2s;box-shadow:0 0 12px #ffffff26}.tool.new-btn:hover{background:#ffffff2e;border-color:#fffc;box-shadow:0 0 16px #ffffff59}.year-card{margin-bottom:14px;padding:18px 22px 0;position:relative;overflow:hidden}.year-card.active-year{box-shadow:var(--glow-green), inset 0 1px #ffffff0f;border-color:#36f58bbf}.year-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.year-meta h2{color:var(--green);letter-spacing:.04em;font-size:34px}.year-meta-controls{color:var(--green);text-transform:uppercase;background:#36f58b1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.year-meta p,.year-meta-desc{color:#c8cdef;align-items:center;gap:7px;margin:0;display:flex}.legend{background:#164c35;width:14px;height:14px}.l2{background:#23793e}.l3{background:#35b956}.l4{background:#d5e641}.l5{background:#ffad34}.p1{background:#2a1065}.p2{background:#5622b5}.p3{background:#9a43ff}.p4{background:#ff48cf}.months{color:#d9d7f0;grid-template-columns:repeat(12,1fr);margin-bottom:8px;margin-left:48px;font-size:clamp(5px,1.5cqi,14px);display:grid}.graph-wrap{min-height:170px;padding-left:48px;position:relative;overflow:hidden}.graph-wrap.short{min-height:115px}.contrib-grid{z-index:2;grid-auto-flow:column;gap:2px;width:100%;display:grid;position:relative}.contrib-grid:before{content:"";display:none}.contrib-grid.big{grid-template-rows:repeat(7,1fr)}.contrib-grid.small{grid-template-rows:repeat(5,1fr);margin-top:4px}.contrib-grid>span{aspect-ratio:1;background:#101b31;border-radius:20%;width:100%;height:auto}.contrib-grid>span.v1{background:#103625}.contrib-grid>span.v2{background:#176d39}.contrib-grid>span.v3{background:#2ab24e}.contrib-grid>span.v4{background:#99df3f}.contrib-grid>span.hot1{background:#ffce42}.contrib-grid>span.hot2{background:#ff8e31}.contrib-grid>span.hot3{background:#ff4f91}.contrib-grid>span.hot4{background:#d02cff}.contrib-grid>span.purple{background:#6e34ce}.contrib-grid>span.pink{background:#d34dff}.contrib-grid .days{grid-template-rows:inherit;gap:inherit;color:#d5d2ef;align-items:center;font-size:clamp(5px,1.5cqi,14px);display:grid;position:absolute;top:0;bottom:0;left:-40px}.vibe-overlay{pointer-events:none;z-index:3;opacity:.78;width:100%;height:100%;transition:opacity .25s,z-index .25s;position:absolute;inset:0}.runner{z-index:4;filter:drop-shadow(0 0 16px #ff39cfe6);pointer-events:none;font-size:46px;transition:opacity .25s,z-index .25s;position:absolute;bottom:24px;right:48px}.year-card:hover .vibe-overlay,.graph-wrap:hover .vibe-overlay,.year-card:hover .runner,.graph-wrap:hover .runner{z-index:1!important;opacity:.5!important}.small-year{opacity:.9}.small-year .year-meta h2{color:#a859ff}.caption-box{box-shadow:var(--glow-pink);border-color:#ff39cf8c;margin-bottom:14px;padding:14px 170px 18px 18px;position:relative}.caption-box label{text-transform:uppercase;color:#c675ff;letter-spacing:.06em;font-size:12px;font-weight:900}.caption-box label span{color:var(--muted);font-weight:500;position:absolute;top:16px;right:20px}.caption-box p{letter-spacing:.02em;margin:10px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:26px}.caption-box p i{vertical-align:-5px;background:#e9e5ff;width:2px;height:27px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.caption-box button{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:10px 14px;position:absolute;bottom:18px;right:18px}@keyframes blink{50%{opacity:0}}.export-row{grid-template-columns:140px repeat(5,1fr);align-items:center;gap:12px;padding:14px;display:grid}.export-row h3{color:#b9bff0;font-size:12px}.export-row button{text-align:left;background:#ffffff0b;border:1px solid #ffffff21;border-radius:13px;min-height:62px;padding:10px 14px}.export-row b,.export-row span{display:block}.export-row span{color:var(--muted);margin-top:3px;font-size:12px}.layers{border-color:#9b5cff59}.layer{background:#ffffff0a;border:1px solid #9b5cff47;border-radius:13px;grid-template-columns:28px 58px 1fr 28px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:grid}.layer.selected{border-color:var(--pink);box-shadow:var(--glow-pink)}.layer small{color:var(--muted);margin-top:3px;display:block}.layer i{opacity:.85;font-style:normal}.thumb{background:#11182f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;height:52px;font-size:28px;display:grid}.thumb.heart:before{content:"💖";filter:saturate(1.2)}.thumb.invader:before{content:"👾"}.thumb.text{color:#f3efff;font-size:26px}.thumb.mountain{background:linear-gradient(135deg,#0000 32%,#23d6ff 33% 36%,#0000 37%),linear-gradient(160deg,#0000 44%,#ff39cf 45% 48%,#0000 49%),#10182f}.thumb.gridglow{background-image:linear-gradient(#23d6ff33 1px,#0000 1px),linear-gradient(90deg,#ff39cf33 1px,#0000 1px);background-size:12px 12px}.layer-actions{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;display:grid}.layer-actions button{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:10px;height:38px}.danger{color:var(--danger)}.achievements{box-shadow:var(--glow-green);border-color:#36f58b8a;grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.achievements h2{color:#83ffb4;grid-column:1/-1;font-size:12px}.achievements div{text-align:center;background:#36f58b0f;border-radius:12px;padding:10px}.achievements b{color:#51ffc0;font-size:20px;display:block}.achievements span{color:var(--muted);text-transform:uppercase;font-size:11px}.primary-export{color:#8dffc0;width:70%;box-shadow:var(--glow-green);background:#36f58b21;border:1px solid #36f58be6;border-radius:15px;margin:14px 0 0;padding:18px;font-size:16px;font-weight:900}.copy-link{text-align:center;width:70%;color:var(--muted)}.hype{border-color:#ff39cf80;margin-top:8px}.hype div{gap:10px;margin-top:12px;display:flex}.hype button{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex:1;height:38px}.graph-scroll-container{width:100%}.desktop-export-clone{box-shadow:none!important}@media (max-width:1180px){.app-shell{border-radius:0;width:100%;margin:0}.titlebar{grid-template-columns:1fr;gap:12px;height:auto;padding:15px}.flow{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.layout{gap:14px;padding:12px;flex-direction:column!important;display:flex!important}.sidebar-left{order:1!important}.sidebar-right{order:2!important}.workspace{order:3!important;width:100%!important}.toolbar{justify-content:flex-start;padding:8px;overflow-x:auto}.layout:before{content:"Desktop experience recommended for drawing";color:#08120d;background:var(--green);text-align:center;border-radius:10px;margin-bottom:5px;padding:10px 14px;font-size:.85rem;font-weight:700}.sidebar-left,.sidebar-right{z-index:auto!important;align-self:stretch!important;width:100%!important;max-width:100%!important;position:relative!important;top:auto!important}.preview-container-main{width:100%!important;height:auto!important;min-height:auto!important}.graph-scroll-container{-webkit-overflow-scrolling:touch;padding-bottom:8px;width:100%!important;overflow-x:auto!important}.graph-scroll-container .graph-wrap,.graph-scroll-container .months{min-width:740px!important;padding-left:48px!important;padding-right:24px!important}.graph-scroll-container .graph-wrap{overflow:visible!important}.graph-scroll-container .contrib-grid{width:100%!important;min-width:668px!important}.desktop-export-clone{width:1000px!important;height:auto!important}.desktop-export-clone[style*="width: 500px"]{width:500px!important;height:500px!important}.desktop-export-clone[style*="width: 360px"]{width:360px!important;height:640px!important}.desktop-export-clone .graph-scroll-container{width:100%!important;padding-bottom:0!important;overflow-x:visible!important}.desktop-export-clone .graph-scroll-container .graph-wrap,.desktop-export-clone .graph-scroll-container .months{min-width:0!important;padding-left:48px!important;padding-right:24px!important}.desktop-export-clone .graph-scroll-container .contrib-grid{width:100%!important;min-width:0!important}}.tool svg{width:clamp(14px,3.5cqi,22px);height:clamp(14px,3.5cqi,22px)}.tool>div{width:clamp(14px,3.5cqi,24px)!important;height:clamp(14px,3.5cqi,24px)!important;margin-bottom:0!important}.simplegit-template-card{box-shadow:none!important;background-image:none!important}.simplegit-template-grid-wrapper{padding-left:42px!important}.simplegit-template-grid-wrapper .contrib-grid .days{color:#8b949e!important;font-size:9px!important;left:-26px!important}.simplegit-template-grid-wrapper .day{border-radius:2px!important}.flatgit-template-card{box-shadow:none!important;background-image:none!important;padding-left:42px!important}.flatgit-template-card .contrib-grid .days{color:#8c8c8c!important;font-size:9px!important;left:-26px!important}.flatgit-template-card .day{border-radius:0!important}.flatgit-template-card .day[data-level="0"]{background-color:#222!important;border:1px solid #ffffff05!important}.flatgit-template-card .day[data-level="1"]{background-color:#2d3d75!important}.flatgit-template-card .day[data-level="2"]{background-color:#495fae!important}.flatgit-template-card .day[data-level="3"]{background-color:#6b82e6!important}.flatgit-template-card .day[data-level="4"]{background-color:#a4b3ff!important}@media print{.no-print{display:none!important}}.context-menu-content,.dropdown-menu-content{-webkit-backdrop-filter:blur(12px)saturate(180%);z-index:9999;background:#0f0a19d9;border:1px solid #a855f740;border-radius:8px;min-width:180px;padding:5px;animation:.15s ease-out fadeIn;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833,inset 0 1px #ffffff1a}.context-menu-item,.dropdown-menu-item{color:#c8cdef;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;outline:none;align-items:center;height:28px;padding:0 8px;font-size:13px;line-height:1;transition:all .15s ease-in-out;display:flex;position:relative}.context-menu-item[data-highlighted],.dropdown-menu-item[data-highlighted]{color:#fff;background:#a855f733;border:1px solid #a855f766}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}