.pop{--primary:#ff5a36;--primary-foreground:#fff;--secondary:#3b5bff;--secondary-foreground:#fff;--accent:#ffc93c;--accent-foreground:#171412;--background:#f6f1e7;--foreground:#171412;--surface:#fff;--muted:#6b6259;--border:#e4dcc9;--input:#ded2b0;--ring:#ff5a36;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--pop-blue:#3b5bff;--pop-blue-foreground:#fff;--pop-orange:#ff5a36;--pop-orange-foreground:#fff;--pop-yellow:#ffc93c;--pop-yellow-foreground:#171412;--pop-pink:#ff8fc8;--pop-pink-foreground:#171412;--pop-green:#8fd14f;--pop-green-foreground:#171412}@media (prefers-color-scheme:dark){.pop:not([data-theme=light]){--background:#171412;--foreground:#f6f1e7;--surface:#201c18;--muted:#a89c8a;--border:#332c24;--input:#443b30}}.pop[data-theme=dark]{--background:#171412;--foreground:#f6f1e7;--surface:#201c18;--muted:#a89c8a;--border:#332c24;--input:#443b30}.pop .tape{position:relative}.pop .tape:before{content:"";background:color-mix(in srgb, var(--pop-yellow) 85%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);width:96px;height:30px;box-shadow:0 2px 6px color-mix(in srgb, var(--foreground) 15%, transparent);z-index:2;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.pop .skill-bar-track{background:color-mix(in srgb, var(--background) 12%, transparent);border-radius:9999px;height:8px;overflow:hidden}.pop .skill-bar-fill{background:linear-gradient(90deg, var(--pop-blue), var(--pop-pink));border-radius:9999px;height:100%}