.sk-wrapper{--sk-card-width:270px;--sk-root-card-width:420px;--sk-line:#2ecc71db;max-width:100%;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2rem) 8rem;position:relative;overflow-x:hidden}.sk-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sk-bg-orb{filter:blur(100px);border-radius:50%;position:absolute}.sk-bg-1{background:radial-gradient(circle,#2ecc7114,#0000 70%);width:500px;height:500px;animation:20s ease-in-out infinite alternate skDrift;top:-10%;left:-10%}.sk-bg-2{background:radial-gradient(circle,#a8ff3e0f,#0000 70%);width:400px;height:400px;animation:25s ease-in-out infinite alternate-reverse skDrift;bottom:10%;right:-5%}@keyframes skDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-25px)scale(1.1)}}.sk-grid{background-image:linear-gradient(#2ecc7106 1px,#0000 1px),linear-gradient(90deg,#2ecc7106 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.sk-float{color:#2ecc710f;pointer-events:none;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;animation:linear infinite skUp;position:absolute;bottom:-20px}@keyframes skUp{0%{opacity:0;transform:translateY(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(-110vh)}}.sk-hero{z-index:2;border-radius:24px;max-width:860px;margin:0 auto 3rem;position:relative;overflow:hidden}.sk-hero-glow{pointer-events:none;background:linear-gradient(135deg,#2ecc7112,#0000 50%,#a8ff3e0a);position:absolute;inset:0}.sk-hero-inner{background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #2ecc711f;border-radius:24px;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex;position:relative;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff08}.sk-hero:before{content:"";z-index:-1;background:conic-gradient(from var(--angle,0deg), #2ecc71, #a8ff3e, #58d68d, #2ecc71);opacity:.4;border-radius:26px;animation:6s linear infinite skSpin;position:absolute;inset:-2px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes skSpin{to{--angle:360deg}}.sk-badge{letter-spacing:2.5px;color:var(--green);background:#2ecc711a;border:1px solid #2ecc7133;border-radius:50px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.6rem;font-weight:800;display:inline-block}.sk-title{font-family:var(--font-fredoka), cursive;background:linear-gradient(135deg,#2ecc71 0%,#a8ff3e 50%,#2ecc71 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.6rem);animation:4s linear infinite skShine}@keyframes skShine{to{background-position:200%}}.sk-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.92rem;font-weight:600;line-height:1.6}.sk-stats{align-items:center;gap:1.5rem;display:flex}.sk-stat{flex-direction:column;align-items:center;display:flex}.sk-stat-v{font-family:var(--font-fredoka), cursive;color:var(--text);font-size:1.4rem}.sk-green{color:var(--green)!important}.sk-stat-l{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:.6rem;font-weight:700}.sk-sep{background:color-mix(in srgb, var(--border) 70%, transparent);width:1px;height:28px}.sk-hero-right{flex-shrink:0}.sk-ring{width:110px;height:110px;position:relative}.sk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sk-ring-bg{fill:none;stroke:color-mix(in srgb, var(--border) 80%, transparent);stroke-width:7px}.sk-ring-bar{fill:none;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 8px #2ecc7180);transition:stroke-dasharray 1.2s cubic-bezier(.4,0,.2,1)}.sk-ring-txt{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sk-ring-pct{font-family:var(--font-fredoka), cursive;color:var(--text);font-size:1.5rem}.sk-tree-scroll{z-index:2;scrollbar-color:#2ecc7173 transparent;margin-inline:calc(-1*clamp(1rem,3vw,2rem));padding:0 clamp(1rem,3vw,2rem) 2rem;position:relative;overflow:auto visible}.sk-tree{flex-direction:column;align-items:center;gap:0;width:max-content;min-width:100%;margin:0 auto;display:flex}.sk-root-step{flex-direction:column;align-items:center;width:max-content;min-width:100%;display:flex}.sk-step-connector{background:linear-gradient(180deg, var(--sk-line), #2ecc7133);border-radius:999px;width:3px;height:clamp(3rem,6vw,4.75rem);margin:clamp(.5rem,2vw,1rem) 0;box-shadow:0 0 12px #2ecc7157,0 0 28px #2ecc711f}.sk-branch{width:var(--branch-width);flex-direction:column;align-items:center;min-width:0;display:flex}.sk-node{width:min(100%, var(--sk-card-width));z-index:1;position:relative}.sk-branch-depth-0>.sk-node{width:min(100%, var(--sk-root-card-width))}.sk-node-card{background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);cursor:pointer;border-radius:16px;width:100%;max-width:none;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sk-node-shimmer{-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);border-radius:17px;padding:1px;transition:background .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sk-node-card:hover .sk-node-shimmer{background:linear-gradient(135deg,#2ecc7180,#0000 30% 70%,#a8ff3e66)}.sk-node-card:hover{background:color-mix(in srgb, var(--surface) 90%, transparent);border-color:#2ecc7133;transform:translateY(-4px);box-shadow:0 14px 40px #0000004d,0 0 25px #2ecc710f}.sk-node.done .sk-node-card{background:#2ecc710d;border-color:#2ecc7133}.sk-node.done .sk-node-card .sk-node-shimmer{background:linear-gradient(135deg,#2ecc714d,#0000 40%)}.sk-node.locked .sk-node-card{opacity:.72;filter:saturate(.7)}.sk-node.locked .sk-node-card:hover{border-color:color-mix(in srgb, var(--border) 60%, transparent);box-shadow:none;transform:none}.sk-node.depth-0 .sk-node-card{border-left:3px solid var(--green)}.sk-node.depth-1 .sk-node-card{border-left:3px solid #58d68d}.sk-node.depth-2 .sk-node-card{border-left:3px solid #a8ff3e}.sk-node.depth-3 .sk-node-card{border-left:3px solid gold}.sk-node-row{align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.sk-node-icon{background:#2ecc710f;border:1px solid #2ecc711a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;transition:all .3s;display:flex}.sk-node-icon.done{background:#2ecc7126;border-color:#2ecc714d;box-shadow:0 0 12px #2ecc7126}.sk-node-info{flex:1;min-width:0}.sk-node-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.sk-node-info h3{font-size:.95rem;font-weight:800}.sk-node.done .sk-node-info h3{color:var(--green)}.sk-node-info p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sk-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.12rem .45rem;font-size:.5rem;font-weight:800}.sk-pill.ess{color:var(--green);background:#2ecc711a;border:1px solid #2ecc7133}.sk-pill.adv{color:#f85149;background:#f8514914;border:1px solid #f851492e}.sk-node-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.sk-check{border:2px solid color-mix(in srgb, var(--border) 70%, transparent);color:#0000;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:900;transition:all .35s;display:flex}.sk-check:hover{border-color:var(--green);background:#2ecc710d}.sk-check.done{background:var(--green);border-color:var(--green);color:var(--dark);box-shadow:0 0 12px #2ecc714d}.sk-check:disabled{cursor:not-allowed;border-color:color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 45%, transparent)}.sk-arrow{color:var(--muted);transition:all .3s;display:flex}.sk-arrow.open{color:var(--green);transform:rotate(180deg)}.sk-detail{border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);flex-direction:column;gap:.6rem;padding:.8rem 1.2rem 1.2rem;animation:.25s ease-out skSlide;display:flex}@keyframes skSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sk-btn-mark{border:2px dashed color-mix(in srgb, var(--border) 60%, transparent);width:100%;color:var(--muted);cursor:pointer;font-size:.85rem;font-weight:800;font-family:var(--font-nunito),sans-serif;background:0 0;border-radius:10px;padding:.7rem;transition:all .3s}.sk-btn-mark:hover{border-color:var(--green);color:var(--green);background:#2ecc710a;border-style:solid}.sk-btn-mark.done{border:2px solid var(--lime);color:var(--dark);background:linear-gradient(135deg,#2ecc71,#1a9e55);border-style:solid}.sk-btn-mark:disabled{cursor:not-allowed;opacity:.7;border-style:solid}.sk-res-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.4rem;font-size:.68rem}.sk-res{background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid color-mix(in srgb, var(--border) 50%, transparent);color:var(--text);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.3rem;padding:.6rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.sk-res:hover{border-color:var(--green);transform:translate(3px)}.sk-res-type{color:var(--green);background:#2ecc7114;border-radius:3px;padding:.1rem .35rem;font-size:.65rem}.sk-res-go{color:var(--muted);margin-left:auto}.sk-btn-ai{text-align:center;color:var(--green);background:#2ecc710f;border:1px solid #2ecc712e;border-radius:10px;padding:.65rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .25s;display:block}.sk-btn-ai:hover{background:var(--green);color:var(--dark)}[data-theme=light] .sk-wrapper{--sk-line:color-mix(in srgb, var(--green) 78%, var(--lime))}[data-theme=light] .sk-bg-1{background:radial-gradient(circle, color-mix(in srgb, var(--green-subtle-strong) 72%, transparent), transparent 70%)}[data-theme=light] .sk-bg-2{background:radial-gradient(circle, color-mix(in srgb, var(--lime-subtle) 70%, transparent), transparent 70%)}[data-theme=light] .sk-grid{background-image:linear-gradient(color-mix(in srgb, var(--green-subtle) 52%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--green-subtle) 52%, transparent) 1px, transparent 1px)}[data-theme=light] .sk-float{color:color-mix(in srgb, var(--green) 14%, transparent)}[data-theme=light] .sk-hero-inner{background:radial-gradient(circle at 18% 0%, var(--green-subtle), transparent 42%), color-mix(in srgb, var(--surface-raised) 92%, transparent);border-color:color-mix(in srgb, var(--green) 16%, var(--border));box-shadow:var(--dropdown-shadow), inset 0 1px 0 #ffffffd1}[data-theme=light] .sk-node-card{background:color-mix(in srgb, var(--surface-raised) 88%, transparent);border-color:color-mix(in srgb, var(--green) 10%, var(--border));box-shadow:var(--card-shadow), inset 0 1px 0 #ffffffb8}[data-theme=light] .sk-node-card:hover{background:color-mix(in srgb, var(--surface-raised) 94%, transparent);border-color:color-mix(in srgb, var(--green) 26%, var(--border));box-shadow:var(--accent-shadow-hover)}[data-theme=light] .sk-node.done .sk-node-card{background:color-mix(in srgb, var(--green-subtle) 72%, var(--surface-raised));border-color:color-mix(in srgb, var(--green) 24%, var(--border))}[data-theme=light] .sk-node.locked .sk-node-card:hover{border-color:color-mix(in srgb, var(--green) 10%, var(--border));box-shadow:var(--card-shadow)}[data-theme=light] .sk-node-icon,[data-theme=light] .sk-res,[data-theme=light] .sk-check:disabled{background:color-mix(in srgb, var(--surface) 84%, var(--green-subtle));border-color:color-mix(in srgb, var(--green) 12%, var(--border))}[data-theme=light] .sk-detail{border-top-color:color-mix(in srgb, var(--green) 10%, var(--border))}.sk-confetti{z-index:10;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.sk-spark{border-radius:50%;width:5px;height:5px;animation:.7s ease-out forwards skBurst;position:absolute}@keyframes skBurst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(calc(cos(var(--angle))*var(--dist)),calc(sin(var(--angle))*var(--dist))) scale(0);opacity:0}}@keyframes skPop{0%{transform:scale(1)}30%{transform:scale(1.04)}60%{transform:scale(.98)}to{transform:scale(1)}}.sk-node.celebrate .sk-node-card{animation:.5s ease-out skPop}.sk-children{justify-items:center;width:100%;min-width:0;display:grid}.sk-connector{background:var(--sk-line);border-radius:3px;width:3px;height:34px;box-shadow:0 0 8px #2ecc7166,0 0 20px #2ecc7126}.sk-child-nodes{grid-template-columns:var(--child-columns);width:var(--tree-width);place-items:start stretch;gap:24px;max-width:none;padding-top:24px;display:grid;position:relative}.sk-child-nodes:before{content:"";top:0;left:var(--line-left);right:var(--line-right);background:var(--sk-line);border-radius:3px;height:3px;position:absolute;box-shadow:0 0 8px #2ecc7166,0 0 20px #2ecc7126}.sk-child-nodes.single-child:before{display:none}.sk-child-branch{flex-direction:column;align-items:center;width:100%;min-width:0;max-width:none;display:flex}.sk-child-vline{background:var(--sk-line);border-radius:3px;width:3px;height:24px;box-shadow:0 0 8px #2ecc7166,0 0 20px #2ecc7126}.sk-child-branch .sk-node-card{max-width:100%;min-width:unset}@media (max-width:768px){.sk-wrapper{padding-inline:1rem}.sk-hero-inner{text-align:center;flex-direction:column;padding:1.8rem 1.3rem}.sk-stats{justify-content:center}.sk-tree-scroll{margin-inline:-1rem;padding-inline:1rem;overflow-x:hidden}.sk-tree,.sk-root-step{width:100%;min-width:100%}.sk-branch{width:100%!important}.sk-step-connector{height:2.75rem}.sk-child-nodes{gap:0;width:100%;grid-template-columns:1fr!important}.sk-child-nodes:before{display:none}.sk-child-branch{width:100%;max-width:100%}.sk-child-branch .sk-child-vline{width:3px;height:20px}.sk-node,.sk-branch-depth-0>.sk-node{width:100%}.sk-node-card{max-width:100%}.sk-float{display:none}}
