.welcome-reopen{margin-top:24px;width:100%;background:transparent}.welcome-dialog{padding:0;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px}.welcome-dialog[open]{display:flex;flex-direction:column}.welcome-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-header,.welcome-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;flex-shrink:0}.welcome-header{border-bottom:1px solid var(--border)}.welcome-header>span{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:var(--muted)}.welcome-header>span svg{color:var(--accent)}.welcome-body{padding:28px 32px;overflow-y:auto;min-height:0}.welcome-step{font-size:12px;color:var(--accent);margin:0 0 10px}.welcome-body h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.8px;line-height:1.2;margin:0 0 16px}.welcome-body h2:focus{outline:none}.welcome-lead{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:24px}.welcome-start{display:flex;align-items:flex-start;gap:18px;padding:24px;background:var(--panel-hover);border:1px solid var(--border);border-radius:8px}.welcome-start>svg{color:var(--accent);flex-shrink:0}.welcome-body h3{font-size:14px;margin:0 0 7px}.welcome-start p,.welcome-screen-grid p,.welcome-flow p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.welcome-note{font-size:12px;line-height:1.8;color:var(--muted);margin:24px 0 0}.welcome-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.welcome-screen-grid article{display:flex;align-items:flex-start;gap:12px}.welcome-screen-grid article>svg{color:var(--accent);flex-shrink:0;margin-top:2px}.welcome-flow{padding-left:24px;display:grid;gap:22px}.welcome-flow li::marker{color:var(--accent);font-weight:600}.welcome-flow strong{display:block;font-size:14px;margin-bottom:5px}.welcome-rules{list-style:none;margin:0;padding:0;display:grid;gap:20px}.welcome-rules li{display:grid;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--border)}.welcome-rules strong{font-size:14px}.welcome-rules span{font-size:13px;line-height:1.7;color:var(--muted)}.welcome-footer{border-top:1px solid var(--border)}.welcome-dots{display:flex;gap:6px}.welcome-dots span{width:6px;height:6px;border-radius:50%;background:var(--border)}.welcome-dots span.active{background:var(--accent)}@media(max-width:560px){.welcome-body{padding:22px}.welcome-header,.welcome-footer{padding:14px 18px;gap:10px}.welcome-screen-grid{grid-template-columns:1fr}.welcome-start{padding:18px;gap:12px}.welcome-dots{display:none}.welcome-footer .button{font-size:12px;padding:10px 12px}}.rl-dashboard{--rl-surface: #0a0a0a;--rl-inset: #050505;--rl-border: #252525;--rl-text: #f5f5f5;--rl-muted: #a3a3a3;--rl-accent: #f59e0b;color:var(--rl-text);display:grid;gap:30px}[data-theme=light] .rl-dashboard{--rl-surface: #fff;--rl-inset: #faf9f6;--rl-border: #e6e3dc;--rl-text: #1c1917;--rl-muted: #706b63;--rl-accent: #a65d05}.rl-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.rl-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:600;color:var(--rl-muted)}.rl-overview-heading h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:10px 0}.rl-overview-heading p{font-size:14px;color:var(--rl-muted);line-height:1.7;margin:0}.rl-overview-heading>.button{flex-shrink:0}.rl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rl-border);border-bottom:1px solid var(--rl-border);padding:22px 0}.rl-metrics article{padding:0 25px;border-right:1px solid var(--rl-border)}.rl-metrics article:first-child{padding-left:0}.rl-metrics article:last-child{border-right:0}.rl-metric-label{display:flex;align-items:center;gap:8px;color:var(--rl-muted);font-size:12px}.rl-metrics article>strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:600;margin:10px 0 5px;line-height:1.2}.rl-metrics small{color:var(--rl-muted);font-size:11px;line-height:1.5}.rl-dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:26px;align-items:start}.rl-main-column{min-width:0;display:grid;gap:28px}.rl-side-column{display:grid;gap:18px;min-width:0}.rl-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.rl-section-heading h2{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:600}.rl-section-heading>span{font-size:10px;letter-spacing:.08em;color:var(--rl-muted)}.rl-section-heading>a{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--rl-muted);text-decoration:none}.rl-section-heading>a:hover{color:var(--rl-text)}.rl-section-heading>svg{color:var(--rl-muted)}.rl-practice-card{border:1px solid var(--rl-border);border-radius:12px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;background:var(--rl-surface)}.rl-practice-copy{padding:25px;min-width:0}.rl-challenge-category{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--rl-muted)}.rl-challenge-category .difficulty-badge{margin-left:auto}.rl-practice-copy h3{font-size:23px;font-weight:600;line-height:1.35;letter-spacing:-.6px;margin:22px 0 12px}.rl-practice-copy p{font-size:13px;line-height:1.7;color:var(--rl-muted);margin:0}.rl-challenge-details{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0;font-size:11px;color:var(--rl-muted)}.rl-challenge-details span{display:flex;align-items:center;gap:5px}.rl-practice-copy>.button{min-height:40px;font-size:12px}.rl-example{border-left:1px solid var(--rl-border);background:var(--rl-inset);min-width:0;display:flex;flex-direction:column}.rl-example-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--rl-border);padding:14px 18px;font-size:11px;color:var(--rl-muted)}.rl-example-dot{width:6px;height:6px;border-radius:50%;background:var(--rl-border);margin-left:auto}.rl-example-body{padding:23px 20px;flex:1;min-height:175px;max-height:300px;overflow:auto}.rl-code-label{font-family:monospace;letter-spacing:.07em;font-size:10px;color:var(--rl-muted)}.rl-example pre{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-family:JetBrains Mono,ui-monospace,monospace}.rl-code-divider{height:1px;background:var(--rl-border);margin:22px 0}.rl-example .rl-output{color:var(--rl-accent)}.rl-example-caption{font-size:10px;color:var(--rl-muted);padding:12px 18px;border-top:1px solid var(--rl-border)}.rl-topic-list{border:1px solid var(--rl-border);border-radius:12px;background:var(--rl-surface);overflow:hidden}.rl-topic-row{display:flex;align-items:center;gap:16px;padding:19px 20px;border-bottom:1px solid var(--rl-border);text-decoration:none;color:inherit;transition:background .15s}.rl-topic-row:last-child{border:0}.rl-topic-row:hover{background:var(--rl-inset)}.rl-topic-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--rl-border);border-radius:8px;color:var(--rl-muted);flex-shrink:0}.rl-topic-name{flex:1;min-width:0}.rl-topic-name h3{font-size:13px;margin:0 0 5px;font-weight:550}.rl-topic-name p{font-size:11px;color:var(--rl-muted);margin:0;line-height:1.5}.rl-topic-progress{width:90px;flex-shrink:0}.rl-topic-progress>span{font-size:10px;display:block;text-align:right;color:var(--rl-muted);margin-bottom:8px}.rl-topic-row>svg{color:var(--rl-muted);margin-left:6px;flex-shrink:0}.rl-topic-progress .progress-bar{height:3px}.rl-activity,.rl-level{background:var(--rl-surface);border:1px solid var(--rl-border);border-radius:12px;padding:22px}.rl-streak-number{display:flex;align-items:baseline;gap:10px;margin:25px 0}.rl-streak-number strong{font-size:36px;font-weight:600;letter-spacing:-1px}.rl-streak-number>span{font-size:12px;color:var(--rl-muted)}.rl-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.rl-week-day{text-align:center;font-size:10px;color:var(--rl-muted)}.rl-week-day>span{display:block;margin-bottom:10px}.rl-week-day>div{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;background:var(--rl-inset);border:1px solid var(--rl-border);font-size:10px}.rl-week-day.is-today>div{border-color:var(--rl-accent);color:var(--rl-accent)}.rl-week-day.is-done>div{background:var(--rl-accent);color:var(--rl-inset);border-color:var(--rl-accent)}.rl-today-status{border-top:1px solid var(--rl-border);margin-top:23px;padding-top:20px;display:flex;align-items:flex-start;gap:10px}.rl-today-status>span{margin-top:2px;display:flex;color:var(--rl-muted)}.rl-today-status>span.is-done{color:var(--rl-accent)}.rl-open-circle{width:14px;height:14px;border:1px solid var(--rl-muted);border-radius:50%}.rl-today-status strong{font-size:12px;font-weight:550}.rl-today-status p{font-size:11px;line-height:1.7;color:var(--rl-muted);margin:5px 0 0}.rl-level-values{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px;font-size:12px}.rl-level-values strong{font-weight:550}.rl-level-values span{color:var(--rl-muted)}.rl-level>p{font-size:11px;color:var(--rl-muted);margin:10px 0 0}.rl-level>p strong{font-weight:500;color:var(--rl-text)}.rl-level .progress-bar{height:5px}.rl-support{padding:5px 3px}.rl-support-icon{display:block;color:var(--rl-accent);margin-bottom:12px}.rl-support h2{font-size:14px;font-weight:550;margin:0 0 8px}.rl-support p{font-size:12px;line-height:1.8;color:var(--rl-muted);margin:0 0 16px}.rl-support>a{display:flex;align-items:center;gap:7px;color:var(--rl-text);font-size:12px;text-decoration:none}.rl-support>a:hover{color:var(--rl-accent)}.rl-empty{padding:30px;border:1px solid var(--rl-border);border-radius:12px;color:var(--rl-muted)}@media(min-width:1600px){.rl-dashboard-columns{grid-template-columns:minmax(0,1fr) 310px}.rl-practice-copy{padding:30px}.rl-practice-copy h3{font-size:27px}}@media(max-width:1150px){.rl-dashboard-columns{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.rl-practice-card{grid-template-columns:1fr}.rl-example{border-left:0;border-top:1px solid var(--rl-border)}.rl-example-body{min-height:unset;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;max-height:170px;padding:18px}.rl-code-label{grid-row:1}.rl-example pre{grid-row:2;margin:0}.rl-code-divider,.rl-example-caption{display:none}.rl-metrics article{padding:0 16px}.rl-topic-progress{width:65px}.rl-topic-row{gap:12px;padding:16px}.rl-activity,.rl-level{padding:18px}}@media(max-width:1050px){.rl-overview-heading{align-items:flex-start}.rl-overview-heading h1{font-size:26px}.rl-overview-heading>.button{font-size:12px}.rl-dashboard-columns{grid-template-columns:1fr}.rl-side-column{grid-template-columns:1fr 1fr}.rl-support{display:none}.rl-practice-card{grid-template-columns:1.15fr 1fr}.rl-example{border-top:0;border-left:1px solid var(--rl-border)}.rl-example-body{display:block;max-height:300px}.rl-example pre{margin-top:10px}.rl-code-divider,.rl-example-caption{display:block}.rl-metrics article{padding:0 12px}.rl-metric-label{font-size:11px;gap:5px}.rl-metrics small{font-size:10px}}@media(max-width:570px){.rl-dashboard{gap:24px}.rl-overview-heading{display:block}.rl-overview-heading h1{font-size:25px;letter-spacing:-.7px}.rl-overview-heading p{font-size:13px}.rl-overview-heading>.button{margin-top:18px}.rl-metrics{grid-template-columns:1fr 1fr;padding:0}.rl-metrics article{padding:18px 12px!important;border-right:0}.rl-metrics article:nth-child(odd){border-right:1px solid var(--rl-border);padding-left:0!important}.rl-metrics article:nth-child(-n+2){border-bottom:1px solid var(--rl-border)}.rl-metrics article>strong{font-size:27px}.rl-metric-label{font-size:11px}.rl-practice-card{grid-template-columns:1fr}.rl-practice-copy{padding:22px}.rl-practice-copy h3{font-size:22px}.rl-example{border-left:0;border-top:1px solid var(--rl-border)}.rl-example-body{display:grid;grid-template-columns:1fr 1fr;min-height:unset;max-height:190px;gap:10px;padding:20px}.rl-code-divider{display:none}.rl-example pre{font-size:12px;margin:0}.rl-example-caption,.rl-topic-progress{display:none}.rl-side-column{grid-template-columns:1fr}.rl-activity,.rl-level{padding:22px}.rl-section-heading h2{font-size:14px}.rl-section-heading>span{font-size:9px}.rl-week-day>div{max-height:38px;aspect-ratio:auto;height:36px}.rl-topic-row{padding:16px 14px}.rl-topic-name p{font-size:10px}.rl-topic-name h3{font-size:12px}}.rl-overview-actions{display:flex;flex-wrap:wrap;gap:10px}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--cosmetic-name-cyan:#22d3ee;--cosmetic-name-violet:#c4b5fd;--cosmetic-name-lime:#bef264;--cosmetic-name-rose:#f9a8d4;--cosmetic-name-emerald:#6ee7b7}:root[data-theme=light]{--cosmetic-name-cyan:#0e7490;--cosmetic-name-violet:#6d28d9;--cosmetic-name-lime:#4d7c0f;--cosmetic-name-rose:#be185d;--cosmetic-name-emerald:#047857}:root[data-cosmetic-theme=neon]{--bg:#090c12;--sidebar:#0f151b;--panel:#121a21;--panel-hover:#1a2832;--border:#30404c;--accent:#bef264;--accent-soft:#bef26417}:root[data-cosmetic-theme=cosmos]{--bg:#090714;--sidebar:#110d20;--panel:#171127;--panel-hover:#241b3b;--border:#382b52;--accent:#d8b4fe;--accent-soft:#d8b4fe17}:root[data-cosmetic-theme=forest]{--bg:#050e0a;--sidebar:#0a1811;--panel:#0d1d15;--panel-hover:#152d20;--border:#294735;--accent:#6ee7b7;--accent-soft:#6ee7b717}:root[data-theme=light][data-cosmetic-theme=neon]{--bg:#f5f8ed;--sidebar:#fcfef6;--panel:#fff;--panel-hover:#eff5df;--border:#d4dfba;--accent:#4d7c0f;--accent-soft:#4d7c0f12}:root[data-theme=light][data-cosmetic-theme=cosmos]{--bg:#f7f3fc;--sidebar:#fdfaff;--panel:#fff;--panel-hover:#f0e8fa;--border:#ded0eb;--accent:#7e22ce;--accent-soft:#7e22ce12}:root[data-theme=light][data-cosmetic-theme=forest]{--bg:#f1f8f3;--sidebar:#fbfefb;--panel:#fff;--panel-hover:#e7f2e9;--border:#c7ddce;--accent:#047857;--accent-soft:#04785712}:root[data-cosmetic-theme=ocean]{--bg:#020b12;--sidebar:#041019;--panel:#071620;--panel-hover:#0b2230;--border:#173443;--accent:#38bdf8;--accent-soft:#38bdf81a}:root[data-cosmetic-theme=sunset]{--bg:#10070b;--sidebar:#170b10;--panel:#1d1017;--panel-hover:#2b1820;--border:#422430;--accent:#fbbf24;--accent-soft:#fbbf241a}:root[data-theme=light][data-cosmetic-theme=ocean]{--bg:#f1f8fc;--sidebar:#fafdff;--panel:#fff;--panel-hover:#e8f4fb;--border:#c9dfea;--accent:#075985;--accent-soft:#07598512}:root[data-theme=light][data-cosmetic-theme=sunset]{--bg:#fff7f3;--sidebar:#fffcfa;--panel:#fff;--panel-hover:#fff0e8;--border:#eddbd1;--accent:#9a3412;--accent-soft:#9a341212}.cosmetic-avatar{border-radius:30%;flex-shrink:0;display:block}.sidebar-profile .cosmetic-avatar{width:36px;height:36px}.topbar-avatar .cosmetic-avatar{width:100%;height:100%}.topbar-avatar{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.profile-page .profile-large-avatar{place-items:center;padding:0;display:grid;overflow:hidden}.profile-page .profile-large-avatar .cosmetic-avatar{width:100%;height:100%}.profile-page .profile-main .profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar-coins{border:1px solid var(--border);color:var(--accent);border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:6px 10px;font-weight:650;display:inline-flex}.topbar-login{white-space:nowrap;margin:0 6px}.shop-page{max-width:1280px;margin:0 auto}.shop-wallet{border:1px solid var(--border);background:var(--panel);border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:0 10px;padding:14px 20px;display:grid}.shop-wallet svg{color:var(--accent);grid-row:1/3}.shop-wallet strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.3}.shop-wallet span{color:var(--muted);font-size:11px}.shop-login-callout,.shop-offer{align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.shop-login-callout>svg,.shop-offer>svg{color:var(--accent);flex-shrink:0}.shop-login-callout>div,.shop-offer>div{flex:1;min-width:0}.shop-page h2{margin:0;font-size:16px;font-weight:650;line-height:1.4}.shop-page p{color:var(--muted);margin:8px 0 0;font-size:13px}.shop-login-callout .button{flex-shrink:0}.shop-rewards{border:1px solid var(--border);background:var(--panel);border-radius:12px;grid-template-columns:1fr 1fr 1.35fr;margin:0 0 24px;display:grid}.shop-rewards>div{grid-template-columns:24px minmax(0,1fr);gap:0 10px;padding:18px 22px;display:grid}.shop-rewards>div+div{border-left:1px solid var(--border)}.shop-rewards svg{color:var(--accent);grid-row:1/3;align-self:center}.shop-rewards strong{font-size:13px}.shop-rewards span{color:var(--muted);font-size:11px}.shop-offer{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.shop-offer{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}}.shop-offer{background:linear-gradient(110deg,var(--accent-soft),var(--panel))}.shop-offer h2{margin-top:4px;font-size:20px}.shop-offer p strong{color:var(--text)}.shop-offer .shop-theme-preview{flex:0 0 100px}.shop-view-switch{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin:4px 0 16px;padding:4px;display:inline-flex}.shop-view-switch button,.shop-filters button,.economy-filter{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:44px;padding:10px 15px;font-size:13px}.shop-view-switch button[aria-pressed=true]{background:var(--panel-hover);color:var(--text);box-shadow:0 0 0 1px var(--border)}.shop-view-switch span{border:1px solid var(--border);border-radius:20px;margin-left:5px;padding:2px 6px;font-size:10px}.shop-filters{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.shop-filters button{border:1px solid var(--border);padding:8px 14px}.shop-filters button[aria-pressed=true],.economy-filter.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.shop-card{flex-direction:column;min-width:0;padding:20px;display:flex;overflow:hidden}.shop-card.is-equipped{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.shop-card.is-equipped{border-color:color-mix(in srgb,var(--accent) 65%,var(--border))}}.shop-item-preview{border-bottom:1px solid var(--border);background:radial-gradient(ellipse at center,var(--accent-soft),transparent 75%);place-items:center;height:138px;margin:-20px -20px 20px;display:grid}.shop-card-hint .shop-item-preview{color:var(--accent)}.shop-item-heading{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.shop-item-heading h2{flex:1;min-width:100px}.shop-item-badge{border:1px solid var(--border);color:var(--accent);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:inline-flex}.shop-card>p{flex:1;margin-bottom:18px}.shop-name-preview{overflow-wrap:anywhere;text-align:center;max-width:100%;padding:0 20px;font-size:23px;font-weight:750;display:block}.shop-theme-preview{border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(3,20px);place-content:center;gap:8px;padding:18px;display:grid}.shop-theme-preview svg{grid-column:1/-1;justify-self:center;margin-bottom:8px}.shop-theme-ocean{color:#7dd3fc;background:#071a28}.shop-theme-sunset{color:#fdba74;background:#29121d}.shop-item-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:14px;font-size:11px;display:flex}.shop-item-meta span{align-items:center;gap:4px;display:inline-flex}.shop-price{color:var(--accent);align-items:center;gap:7px;margin-bottom:16px;display:flex}.shop-price strong{font-variant-numeric:tabular-nums;font-size:21px}.shop-price del{color:var(--subtle);margin-left:3px;font-size:12px}.shop-card>.button{width:100%;min-height:44px}.shop-card>.button:disabled{opacity:.55;cursor:not-allowed}.shop-defaults,.shop-confirmation,.shop-empty{margin-bottom:22px;padding:24px}.shop-confirmation{border-color:var(--accent);background:linear-gradient(110deg,var(--accent-soft),var(--panel));scroll-margin-top:90px}.shop-confirmation [role=alert]{color:var(--danger)}.shop-confirm-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.shop-notice{border:1px solid var(--success);align-items:flex-start;gap:9px;padding:14px 18px;display:flex}@supports (color:color-mix(in lab,red,red)){.shop-notice{border:1px solid color-mix(in srgb,var(--success) 40%,var(--border))}}.shop-notice{background:var(--success)}@supports (color:color-mix(in lab,red,red)){.shop-notice{background:color-mix(in srgb,var(--success) 8%,var(--panel))}}.shop-notice{border-radius:10px;color:var(--success)!important;margin-bottom:20px!important}.shop-notice svg{flex-shrink:0;margin-top:2px}.economy-auth-page{max-width:760px;margin:0 auto}.economy-auth-panel{max-width:560px;margin:0 auto;padding:30px}.economy-auth-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border:1px solid var(--border);border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.economy-auth-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:5px;margin-bottom:24px;padding-bottom:16px;display:flex}.economy-filter{white-space:nowrap;border:1px solid #0000;flex:1;padding:8px}.economy-auth-form{flex-direction:column;gap:19px;display:flex}.economy-auth-google{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.economy-auth-google .button{width:100%;min-height:46px}.economy-auth-google p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.economy-auth-divider{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.economy-auth-divider:before,.economy-auth-divider:after{content:"";border-top:1px solid var(--border);flex:1}.economy-auth-password-access{margin-top:18px}.economy-auth-password-access summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:13px}.economy-auth-password-access[open] summary{margin-bottom:14px}.economy-auth-password-access summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.economy-auth-form>p{color:var(--muted);margin:0;font-size:13px}.economy-auth-form label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.economy-auth-form input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:8px;padding:11px 13px;font-size:14px}.economy-auth-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.economy-auth-form input:disabled{opacity:.6}.economy-auth-form small{color:var(--muted);font-weight:400}.economy-auth-panel .text-link{width:fit-content;margin-top:20px;display:flex}.economy-auth-form .button{min-height:46px}.economy-auth-panel .economy-notice,.economy-auth-panel .economy-error{border-radius:9px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:13px;font-size:12px;display:flex}.economy-notice{border:1px solid var(--border);background:var(--accent-soft);color:var(--text)}.economy-notice svg{flex-shrink:0;margin-top:2px}.economy-auth-panel .economy-error{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.economy-auth-panel .economy-error{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border))}}.economy-auth-panel .economy-error{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.economy-auth-panel .economy-error{background:color-mix(in srgb,var(--danger) 8%,var(--panel))}}.profile-rewards p{color:var(--muted);font-size:13px}.profile-rewards ul{color:var(--muted);padding-left:18px;font-size:12px}.shop-page button:focus-visible,.economy-auth-panel button:focus-visible,.topbar-coins:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.shop-grid,.profile-page .profile-main .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-rewards>div{padding:16px 14px}}@media(max-width:900px){.app-shell .mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:600px){.shop-grid{grid-template-columns:minmax(0,1fr);gap:16px}.shop-login-callout{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:18px}.shop-login-callout>div{flex-basis:calc(100% - 40px)}.shop-login-callout .button{width:100%}.shop-rewards{grid-template-columns:1fr}.shop-rewards>div+div{border-left:0;border-top:1px solid var(--border)}.shop-rewards>div{padding:14px 18px}.shop-offer{flex-wrap:wrap;gap:12px;padding:18px}.shop-offer>svg{display:none}.shop-offer>.cosmetic-avatar,.shop-offer>.shop-theme-preview{width:60px;height:60px;padding:7px}.shop-offer .shop-theme-preview{flex-basis:80px}.shop-offer .shop-name-preview{padding:0;font-size:16px}.shop-offer p{font-size:11px}.shop-filters{gap:5px}.shop-filters button{padding:7px 11px;font-size:12px}.shop-view-switch{display:flex}.shop-view-switch button{flex:1}.shop-defaults,.shop-confirmation,.shop-empty{padding:18px}.shop-confirm-actions .button{width:100%}.shop-item-preview{height:130px}.shop-wallet{padding:10px 16px}.economy-auth-panel{padding:22px 18px}.economy-filter{font-size:12px}.economy-auth-form input{font-size:16px}.profile-page .profile-main .profile-stats{grid-template-columns:minmax(0,1fr)}.topbar-coins{gap:4px;padding:5px 7px;font-size:11px}.topbar-coins svg{width:14px;height:14px}.topbar-login{margin:0 3px;font-size:11px}}@media(prefers-reduced-motion:reduce){.shop-page *,.economy-auth-page *{transition:none!important;animation:none!important}}.shop-page .shop-footnote{border-top:1px solid var(--border);max-width:800px;margin-top:24px;padding-top:18px;font-size:12px}.cosmetic-frame{isolation:isolate;border:3px solid #0000;border-radius:34%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:relative}.cosmetic-frame-neon{border-color:#bef264;border-radius:18%;box-shadow:0 0 0 2px #6d28d9,0 0 16px #bef26440}.cosmetic-frame-orbit{border:3px double #c4b5fd;border-radius:50%;box-shadow:0 0 0 3px #818cf830}.cosmetic-frame-vine{background:#064e3b40;border:4px dashed #34d399;border-radius:30% 12%}.cosmetic-frame-pixel{border:4px dotted #38bdf8;border-radius:6px;box-shadow:3px 3px #0369a1}.cosmetic-frame-champion{background:linear-gradient(135deg,#f59e0b50,#fef08a30);border:4px double #fbbf24;border-radius:28% 28% 12% 12%;box-shadow:0 0 0 2px #92400e}.cosmetic-frame-runnerup{background:#94a3b820;border:4px ridge #cbd5e1;border-radius:22%}.cosmetic-frame-bronze{border:4px solid #d97706;border-radius:35% 14%;box-shadow:inset 0 0 0 2px #78350f}.cosmetic-frame-finalist4{border:3px dashed #a78bfa;border-radius:50% 50% 20% 20%}.cosmetic-frame-finalist5{border:3px dotted #22d3ee;border-radius:12% 38%}.profile-page .profile-large-avatar{overflow:visible}.profile-large-avatar>.cosmetic-frame,.topbar-avatar>.cosmetic-frame{width:100%;height:100%}.cosmetic-profile-title{font-weight:600;color:var(--accent)!important;font-size:12px!important}.shop-personal-preview{background:radial-gradient(ellipse at 12% 30%,var(--accent-soft),transparent 70%),var(--panel);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:30px;margin-bottom:24px;padding:30px;display:grid}.shop-preview-profile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.shop-preview-profile h2{overflow-wrap:anywhere;font-size:24px}.shop-preview-profile>span:last-child{color:var(--muted);font-size:12px}.shop-preview-title{border:1px solid var(--border);color:var(--accent);border-radius:30px;padding:4px 12px;font-size:12px}.shop-preview-detail{align-self:center;min-width:0}.shop-preview-detail h2{scroll-margin-top:100px;font-size:21px}.shop-preview-detail .button{margin-top:18px}.shop-preview-detail .shop-theme-preview{max-width:320px;margin-top:18px}.shop-section-heading{margin:28px 0 16px}.shop-section-heading h2{margin-top:5px;font-size:22px}.shop-missions,.shop-collection-grid,.shop-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.shop-missions{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-mission,.shop-collection{flex-direction:column;gap:10px;min-width:0;padding:22px;display:flex}.shop-mission>strong{color:var(--accent);font-size:22px}.shop-mission p,.shop-collection p{margin:0}.shop-mission small,.shop-collection small{color:var(--muted);font-size:11px}.shop-mission .progress-track,.shop-collection .progress-track{width:100%}.shop-collection h3,.shop-offer h3{margin:0;font-size:17px}.shop-collection>span{font-variant-numeric:tabular-nums;font-size:12px}.shop-collection .text-link{text-align:left;background:0 0;width:fit-content;min-height:44px;margin-top:auto}.shop-collection-neon{border-top:3px solid #a3e635}.shop-collection-astral{border-top:3px solid #c084fc}.shop-collection-forest{border-top:3px solid #34d399}.shop-offer-grid .shop-offer{text-align:center;flex-direction:column;align-items:stretch;gap:16px;margin:0;padding:22px;display:flex}.shop-offer-grid .shop-offer>.cosmetic-avatar,.shop-offer-grid .shop-offer>.cosmetic-frame{align-self:center}.shop-offer-grid .shop-offer>div{flex:initial}.shop-offer-grid .shop-offer small{color:var(--muted);font-size:11px}.shop-offer-grid .shop-offer .button{white-space:normal;min-height:44px;margin-top:auto}.shop-offer-grid .shop-offer .shop-theme-preview{flex:initial;width:100%;height:auto}.shop-rarity{border:1px solid var(--border);width:fit-content;color:var(--muted);letter-spacing:.04em;border-radius:20px;margin-bottom:10px;padding:2px 9px;font-size:10px;font-weight:600}.shop-rarity-rare{color:var(--cosmetic-name-cyan);border-color:var(--cosmetic-name-cyan)}@supports (color:color-mix(in lab,red,red)){.shop-rarity-rare{border-color:color-mix(in srgb,var(--cosmetic-name-cyan) 40%,var(--border))}}.shop-rarity-epic{color:var(--cosmetic-name-violet);border-color:var(--cosmetic-name-violet)}@supports (color:color-mix(in lab,red,red)){.shop-rarity-epic{border-color:color-mix(in srgb,var(--cosmetic-name-violet) 40%,var(--border))}}.shop-rarity-legendary{color:var(--accent);border-color:var(--accent)}.shop-preview-button{margin-bottom:8px}.shop-card>.button{white-space:normal}.shop-card .shop-pack-saving{color:var(--accent);flex:initial;margin:0 0 14px;font-size:11px}.shop-hint-preview{align-items:center;gap:14px;display:flex}.shop-hint-preview strong{font-variant-numeric:tabular-nums;font-size:40px}.shop-title-preview{color:var(--accent);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:0 20px;font-weight:650;display:flex}.shop-theme-preview{--preview-bg:#071620;--preview-panel:#0b2230;--preview-ink:#f1f5f9;--preview-accent:#38bdf8;background:var(--preview-bg);width:220px;max-width:100%;color:var(--preview-ink);border-color:var(--preview-accent);flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:14px;display:flex}@supports (color:color-mix(in lab,red,red)){.shop-theme-preview{border-color:color-mix(in srgb,var(--preview-accent) 35%,transparent)}}.shop-theme-sunset{--preview-bg:#1d1017;--preview-panel:#2b1820;--preview-accent:#fbbf24}.shop-theme-neon{--preview-bg:#121a21;--preview-panel:#1a2832;--preview-accent:#bef264}.shop-theme-cosmos{--preview-bg:#171127;--preview-panel:#241b3b;--preview-accent:#d8b4fe}.shop-theme-forest{--preview-bg:#0d1d15;--preview-panel:#152d20;--preview-accent:#6ee7b7}:root[data-theme=light] .shop-theme-preview{--preview-ink:#171717}:root[data-theme=light] .shop-theme-ocean{--preview-bg:#f1f8fc;--preview-panel:#e8f4fb;--preview-accent:#075985}:root[data-theme=light] .shop-theme-sunset{--preview-bg:#fff7f3;--preview-panel:#fff0e8;--preview-accent:#9a3412}:root[data-theme=light] .shop-theme-neon{--preview-bg:#f5f8ed;--preview-panel:#eff5df;--preview-accent:#4d7c0f}:root[data-theme=light] .shop-theme-cosmos{--preview-bg:#f7f3fc;--preview-panel:#f0e8fa;--preview-accent:#7e22ce}:root[data-theme=light] .shop-theme-forest{--preview-bg:#f1f8f3;--preview-panel:#e7f2e9;--preview-accent:#047857}.shop-theme-mini-header{color:var(--preview-accent);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.shop-theme-preview svg{margin:0}.shop-theme-mini-body{background:var(--preview-panel);border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex}.shop-theme-mini-body>span{background:var(--preview-accent);opacity:1;border-radius:8px;flex-shrink:0;width:24px;height:30px}.shop-theme-mini-body>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.shop-theme-mini-body strong{white-space:nowrap;font-size:8px}.shop-theme-mini-body div span{background:var(--preview-ink);opacity:.3;border-radius:3px;width:80%;height:3px;display:block}.shop-theme-preview>.shop-theme-mini-button{text-align:center;background:var(--preview-accent);height:auto;color:var(--preview-bg);opacity:1;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:700;display:block}.shop-item-preview:has(.shop-theme-preview){min-height:175px}.ranking-tabs{max-width:360px}.ranking-page>.economy-notice{border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:13px}.weekly-prizes,.weekly-winners{margin-top:22px;padding:26px}.weekly-prizes h2,.weekly-winners h2{margin:0 0 8px;font-size:19px}.weekly-prizes>p,.weekly-winners>p{color:var(--muted);font-size:13px}.weekly-prize-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.weekly-prize{text-align:center;border:1px solid var(--border);background:var(--panel-hover);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 8px;display:flex}.weekly-prize:first-child{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.weekly-prize:first-child{border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}}.weekly-prize:first-child{background:linear-gradient(145deg,var(--accent-soft),var(--panel-hover))}.weekly-prize>strong{font-size:14px}.weekly-prize>span:last-child{color:var(--accent);align-items:center;gap:5px;font-size:12px;display:inline-flex}.weekly-winner-list{margin:20px 0 0;padding:0;list-style:none}.weekly-winner-list li{border-top:1px solid var(--border);align-items:center;gap:14px;padding:15px 0;display:flex}.weekly-winner-list li>span:not(.cosmetic-frame){flex-direction:column;flex:1;min-width:0;display:flex}.weekly-winner-list strong{overflow-wrap:anywhere}.weekly-winner-list small{color:var(--muted);font-size:12px}.ranking-player-name{flex-direction:column;min-width:0;display:flex}.ranking-player-name .cosmetic-profile-title{background:0 0;margin-top:3px;padding:0}.ranking-page .weekly-period{margin-top:12px;font-size:12px}.weekly-period strong{color:var(--accent)}@media(max-width:1100px){.shop-offer-grid,.shop-collection-grid{gap:12px}.shop-offer-grid .shop-offer,.shop-collection{padding:18px}.shop-personal-preview{gap:20px;padding:24px}}@media(max-width:900px){.weekly-prize-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.shop-offer-grid,.shop-collection-grid{grid-template-columns:minmax(0,1fr)}.shop-personal-preview{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}.shop-preview-detail{text-align:center}.shop-preview-detail .shop-theme-preview{margin:18px auto 0}.shop-missions{grid-template-columns:minmax(0,1fr)}.shop-offer-grid .shop-offer .shop-name-preview{font-size:23px}.shop-offer-grid .shop-offer>.cosmetic-avatar{width:80px;height:80px;padding:0}.weekly-prizes,.weekly-winners{padding:18px}.weekly-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weekly-prize{padding:16px 8px}.shop-preview-detail h2,.shop-section-heading h2{font-size:19px}}@media(prefers-reduced-motion:reduce){.cosmetic-frame,.ranking-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark;--bg:#000;--sidebar:#080808;--panel:#0a0a0a;--panel-hover:#111;--text:#f5f5f5;--muted:#a3a3a3;--text-muted:#a3a3a3;--subtle:#858585;--border:#252525;--accent:#f59e0b;--accent-soft:#f59e0b14;--cyan:#a3a3a3;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#fafaf9;--sidebar:#fff;--panel:#fff;--panel-hover:#f5f5f4;--text:#171717;--muted:#666;--text-muted:#666;--subtle:#737373;--border:#e5e5e5;--accent:#b45309;--accent-soft:#b453090b;--cyan:#666;--success:#15803d;--warning:#a16207;--danger:#be123c}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;min-width:320px;margin:0;font-size:14px;line-height:1.6}input,textarea,[contenteditable=true],.monaco-editor{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}svg{flex-shrink:0}input,select,textarea{min-width:0}input::placeholder,textarea::placeholder{color:var(--subtle)}::selection{background:var(--accent);color:#000}.app-shell{min-height:100vh}.sidebar{z-index:40;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:224px;padding:24px 16px;transition:width .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand-row{align-items:center;min-height:34px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:700;display:flex}.brand-mark{width:32px;height:34px;color:var(--accent);place-items:center;display:grid}.brand-accent{color:var(--text)}.brand small{color:var(--subtle);letter-spacing:.2px;margin-top:1px;font-size:11px;font-weight:400;display:block}.sidebar-section-label{color:var(--subtle);letter-spacing:1px;max-height:24px;margin:40px 12px 12px;font-size:11px;font-weight:600;transition:max-height .18s,margin .18s,opacity .14s;overflow:hidden}.sidebar-nav{gap:4px;display:grid}.nav-item{min-height:43px;color:var(--muted);border-radius:6px;align-items:center;gap:11px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.sidebar .brand>span:last-child,.sidebar .nav-item>span,.sidebar-bottom>.beta-indicator,.sidebar-profile>span:nth-child(2),.sidebar-profile>svg{opacity:1;white-space:nowrap;max-width:160px;transition:max-width .22s cubic-bezier(.22,1,.36,1),opacity .13s;overflow:hidden}.nav-item:hover,.icon-button:hover,.nav-item.active{background:var(--panel-hover);color:var(--text)}.nav-item.active>svg{color:var(--accent)}.nav-item>svg{width:18px}.nav-new{border:1px solid var(--border);color:var(--muted);letter-spacing:.3px;border-radius:4px;margin-left:auto;padding:1px 4px;font-size:10px}.sidebar-growth{border-top:1px solid var(--border);margin:40px 8px 24px;padding:20px 0 0}.growth-icon{color:var(--accent);margin-bottom:12px}.sidebar-growth h3{margin:10px 0;font-size:15px;font-weight:500;line-height:1.5}.sidebar-growth p{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.7}.growth-link{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.growth-orbit{display:none}.sidebar-bottom{margin-top:auto;padding-top:28px}.beta-indicator{border-bottom:1px solid var(--border);color:var(--subtle);letter-spacing:.3px;align-items:center;gap:7px;margin-bottom:18px;padding:0 4px 18px;font-size:10px;display:flex}.beta-indicator>span:first-child{background:var(--success);border-radius:50%;width:5px;height:5px}.beta-capacity{margin-left:auto;font-size:10px}.sidebar-profile{align-items:center;gap:10px;display:flex}.avatar{background:var(--panel-hover);border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.sidebar-profile small{color:var(--subtle);font-size:11px;display:block}.sidebar-profile>svg{color:var(--subtle)}.app-main{flex-direction:column;min-height:100vh;margin-left:224px;transition:margin-left .26s cubic-bezier(.22,1,.36,1);display:flex}@media(min-width:801px){.sidebar.tracks-compact{align-items:center;width:76px;padding:20px 10px}.sidebar.tracks-compact .sidebar-brand-row,.sidebar.tracks-compact .brand{justify-content:center}.sidebar.tracks-compact .brand>span:last-child,.sidebar.tracks-compact .sidebar-section-label,.sidebar.tracks-compact .nav-item>span,.sidebar.tracks-compact .sidebar-bottom>.beta-indicator,.sidebar.tracks-compact .sidebar-profile>span:nth-child(2),.sidebar.tracks-compact .sidebar-profile>svg{opacity:0;pointer-events:none;max-width:0}.sidebar.tracks-compact .sidebar-section-label{max-height:0;margin-top:0;margin-bottom:0}.sidebar.tracks-compact .nav-new{display:none}.sidebar.tracks-compact .sidebar-nav{width:100%;margin-top:32px}.sidebar.tracks-compact .nav-item,.sidebar.tracks-compact .welcome-reopen{justify-content:center;gap:0;width:48px;min-height:48px;margin-inline:auto;padding:10px}.sidebar.tracks-compact .sidebar-bottom{padding-top:0}.sidebar.tracks-compact .sidebar-profile{justify-content:center}.app-main.tracks-compact{margin-left:76px}}@media(prefers-reduced-motion:reduce){.sidebar,.app-main,.sidebar-section-label,.sidebar .brand>span:last-child,.sidebar .nav-item>span,.sidebar-bottom>.beta-indicator,.sidebar-profile>span:nth-child(2),.sidebar-profile>svg{transition:none}}.topbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:24px;height:64px;padding:0 32px;display:flex}.topbar-breadcrumb{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.topbar-breadcrumb strong{font-weight:500}.breadcrumb-home,.breadcrumb-chevron{color:var(--subtle)}.global-search{width:270px;max-width:30%;color:var(--subtle);align-items:center;gap:9px;margin-left:auto;display:flex}.global-search input{background:0 0;border:0;width:100%;font-size:12px}.global-search kbd{border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:11px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-streak{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.topbar-streak svg{color:var(--accent)}.topbar-divider{background:var(--border);width:1px;height:18px}.icon-button{min-width:36px;min-height:36px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.page-content{flex:1;width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:24px 40px 48px}.page-content-arena{max-width:1600px}.page-content-tracks{max-width:1740px}.exploration-banner{color:var(--subtle);align-items:center;gap:8px;margin-bottom:32px;font-size:11px;line-height:1.7;display:flex}.exploration-banner>a{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:var(--subtle);letter-spacing:1.2px;font-size:11px;font-weight:600;line-height:1.5;display:block}.page-heading h1{letter-spacing:-1.2px;margin:10px 0;font-size:clamp(28px,2.6vw,36px);font-weight:600;line-height:1.2}.page-heading p{max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.page-heading-action{flex-shrink:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s;display:inline-flex}.button-primary{background:var(--accent);border-color:var(--accent);color:#000}[data-theme=light] .button-primary{color:#fff}.button-primary:hover:not(:disabled){filter:brightness(1.1)}.button-secondary{background:var(--panel);border-color:var(--border);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--panel-hover)}.text-link{color:var(--text);background:0 0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.text-link:hover{color:var(--accent)}.muted{color:var(--muted)}.small-text{font-size:12px}.badge,.count-pill{background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.muted-badge{color:var(--muted);background:var(--panel)}.progress-bar{background:var(--border);border-radius:3px;height:4px;overflow:hidden}.progress-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.difficulty-badge{white-space:nowrap;align-items:center;gap:5px;width:fit-content;font-size:12px;display:inline-flex}.difficulty-badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.difficulty-easy{color:var(--success)}.difficulty-medium{color:var(--warning)}.difficulty-hard{color:var(--danger)}.topic-icon{border:1px solid var(--border);background:var(--panel-hover);width:42px;height:42px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.tone-purple,.tone-cyan,.tone-orange,.tone-yellow,.tone-pink{color:var(--muted)}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.3px;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:500;display:flex}.section-heading h2>svg{color:var(--muted)}.empty-state,.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:56px 24px;display:flex}.empty-state-icon{border:1px solid var(--border);width:54px;height:54px;color:var(--muted);border-radius:9px;place-items:center;margin-bottom:20px;display:grid}.empty-state h2{margin-bottom:12px;font-size:20px;font-weight:500}.empty-state p{max-width:450px;color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.8}.loading-state{color:var(--muted);gap:16px}.error-state .empty-state-icon{color:var(--danger)}.app-footer{border-top:1px solid var(--border);color:var(--subtle);justify-content:space-between;gap:20px;margin:0 40px;padding:20px 0;font-size:11px;display:flex}.app-footer>span{align-items:center;gap:6px;display:flex}.mobile-bottom-nav,.mobile-menu,.sidebar-close,.sidebar-backdrop{display:none}.skip-link{z-index:100;background:var(--accent);color:#000;border-radius:6px;padding:12px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.code-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.completed-check{color:var(--success)}.catalog-total{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.catalog-total strong{color:var(--text);font-weight:500}.topic-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0 22px;margin-bottom:22px;display:flex}.topic-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:12px 0;font-size:12px;display:flex}.topic-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.topic-tabs small{color:var(--subtle);font-size:11px}.catalog-filters{align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.catalog-search{min-width:120px;color:var(--subtle);flex:1;align-items:center;gap:10px;display:flex}.catalog-search input{background:0 0;border:0;width:100%;font-size:13px}.filter-divider{background:var(--border);width:1px;height:24px}.filter-selects{align-items:center;gap:12px;display:flex}.filter-icon{color:var(--subtle)}.filter-selects select{background:var(--panel);max-width:160px;color:var(--muted);border:0;padding:5px 4px;font-size:12px}.catalog-results-heading{color:var(--subtle);justify-content:space-between;gap:16px;margin-bottom:14px;font-size:12px;display:flex}.catalog-results-heading p{margin:0}.catalog-results-heading strong{color:var(--text);font-weight:500}.catalog-results-heading>span{align-items:center;gap:7px;display:flex}.challenge-list{overflow:hidden}.challenge-list-header,.challenge-row{grid-template-columns:34px minmax(180px,1fr) 100px 120px 64px 20px;align-items:center;gap:16px;padding:20px 22px;display:grid}.challenge-list-header{border-bottom:1px solid var(--border);color:var(--subtle);padding-top:12px;padding-bottom:12px;font-size:11px}.challenge-row{border-bottom:1px solid var(--border);min-height:90px;transition:background .15s}.challenge-row:last-child{border-bottom:0}.challenge-row:hover{background:var(--panel-hover)}.challenge-row-number{color:var(--subtle);font:12px ui-monospace,monospace}.challenge-row-title{min-width:0}.challenge-row-title h2{margin:0 0 5px;font-size:14px;font-weight:500;line-height:1.5}.challenge-row-title p{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.challenge-row-language{color:var(--muted);font-size:12px}.challenge-row-xp{font:13px ui-monospace,monospace}.challenge-row-xp>span{color:var(--subtle);font-size:11px}.challenge-row-status{color:var(--border);display:flex}.challenge-row:hover .challenge-row-status{color:var(--accent)}.catalog-bottom-note{color:var(--subtle);align-items:center;gap:10px;margin-top:24px;padding:18px 0;font-size:12px;display:flex}.catalog-bottom-note>.text-link{white-space:nowrap;margin-left:auto}.tracks-intro{align-items:center;gap:28px;margin-bottom:40px;padding:28px;display:flex}.tracks-intro-index{color:var(--accent);white-space:nowrap;font:24px ui-monospace,monospace}.tracks-intro>div{flex:1}.tracks-intro h2{letter-spacing:-.5px;margin:8px 0;font-size:22px;font-weight:500;line-height:1.4}.tracks-intro p{max-width:590px;color:var(--muted);margin:0;font-size:13px}.tracks-intro>.button{flex-shrink:0}.logic-map{margin-bottom:40px;padding:28px;overflow:hidden}.logic-map-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.logic-map-heading h2{margin:8px 0;font-size:22px}.logic-map-heading p{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.logic-map-legend{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.logic-map-legend span,.logic-detail-status{border:1px solid var(--border);color:var(--subtle);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font:10px ui-monospace,monospace;display:inline-flex}.logic-map-legend .completed,.logic-detail-status.completed{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.logic-map-legend .completed,.logic-detail-status.completed{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}}.logic-map-legend .completed,.logic-detail-status.completed{color:var(--success)}.logic-map-legend .current,.logic-detail-status.current{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.logic-map-legend .current,.logic-detail-status.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}}.logic-map-legend .current,.logic-detail-status.current{color:var(--accent)}.logic-map-canvas{grid-template-columns:repeat(7,minmax(92px,1fr));gap:38px 16px;min-width:820px;margin-top:34px;padding:10px 6px 22px;display:grid;position:relative}.logic-map-line{z-index:0;background:linear-gradient(90deg,var(--success),var(--accent) 48%,#7c5cff 70%,var(--border));height:4px;box-shadow:0 0 16px var(--accent);border-radius:999px;position:absolute;top:37px;left:7%;right:7%}@supports (color:color-mix(in lab,red,red)){.logic-map-line{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 36%,transparent)}}.logic-map-node{z-index:1;min-width:0;color:var(--subtle);cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:relative}.logic-map-node:nth-of-type(n+9){transform:translateY(24px)}.logic-node-number{border:2px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--subtle);border-radius:15px;place-items:center;font:12px ui-monospace,monospace;display:grid;box-shadow:0 8px 16px #0003}.logic-map-node strong{max-width:130px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.logic-map-node small{color:var(--subtle);font-size:10px}.logic-map-node.completed .logic-node-number{border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab,red,red)){.logic-map-node.completed .logic-node-number{background:color-mix(in srgb,var(--success) 14%,var(--surface))}}.logic-map-node.completed .logic-node-number{color:var(--success)}.logic-map-node.current .logic-node-number,.logic-map-node.selected .logic-node-number{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.logic-map-node.current .logic-node-number,.logic-map-node.selected .logic-node-number{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}}.logic-map-node.current .logic-node-number,.logic-map-node.selected .logic-node-number{color:var(--accent);box-shadow:0 0 0 5px var(--accent),0 0 22px var(--accent)}@supports (color:color-mix(in lab,red,red)){.logic-map-node.current .logic-node-number,.logic-map-node.selected .logic-node-number{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),0 0 22px color-mix(in srgb,var(--accent) 36%,transparent)}}.logic-map-node.available .logic-node-number{color:#c4b5fd;border-color:#a78bfa}.logic-map-node:hover .logic-node-number,.logic-map-node:focus-visible .logic-node-number{border-color:var(--text);transform:translateY(-3px)}.logic-map-node:focus-visible,.logic-map-list button:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:16px}.logic-map-list{display:none}.logic-map-detail{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;margin-top:24px;padding:22px;display:grid}@supports (color:color-mix(in lab,red,red)){.logic-map-detail{background:color-mix(in srgb,var(--surface) 88%,black)}}.logic-map-detail.completed{border-top-color:var(--success)}.logic-map-detail.locked{border-top-color:var(--subtle)}.logic-detail-status,.logic-detail-index,.logic-map-detail h3,.logic-map-detail p,.logic-detail-stats,.logic-detail-tags{grid-column:1}.logic-detail-index{color:var(--accent);letter-spacing:.7px;font:10px ui-monospace,monospace}.logic-map-detail h3{margin:0;font-size:18px}.logic-map-detail p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.logic-detail-stats{color:var(--subtle);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.logic-detail-stats span{align-items:center;gap:5px;display:inline-flex}.logic-detail-stats svg{color:var(--accent)}.logic-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.logic-detail-tags code{border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:4px 7px;font-size:10px}.logic-map-detail>.button{grid-area:1/2/span 6;align-self:center}.logic-detail-locked{color:var(--subtle)!important}.constellation{margin-bottom:24px;padding:28px;overflow:hidden}.constellation-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.constellation-heading h2{margin:8px 0;font-size:23px}.constellation-heading p{max-width:630px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.constellation-legend{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.constellation-legend span,.constellation-detail-status{border:1px solid var(--border);color:var(--subtle);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font:10px ui-monospace,monospace;display:inline-flex}.constellation-legend .completed,.constellation-detail-status.completed{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.constellation-legend .completed,.constellation-detail-status.completed{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}}.constellation-legend .completed,.constellation-detail-status.completed{color:var(--success)}.constellation-legend .current,.constellation-detail-status.current{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.constellation-legend .current,.constellation-detail-status.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}}.constellation-legend .current,.constellation-detail-status.current{color:var(--accent)}.constellation-route-context{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-left:auto;display:flex}.constellation-route-context>span{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.constellation-map-toggle{border:1px solid var(--accent);min-height:32px;padding:6px 10px}@supports (color:color-mix(in lab,red,red)){.constellation-map-toggle{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border))}}.constellation-map-toggle{background:var(--accent);border-radius:7px}@supports (color:color-mix(in lab,red,red)){.constellation-map-toggle{background:color-mix(in srgb,var(--accent) 7%,transparent)}}.constellation-map-toggle{color:var(--accent);font-size:11px;font-weight:600}.constellation-map-toggle:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.constellation-map-toggle:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}}.constellation-workspace{border:1px solid var(--border);grid-template-columns:minmax(0,1fr) 288px;gap:0;min-height:500px;margin-top:26px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.constellation-workspace{border:1px solid color-mix(in srgb,var(--border) 85%,#59647f)}}.constellation-workspace{background:#090d13;border-radius:15px;box-shadow:inset 0 1px #ffffff06}[data-theme=light] .constellation-detail{background:var(--panel)}[data-theme=light] .constellation-detail-path{background:var(--panel-hover)}[data-theme=light] .constellation-flow .skill-node.selected .skill-node-label strong{color:#f5f5f5}.constellation-flow,.constellation-mini-flow{background:linear-gradient(#7787a412 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#7787a412 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 19% 30%,#0cd3a117,#0000 22%),radial-gradient(circle at 68% 25%,#ffb2001a,#0000 24%),radial-gradient(circle at 71% 78%,#ff5b631c,#0000 24%),#090d13;position:relative;overflow:hidden}.constellation-flow:before,.constellation-mini-flow:before{z-index:1;content:"";pointer-events:none;border:1px solid #8094b61a;border-radius:10px;position:absolute;top:22px;right:22px;bottom:22px;left:22px}.constellation-click-hint{z-index:4;color:#ffc44e;letter-spacing:.02em;pointer-events:none;background:#090d13db;border:1px solid #ffb3005c;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font:10px ui-monospace,monospace;display:inline-flex;position:absolute;top:14px;left:16px}.constellation-flow .react-flow,.constellation-mini-flow .react-flow{background:0 0}.constellation-flow .react-flow__controls{border:1px solid var(--border);box-shadow:none;border-radius:8px;overflow:hidden}.constellation-flow .react-flow__controls-button{border-bottom-color:var(--border);background:var(--surface);fill:var(--text)}.constellation-flow .react-flow__edge-path{stroke:#536078;stroke-width:1.8px}.constellation-flow .constellation-edge.is-cross-cluster .react-flow__edge-path{stroke-dasharray:4 5}.constellation-flow .constellation-edge.cluster-core .react-flow__edge-path{stroke:var(--success);filter:drop-shadow(0 0 4px var(--success))}@supports (color:color-mix(in lab,red,red)){.constellation-flow .constellation-edge.cluster-core .react-flow__edge-path{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--success) 68%,transparent))}}.constellation-flow .constellation-edge.cluster-patterns .react-flow__edge-path{stroke:#a78bfa;filter:drop-shadow(0 0 4px #a78bfab3)}.constellation-flow .constellation-edge.cluster-reasoning .react-flow__edge-path{stroke:#f7b52c;filter:drop-shadow(0 0 4px #f7b52c94)}.constellation-flow .constellation-edge.cluster-mastery .react-flow__edge-path{stroke:#ff626f;filter:drop-shadow(0 0 4px #ff626f8c)}.skill-node{--node-color:#a78bfa;border:1px solid var(--node-color);width:54px;height:54px}@supports (color:color-mix(in lab,red,red)){.skill-node{border:1px solid color-mix(in srgb,var(--node-color) 78%,#1b2430)}}.skill-node{background:var(--node-color);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.skill-node{background:color-mix(in srgb,var(--node-color) 10%,#0b1018)}}.skill-node{box-shadow:0 0 14px var(--node-color)}@supports (color:color-mix(in lab,red,red)){.skill-node{box-shadow:0 0 14px color-mix(in srgb,var(--node-color) 34%,transparent)}}.skill-node{transition:border-color .18s,box-shadow .18s,transform .18s}.skill-node-button{border-radius:inherit;width:100%;height:100%;color:var(--subtle);cursor:pointer;text-align:center;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.skill-node-button:focus-visible{outline:2px solid var(--text);outline-offset:4px}.skill-node-number{display:none}.skill-node-glyph{z-index:1;color:var(--node-color);letter-spacing:-1px;font:600 17px ui-monospace,monospace;position:relative}.skill-node-label{color:#8b96aa;pointer-events:none;text-align:center;width:88px;font-size:9px;line-height:1.2;display:grid;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.skill-node-label strong{display:none}.skill-node-label small{color:var(--node-color);display:block}@supports (color:color-mix(in lab,red,red)){.skill-node-label small{color:color-mix(in srgb,var(--node-color) 76%,#a7afbf)}}.skill-node-label small{letter-spacing:.04em;text-transform:uppercase;font:9px ui-monospace,monospace}.skill-node.completed{--node-color:var(--success)}.skill-node.cluster-core{--node-color:#12d6a2}.skill-node.cluster-concepts{--node-color:#50b8ff}.constellation-flow .constellation-edge.cluster-concepts .react-flow__edge-path{stroke:#50b8ff}.skill-node.cluster-patterns{--node-color:#a56aff}.skill-node.cluster-reasoning{--node-color:#ffb300}.skill-node.cluster-mastery{--node-color:#ff626b}.skill-node.current,.skill-node.selected{--node-color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--accent),0 0 0 11px var(--accent),0 0 28px var(--accent)}@supports (color:color-mix(in lab,red,red)){.skill-node.current,.skill-node.selected{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent),0 0 0 11px color-mix(in srgb,var(--accent) 6%,transparent),0 0 28px color-mix(in srgb,var(--accent) 60%,transparent)}}.skill-node:hover{box-shadow:0 0 24px var(--node-color);transform:scale(1.12)}@supports (color:color-mix(in lab,red,red)){.skill-node:hover{box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 66%,transparent)}}.skill-node:hover .skill-node-label strong,.skill-node.selected .skill-node-label strong{color:var(--text);margin-bottom:2px;font-size:9px;font-weight:600;display:block}.skill-node.locked{opacity:.42;filter:saturate(.35)}.skill-node.out-of-focus:not(.selected){opacity:.3;filter:saturate(.28)}.skill-node .skill-handle{background:0 0;border:0;width:5px;height:5px}.constellation-detail{border:0;border-left:1px solid #8094b626;border-top:3px solid var(--accent);background:linear-gradient(180deg,var(--accent),transparent 35%),var(--surface);border-radius:0;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.constellation-detail{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 35%),color-mix(in srgb,var(--surface) 92%,black)}}.constellation-detail.completed{border-top-color:var(--success)}.constellation-detail.locked{border-top-color:var(--subtle)}.constellation-detail-status{color:var(--accent)}.constellation-detail h3,.constellation-drawer h3{margin:0;font-size:20px}.constellation-detail>p,.constellation-drawer p{color:var(--muted);margin:0;font-size:13px;line-height:1.62}.constellation-detail>.button{width:100%;margin-top:auto}.constellation-detail-path{border:1px solid var(--border);background:#ffffff05;border-radius:8px;gap:7px;width:100%;padding:10px;display:grid}.constellation-detail-path span,.constellation-detail-path strong{display:block}.constellation-detail-path span{color:var(--subtle);font-size:10px;line-height:1.45}.constellation-detail-path strong{color:var(--text);margin-top:2px;font-size:11px;font-weight:600}.constellation-mobile{display:none}.fundamentals-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:24px;margin-top:-20px;margin-bottom:40px;padding:24px 28px;display:grid}.fundamentals-panel h2{margin:8px 0;font-size:20px}.fundamentals-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.fundamentals-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fundamentals-list article{border:1px solid var(--border);border-radius:8px;gap:10px;padding:12px;display:flex}.fundamentals-list svg{color:var(--accent);flex:none;margin-top:2px}.fundamentals-list strong,.fundamentals-list span{display:block}.fundamentals-list span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4}.tracks-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;display:grid}.track-card{flex-direction:column;min-width:0;padding:26px;transition:border-color .15s;display:flex}.track-card:hover{border-color:var(--subtle)}.track-card-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.track-number{color:var(--subtle);letter-spacing:1px;font:11px ui-monospace,monospace}.track-card-top .completed-check{margin-left:auto}.track-card h2{letter-spacing:-.5px;margin-bottom:10px;font-size:21px;font-weight:500}.track-card>p{color:var(--muted);flex:1;font-size:13px;line-height:1.7}.track-difficulty-breakdown{flex-wrap:wrap;gap:14px;margin:22px 0;display:flex}.track-difficulty-breakdown>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.track-difficulty-breakdown i{background:var(--subtle);border-radius:50%;width:4px;height:4px}.track-difficulty-breakdown strong{font-weight:500}.track-progress-heading{color:var(--subtle);justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;display:flex}.track-progress-heading strong{color:var(--text);font-weight:500}.track-card-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;font-size:11px;display:flex}.track-card-footer>span,.track-card-footer strong{align-items:center;gap:5px;display:flex}.track-card-footer>span{color:var(--subtle)}.track-card-footer strong{font-size:12px;font-weight:500}.upcoming-heading{margin-top:48px}.upcoming-description{color:var(--muted);font-size:13px}.upcoming-tracks-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;display:grid}.upcoming-track{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px 14px;padding:20px;display:grid}.upcoming-track>div{flex:1;min-width:0}.upcoming-track h3{margin:0 0 5px;font-size:14px;font-weight:500}.upcoming-track p{color:var(--subtle);margin:0;font-size:12px;line-height:1.6}.upcoming-lock{color:var(--subtle);white-space:nowrap;grid-column:2;align-items:center;gap:5px;font-size:11px;display:flex}.tracks-footer-note{color:var(--subtle);align-items:center;gap:10px;margin-top:30px;font-size:12px;display:flex}.tracks-footer-note p{margin:0}.tracks-footer-note .text-link{margin-left:auto}.feedback-page{width:100%;max-width:820px;margin:0 auto}.feedback-page>.panel{padding:28px}.feedback-form,.feedback-form fieldset,.feedback-field{gap:12px;min-width:0;display:grid}.feedback-form{gap:24px}.feedback-form fieldset{border:0;gap:24px;margin:0;padding:0}.feedback-form legend{margin-bottom:20px;font-size:17px;font-weight:600}.feedback-field label{font-weight:500}.feedback-field input,.feedback-field select,.feedback-field textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:12px 14px}.feedback-field textarea{resize:vertical;min-height:180px}.feedback-field :disabled{opacity:.7;cursor:not-allowed}.feedback-field p,.feedback-form>p,.feedback-receipt p{color:var(--muted);overflow-wrap:anywhere;margin:0}.feedback-field p{font-size:12px}.feedback-context{align-items:flex-start;gap:10px;display:flex}.feedback-context input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.feedback-discord-notice{border:1px solid var(--border);background:var(--panel-hover);overflow-wrap:anywhere;border-radius:8px;gap:12px;padding:18px;line-height:1.6;display:grid}.feedback-discord-notice h2{margin:0;font-size:18px;font-weight:600}.feedback-discord-notice p{margin:0}.feedback-status{border:1px solid var(--border);background:var(--panel-hover);overflow-wrap:anywhere;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.feedback-page>.panel>.feedback-status{margin-bottom:24px}.feedback-status p{width:100%;margin:0}.feedback-status.error-state{border-color:var(--danger)}.feedback-form>.button{justify-self:start}.feedback-receipt{gap:20px;display:grid}.feedback-receipt h2{margin-bottom:12px;font-size:22px}.feedback-receipt [role=status]{gap:8px;min-width:0;display:grid}.feedback-receipt .button{justify-self:start}@media(max-width:1100px){.page-content{padding-left:28px;padding-right:28px}.global-search{width:200px}.catalog-filters{flex-wrap:wrap}.catalog-search{flex-basis:100%}.filter-divider{display:none}.filter-selects{border-top:1px solid var(--border);width:100%;padding-top:10px}.filter-selects select{flex:1;max-width:none}.challenge-list-header,.challenge-row{grid-template-columns:24px minmax(140px,1fr) 80px 70px 40px;gap:12px;padding-left:16px;padding-right:16px}.challenge-row-language,.challenge-list-header>span:nth-child(4){display:none}.tracks-intro{flex-wrap:wrap}.tracks-intro>.button{margin-left:84px}.upcoming-lock{margin-left:0}}@media(max-width:800px){.constellation-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.constellation-flow{height:460px}.skill-node{width:44px;height:44px}.constellation-detail{border-top:1px solid #8094b626;border-left:0;min-height:0}.logic-map{padding:22px}.logic-map-canvas{grid-template-columns:repeat(7,minmax(54px,1fr));gap:30px 7px;min-width:0}.logic-map-node strong{max-width:78px}.sidebar{visibility:hidden;width:264px;transition:transform .2s,visibility .2s;transform:translate(-100%)}.sidebar.is-open{visibility:visible;transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-flex}.sidebar-close{margin-left:auto}.sidebar-backdrop{z-index:39;background:#0009;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.app-main{padding-bottom:calc(82px + env(safe-area-inset-bottom));margin-left:0}.topbar{gap:16px;padding:0 20px}.global-search{max-width:35%}.breadcrumb-home,.breadcrumb-chevron{display:none}.page-content{padding:24px}.app-footer{margin:0 24px}.mobile-bottom-nav{z-index:30;padding:9px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--sidebar);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-nav a{color:var(--subtle);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:44px;padding:0 2px;font-size:10px;display:flex}.mobile-bottom-nav a.active{color:var(--accent)}.exploration-detail{display:none}.exploration-banner{margin-bottom:26px}.catalog-bottom-note{flex-wrap:wrap}.catalog-bottom-note>span{flex:1}.catalog-bottom-note>.text-link{margin-left:28px}}@media(max-width:560px){.feedback-page>.panel{padding:20px 16px}.feedback-status{padding:14px}.feedback-form>.button,.feedback-receipt .button{width:100%}.constellation{padding:20px 14px}.constellation-heading{flex-direction:column}.constellation-route-context{justify-content:flex-start;width:100%}.constellation-map-toggle{display:none}.constellation-legend{justify-content:flex-start}.constellation-workspace{display:none}.constellation-mobile{margin-top:20px;display:block}.constellation-mini-flow{border-radius:12px;height:178px;margin-bottom:16px}.constellation-mini-flow:before{top:20%;right:15%;bottom:20%;left:15%;box-shadow:0 0 0 54px #7c5cff08}.constellation-mini-flow .skill-node{border-radius:50%;width:38px;height:38px}.constellation-mini-flow .skill-node-button{height:36px;padding:0}.constellation-mini-flow .skill-node-number{border-radius:50%;width:23px;height:23px;font-size:9px}.constellation-mini-flow .skill-node strong,.constellation-mini-flow .skill-node small,.constellation-mini-flow .constellation-click-hint{display:none}.constellation-stage-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.constellation-stage-list button{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.constellation-stage-list button.selected{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.constellation-stage-list button.selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}}.constellation-stage-list button.selected{box-shadow:inset 3px 0 var(--accent)}.constellation-stage-list button.completed .constellation-stage-number{border-color:var(--success);color:var(--success)}.constellation-stage-list button.available .constellation-stage-number{color:#c4b5fd;border-color:#a78bfa}.constellation-stage-number{border:1px solid var(--border);width:30px;height:30px;color:var(--subtle);border-radius:50%;place-items:center;font:10px ui-monospace,monospace;display:grid}.constellation-stage-list strong,.constellation-stage-list small{display:block}.constellation-stage-list strong{font-size:12px;font-weight:600}.constellation-stage-list small{color:var(--subtle);margin-top:3px;font-size:10px}.constellation-stage-list svg{color:var(--subtle)}.constellation-stage-list button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.constellation-drawer{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);border-radius:14px;gap:14px;margin-top:14px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.constellation-drawer{background:color-mix(in srgb,var(--surface) 92%,black)}}.constellation-drawer.locked{border-top-color:var(--subtle)}.constellation-drawer .button{width:100%}.topbar{gap:8px;padding:0 12px}.topbar-actions{gap:4px}.topbar-breadcrumb{gap:4px;font-size:11px}.topbar-streak,.topbar-divider,.global-search{display:none}.topbar-avatar{width:30px;height:30px}.page-content{padding:20px 18px 32px}.page-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.app-footer{margin:0 18px;font-size:10px}.app-footer>span:nth-child(2){display:none}.topic-tabs{gap:0 16px}.topic-tabs button{font-size:11px}.topic-tabs button>svg{display:none}.catalog-filters{gap:12px;padding:12px}.filter-selects{flex-wrap:wrap;gap:8px}.filter-selects select{flex:auto;width:calc(50% - 8px);min-height:32px}.filter-icon{display:none}.catalog-results-heading{align-items:flex-start;font-size:11px}.catalog-results-heading>span,.challenge-list-header{display:none}.challenge-row{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:18px 14px}.challenge-row-number{grid-area:1/1;align-self:start;padding-top:3px}.challenge-row-title{grid-area:1/2}.challenge-row-title h2{font-size:14px}.challenge-row-status{grid-area:1/3;align-self:start;padding-top:4px}.challenge-row>.difficulty-badge{grid-area:2/2;font-size:11px}.challenge-row-xp{grid-area:2/3;font-size:12px}.tracks-intro{gap:18px;padding:22px}.tracks-intro-index{display:none}.tracks-intro>.button{margin-left:0}.tracks-intro h2{font-size:21px}.logic-map{padding:20px 16px}.logic-map-heading,.logic-map-legend{align-items:flex-start}.logic-map-heading{flex-direction:column}.logic-map-legend{justify-content:flex-start}.logic-map-canvas{display:none}.logic-map-list{gap:7px;margin:22px 0 0;padding:0;list-style:none;display:grid}.logic-map-list button{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.logic-map-list button.selected{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.logic-map-list button.selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}}.logic-list-state{border:1px solid var(--border);width:30px;height:30px;color:var(--subtle);border-radius:8px;place-items:center;font:10px ui-monospace,monospace;display:grid}.logic-list-state.completed{border-color:var(--success);color:var(--success)}.logic-list-state.current{border-color:var(--accent);color:var(--accent)}.logic-list-state.available{color:#c4b5fd;border-color:#a78bfa}.logic-map-list strong,.logic-map-list small{display:block}.logic-map-list strong{font-size:12px;font-weight:500}.logic-map-list small{color:var(--subtle);margin-top:3px;font-size:10px}.logic-map-list svg{color:var(--subtle)}.logic-map-detail{grid-template-columns:1fr;margin-top:16px;padding:18px}.logic-map-detail>.button{grid-area:auto/1;width:100%;margin-top:4px}.fundamentals-panel{grid-template-columns:1fr;margin-top:-20px;padding:20px 22px}.fundamentals-list{grid-template-columns:1fr}.tracks-grid,.upcoming-tracks-grid{grid-template-columns:1fr;gap:14px}.track-card{padding:22px}.track-card-top{margin-bottom:16px}.track-card h2{line-height:1.35}.track-difficulty-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.track-difficulty-breakdown>span{border:1px solid var(--border);border-radius:5px;justify-content:center;padding:8px 4px}.track-card-footer{flex-direction:column;gap:12px;margin-top:20px}.track-card-footer strong{background:var(--panel-hover);border-radius:5px;justify-content:space-between;min-height:42px;padding:10px 12px}.tracks-intro>.button{width:100%}.tracks-intro{margin-bottom:28px}.tracks-section-heading{flex-wrap:wrap}.tracks-section-heading h2{font-size:16px}.upcoming-heading{margin-top:36px}.upcoming-track{padding:18px}.tracks-footer-note{flex-wrap:wrap}.tracks-footer-note p{flex:1}.tracks-footer-note .text-link{margin-left:30px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
