<div tabindex="0" class="group __menu-item"><div class="flex...

Prompt

<div tabindex="0" class="group __menu-item"><div class="flex min-w-0 items-center gap-1.5"><div class="relative flex items-center justify-center [opacity:var(--menu-item-icon-opacity,1)] icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" aria-hidden="true" class="icon"><use href="/cdn/assets/sprites-core-e57de601.svg#f7cf8e" fill="currentColor"></use></svg></div><div class="flex min-w-0 grow items-center gap-2.5"><span class="break-words">Projektek</span></div></div><div class="trailing flex min-w-4 shrink-0 items-center justify-center self-stretch text-token-text-tertiary" data-trailing-style="default"><div class="text-token-text-tertiary flex items-center gap-1"><span class="text-xs">1</span><svg data-rtl-flip="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" data-icon-shape="non-circular" focusable="false" class="icon-sm" aria-hidden="true"><use href="/cdn/assets/sprites-shell-3871f2ee.svg#chevron-right-sm" fill="currentColor"></use></svg></div></div></div> update: :root { /* Colors */ --color-surface-base: #000000; --color-deep-navy-glow: #09090f; --color-foreground-primary: #f5f5f7; --color-foreground-inverse-/-button-text: #ffffff; --color-accent-blue: #0000ff; --color-soft-mint: #f6fff9; /* Typography */ --font-body-default-family: -apple-system; --font-body-default-size: 16px; --font-body-default-weight: 400; --font-body-default-line-height: normal; --font-body-medium-family: -apple-system; --font-body-medium-size: 16px; --font-body-medium-weight: 500; --font-body-medium-line-height: normal; --font-body-semibold-family: -apple-system; --font-body-semibold-size: 16px; --font-body-semibold-weight: 600; --font-body-semibold-line-height: normal; --font-caption-default-family: -apple-system; --font-caption-default-size: 11px; --font-caption-default-weight: 400; --font-caption-default-line-height: normal; --font-caption-semibold-family: -apple-system; --font-caption-semibold-size: 11px; --font-caption-semibold-weight: 600; --font-caption-semibold-line-height: normal; --font-caption-semibold-letter-spacing: 0.5px; --font-subheadline-family: -apple-system; --font-subheadline-size: 15px; --font-subheadline-weight: 600; --font-subheadline-line-height: normal; --font-subheadline-letter-spacing: -0.3px; --font-body-long-form-family: -apple-system; --font-body-long-form-size: 16px; --font-body-long-form-weight: 400; --font-body-long-form-line-height: 23.2px; /* Spacing */ --spacing-xs: 2px; --spacing-sm-1: 3px; --spacing-sm-2: 4px; --spacing-sm-3: 5px; --spacing-sm-4: 6px; --spacing-sm-5: 7px; --spacing-base-1: 8px; --spacing-base-2: 10px; --spacing-base-3: 11px; --spacing-base-4: 12px; --spacing-base-5: 13px; --spacing-base-6: 14px; --spacing-md-1: 16px; --spacing-md-2: 17px; --spacing-lg: 20px; /* Border Radius */ --radius-pill-/-message-bubble: 18px; --radius-card-/-input: 16px; --radius-large-pill: 23px; --radius-full-circle: 50%; } { "color": { "Surface Base": { "$type": "color", "$value": "#000000", "$description": "Root app background and primary surface fill; maps to --bg CSS variable" }, "Deep Navy Glow": { "$type": "color", "$value": "#09090f", "$description": "Secondary surface layer visible in header zone; near-black with a blue tint forming the gradient canvas" }, "Foreground Primary": { "$type": "color", "$value": "#f5f5f7", "$description": "Primary text and icon color across all zones; maps to --fg, --fg2, --fg3 at varying opacities" }, "Foreground Inverse / Button Text": { "$type": "color", "$value": "#ffffff", "$description": "Button labels, borders, and separator lines; maps to --green-soft, --sep, --hover, --liquid3" }, "Accent Blue": { "$type": "color", "$value": "#0000ff", "$description": "Brand accent and interactive highlight color; maps to --blue and --accent CSS variables" }, "Soft Mint": { "$type": "color", "$value": "#f6fff9", "$description": "Subtle tint used on gallery/action button text at 72% opacity; appears in footer zone" } }, "typography": { "Body Default": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "16px", "fontWeight": 400, "lineHeight": "normal", "letterSpacing": "normal" }, "$description": "Primary body text and message content; most frequent tuple (43 hits)" }, "Body Medium": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "16px", "fontWeight": 500, "lineHeight": "normal", "letterSpacing": "normal" }, "$description": "Slightly emphasized body text, UI labels" }, "Body Semibold": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "16px", "fontWeight": 600, "lineHeight": "normal", "letterSpacing": "normal" }, "$description": "Strong emphasis body text or button labels" }, "Caption Default": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "11px", "fontWeight": 400, "lineHeight": "normal", "letterSpacing": "normal" }, "$description": "Small metadata, timestamps, secondary labels" }, "Caption Semibold": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "11px", "fontWeight": 600, "lineHeight": "normal", "letterSpacing": "0.5px" }, "$description": "Uppercase-style small labels with tracked spacing" }, "Subheadline": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "15px", "fontWeight": 600, "lineHeight": "normal", "letterSpacing": "-0.3px" }, "$description": "Section subheadings with tight tracking" }, "Body Long-form": { "$type": "typography", "$value": { "fontFamily": "-apple-system", "fontSize": "16px", "fontWeight": 400, "lineHeight": "23.2px", "letterSpacing": "normal" }, "$description": "Message bubble or paragraph text with explicit line-height for readability" } }, "spacing": { "xs": { "$type": "dimension", "$value": "2px" }, "sm-1": { "$type": "dimension", "$value": "3px" }, "sm-2": { "$type": "dimension", "$value": "4px" }, "sm-3": { "$type": "dimension", "$value": "5px" }, "sm-4": { "$type": "dimension", "$value": "6px" }, "sm-5": { "$type": "dimension", "$value": "7px" }, "base-1": { "$type": "dimension", "$value": "8px" }, "base-2": { "$type": "dimension", "$value": "10px" }, "base-3": { "$type": "dimension", "$value": "11px" }, "base-4": { "$type": "dimension", "$value": "12px" }, "base-5": { "$type": "dimension", "$value": "13px" }, "base-6": { "$type": "dimension", "$value": "14px" }, "md-1": { "$type": "dimension", "$value": "16px" }, "md-2": { "$type": "dimension", "$value": "17px" }, "lg": { "$type": "dimension", "$value": "20px" } }, "borderRadius": { "Pill / Message Bubble": { "$type": "dimension", "$value": "18px" }, "Card / Input": { "$type": "dimension", "$value": "16px" }, "Large Pill": { "$type": "dimension", "$value": "23px" }, "Full Circle": { "$type": "dimension", "$value": "50%" } } } Send back the complete code with all the fixes. Fix each of the listed errors one by one, making sure to actually correct them so that there are 0 errors remaining. Keep the original imports, since the files exist. Write out every single character; do not abbreviate anything. Fix every error. There must be exactly one file. Do not write anything else; just output the complete code, and it must not contain any comments. Never, under any circumstances, use simplified, substitute, dummy, simulated, or fake code. Write the entire file as complete, unabridged, production-ready code in a single code block. It must be 100% error-free, a complete, error-free file, and must be submitted as a downloadable file. These requirements are mandatory and must be strictly adhered to. If no list of errors is provided, you must find all the errors and fix them. If there were comments in the original code, delete them. And most importantly: YOU MUST NEVER SIMPLIFY!