:root{--level-beginner-fg: #8ee0a1;--level-beginner-bg: #16271c;--level-beginner-line: #2d5b3c;--level-intermediate-fg: #e6c77a;--level-intermediate-bg: #262013;--level-intermediate-line: #5c4c24;--level-advanced-fg: #ffa29c;--level-advanced-bg: #2a1716;--level-advanced-line: #6b3431}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--level-beginner-fg: #1c7a45;--level-beginner-bg: #e6f5ec;--level-beginner-line: #a9d9bd;--level-intermediate-fg: #82600f;--level-intermediate-bg: #fbf3df;--level-intermediate-line: #e2cd98;--level-advanced-fg: #a3302a;--level-advanced-bg: #fdeceb;--level-advanced-line: #eab3af}}:root[data-theme=light]{--level-beginner-fg: #1c7a45;--level-beginner-bg: #e6f5ec;--level-beginner-line: #a9d9bd;--level-intermediate-fg: #82600f;--level-intermediate-bg: #fbf3df;--level-intermediate-line: #e2cd98;--level-advanced-fg: #a3302a;--level-advanced-bg: #fdeceb;--level-advanced-line: #eab3af}.difficulty-badge{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;height:20px;padding:0 8px;border-radius:999px;border:1px solid var(--level-beginner-line);background:var(--level-beginner-bg);color:var(--level-beginner-fg);font-size:11px;font-weight:600;line-height:18px;letter-spacing:.01em;white-space:nowrap;flex:none;vertical-align:middle}.difficulty-badge[data-level=intermediate]{border-color:var(--level-intermediate-line);background:var(--level-intermediate-bg);color:var(--level-intermediate-fg)}.difficulty-badge[data-level=advanced]{border-color:var(--level-advanced-line);background:var(--level-advanced-bg);color:var(--level-advanced-fg)}.difficulty-meter{display:inline-flex;align-items:flex-end;gap:1.5px;height:9px}.difficulty-meter i{display:block;width:2.5px;border-radius:1px;background:currentColor;opacity:.3}.difficulty-meter i:nth-child(1){height:4px}.difficulty-meter i:nth-child(2){height:6.5px}.difficulty-meter i:nth-child(3){height:9px}.difficulty-meter i.on{opacity:1}.learn-example .difficulty-badge,.project-link-name .difficulty-badge,.path-basics .difficulty-badge{margin-left:6px}.learn-level{margin:0 0 12px;min-height:20px}.editor-level-slot{display:inline-flex;align-items:center;flex:none}.editor-level{margin-left:6px}@media(max-width:899px){.editor-level .difficulty-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}